Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -32,84 +32,56 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "About",
+          name: "About",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Products",
+          name: "Products",          id: "products"},
-          id: "products",
-        },
         {
-          name: "Pricing",
+          name: "Pricing",          id: "pricing"},
-          id: "pricing",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="OmniPro"
       button={{
-        text: "Shop Now",
+        text: "Shop Now",        href: "#products"}}
-        href: "#products",
-      }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplit
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       title="Future-Ready Tech, Redefined."
       description="Experience our curated collection of elite multi-product solutions designed to elevate your workflow and lifestyle with unparalleled precision."
+      buttons={[
+        { text: "Explore Collection", href: "#products" }
+      ]}
       imageSrc="http://img.b2bpic.net/free-photo/sunset-beach-tablet_23-2151947346.jpg"
       imageAlt="tech products dark desk setup neon"
       mediaAnimation="blur-reveal"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",
+          src: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",          alt: "Close-up of businessman with tie"},
-          alt: "Close-up of businessman with tie",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
+          src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",          alt: "Closeup of Smiling Beautiful Adult Businesswoman"},
-          alt: "Closeup of Smiling Beautiful Adult Businesswoman",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg",
+          src: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg",          alt: "Portrait of grey-haired businessman standing"},
-          alt: "Portrait of grey-haired businessman standing",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
+          src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",          alt: "Smiling businessman standing in the airport terminal"},
-          alt: "Smiling businessman standing in the airport terminal",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020770.jpg",
+          src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020770.jpg",          alt: "Portrait of beautiful woman posing with a blue jacket"},
-          alt: "Portrait of beautiful woman posing with a blue jacket",
-        },
       ]}
       avatarText="Trusted by 15,000+ professionals worldwide."
       marqueeItems={[
         {
-          type: "text",
+          type: "text",          text: "Ultra-Fast Sync"},
-          text: "Ultra-Fast Sync",
-        },
         {
-          type: "text",
+          type: "text",          text: "End-to-End Encryption"},
-          text: "End-to-End Encryption",
-        },
         {
-          type: "text",
+          type: "text",          text: "Real-time Analytics"},
-          text: "Real-time Analytics",
-        },
         {
-          type: "text",
+          type: "text",          text: "Global 24/7 Support"},
-          text: "Global 24/7 Support",
-        },
         {
-          type: "text",
+          type: "text",          text: "Seamless Integration"},
-          text: "Seamless Integration",
-        },
       ]}
     />
   </div>
@@ -121,17 +93,11 @@ export default function LandingPage() {
       description="We specialize in crafting products that blend seamlessly into your digital ecosystem, ensuring high-performance results every single time."
       metrics={[
         {
-          value: "15K+",
+          value: "15K+",          title: "Happy Users"},
-          title: "Happy Users",
-        },
         {
-          value: "99.9%",
+          value: "99.9%",          title: "Uptime Rate"},
-          title: "Uptime Rate",
-        },
         {
-          value: "50+",
+          value: "50+",          title: "Awards Won"},
-          title: "Awards Won",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/interior-female-workspace-home_23-2147778843.jpg"
       imageAlt="luxury office interior dark aesthetic"
@@ -147,26 +113,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          id: "f1",
+          id: "f1",          title: "Seamless Sync",          subtitle: "Instant data across all devices",          category: "Cloud",          value: "24/7"},
-          title: "Seamless Sync",
-          subtitle: "Instant data across all devices",
-          category: "Cloud",
-          value: "24/7",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "Advanced Security",          subtitle: "End-to-end encryption built-in",          category: "Security",          value: "AES-256"},
-          title: "Advanced Security",
-          subtitle: "End-to-end encryption built-in",
-          category: "Security",
-          value: "AES-256",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "Smart Analytics",          subtitle: "Actionable insights for you",          category: "Data",          value: "Real-time"},
-          title: "Smart Analytics",
-          subtitle: "Actionable insights for you",
-          category: "Data",
-          value: "Real-time",
-        },
       ]}
       title="Unmatched Performance"
       description="Built for scale, speed, and simplicity."
