new file: src/components/NewsletterSignup.astro

This commit is contained in:
Anderson 2026-01-18 22:52:09 +00:00 committed by GitHub
parent 9060797278
commit dca212d0b2
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
10 changed files with 133 additions and 8 deletions

View file

@ -1,9 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 128 128">
<path d="M50.4 78.5a75.1 75.1 0 0 0-28.5 6.9l24.2-65.7c.7-2 1.9-3.2 3.4-3.2h29c1.5 0 2.7 1.2 3.4 3.2l24.2 65.7s-11.6-7-28.5-7L67 45.5c-.4-1.7-1.6-2.8-2.9-2.8-1.3 0-2.5 1.1-2.9 2.7L50.4 78.5Zm-1.1 28.2Zm-4.2-20.2c-2 6.6-.6 15.8 4.2 20.2a17.5 17.5 0 0 1 .2-.7 5.5 5.5 0 0 1 5.7-4.5c2.8.1 4.3 1.5 4.7 4.7.2 1.1.2 2.3.2 3.5v.4c0 2.7.7 5.2 2.2 7.4a13 13 0 0 0 5.7 4.9v-.3l-.2-.3c-1.8-5.6-.5-9.5 4.4-12.8l1.5-1a73 73 0 0 0 3.2-2.2 16 16 0 0 0 6.8-11.4c.3-2 .1-4-.6-6l-.8.6-1.6 1a37 37 0 0 1-22.4 2.7c-5-.7-9.7-2-13.2-6.2Z" />
<style>
path { fill: #000; }
@media (prefers-color-scheme: dark) {
path { fill: #FFF; }
}
</style>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
<circle cx="16" cy="32" r="14" fill="#ff0000" />
<circle cx="32" cy="32" r="14" fill="#0066ff" />
<circle cx="48" cy="32" r="14" fill="#ffa500" />
</svg>

Before

Width:  |  Height:  |  Size: 749 B

After

Width:  |  Height:  |  Size: 221 B

View file

@ -0,0 +1,12 @@
---
// Brief blog/updates teaser
---
<section class="blog-teaser">
<h2>Latest Updates</h2>
<ul>
<li><strong>Jan 2026:</strong> AeThex Trinity goes live!</li>
<li><strong>Dec 2025:</strong> Studio Beta launches for creators</li>
<li><strong>Nov 2025:</strong> Passport integration preview</li>
</ul>
<a href="#" class="cta-link">Read all updates →</a>
</section>

View file

@ -0,0 +1,11 @@
---
// Community integration links
---
<section class="community-links">
<h2>Join the Community</h2>
<div class="links">
<a href="#" class="community-link">Discord</a>
<a href="#" class="community-link">Telegram</a>
<a href="#" class="community-link">GitHub</a>
</div>
</section>

View file

@ -0,0 +1,8 @@
---
// Documentation portal entry point
---
<section class="docs-portal">
<h2>Developer Docs</h2>
<p>Build, integrate, and explore the AeThex ecosystem.</p>
<a href="#" class="cta-link">Go to Docs →</a>
</section>

View file

@ -0,0 +1,11 @@
---
// Short live product demo teaser
---
<section class="live-demo-teaser">
<h2>See AeThex in Action</h2>
<div class="demo-buttons">
<a href="#" class="demo-btn">Try Studio</a>
<a href="#" class="demo-btn">Explore Passport</a>
<a href="#" class="demo-btn">Join Community</a>
</div>
</section>

View file

@ -0,0 +1,11 @@
---
// Simple newsletter signup form (no backend, just UI)
---
<section class="newsletter-signup">
<h2>Stay in the Loop</h2>
<form>
<input type="email" placeholder="Your email" required />
<button type="submit">Subscribe</button>
</form>
<p class="small">No spam. Just AeThex news & updates.</p>
</section>

View file

@ -15,6 +15,12 @@
Professional IDE with Trinity-integrated tools, AI Copilot assistance,
and seamless deployment to multiple platforms. Build once, deploy everywhere.
</p>
<div class="product-demo">
<video controls width="100%" poster="/studio-demo-poster.jpg">
<source src="/studio-demo.mp4" type="video/mp4" />
Your browser does not support the video tag.
</video>
</div>
</div>
<div class="product-card">
<h3 class="product-title">AeThex Passport</h3>
@ -23,6 +29,12 @@
Single identity across all platforms and games. Your achievements, inventory,
and progress follow you wherever you go in the metaverse.
</p>
<div class="product-demo">
<video controls width="100%" poster="/passport-demo-poster.jpg">
<source src="/passport-demo.mp4" type="video/mp4" />
Your browser does not support the video tag.
</video>
</div>
</div>
<div class="product-card">
<h3 class="product-title">AeThex Connect</h3>
@ -31,6 +43,12 @@
Beyond Discord and Slack—communication infrastructure designed for persistent
digital worlds. Bridge communities across platforms.
</p>
<div class="product-demo">
<video controls width="100%" poster="/connect-demo-poster.jpg">
<source src="/connect-demo.mp4" type="video/mp4" />
Your browser does not support the video tag.
</video>
</div>
</div>
<div class="product-card">
<h3 class="product-title">Nexus Engine</h3>
@ -39,6 +57,12 @@
Labs-developed technology enabling seamless player transitions between platforms.
Your game state follows you from Roblox to mobile to console.
</p>
<div class="product-demo">
<video controls width="100%" poster="/nexus-demo-poster.jpg">
<source src="/nexus-demo.mp4" type="video/mp4" />
Your browser does not support the video tag.
</video>
</div>
</div>
</div>
</div>

View file

@ -0,0 +1,12 @@
---
// Simple roadmap visualization
---
<section class="roadmap-section">
<h2>Roadmap</h2>
<ul class="roadmap-list">
<li><span class="dot done"></span> Trinity Launch</li>
<li><span class="dot done"></span> Studio Beta</li>
<li><span class="dot"></span> Community Portal</li>
<li><span class="dot"></span> Docs & API</li>
</ul>
</section>

View file

@ -0,0 +1,23 @@
---
// Concise team & advisors section
---
<section class="team-section">
<h2>Meet the Team</h2>
<div class="team-grid">
<div class="team-member">
<div class="avatar"></div>
<div class="name">Alex Rivera</div>
<div class="role">Founder & CEO</div>
</div>
<div class="team-member">
<div class="avatar"></div>
<div class="name">Morgan Lee</div>
<div class="role">CTO</div>
</div>
<div class="team-member">
<div class="avatar"></div>
<div class="name">Jordan Kim</div>
<div class="role">Advisor</div>
</div>
</div>
</section>

View file

@ -6,6 +6,23 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>AeThex - Metaverse Infrastructure</title>
<meta name="description" content="AeThex provides the core infrastructure for persistent, cross-platform digital experiences. Our Trinity architecture ensures security, innovation, and commercial viability for the next generation of the metaverse." />
<meta name="keywords" content="AeThex, Metaverse, Infrastructure, Trinity, Foundation, Corporation, Labs, Game Development, Digital Identity, Communication, Nexus Engine, AI Copilot" />
<meta name="author" content="AeThex LABS" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<link rel="apple-touch-icon" href="/favicon.svg" />
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://aethex.us/" />
<meta property="og:title" content="AeThex - Metaverse Infrastructure" />
<meta property="og:description" content="AeThex provides the core infrastructure for persistent, cross-platform digital experiences. Our Trinity architecture ensures security, innovation, and commercial viability for the next generation of the metaverse." />
<meta property="og:image" content="https://aethex.us/og-image.png" />
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:url" content="https://aethex.us/" />
<meta name="twitter:title" content="AeThex - Metaverse Infrastructure" />
<meta name="twitter:description" content="AeThex provides the core infrastructure for persistent, cross-platform digital experiences. Our Trinity architecture ensures security, innovation, and commercial viability for the next generation of the metaverse." />
<meta name="twitter:image" content="https://aethex.us/og-image.png" />
<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300;400;700;900&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="/global.css" />
<slot name="head" />