Merge version_1_1781614594633 into main #2
@@ -11,246 +11,130 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroTiltedCards
|
||||
tag="Interactive Learning"
|
||||
title="Explore the Solar System in 3D"
|
||||
description="Journey through eight planets with immersive animations, interactive models, and stunning visual effects Discover the cosmos like never before."
|
||||
primaryButton={{
|
||||
text: "Start Exploring",
|
||||
href: "#features",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
}}
|
||||
items={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-futuristic-sci-fi-background_35913-2150.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fiery-planet-universe_23-2151955873.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/planets-with-metallic-reflective-effect_23-2150253961.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gradient-rippled-multicolored-soap-bubble-black-background_23-2148235906.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-79218.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Interactive Learning"
|
||||
title="Explore the Solar System in 3D"
|
||||
description="Journey through eight planets with immersive animations, interactive models, and stunning visual effects Discover the cosmos like never before."
|
||||
primaryButton={{ text: "Start Exploring", href: "#features" }}
|
||||
secondaryButton={{ text: "Learn More", href: "#about" }}
|
||||
items={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-futuristic-sci-fi-background_35913-2150.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/fiery-planet-universe_23-2151955873.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/planets-with-metallic-reflective-effect_23-2150253961.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/gradient-rippled-multicolored-soap-bubble-black-background_23-2148235906.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-79218.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutTestimonial
|
||||
tag="Our Mission"
|
||||
quote="Bringing the wonders of the universe to everyone, making space education as accessible as it is breathtaking."
|
||||
author="Dr. Sarah Miller"
|
||||
role="Chief Astronomer"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-cosmonaut-exploring-deep-space-preparing-planetary-mission_482257-126844.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Mission"
|
||||
quote="Bringing the wonders of the universe to everyone, making space education as accessible as it is breathtaking."
|
||||
author="Dr. Sarah Miller"
|
||||
role="Chief Astronomer"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-cosmonaut-exploring-deep-space-preparing-planetary-mission_482257-126844.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesBentoGrid
|
||||
tag="Core Capabilities"
|
||||
title="Cosmos at Your Fingertips"
|
||||
description="Experience deep space with our proprietary rendering engine."
|
||||
features={[
|
||||
{
|
||||
title: "3D Planet Models",
|
||||
description: "High-fidelity textures and accurate planetary physics.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/earth-hour-photo-composition_23-2149282777.jpg",
|
||||
},
|
||||
{
|
||||
title: "Orbital Mechanics",
|
||||
description: "Visualize how gravity shapes our celestial neighborhood.",
|
||||
videoSrc: "http://img.b2bpic.net/free-photo/space-collage-with-young-adult-having-picnic_23-2149128515.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-futuristic-sci-fi-background_35913-2150.jpg?_wi=2",
|
||||
imageAlt: "interactive 3d model interface",
|
||||
},
|
||||
{
|
||||
title: "Interactive Lessons",
|
||||
description: "Gamified learning modules for students of all ages.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-data-interface_23-2152011741.jpg",
|
||||
},
|
||||
{
|
||||
title: "Research Tools",
|
||||
description: "Professional-grade research data accessible to everyone.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/astronaut-checking-human-expansion-space-mission-data-tablet-journey-mars-cosmonaut_482257-136487.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Core Capabilities"
|
||||
title="Cosmos at Your Fingertips"
|
||||
description="Experience deep space with our proprietary rendering engine."
|
||||
features={[
|
||||
{ title: "3D Planet Models", description: "High-fidelity textures and accurate planetary physics.", imageSrc: "http://img.b2bpic.net/free-photo/earth-hour-photo-composition_23-2149282777.jpg" },
|
||||
{ title: "Orbital Mechanics", description: "Visualize how gravity shapes our celestial neighborhood.", imageSrc: "http://img.b2bpic.net/free-photo/modern-futuristic-sci-fi-background_35913-2150.jpg" },
|
||||
{ title: "Interactive Lessons", description: "Gamified learning modules for students of all ages.", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-data-interface_23-2152011741.jpg" },
|
||||
{ title: "Research Tools", description: "Professional-grade research data accessible to everyone.", imageSrc: "http://img.b2bpic.net/free-photo/astronaut-checking-human-expansion-space-mission-data-tablet-journey-mars-cosmonaut_482257-136487.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<SectionErrorBoundary name="gallery">
|
||||
<div id="gallery" data-section="gallery">
|
||||
<SectionErrorBoundary name="gallery">
|
||||
<FeaturesImageBento
|
||||
tag="Visual Discovery"
|
||||
title="Witness the Unknown"
|
||||
description="Explore nebula, galaxies, and celestial phenomena."
|
||||
items={[
|
||||
{
|
||||
title: "Nebula Vistas",
|
||||
description: "Breathtaking clouds of star formation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/space-background-realistic-starry-night-cosmos-shining-stars-milky-way-stardust-color-galaxy_1258-154778.jpg",
|
||||
},
|
||||
{
|
||||
title: "Spiral Galaxies",
|
||||
description: "Massive structures of stars and dust.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-tunnel-abstract_23-2151977844.jpg",
|
||||
},
|
||||
{
|
||||
title: "Stellar Nurseries",
|
||||
description: "The cradle of future star systems.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmic-nebula-with-stars-gas-clouds_9975-33159.jpg",
|
||||
},
|
||||
{
|
||||
title: "Supernovae",
|
||||
description: "The explosive final acts of massive stars.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/space-background-realistic-starry-night-cosmos-shining-stars-milky-way-stardust-color-galaxy_1258-153862.jpg",
|
||||
},
|
||||
{
|
||||
title: "Binary Systems",
|
||||
description: "Two stars locked in an eternal cosmic dance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-background-shapes-texture_1194-315197.jpg",
|
||||
},
|
||||
{
|
||||
title: "Singularities",
|
||||
description: "Gravity pushed to the absolute extreme.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-acrylic-ball-water_23-2148469372.jpg",
|
||||
},
|
||||
{
|
||||
title: "Asteroid Fields",
|
||||
description: "The remnants of planetary construction.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmic-catastrophe_23-2151951433.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Visual Discovery"
|
||||
title="Witness the Unknown"
|
||||
description="Explore nebula, galaxies, and celestial phenomena."
|
||||
items={[
|
||||
{ title: "Nebula Vistas", description: "Breathtaking clouds of star formation.", imageSrc: "http://img.b2bpic.net/free-photo/space-background-realistic-starry-night-cosmos-shining-stars-milky-way-stardust-color-galaxy_1258-154778.jpg" },
|
||||
{ title: "Spiral Galaxies", description: "Massive structures of stars and dust.", imageSrc: "http://img.b2bpic.net/free-photo/digital-tunnel-abstract_23-2151977844.jpg" },
|
||||
{ title: "Stellar Nurseries", description: "The cradle of future star systems.", imageSrc: "http://img.b2bpic.net/free-photo/cosmic-nebula-with-stars-gas-clouds_9975-33159.jpg" },
|
||||
{ title: "Supernovae", description: "The explosive final acts of massive stars.", imageSrc: "http://img.b2bpic.net/free-photo/space-background-realistic-starry-night-cosmos-shining-stars-milky-way-stardust-color-galaxy_1258-153862.jpg" },
|
||||
{ title: "Binary Systems", description: "Two stars locked in an eternal cosmic dance.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-background-shapes-texture_1194-315197.jpg" },
|
||||
{ title: "Singularities", description: "Gravity pushed to the absolute extreme.", imageSrc: "http://img.b2bpic.net/free-photo/colorful-acrylic-ball-water_23-2148469372.jpg" },
|
||||
{ title: "Asteroid Fields", description: "The remnants of planetary construction.", imageSrc: "http://img.b2bpic.net/free-photo/cosmic-catastrophe_23-2151951433.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsFeatureCards
|
||||
tag="Platform Stats"
|
||||
title="A Community of Explorers"
|
||||
description="Join thousands of enthusiasts exploring the stars daily."
|
||||
metrics={[
|
||||
{
|
||||
value: "1.2M",
|
||||
title: "Active Explorers",
|
||||
features: [
|
||||
"Monthly active users",
|
||||
"Global reach",
|
||||
"Continuous engagement",
|
||||
],
|
||||
},
|
||||
{
|
||||
value: "8",
|
||||
title: "Planetary Systems",
|
||||
features: [
|
||||
"Detailed models",
|
||||
"Surface exploration",
|
||||
"Physics simulations",
|
||||
],
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Stellar Access",
|
||||
features: [
|
||||
"Always online",
|
||||
"Mobile accessible",
|
||||
"Cloud-rendered",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Platform Stats"
|
||||
title="A Community of Explorers"
|
||||
description="Join thousands of enthusiasts exploring the stars daily."
|
||||
metrics={[
|
||||
{ value: "1.2M", title: "Active Explorers", features: ["Monthly active users", "Global reach", "Continuous engagement"] },
|
||||
{ value: "8", title: "Planetary Systems", features: ["Detailed models", "Surface exploration", "Physics simulations"] },
|
||||
{ value: "24/7", title: "Stellar Access", features: ["Always online", "Mobile accessible", "Cloud-rendered"] }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialTrustCard
|
||||
quote="An unparalleled educational experience that has transformed how I understand our neighborhood in the sky."
|
||||
rating={5}
|
||||
author="Marcus Thorne"
|
||||
avatars={[
|
||||
{
|
||||
name: "Sarah",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
},
|
||||
{
|
||||
name: "Michael",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-portrait-businessman-with-glasses_23-2148816831.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elena",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-young-businessman-with-his-arms-crossed-looking-camera_23-2148176207.jpg",
|
||||
},
|
||||
{
|
||||
name: "David",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-5596.jpg",
|
||||
},
|
||||
{
|
||||
name: "Jessica",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/astronaut-day-spaceman-outer-space-cosmos-galaxy-helmet-off-looking-black-coffee-cup_140725-161236.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
quote="An unparalleled educational experience that has transformed how I understand our neighborhood in the sky."
|
||||
rating={5}
|
||||
author="Marcus Thorne"
|
||||
avatars={[
|
||||
{ name: "Sarah", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg" },
|
||||
{ name: "Michael", imageSrc: "http://img.b2bpic.net/free-photo/front-view-portrait-businessman-with-glasses_23-2148816831.jpg" },
|
||||
{ name: "Elena", imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-young-businessman-with-his-arms-crossed-looking-camera_23-2148176207.jpg" },
|
||||
{ name: "David", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-5596.jpg" },
|
||||
{ name: "Jessica", imageSrc: "http://img.b2bpic.net/free-photo/astronaut-day-spaceman-outer-space-cosmos-galaxy-helmet-off-looking-black-coffee-cup_140725-161236.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqTabbedAccordion
|
||||
tag="Support"
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to your cosmic curiosity."
|
||||
categories={[
|
||||
{
|
||||
name: "General",
|
||||
items: [
|
||||
{
|
||||
question: "Is this platform free?",
|
||||
answer: "Yes, basic exploration is free for everyone.",
|
||||
},
|
||||
{
|
||||
question: "Does it work on mobile?",
|
||||
answer: "Yes, our web-based 3D models scale to mobile devices.",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Support"
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to your cosmic curiosity."
|
||||
categories={[
|
||||
{ name: "General", items: [
|
||||
{ question: "Is this platform free?", answer: "Yes, basic exploration is free for everyone." },
|
||||
{ question: "Does it work on mobile?", answer: "Yes, our web-based 3D models scale to mobile devices." }
|
||||
] }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Join Us"
|
||||
text="Start your journey through the cosmos today and never look at the night sky the same way again."
|
||||
primaryButton={{
|
||||
text: "Begin Exploration",
|
||||
href: "#",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Join Us"
|
||||
text="Start your journey through the cosmos today and never look at the night sky the same way again."
|
||||
primaryButton={{ text: "Begin Exploration", href: "#" }}
|
||||
secondaryButton={{ text: "Contact Support", href: "#" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user