@@ -179,43 +130,24 @@ export default function LandingPage() {
       textboxLayout="default"
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={false}
+      buttons={[
+        {
+          text: "View Full Catalog",          href: "#catalog"
+        }
+      ]}
       products={[
         {
-          id: "p1",
+          id: "p1",          name: "Smart Device Pro",          price: "$199",          imageSrc: "http://img.b2bpic.net/free-photo/view-robotic-vacuum-cleaner-flat-surface_23-2151736770.jpg"},
-          name: "Smart Device Pro",
-          price: "$199",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-robotic-vacuum-cleaner-flat-surface_23-2151736770.jpg",
-        },
         {
-          id: "p2",
+          id: "p2",          name: "Wearable Elite",          price: "$299",          imageSrc: "http://img.b2bpic.net/free-photo/smartwatch-submerged_23-2148109745.jpg"},
-          name: "Wearable Elite",
-          price: "$299",
-          imageSrc: "http://img.b2bpic.net/free-photo/smartwatch-submerged_23-2148109745.jpg",
-        },
         {
-          id: "p3",
+          id: "p3",          name: "Audio Master",          price: "$149",          imageSrc: "http://img.b2bpic.net/free-photo/electronic-musical-instrument-audio-mixer-sound-equalizer-analog-modular-synthesizer_1381-2.jpg"},
-          name: "Audio Master",
-          price: "$149",
-          imageSrc: "http://img.b2bpic.net/free-photo/electronic-musical-instrument-audio-mixer-sound-equalizer-analog-modular-synthesizer_1381-2.jpg",
-        },
         {
-          id: "p4",
+          id: "p4",          name: "Creative Pad",          price: "$399",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-device-table_23-2150994339.jpg"},
-          name: "Creative Pad",
-          price: "$399",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-device-table_23-2150994339.jpg",
-        },
         {
-          id: "p5",
+          id: "p5",          name: "Keyboard X1",          price: "$129",          imageSrc: "http://img.b2bpic.net/free-photo/cool-gaming-setup-with-neon-lights-still-life_23-2149829151.jpg"},
-          name: "Keyboard X1",
-          price: "$129",
-          imageSrc: "http://img.b2bpic.net/free-photo/cool-gaming-setup-with-neon-lights-still-life_23-2149829151.jpg",
-        },
         {
-          id: "p6",
+          id: "p6",          name: "Mobile Ultra",          price: "$899",          imageSrc: "http://img.b2bpic.net/free-photo/blogger-recording-her-make-up-session_23-2148538967.jpg"},
-          name: "Mobile Ultra",
-          price: "$899",
-          imageSrc: "http://img.b2bpic.net/free-photo/blogger-recording-her-make-up-session_23-2148538967.jpg",
-        },
       ]}
       title="Featured Collections"
       description="Our handpicked selection of top-tier hardware."
@@ -229,31 +161,16 @@ export default function LandingPage() {
       useInvertedBackground={true}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          value: "120%",          title: "Growth",          items: [
-          value: "120%",
+            "Faster compute",            "Enhanced capacity"],
-          title: "Growth",
-          items: [
-            "Faster compute",
-            "Enhanced capacity",
-          ],
         },
         {
-          id: "m2",
+          id: "m2",          value: "85%",          title: "Efficiency",          items: [
-          value: "85%",
+            "Streamlined flow",            "Less latency"],
-          title: "Efficiency",
-          items: [
-            "Streamlined flow",
-            "Less latency",
-          ],
         },
         {
-          id: "m3",
+          id: "m3",          value: "98%",          title: "Retention",          items: [
-          value: "98%",
+            "Loyal users",            "Longer engagement"],
-          title: "Retention",
-          items: [
-            "Loyal users",
-            "Longer engagement",
-          ],
         },
       ]}
       title="Growth Data"
