From 3d4d4904527e69e770b6784505cbf2c4d62af9fb Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 18 May 2026 15:21:16 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 560 +++++++++++++----------------------------------
 1 file changed, 154 insertions(+), 406 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 10bd634..368de71 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -28,421 +28,169 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Products",
-          id: "products",
-        },
-        {
-          name: "AI",
-          id: "features",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "Support",
-          id: "faq",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Aura"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Products", id: "products" },
+              { name: "AI", id: "features" },
+              { name: "Pricing", id: "pricing" },
+              { name: "Support", id: "faq" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Aura"
+            button={{ text: "Get Started", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboard
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      title="The Future Starts Here"
-      description="Powerful technology crafted with simplicity and intelligence."
-      buttons={[
-        {
-          text: "Explore Products",
-          href: "#products",
-        },
-        {
-          text: "Watch Experience",
-          href: "#",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/high-angle-hard-drive-red-light_23-2149417025.jpg"
-      mediaAnimation="blur-reveal"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg",
-          alt: "Tech lead",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg",
-          alt: "Lead designer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg",
-          alt: "Engineer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",
-          alt: "Strategist",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/video-editor-worker-standing-front-camera-smiling-working-creative-agency-office-holding-la_482257-3426.jpg",
-          alt: "Product manager",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Ultra-minimalist design",
-        },
-        {
-          type: "text",
-          text: "AI-driven performance",
-        },
-        {
-          type: "text",
-          text: "Privacy-first architecture",
-        },
-        {
-          type: "text",
-          text: "Zero-latency UI",
-        },
-        {
-          type: "text",
-          text: "Titanium-grade build",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+            <HeroBillboard
+            background={{ variant: "sparkles-gradient" }}
+            title="The Future Starts Here"
+            description="Powerful technology crafted with simplicity and intelligence."
+            buttons={[{ text: "Explore Products", href: "#products" }, { text: "Watch Experience", href: "#" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/high-angle-hard-drive-red-light_23-2149417025.jpg"
+            mediaAnimation="blur-reveal"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg", alt: "Tech lead" },
+              { src: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg", alt: "Lead designer" },
+              { src: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg", alt: "Engineer" },
+              { src: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg", alt: "Strategist" },
+              { src: "http://img.b2bpic.net/free-photo/video-editor-worker-standing-front-camera-smiling-working-creative-agency-office-holding-la_482257-3426.jpg", alt: "Product manager" },
+            ]}
+            marqueeItems={[
+              { type: "text", text: "Ultra-minimalist design" },
+              { type: "text", text: "AI-driven performance" },
+              { type: "text", text: "Privacy-first architecture" },
+              { type: "text", text: "Zero-latency UI" },
+              { type: "text", text: "Titanium-grade build" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <SplitAbout
-      textboxLayout="split"
-      useInvertedBackground={false}
-      title="Crafted with Intent"
-      description="Every component, every transition, and every interaction is designed to push the boundaries of what is possible in the digital realm."
-      bulletPoints={[
-        {
-          title: "Engineered Precision",
-          description: "Micro-architected performance for seamless daily experiences.",
-        },
-        {
-          title: "Fluid Motion",
-          description: "GSAP-driven animations that respond to your touch and flow.",
-        },
-        {
-          title: "Adaptive Intelligence",
-          description: "Systems that learn and evolve with your specific workflow needs.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/3d-render-modern-techno-background-with-digital-particles_1048-15658.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+            <SplitAbout
+            textboxLayout="split"
+            useInvertedBackground={false}
+            title="Crafted with Intent"
+            description="Every component, every transition, and every interaction is designed to push the boundaries of what is possible in the digital realm."
+            bulletPoints={[
+              { title: "Engineered Precision", description: "Micro-architected performance for seamless daily experiences." },
+              { title: "Fluid Motion", description: "GSAP-driven animations that respond to your touch and flow." },
+              { title: "Adaptive Intelligence", description: "Systems that learn and evolve with your specific workflow needs." },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/3d-render-modern-techno-background-with-digital-particles_1048-15658.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyOne
-      useInvertedBackground={true}
-      title="Intelligence, Perfected"
-      description="Redefining the interaction between human and machine through minimalist design and unmatched power."
-      accordionItems={[
-        {
-          id: "1",
-          title: "Neural Integration",
-          content: "Our proprietary AI engine seamlessly adapts to your unique habits.",
-        },
-        {
-          id: "2",
-          title: "Adaptive Privacy",
-          content: "Privacy-first architecture ensuring your data never leaves your device.",
-        },
-        {
-          id: "3",
-          title: "Zero-Latency UI",
-          content: "Haptic-responsive interface designed for instant gratification.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/cosmic-background-with-blue-orange-laser-lights-perfect-digital-wallpaper_181624-32838.jpg"
-      mediaAnimation="opacity"
-    />
-  </div>
+        <div id="features" data-section="features">
+            <FeatureCardTwentyOne
+            useInvertedBackground={true}
+            title="Intelligence, Perfected"
+            description="Redefining the interaction between human and machine through minimalist design and unmatched power."
+            accordionItems={[
+              { id: "1", title: "Neural Integration", content: "Our proprietary AI engine seamlessly adapts to your unique habits." },
+              { id: "2", title: "Adaptive Privacy", content: "Privacy-first architecture ensuring your data never leaves your device." },
+              { id: "3", title: "Zero-Latency UI", content: "Haptic-responsive interface designed for instant gratification." },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/cosmic-background-with-blue-orange-laser-lights-perfect-digital-wallpaper_181624-32838.jpg"
+            mediaAnimation="opacity"
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardOne
-      animationType="slide-up"
-      textboxLayout="split-description"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Aura Phone",
-          price: "$1,299",
-          imageSrc: "http://img.b2bpic.net/free-photo/cartoon-clay-phone-perspective-side-dark-background_187299-35334.jpg",
-        },
-        {
-          id: "p2",
-          name: "Aura Book",
-          price: "$2,499",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-laptop-wooden-backdrop_23-2147924331.jpg",
-        },
-        {
-          id: "p3",
-          name: "Aura Watch",
-          price: "$499",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smartwach-person-hand_23-2148226919.jpg",
-        },
-        {
-          id: "p4",
-          name: "Aura Audio",
-          price: "$399",
-          imageSrc: "http://img.b2bpic.net/free-photo/levitating-music-headphones-display_23-2149817609.jpg",
-        },
-        {
-          id: "p5",
-          name: "Aura Home",
-          price: "$299",
-          imageSrc: "http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039381.jpg",
-        },
-        {
-          id: "p6",
-          name: "Aura Tab",
-          price: "$899",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-woman-is-using-tablet-outside_169016-24797.jpg",
-        },
-      ]}
-      title="Our Collection"
-      description="Hardware engineered to transform your daily operations."
-    />
-  </div>
+        <div id="products" data-section="products">
+            <ProductCardOne
+            animationType="slide-up"
+            textboxLayout="split-description"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", name: "Aura Phone", price: "$1,299", imageSrc: "http://img.b2bpic.net/free-photo/cartoon-clay-phone-perspective-side-dark-background_187299-35334.jpg" },
+              { id: "p2", name: "Aura Book", price: "$2,499", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-laptop-wooden-backdrop_23-2147924331.jpg" },
+              { id: "p3", name: "Aura Watch", price: "$499", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smartwach-person-hand_23-2148226919.jpg" },
+              { id: "p4", name: "Aura Audio", price: "$399", imageSrc: "http://img.b2bpic.net/free-photo/levitating-music-headphones-display_23-2149817609.jpg" },
+              { id: "p5", name: "Aura Home", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039381.jpg" },
+              { id: "p6", name: "Aura Tab", price: "$899", imageSrc: "http://img.b2bpic.net/free-photo/closeup-woman-is-using-tablet-outside_169016-24797.jpg" },
+            ]}
+            title="Our Collection"
+            description="Hardware engineered to transform your daily operations."
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardNine
-      animationType="scale-rotate"
-      textboxLayout="split-actions"
-      useInvertedBackground={true}
-      plans={[
-        {
-          id: "b",
-          title: "Essential",
-          price: "$29",
-          period: "/mo",
-          features: [
-            "Cloud Sync",
-            "Standard Support",
-            "Basic AI Access",
-          ],
-          button: {
-            text: "Get Started",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman-looking-his-watch-closeup_53876-167338.jpg",
-        },
-        {
-          id: "p",
-          title: "Professional",
-          price: "$89",
-          period: "/mo",
-          features: [
-            "Everything in Basic",
-            "Advanced AI Engine",
-            "Priority Support",
-            "Shared Spaces",
-          ],
-          button: {
-            text: "Choose Pro",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/wooden-table-with-blank-screen-laptop-retro-photo-camera-black-background_23-2147956648.jpg",
-        },
-        {
-          id: "e",
-          title: "Enterprise",
-          price: "Custom",
-          period: "",
-          features: [
-            "Everything in Pro",
-            "On-Prem Deployment",
-            "24/7 Dedicated Support",
-            "Custom API Keys",
-          ],
-          button: {
-            text: "Contact Sales",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-vintage-objects_23-2150244590.jpg",
-        },
-      ]}
-      title="Essential Plans"
-      description="Select the plan that aligns with your professional vision."
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+            <PricingCardNine
+            animationType="scale-rotate"
+            textboxLayout="split-actions"
+            useInvertedBackground={true}
+            plans={[
+              { id: "b", title: "Essential", price: "$29", period: "/mo", features: ["Cloud Sync", "Standard Support", "Basic AI Access"], button: { text: "Get Started" }, imageSrc: "http://img.b2bpic.net/free-photo/businessman-looking-his-watch-closeup_53876-167338.jpg" },
+              { id: "p", title: "Professional", price: "$89", period: "/mo", features: ["Everything in Basic", "Advanced AI Engine", "Priority Support", "Shared Spaces"], button: { text: "Choose Pro" }, imageSrc: "http://img.b2bpic.net/free-photo/wooden-table-with-blank-screen-laptop-retro-photo-camera-black-background_23-2147956648.jpg" },
+              { id: "e", title: "Enterprise", price: "Custom", period: "", features: ["Everything in Pro", "On-Prem Deployment", "24/7 Dedicated Support", "Custom API Keys"], button: { text: "Contact Sales" }, imageSrc: "http://img.b2bpic.net/free-photo/still-life-vintage-objects_23-2150244590.jpg" },
+            ]}
+            title="Essential Plans"
+            description="Select the plan that aligns with your professional vision."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSixteen
-      animationType="depth-3d"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah J.",
-          role: "CEO",
-          company: "TechInnovate",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/serene-businessman-with-glasses_1098-719.jpg",
-        },
-        {
-          id: "2",
-          name: "Mark D.",
-          role: "Lead Dev",
-          company: "BuildSoft",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167349.jpg",
-        },
-        {
-          id: "3",
-          name: "Elena R.",
-          role: "Designer",
-          company: "CreativeOps",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-editor-using-retouching-software-photos-design-studio-with-photography-equipment-technology-media-artist-editing-pictures-with-computer-touch-screen-monitor_482257-34109.jpg",
-        },
-        {
-          id: "4",
-          name: "David W.",
-          role: "Engineer",
-          company: "EngiLabs",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-worker-factory_107420-96555.jpg",
-        },
-        {
-          id: "5",
-          name: "Jessica L.",
-          role: "Manager",
-          company: "ProjectFlow",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-solar-panel-manufacturing-facility-presents-green-energy-production_482257-119910.jpg",
-        },
-      ]}
-      kpiItems={[
-        {
-          value: "10M+",
-          label: "Active Users",
-        },
-        {
-          value: "250+",
-          label: "Global Clients",
-        },
-        {
-          value: "99.9%",
-          label: "Satisfaction Rate",
-        },
-      ]}
-      title="Voices of Innovation"
-      description="Join the community of professionals redefining their industry."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+            <TestimonialCardSixteen
+            animationType="depth-3d"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Sarah J.", role: "CEO", company: "TechInnovate", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/serene-businessman-with-glasses_1098-719.jpg" },
+              { id: "2", name: "Mark D.", role: "Lead Dev", company: "BuildSoft", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167349.jpg" },
+              { id: "3", name: "Elena R.", role: "Designer", company: "CreativeOps", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/professional-editor-using-retouching-software-photos-design-studio-with-photography-equipment-technology-media-artist-editing-pictures-with-computer-touch-screen-monitor_482257-34109.jpg" },
+              { id: "4", name: "David W.", role: "Engineer", company: "EngiLabs", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-worker-factory_107420-96555.jpg" },
+              { id: "5", name: "Jessica L.", role: "Manager", company: "ProjectFlow", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-solar-panel-manufacturing-facility-presents-green-energy-production_482257-119910.jpg" },
+            ]}
+            kpiItems={[
+              { value: "10M+", label: "Active Users" },
+              { value: "250+", label: "Global Clients" },
+              { value: "99.9%", label: "Satisfaction Rate" },
+            ]}
+            title="Voices of Innovation"
+            description="Join the community of professionals redefining their industry."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "q1",
-          title: "What is the return policy?",
-          content: "We offer a 30-day no-questions-asked return policy for all hardware.",
-        },
-        {
-          id: "q2",
-          title: "Is my data secure?",
-          content: "Your data is encrypted end-to-end and stored locally on your device.",
-        },
-        {
-          id: "q3",
-          title: "Do you support teams?",
-          content: "Yes, our Enterprise plans are built specifically for large-scale team operations.",
-        },
-      ]}
-      sideTitle="Answers You Need"
-      faqsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+            <FaqSplitText
+            useInvertedBackground={true}
+            faqs={[
+              { id: "q1", title: "What is the return policy?", content: "We offer a 30-day no-questions-asked return policy for all hardware." },
+              { id: "q2", title: "Is my data secure?", content: "Your data is encrypted end-to-end and stored locally on your device." },
+              { id: "q3", title: "Do you support teams?", content: "Yes, our Enterprise plans are built specifically for large-scale team operations." },
+            ]}
+            sideTitle="Answers You Need"
+            faqsAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient",
-      }}
-      tag="Get in touch"
-      title="Ready to launch?"
-      description="Start your journey with Aura and experience the future of professional technology today."
-      buttons={[
-        {
-          text: "Contact Sales",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+            <ContactCTA
+            useInvertedBackground={false}
+            background={{ variant: "radial-gradient" }}
+            tag="Get in touch"
+            title="Ready to launch?"
+            description="Start your journey with Aura and experience the future of professional technology today."
+            buttons={[{ text: "Contact Sales", href: "#" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="Aura"
-      columns={[
-        {
-          title: "Products",
-          items: [
-            {
-              label: "Smartphone",
-              href: "#",
-            },
-            {
-              label: "Laptop",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2025 Aura Tech Inc. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+            <FooterBaseCard
+            logoText="Aura"
+            columns={[
+              { title: "Products", items: [{ label: "Smartphone", href: "#" }, { label: "Laptop", href: "#" }] },
+              { title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
+              { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
+            ]}
+            copyrightText="© 2025 Aura Tech Inc. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1