Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-04-18 14:44:32 +00:00

View File

@@ -18,402 +18,179 @@ import { Rocket } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="bounce-effect"
defaultTextAnimation="background-highlight"
borderRadius="pill"
defaultButtonVariant="bounce-effect"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Overview",
id: "hero",
},
{
name: "Discovery",
id: "about",
},
{
name: "Tech",
id: "features",
},
{
name: "Pricing",
id: "pricing",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Spacevision"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Overview", id: "hero" },
{ name: "Discovery", id: "about" },
{ name: "Tech", id: "features" },
{ name: "Pricing", id: "pricing" },
{ name: "Contact", id: "contact" },
]}
brandName="Spacevision"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "sparkles-gradient",
}}
title="Unveiling the Cosmos"
description="Experience the universe like never before with cutting-edge space exploration technology."
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/space-background-realistic-starry-night-cosmos-shining-stars-milky-way-stardust-color-galaxy_1258-153904.jpg",
imageAlt: "Galaxy view",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/space-background-realistic-starry-night-cosmos-shining-stars-milky-way-stardust-color-galaxy_1258-153780.jpg",
imageAlt: "Supernova",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/surreal-easter-eggs-with-fantasy-world-landscape_23-2151199968.jpg",
imageAlt: "Planet rings",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139058.jpg",
imageAlt: "Wormhole",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/cosmic-background-with-black-golden-laser-lights_181624-24481.jpg",
imageAlt: "Space station",
},
]}
mediaAnimation="blur-reveal"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{ variant: "sparkles-gradient" }}
title="Unveiling the Cosmos"
description="Experience the universe like never before with cutting-edge space exploration technology."
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/space-background-realistic-starry-night-cosmos-shining-stars-milky-way-stardust-color-galaxy_1258-153904.jpg", imageAlt: "Galaxy view" },
{ imageSrc: "http://img.b2bpic.net/free-photo/space-background-realistic-starry-night-cosmos-shining-stars-milky-way-stardust-color-galaxy_1258-153780.jpg", imageAlt: "Supernova" },
{ imageSrc: "http://img.b2bpic.net/free-photo/surreal-easter-eggs-with-fantasy-world-landscape_23-2151199968.jpg", imageAlt: "Planet rings" },
{ imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139058.jpg", imageAlt: "Wormhole" },
{ imageSrc: "http://img.b2bpic.net/free-photo/cosmic-background-with-black-golden-laser-lights_181624-24481.jpg", imageAlt: "Space station" },
]}
mediaAnimation="blur-reveal"
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={false}
tag="About Spacevision"
title="Pioneering the Next Frontier"
description="At Spacevision, we bridge the gap between imagination and the vast unknown. Our advanced technological platform empowers researchers, enthusiasts, and explorers."
subdescription="Our mission is to democratize space intelligence for humanity's future."
icon={Rocket}
imageSrc="http://img.b2bpic.net/free-photo/abstract-illustration-biological-cell_183364-119271.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={false}
tag="About Spacevision"
title="Pioneering the Next Frontier"
description="At Spacevision, we bridge the gap between imagination and the vast unknown. Our advanced technological platform empowers researchers, enthusiasts, and explorers."
subdescription="Our mission is to democratize space intelligence for humanity's future."
icon={Rocket}
imageSrc="http://img.b2bpic.net/free-photo/abstract-illustration-biological-cell_183364-119271.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="products" data-section="products">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Nebula Core",
price: "$12,000",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-balls-thread-close-up-dark-blue-tones-blurred-background-living-room-copy-space_169016-15491.jpg",
},
{
id: "p2",
name: "StarVision Goggles",
price: "$8,500",
imageSrc: "http://img.b2bpic.net/free-photo/person-wearing-futuristic-high-tech-virtual-reality-glasses_23-2151141604.jpg",
},
{
id: "p3",
name: "DataLink Module",
price: "$5,000",
imageSrc: "http://img.b2bpic.net/free-photo/light-rays-prism_23-2148771781.jpg",
},
{
id: "p4",
name: "Comms Relay",
price: "$9,200",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-glasses-abstract-table_23-2149974215.jpg",
},
{
id: "p5",
name: "Scanner Pro",
price: "$6,800",
imageSrc: "http://img.b2bpic.net/free-photo/control-table-spacecraft-from-inside_23-2151828221.jpg",
},
{
id: "p6",
name: "Warp Drive Module",
price: "$25,000",
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machines-design_23-2151599374.jpg",
},
]}
title="Advanced Equipment"
description="State-of-the-art tools designed for deep space exploration and analysis."
/>
</div>
<div id="products" data-section="products">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{ id: "p1", name: "Nebula Core", price: "$12,000", imageSrc: "http://img.b2bpic.net/free-photo/still-life-balls-thread-close-up-dark-blue-tones-blurred-background-living-room-copy-space_169016-15491.jpg" },
{ id: "p2", name: "StarVision Goggles", price: "$8,500", imageSrc: "http://img.b2bpic.net/free-photo/person-wearing-futuristic-high-tech-virtual-reality-glasses_23-2151141604.jpg" },
{ id: "p3", name: "DataLink Module", price: "$5,000", imageSrc: "http://img.b2bpic.net/free-photo/light-rays-prism_23-2148771781.jpg" },
{ id: "p4", name: "Comms Relay", price: "$9,200", imageSrc: "http://img.b2bpic.net/free-photo/top-view-glasses-abstract-table_23-2149974215.jpg" },
{ id: "p5", name: "Scanner Pro", price: "$6,800", imageSrc: "http://img.b2bpic.net/free-photo/control-table-spacecraft-from-inside_23-2151828221.jpg" },
{ id: "p6", name: "Warp Drive Module", price: "$25,000", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machines-design_23-2151599374.jpg" },
]}
title="Advanced Equipment"
description="State-of-the-art tools designed for deep space exploration and analysis."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="depth-3d"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "500+",
title: "Data Sets",
items: [
"Deep field analysis",
"Atmospheric scans",
],
},
{
id: "m2",
value: "120+",
title: "Projects",
items: [
"Satellite launches",
"Orbital repairs",
],
},
{
id: "m3",
value: "99.9%",
title: "Reliability",
items: [
"System uptime",
"Signal clarity",
],
},
]}
title="Cosmic Milestones"
description="Our impact on space exploration metrics over the last decade."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="depth-3d"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{ id: "m1", value: "500+", title: "Data Sets", items: ["Deep field analysis", "Atmospheric scans"] },
{ id: "m2", value: "120+", title: "Projects", items: ["Satellite launches", "Orbital repairs"] },
{ id: "m3", value: "99.9%", title: "Reliability", items: ["System uptime", "Signal clarity"] },
]}
title="Cosmic Milestones"
description="Our impact on space exploration metrics over the last decade."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Dr. Sarah V",
handle: "@spaceexplorer",
testimonial: "Spacevision changed our understanding of galactic data.",
imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-doctor-monitoring-oxygen-therapy-hyperbaric-chamber-looking-camera-while-sitting-control-room_637285-370.jpg",
},
{
id: "t2",
name: "Mark Chen",
handle: "@engineerlab",
testimonial: "The precision engineering is unmatched.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-tablet_23-2148718088.jpg",
},
{
id: "t3",
name: "Elena Ross",
handle: "@pilotcommander",
testimonial: "Seamless integration during our last orbit cycle.",
imageSrc: "http://img.b2bpic.net/free-photo/astronaut-wearing-space-suit-earth_23-2151650692.jpg",
},
{
id: "t4",
name: "David Kim",
handle: "@datawizard",
testimonial: "Best in class data management tools.",
imageSrc: "http://img.b2bpic.net/free-photo/images-that-simulate-x-rays-with-neon-colors_23-2151521304.jpg",
},
{
id: "t5",
name: "Aria Thorne",
handle: "@missionlead",
testimonial: "Essential kit for every space mission.",
imageSrc: "http://img.b2bpic.net/free-photo/model-wearing-space-suit_23-2151650652.jpg",
},
]}
title="Voices from Orbit"
description="Insights from the front line of space research."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
testimonials={[
{ id: "t1", name: "Dr. Sarah V", handle: "@spaceexplorer", testimonial: "Spacevision changed our understanding of galactic data.", imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-doctor-monitoring-oxygen-therapy-hyperbaric-chamber-looking-camera-while-sitting-control-room_637285-370.jpg" },
{ id: "t2", name: "Mark Chen", handle: "@engineerlab", testimonial: "The precision engineering is unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-tablet_23-2148718088.jpg" },
{ id: "t3", name: "Elena Ross", handle: "@pilotcommander", testimonial: "Seamless integration during our last orbit cycle.", imageSrc: "http://img.b2bpic.net/free-photo/astronaut-wearing-space-suit-earth_23-2151650692.jpg" },
{ id: "t4", name: "David Kim", handle: "@datawizard", testimonial: "Best in class data management tools.", imageSrc: "http://img.b2bpic.net/free-photo/images-that-simulate-x-rays-with-neon-colors_23-2151521304.jpg" },
{ id: "t5", name: "Aria Thorne", handle: "@missionlead", testimonial: "Essential kit for every space mission.", imageSrc: "http://img.b2bpic.net/free-photo/model-wearing-space-suit_23-2151650652.jpg" },
]}
title="Voices from Orbit"
description="Insights from the front line of space research."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyEight
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Quantum Scanners",
subtitle: "Ultra-precise detection",
category: "Analysis",
value: "0.1ms",
},
{
id: "f2",
title: "Neural Link",
subtitle: "Direct interface access",
category: "Connectivity",
value: "High",
},
{
id: "f3",
title: "Orbital Sync",
subtitle: "Automated synchronization",
category: "System",
value: "Global",
},
]}
title="Superior Capabilities"
description="Advanced technical features powering your mission."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyEight
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{ id: "f1", title: "Quantum Scanners", subtitle: "Ultra-precise detection", category: "Analysis", value: "0.1ms" },
{ id: "f2", title: "Neural Link", subtitle: "Direct interface access", category: "Connectivity", value: "High" },
{ id: "f3", title: "Orbital Sync", subtitle: "Automated synchronization", category: "System", value: "Global" },
]}
title="Superior Capabilities"
description="Advanced technical features powering your mission."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardTwo
animationType="scale-rotate"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "basic",
badge: "Explorer",
price: "$1,999",
subtitle: "For individual researchers",
buttons: [
{
text: "Get Started",
href: "#",
},
],
features: [
"Basic scans",
"Offline data",
"Global support",
],
},
{
id: "pro",
badge: "Mission Pro",
price: "$4,999",
subtitle: "For science teams",
buttons: [
{
text: "Upgrade",
href: "#",
},
],
features: [
"Full sensor suite",
"Live uplink",
"Prioritized support",
],
},
{
id: "enterprise",
badge: "Station",
price: "$9,999",
subtitle: "For large organizations",
buttons: [
{
text: "Contact",
href: "#",
},
],
features: [
"Unlimited capacity",
"Custom hardware",
"24/7 dedicated lead",
],
},
]}
title="Mission Plans"
description="Choose the perfect plan for your cosmic objectives."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardTwo
animationType="scale-rotate"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{ id: "basic", badge: "Explorer", price: "$1,999", subtitle: "For individual researchers", buttons: [{ text: "Get Started", href: "#" }], features: ["Basic scans", "Offline data", "Global support"] },
{ id: "pro", badge: "Mission Pro", price: "$4,999", subtitle: "For science teams", buttons: [{ text: "Upgrade", href: "#" }], features: ["Full sensor suite", "Live uplink", "Prioritized support"] },
{ id: "enterprise", badge: "Station", price: "$9,999", subtitle: "For large organizations", buttons: [{ text: "Contact", href: "#" }], features: ["Unlimited capacity", "Custom hardware", "24/7 dedicated lead"] },
]}
title="Mission Plans"
description="Choose the perfect plan for your cosmic objectives."
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Can I integrate my hardware?",
content: "Yes, our API is open and fully compatible with most modern aerospace standards.",
},
{
id: "q2",
title: "What is the mission range?",
content: "Our equipment is designed to be effective well into deep space orbits.",
},
{
id: "q3",
title: "Is data encryption included?",
content: "Security is our top priority with military-grade encryption.",
},
]}
title="Cosmic Inquiries"
description="Answers to your most important questions about space exploration."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{ id: "q1", title: "Can I integrate my hardware?", content: "Yes, our API is open and fully compatible with most modern aerospace standards." },
{ id: "q2", title: "What is the mission range?", content: "Our equipment is designed to be effective well into deep space orbits." },
{ id: "q3", title: "Is data encryption included?", content: "Security is our top priority with military-grade encryption." },
]}
title="Cosmic Inquiries"
description="Answers to your most important questions about space exploration."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Initiate Contact"
description="Send a transmission to our mission command."
inputs={[
{
name: "name",
type: "text",
placeholder: "Mission Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Communication Link",
required: true,
},
]}
textarea={{
name: "message",
placeholder: "Transmission details...",
}}
imageSrc="http://img.b2bpic.net/free-photo/futuristic-technology-concept_23-2151908071.jpg"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Initiate Contact"
description="Send a transmission to our mission command."
inputs={[
{ name: "name", type: "text", placeholder: "Mission Name", required: true },
{ name: "email", type: "email", placeholder: "Communication Link", required: true },
]}
textarea={{ name: "message", placeholder: "Transmission details..." }}
imageSrc="http://img.b2bpic.net/free-photo/futuristic-technology-concept_23-2151908071.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Spacevision"
columns={[
{
title: "Discovery",
items: [
{
label: "About",
href: "#about",
},
{
label: "Technology",
href: "#features",
},
],
},
{
title: "Mission",
items: [
{
label: "Plans",
href: "#pricing",
},
{
label: "Contact",
href: "#contact",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Spacevision"
columns={[
{ title: "Discovery", items: [{ label: "About", href: "#about" }, { label: "Technology", href: "#features" }] },
{ title: "Mission", items: [{ label: "Plans", href: "#pricing" }, { label: "Contact", href: "#contact" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);