Merge version_1 into main #1
437
src/app/page.tsx
437
src/app/page.tsx
@@ -28,318 +28,149 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Voyages",
|
||||
id: "capabilities",
|
||||
},
|
||||
{
|
||||
name: "Worlds",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Innovation",
|
||||
id: "metrics",
|
||||
},
|
||||
{
|
||||
name: "Plan Launch",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="A"
|
||||
button={{
|
||||
text: "Claim a Spot",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Voyages", id: "capabilities" },
|
||||
{ name: "Worlds", id: "features" },
|
||||
{ name: "Innovation", id: "metrics" },
|
||||
{ name: "Plan Launch", id: "contact" },
|
||||
]}
|
||||
brandName="A"
|
||||
button={{ text: "Claim a Spot" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Venture Past Our Sky Across the Universe"
|
||||
description="Discover the universe in ways once unimaginable. Our pioneering vessels and breakthrough engineering bring deep-space exploration within reach—secure and extraordinary."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Your Voyage",
|
||||
},
|
||||
{
|
||||
text: "View Liftoff",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/human-ring-stronghold-outer-planet-science-fiction-illustration_456031-76.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/creative-collage-mars-planet-with-astronaut_23-2149488969.jpg",
|
||||
alt: "Astronaut portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/control-table-spacecraft-from-inside_23-2151828145.jpg",
|
||||
alt: "Mission specialist",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/technological-exploration-settlement_23-2151768684.jpg",
|
||||
alt: "Technical engineer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/technological-exploration-settlement_23-2151768717.jpg",
|
||||
alt: "Deep space pioneer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fantasy-style-gateway-portal-with-desert-landscape_23-2151239249.jpg",
|
||||
alt: "Orbital researcher",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 500+ pioneers"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Venture Past Our Sky Across the Universe"
|
||||
description="Discover the universe in ways once unimaginable. Our pioneering vessels and breakthrough engineering bring deep-space exploration within reach—secure and extraordinary."
|
||||
buttons={[{ text: "Start Your Voyage" }, { text: "View Liftoff" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/human-ring-stronghold-outer-planet-science-fiction-illustration_456031-76.jpg"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/creative-collage-mars-planet-with-astronaut_23-2149488969.jpg", alt: "Astronaut portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/control-table-spacecraft-from-inside_23-2151828145.jpg", alt: "Mission specialist" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/technological-exploration-settlement_23-2151768684.jpg", alt: "Technical engineer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/technological-exploration-settlement_23-2151768717.jpg", alt: "Deep space pioneer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/fantasy-style-gateway-portal-with-desert-landscape_23-2151239249.jpg", alt: "Orbital researcher" },
|
||||
]}
|
||||
avatarText="Join 500+ pioneers"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="capabilities" data-section="capabilities">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "AI Scenery",
|
||||
description: "AI analyzes your product to create indistinguishable natural environments—from Icelandic cliffs to misty forests.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tiny-waterfall-creepy-dark-forest_181624-1203.jpg",
|
||||
},
|
||||
{
|
||||
title: "Batch Production",
|
||||
description: "Style your entire product line in minutes. Create a unified visual identity for catalogues without weeks of retouching.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/control-table-spacecraft-from-inside_23-2151828141.jpg",
|
||||
},
|
||||
{
|
||||
title: "Smart Lighting",
|
||||
description: "Automatic lighting and material adjustment. Achieve flawless integration with realistic shadows and sunlight.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/space-background-realistic-starry-night-cosmos-shining-stars-milky-way-stardust-color-galaxy_1258-154754.jpg",
|
||||
},
|
||||
]}
|
||||
title="Production Evolved"
|
||||
description="Our core capabilities in deep-space manufacturing."
|
||||
/>
|
||||
</div>
|
||||
<div id="capabilities" data-section="capabilities">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "AI Scenery", description: "AI analyzes your product to create indistinguishable natural environments—from Icelandic cliffs to misty forests.", imageSrc: "http://img.b2bpic.net/free-photo/tiny-waterfall-creepy-dark-forest_181624-1203.jpg" },
|
||||
{ title: "Batch Production", description: "Style your entire product line in minutes. Create a unified visual identity for catalogues without weeks of retouching.", imageSrc: "http://img.b2bpic.net/free-photo/control-table-spacecraft-from-inside_23-2151828141.jpg" },
|
||||
{ title: "Smart Lighting", description: "Automatic lighting and material adjustment. Achieve flawless integration with realistic shadows and sunlight.", imageSrc: "http://img.b2bpic.net/free-photo/space-background-realistic-starry-night-cosmos-shining-stars-milky-way-stardust-color-galaxy_1258-154754.jpg" },
|
||||
]}
|
||||
title="Production Evolved"
|
||||
description="Our core capabilities in deep-space manufacturing."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Quantum Drive",
|
||||
description: "Hyperspace capabilities for rapid travel.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-botanical-composition_23-2150969245.jpg",
|
||||
},
|
||||
{
|
||||
title: "Atmosphere Sync",
|
||||
description: "Terraforming tech for habitable worlds.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-mars-collage_23-2149429562.jpg",
|
||||
},
|
||||
{
|
||||
title: "Deep Shielding",
|
||||
description: "Radiant-proof casing for deep space.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pink-foam-water_23-2147797821.jpg",
|
||||
},
|
||||
]}
|
||||
title="Advanced Technology"
|
||||
description="Pioneering the future of space exploration."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Quantum Drive", description: "Hyperspace capabilities for rapid travel.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-botanical-composition_23-2150969245.jpg" },
|
||||
{ title: "Atmosphere Sync", description: "Terraforming tech for habitable worlds.", imageSrc: "http://img.b2bpic.net/free-photo/creative-mars-collage_23-2149429562.jpg" },
|
||||
{ title: "Deep Shielding", description: "Radiant-proof casing for deep space.", imageSrc: "http://img.b2bpic.net/free-photo/pink-foam-water_23-2147797821.jpg" },
|
||||
]}
|
||||
title="Advanced Technology"
|
||||
description="Pioneering the future of space exploration."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Entry",
|
||||
price: "$1.2M",
|
||||
subtitle: "Lunar Flyby",
|
||||
features: [
|
||||
"Orbit entry",
|
||||
"Moon walk",
|
||||
"Food included",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Pro",
|
||||
price: "$4.5M",
|
||||
subtitle: "Mars Colony",
|
||||
features: [
|
||||
"Colonization kit",
|
||||
"Long-term stay",
|
||||
"Gravity assist",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
badge: "Elite",
|
||||
price: "$12M",
|
||||
subtitle: "Deep Space",
|
||||
features: [
|
||||
"Interstellar jump",
|
||||
"Quantum travel",
|
||||
"Personal crew",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Launch Packages"
|
||||
description="Choose your path to the stars."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{ id: "p1", badge: "Entry", price: "$1.2M", subtitle: "Lunar Flyby", features: ["Orbit entry", "Moon walk", "Food included"] },
|
||||
{ id: "p2", badge: "Pro", price: "$4.5M", subtitle: "Mars Colony", features: ["Colonization kit", "Long-term stay", "Gravity assist"] },
|
||||
{ id: "p3", badge: "Elite", price: "$12M", subtitle: "Deep Space", features: ["Interstellar jump", "Quantum travel", "Personal crew"] },
|
||||
]}
|
||||
title="Launch Packages"
|
||||
description="Choose your path to the stars."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "John Doe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/astronaut-day-spaceman-outer-space-cosmos-space-suit-showing-somewhere-excited-surprised_140725-161238.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jane Smith",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-posing-sideways_23-2147642814.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Alex Riv",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-arabic-male-dressed-grey-suit-holds-long-board_613910-2266.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sam Cook",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pilot-airport-terminal_107420-85058.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Pat Lee",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-futuristic-urban-travel-people_23-2151160490.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="Space Traveler Feedback"
|
||||
cardTag="Reviews"
|
||||
cardAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "John Doe", imageSrc: "http://img.b2bpic.net/free-photo/astronaut-day-spaceman-outer-space-cosmos-space-suit-showing-somewhere-excited-surprised_140725-161238.jpg" },
|
||||
{ id: "t2", name: "Jane Smith", imageSrc: "http://img.b2bpic.net/free-photo/doctor-posing-sideways_23-2147642814.jpg" },
|
||||
{ id: "t3", name: "Alex Riv", imageSrc: "http://img.b2bpic.net/free-photo/stylish-arabic-male-dressed-grey-suit-holds-long-board_613910-2266.jpg" },
|
||||
{ id: "t4", name: "Sam Cook", imageSrc: "http://img.b2bpic.net/free-photo/pilot-airport-terminal_107420-85058.jpg" },
|
||||
{ id: "t5", name: "Pat Lee", imageSrc: "http://img.b2bpic.net/free-photo/high-tech-futuristic-urban-travel-people_23-2151160490.jpg" },
|
||||
]}
|
||||
cardTitle="Space Traveler Feedback"
|
||||
cardTag="Reviews"
|
||||
cardAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Safety protocols?",
|
||||
content: "Our vessels utilize advanced shielding and redundant systems.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Training required?",
|
||||
content: "We offer a 3-week simulation program for all passengers.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Food quality?",
|
||||
content: "Nutrient-dense synthetic meals prepared by onboard AI.",
|
||||
},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Safety protocols?", content: "Our vessels utilize advanced shielding and redundant systems." },
|
||||
{ id: "f2", title: "Training required?", content: "We offer a 3-week simulation program for all passengers." },
|
||||
{ id: "f3", title: "Food quality?", content: "Nutrient-dense synthetic meals prepared by onboard AI." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Safe Landings",
|
||||
value: "150+",
|
||||
icon: Rocket,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Light Years",
|
||||
value: "45K",
|
||||
icon: Globe,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Crew Members",
|
||||
value: "2.8B",
|
||||
icon: Users,
|
||||
},
|
||||
]}
|
||||
title="Mission Milestones"
|
||||
description="Proven success across the galaxy."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "m1", title: "Safe Landings", value: "150+", icon: Rocket },
|
||||
{ id: "m2", title: "Light Years", value: "45K", icon: Globe },
|
||||
{ id: "m3", title: "Crew Members", value: "2.8B", icon: Users },
|
||||
]}
|
||||
title="Mission Milestones"
|
||||
description="Proven success across the galaxy."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
text="Ready to launch your journey?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready to launch your journey?"
|
||||
buttons={[{ text: "Contact Support" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fantasy-style-entryway-door-with-desert-landscape_23-2151239203.jpg"
|
||||
logoText="A"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Voyages",
|
||||
href: "#capabilities",
|
||||
},
|
||||
{
|
||||
label: "Plan",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fantasy-style-entryway-door-with-desert-landscape_23-2151239203.jpg"
|
||||
logoText="A"
|
||||
columns={[
|
||||
{ title: "Navigation", items: [{ label: "Voyages", href: "#capabilities" }, { label: "Plan", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user