@@ -267,45 +184,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
+          id: "t1",          title: "Incredible Quality",          quote: "The best tech I've ever bought.",          name: "Alice Wang",          role: "CEO",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg"},
-          title: "Incredible Quality",
-          quote: "The best tech I've ever bought.",
-          name: "Alice Wang",
-          role: "CEO",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",
-        },
         {
-          id: "t2",
+          id: "t2",          title: "Stunning Design",          quote: "Beautifully crafted and fast.",          name: "Bob Smith",          role: "Designer",          imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-man-glasses-is-posing-photographer-studio_613910-2642.jpg"},
-          title: "Stunning Design",
-          quote: "Beautifully crafted and fast.",
-          name: "Bob Smith",
-          role: "Designer",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-man-glasses-is-posing-photographer-studio_613910-2642.jpg",
-        },
         {
-          id: "t3",
+          id: "t3",          title: "Game Changer",          quote: "Transformed my daily routine.",          name: "Charlie Day",          role: "Founder",          imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg"},
-          title: "Game Changer",
-          quote: "Transformed my daily routine.",
-          name: "Charlie Day",
-          role: "Founder",
-          imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
-        },
         {
-          id: "t4",
+          id: "t4",          title: "Top Tier Support",          quote: "Responsive and helpful team.",          name: "Dana White",          role: "CTO",          imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-eyeglasses-with-tattoo-his-arm-sits-chair-using-tablet-pc_613910-12174.jpg"},
-          title: "Top Tier Support",
-          quote: "Responsive and helpful team.",
-          name: "Dana White",
-          role: "CTO",
-          imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-eyeglasses-with-tattoo-his-arm-sits-chair-using-tablet-pc_613910-12174.jpg",
-        },
         {
-          id: "t5",
+          id: "t5",          title: "Must Have Tool",          quote: "Simply indispensable.",          name: "Eve Jones",          role: "PM",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-positive-man-white-shirt-standing-with-arms-folded-looking-away-dark-gray-copy-space_171337-451.jpg"},
-          title: "Must Have Tool",
-          quote: "Simply indispensable.",
-          name: "Eve Jones",
-          role: "PM",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-positive-man-white-shirt-standing-with-arms-folded-looking-away-dark-gray-copy-space_171337-451.jpg",
-        },
       ]}
       title="Trusted by Leaders"
       description="Hear what our partners have to say."
@@ -318,20 +205,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "q1",
+          id: "q1",          title: "Shipping Info",          content: "We ship globally within 3 business days."},
-          title: "Shipping Info",
-          content: "We ship globally within 3 business days.",
-        },
         {
-          id: "q2",
+          id: "q2",          title: "Return Policy",          content: "30-day money-back guarantee on all items."},
-          title: "Return Policy",
-          content: "30-day money-back guarantee on all items.",
-        },
         {
-          id: "q3",
+          id: "q3",          title: "Support Hours",          content: "24/7 technical support available."},
-          title: "Support Hours",
-          content: "24/7 technical support available.",
-        },
       ]}
       title="Answers for You"
       description="Everything you need to know about our products."
@@ -346,8 +224,7 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={false}
       background={{
-        variant: "canvas-reveal",
+        variant: "canvas-reveal"}}
-      }}
       tag="Get In Touch"
       title="Stay Updated"
       description="Sign up for exclusive offers and tech insights."
@@ -359,42 +236,27 @@ export default function LandingPage() {
       logoText="OmniPro"
       columns={[
         {
-          title: "Company",
+          title: "Company",          items: [
-          items: [
             {
-              label: "About",
+              label: "About",              href: "#about"},
-              href: "#about",
-            },
             {
-              label: "Team",
+              label: "Team",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Products",
+          title: "Products",          items: [
-          items: [
             {
-              label: "New In",
+              label: "New In",              href: "#products"},
-              href: "#products",
-            },
             {
-              label: "Best Sellers",
+              label: "Best Sellers",              href: "#products"},
-              href: "#products",
-            },
           ],
         },
         {
-          title: "Legal",
+          title: "Legal",          items: [
-          items: [
             {
-              label: "Privacy",
+              label: "Privacy",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Terms",
+              label: "Terms",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}