From caf4c1f59f791afc5496ff54150a5df7bde03cd1 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 18 Apr 2026 14:44:29 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 545 ++++++++++++++---------------------------------
 1 file changed, 161 insertions(+), 384 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 20c37b7..f837393 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -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>
   );
-- 
2.49.1