AeThex-Corporation/aethex-us
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

new file: src/components/TestimonialsSection.astro

Browse source
This commit is contained in:
Anderson 2026-01-18 23:24:59 +00:00 committed by GitHub
parent dca212d0b2
commit 2f653e4112
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
10 changed files with 354 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

62
src/components/MetaverseMap.astro Normal file
View file

@ -0,0 +1,62 @@
---
// Interactive Metaverse Map for AeThex ecosystem
---
<section class="metaverse-map-section" id="metaverse-map">
<div class="container">
<div class="section-header">
<h2 class="section-title">AeThex Metaverse Map</h2>
<p class="section-subtitle">Explore the AeThex Ecosystem</p>
</div>
<div class="map-visual">
<svg viewBox="0 0 800 400" width="100%" height="300">
<!-- Foundation Node -->
<circle cx="150" cy="200" r="50" fill="#ff0000" />
<text x="150" y="200" text-anchor="middle" dy=".3em" fill="#fff" font-size="18">Foundation</text>
<!-- Corporation Node -->
<circle cx="400" cy="100" r="50" fill="#0066ff" />
<text x="400" y="100" text-anchor="middle" dy=".3em" fill="#fff" font-size="18">Corporation</text>
<!-- Labs Node -->
<circle cx="650" cy="200" r="50" fill="#ffa500" />
<text x="650" y="200" text-anchor="middle" dy=".3em" fill="#fff" font-size="18">Labs</text>
<!-- Product Nodes -->
<circle cx="400" cy="300" r="35" fill="#222" />
<text x="400" y="300" text-anchor="middle" dy=".3em" fill="#fff" font-size="14">Studio</text>
<circle cx="250" cy="320" r="25" fill="#222" />
<text x="250" y="320" text-anchor="middle" dy=".3em" fill="#fff" font-size="12">Passport</text>
<circle cx="550" cy="320" r="25" fill="#222" />
<text x="550" y="320" text-anchor="middle" dy=".3em" fill="#fff" font-size="12">Connect</text>
<circle cx="400" cy="30" r="20" fill="#222" />
<text x="400" y="30" text-anchor="middle" dy=".3em" fill="#fff" font-size="12">Nexus</text>
<!-- Lines -->
<line x1="150" y1="200" x2="400" y2="100" stroke="#fff" stroke-width="2" />
<line x1="400" y1="100" x2="650" y2="200" stroke="#fff" stroke-width="2" />
<line x1="400" y1="100" x2="400" y2="300" stroke="#fff" stroke-width="2" />
<line x1="150" y1="200" x2="250" y2="320" stroke="#fff" stroke-width="2" />
<line x1="650" y1="200" x2="550" y2="320" stroke="#fff" stroke-width="2" />
<line x1="400" y1="100" x2="400" y2="30" stroke="#fff" stroke-width="2" />
</svg>
<div class="map-legend">
<span style="color:#ff0000">● Foundation</span>
<span style="color:#0066ff">● Corporation</span>
<span style="color:#ffa500">● Labs</span>
<span style="color:#fff">● Products</span>
</div>
</div>
<p class="map-description">Click on any node to learn more about each division or product in the AeThex ecosystem.</p>
</div>
<script type="text/javascript">
document.querySelectorAll('.map-visual svg circle').forEach(function(node) {
node.addEventListener('click', function() {
alert('More info coming soon!');
});
});
</script>
<style>
.metaverse-map-section { padding: 80px 0; }
.map-visual { text-align: center; margin-bottom: 30px; }
.map-legend { margin-top: 20px; display: flex; gap: 30px; justify-content: center; font-weight: 700; }
.map-description { color: #888; text-align: center; margin-top: 20px; }
.map-visual svg circle { cursor: pointer; transition: filter 0.2s; }
.map-visual svg circle:hover { filter: brightness(1.3) drop-shadow(0 0 8px #fff); }
</style>
</section>

51
src/components/QuickstartGuideSection.astro Normal file
View file

@ -0,0 +1,51 @@
---
// Quickstart Guide for AeThex entry point
---
<section class="quickstart-section" id="quickstart">
<div class="container">
<div class="section-header">
<h2 class="section-title">Quickstart Guide</h2>
<p class="section-subtitle">Get started with AeThex in minutes</p>
</div>
<div class="quickstart-steps">
<div class="step-card">
<div class="step-number">1</div>
<div class="step-title">Sign Up</div>
<div class="step-desc">Create your AeThex Passport for unified digital identity.</div>
</div>
<div class="step-card">
<div class="step-number">2</div>
<div class="step-title">Download Studio</div>
<div class="step-desc">Install AeThex Studio IDE for cross-platform game development.</div>
</div>
<div class="step-card">
<div class="step-number">3</div>
<div class="step-title">Join Community</div>
<div class="step-desc">Connect with other creators and get support on Discord and forums.</div>
</div>
<div class="step-card">
<div class="step-number">4</div>
<div class="step-title">Build & Deploy</div>
<div class="step-desc">Start building, then deploy your project to the metaverse with one click.</div>
</div>
</div>
<div class="quickstart-links">
<a href="#" class="quickstart-link">Read Docs</a>
<a href="#" class="quickstart-link">Download Studio</a>
<a href="#" class="quickstart-link">Join Discord</a>
</div>
</div>
<style>
.quickstart-section { padding: 80px 0; }
.quickstart-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; margin-top: 40px; }
.step-card { background: #181818; border-radius: 12px; padding: 30px 20px; text-align: center; box-shadow: 0 4px 24px rgba(0,0,0,0.15); }
.step-number { font-size: 2em; font-weight: 900; color: #0066ff; margin-bottom: 10px; }
.step-title { font-size: 1.2em; color: #fff; font-weight: 700; margin-bottom: 10px; }
.step-desc { font-size: 1em; color: #888; }
.quickstart-links { margin-top: 40px; text-align: center; }
.quickstart-link { color: #ffa500; margin: 0 20px; font-size: 1.1em; text-decoration: none; font-weight: 700; }
.quickstart-link:hover { text-decoration: underline; }
@media (max-width: 900px) { .quickstart-steps { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { .quickstart-steps { grid-template-columns: 1fr; } }
</style>
</section>

38
src/components/RealTimeStats.astro Normal file
View file

@ -0,0 +1,38 @@
---
// Real-Time Stats for AeThex entry point
---
<section class="stats-section" id="stats">
<div class="container">
<div class="section-header">
<h2 class="section-title">Real-Time Stats</h2>
<p class="section-subtitle">Live metrics from the AeThex ecosystem</p>
</div>
<div class="stats-grid">
<div class="stat-card">
<div class="stat-value" id="users-count">12,345</div>
<div class="stat-label">Active Users</div>
</div>
<div class="stat-card">
<div class="stat-value" id="deployments-count">1,234</div>
<div class="stat-label">Deployments</div>
</div>
<div class="stat-card">
<div class="stat-value" id="projects-count">567</div>
<div class="stat-label">Active Projects</div>
</div>
<div class="stat-card">
<div class="stat-value" id="community-count">8,765</div>
<div class="stat-label">Community Members</div>
</div>
</div>
</div>
<style>
.stats-section { padding: 80px 0; }
.stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px; margin-top: 40px; }
.stat-card { background: #181818; border-radius: 12px; padding: 40px 20px; text-align: center; box-shadow: 0 4px 24px rgba(0,0,0,0.2); }
.stat-value { font-size: 2.5em; font-weight: 900; color: #fff; margin-bottom: 10px; }
.stat-label { font-size: 1em; color: #888; letter-spacing: 2px; text-transform: uppercase; }
@media (max-width: 900px) { .stats-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { .stats-grid { grid-template-columns: 1fr; } }
</style>
</section>

34
src/components/SocialProofSection.astro Normal file
View file

@ -0,0 +1,34 @@
---
// Social Proof for AeThex entry point
---
<section class="social-proof-section" id="social-proof">
<div class="container">
<div class="section-header">
<h2 class="section-title">Trusted By</h2>
<p class="section-subtitle">Partners, Integrations, and Press</p>
</div>
<div class="social-logos">
<img src="/partner1-logo.svg" alt="MetaPlay" class="social-logo" />
<img src="/partner2-logo.svg" alt="GameForge" class="social-logo" />
<img src="/partner3-logo.svg" alt="DevHub" class="social-logo" />
<img src="/partner4-logo.svg" alt="PressX" class="social-logo" />
<img src="/partner5-logo.svg" alt="OpenSourceOrg" class="social-logo" />
</div>
<div class="press-mentions">
<span>Featured in:</span>
<a href="#" class="press-link">TechCrunch</a>
<a href="#" class="press-link">VentureBeat</a>
<a href="#" class="press-link">Polygon</a>
<a href="#" class="press-link">GamesIndustry.biz</a>
</div>
</div>
<style>
.social-proof-section { padding: 80px 0; }
.social-logos { display: flex; gap: 40px; justify-content: center; align-items: center; margin: 40px 0; flex-wrap: wrap; }
.social-logo { height: 60px; filter: grayscale(1) brightness(1.2); transition: filter 0.2s; }
.social-logo:hover { filter: none; }
.press-mentions { text-align: center; margin-top: 30px; color: #888; font-size: 1em; }
.press-link { color: #0066ff; margin: 0 10px; text-decoration: none; font-weight: 700; }
.press-link:hover { text-decoration: underline; }
</style>
</section>

37
src/components/TestimonialsSection.astro Normal file
View file

@ -0,0 +1,37 @@
---
// Testimonials & Case Studies for AeThex entry point
---
<section class="testimonials-section" id="testimonials">
<div class="container">
<div class="section-header">
<h2 class="section-title">Testimonials & Case Studies</h2>
<p class="section-subtitle">Hear from our users and partners</p>
</div>
<div class="testimonials-grid">
<div class="testimonial-card">
<div class="testimonial-quote">“AeThex’s infrastructure made our cross-platform game launch seamless. Their support is world-class!”</div>
<div class="testimonial-author">— Jane Doe, CEO of MetaPlay</div>
</div>
<div class="testimonial-card">
<div class="testimonial-quote">“The Passport system is a game-changer for digital identity. Our players love the unified experience.”</div>
<div class="testimonial-author">— John Smith, Lead Dev at GameForge</div>
</div>
<div class="testimonial-card">
<div class="testimonial-quote">“AeThex Labs is pushing the boundaries of what’s possible in the metaverse. Excited for what’s next!”</div>
<div class="testimonial-author">— Dr. Ada Lovelace, R&D Advisor</div>
</div>
<div class="testimonial-card">
<div class="testimonial-quote">“Our community grew 3x after integrating AeThex Connect. The platform is robust and easy to use.”</div>
<div class="testimonial-author">— Alex Lee, Community Manager</div>
</div>
</div>
</div>
<style>
.testimonials-section { padding: 80px 0; }
.testimonials-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px; margin-top: 40px; }
.testimonial-card { background: #181818; border-radius: 12px; padding: 40px 30px; box-shadow: 0 4px 24px rgba(0,0,0,0.15); }
.testimonial-quote { font-size: 1.2em; color: #fff; margin-bottom: 20px; font-style: italic; }
.testimonial-author { font-size: 1em; color: #ffa500; font-weight: 700; }
@media (max-width: 900px) { .testimonials-grid { grid-template-columns: 1fr; } }
</style>
</section>

42
src/components/WhyAeThexSection.astro Normal file
View file

@ -0,0 +1,42 @@
---
// 'Why AeThex?' Section for AeThex entry point
---
<section class="why-section" id="why-aethex">
<div class="container">
<div class="section-header">
<h2 class="section-title">Why AeThex?</h2>
<p class="section-subtitle">What sets us apart</p>
</div>
<div class="why-grid">
<div class="why-card">
<h3>Security First</h3>
<p>Robust authentication, identity, and security protocols at the core of every product.</p>
</div>
<div class="why-card">
<h3>Innovation</h3>
<p>Labs division drives R&D, delivering next-gen features and experimental tech.</p>
</div>
<div class="why-card">
<h3>Cross-Platform</h3>
<p>Seamless experiences across games, devices, and digital worlds.</p>
</div>
<div class="why-card">
<h3>Open Source</h3>
<p>Foundation division maintains open APIs and community-driven governance.</p>
</div>
<div class="why-card">
<h3>Enterprise Ready</h3>
<p>Corporation division delivers production-grade infrastructure and support.</p>
</div>
</div>
</div>
<style>
.why-section { padding: 80px 0; }
.why-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; margin-top: 40px; }
.why-card { background: #181818; border-radius: 12px; padding: 40px 30px; box-shadow: 0 4px 24px rgba(0,0,0,0.15); text-align: center; }
.why-card h3 { color: #0066ff; margin-bottom: 15px; font-size: 1.3em; }
.why-card p { color: #fff; font-size: 1em; }
@media (max-width: 900px) { .why-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { .why-grid { grid-template-columns: 1fr; } }
</style>
</section>

26
src/pages/corporation.astro Normal file
View file

@ -0,0 +1,26 @@
---
// Corporation Division Page
---
<main class="entity-page corporation">
<div class="container">
<h1 class="entity-title">AeThex Corporation</h1>
<p class="entity-desc">Commercial Services • Production</p>
<section>
<h2>About Corporation</h2>
<p>Professional commercial division delivering polished products and enterprise-grade infrastructure to developers and players worldwide.</p>
<ul>
<li>AeThex Studio IDE</li>
<li>Production Deployment</li>
<li>Premium Services</li>
<li>Enterprise Support</li>
<li>Analytics & Insights</li>
</ul>
</section>
</div>
<style>
.entity-page.corporation { background: #0a0a0a; color: #0066ff; min-height: 100vh; }
.entity-title { font-size: 3em; font-weight: 900; margin-bottom: 20px; }
.entity-desc { font-size: 1.2em; margin-bottom: 40px; color: #fff; }
ul { color: #fff; }
</style>
</main>

26
src/pages/foundation.astro Normal file
View file

@ -0,0 +1,26 @@
---
// Foundation Division Page
---
<main class="entity-page foundation">
<div class="container">
<h1 class="entity-title">AeThex Foundation</h1>
<p class="entity-desc">Critical Infrastructure • Nonprofit</p>
<section>
<h2>About Foundation</h2>
<p>The nonprofit backbone maintaining authentication, security, and core APIs. Open-source infrastructure that the entire AeThex ecosystem depends on.</p>
<ul>
<li>Passport Identity System</li>
<li>Authentication Protocols</li>
<li>Security Infrastructure</li>
<li>Core Open-Source APIs</li>
<li>Community Governance</li>
</ul>
</section>
</div>
<style>
.entity-page.foundation { background: #0a0a0a; color: #ff0000; min-height: 100vh; }
.entity-title { font-size: 3em; font-weight: 900; margin-bottom: 20px; }
.entity-desc { font-size: 1.2em; margin-bottom: 40px; color: #fff; }
ul { color: #fff; }
</style>
</main>

12
src/pages/index.astro
View file

@ -5,6 +5,12 @@ import MainLayout from '../layouts/MainLayout.astro';
import HeroSection from '../components/HeroSection.astro';
import TrinitySection from '../components/TrinitySection.astro';
import ProductsSection from '../components/ProductsSection.astro';
import MetaverseMap from '../components/MetaverseMap.astro';
import RealTimeStats from '../components/RealTimeStats.astro';
import TestimonialsSection from '../components/TestimonialsSection.astro';
import WhyAeThexSection from '../components/WhyAeThexSection.astro';
import SocialProofSection from '../components/SocialProofSection.astro';
import QuickstartGuideSection from '../components/QuickstartGuideSection.astro';
import FooterSection from '../components/FooterSection.astro';
---
@ -22,6 +28,12 @@ import FooterSection from '../components/FooterSection.astro';
</nav>
<HeroSection />
<TrinitySection />
<MetaverseMap />
<RealTimeStats />
<TestimonialsSection />
<WhyAeThexSection />
<SocialProofSection />
<QuickstartGuideSection />
<ProductsSection />
<FooterSection />
</MainLayout>

26
src/pages/labs.astro Normal file
View file

@ -0,0 +1,26 @@
---
// Labs Division Page
---
<main class="entity-page labs">
<div class="container">
<h1 class="entity-title">AeThex Labs</h1>
<p class="entity-desc">Research & Development • Experimental</p>
<section>
<h2>About Labs</h2>
<p>Innovation division pushing boundaries with experimental features, beta technologies, and next-generation metaverse infrastructure.</p>
<ul>
<li>Nexus Engine v2.0</li>
<li>AI Copilot Assistant</li>
<li>Experimental Features</li>
<li>Beta Testing Programs</li>
<li>Future R&D Projects</li>
</ul>
</section>
</div>
<style>
.entity-page.labs { background: #0a0a0a; color: #ffa500; min-height: 100vh; }
.entity-title { font-size: 3em; font-weight: 900; margin-bottom: 20px; }
.entity-desc { font-size: 1.2em; margin-bottom: 40px; color: #fff; }
ul { color: #fff; }
</style>
</main>