Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -29,21 +29,13 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Catalog",
+          name: "Catalog",          id: "catalog"},
-          id: "catalog",
-        },
         {
-          name: "Search",
+          name: "Search",          id: "search"},
-          id: "search",
-        },
         {
-          name: "Partners",
+          name: "Partners",          id: "partners"},
-          id: "partners",
-        },
         {
-          name: "Support",
+          name: "Support",          id: "faq"},
-          id: "faq",
-        },
       ]}
       brandName="TechGlobal"
     />
@@ -52,61 +44,38 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboard
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       title="Global Hardware Aggregator"
       description="Find every PC component and smartphone model across all major retailers worldwide. Real-time availability, price comparison, and instant search."
       buttons={[
         {
-          text: "Start Searching",
+          text: "Start Searching",          href: "#catalog"},
-          href: "#catalog",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/big-data-technology-cyberspace-motherboard-microchip-circuit-board-computer-processor-neon-light_90220-1198.jpg?_wi=1"
       imageAlt="High-end tech hardware components display"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/abstract-blue-metallic-texture-perforated-metal-background_1048-6353.jpg",
+          src: "http://img.b2bpic.net/free-photo/abstract-blue-metallic-texture-perforated-metal-background_1048-6353.jpg",          alt: "User 1"},
-          alt: "User 1",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074279.jpg",
+          src: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074279.jpg",          alt: "User 2"},
-          alt: "User 2",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/close-up-hardware-component-background_23-2148882609.jpg",
+          src: "http://img.b2bpic.net/free-photo/close-up-hardware-component-background_23-2148882609.jpg",          alt: "User 3"},
-          alt: "User 3",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/high-angle-hard-drive-components-blue-light_23-2149417059.jpg",
+          src: "http://img.b2bpic.net/free-photo/high-angle-hard-drive-components-blue-light_23-2149417059.jpg",          alt: "User 4"},
-          alt: "User 4",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/red-themed-motherboard-with-processor-socket_23-2148284295.jpg",
+          src: "http://img.b2bpic.net/free-photo/red-themed-motherboard-with-processor-socket_23-2148284295.jpg",          alt: "User 5"},
-          alt: "User 5",
-        },
       ]}
       marqueeItems={[
         {
-          type: "text",
+          type: "text",          text: "RTX 4090 In Stock"},
-          text: "RTX 4090 In Stock",
-        },
         {
-          type: "text",
+          type: "text",          text: "Global Price Tracking"},
-          text: "Global Price Tracking",
-        },
         {
-          type: "text",
+          type: "text",          text: "Real-time Availability"},
-          text: "Real-time Availability",
-        },
         {
-          type: "text",
+          type: "text",          text: "Retailer Integration"},
-          text: "Retailer Integration",
-        },
         {
-          type: "text",
+          type: "text",          text: "Secure Hardware Search"},
-          text: "Secure Hardware Search",
-        },
       ]}
     />
   </div>
@@ -115,48 +84,18 @@ export default function LandingPage() {
       <ProductCatalog
       layout="section"
       products={[
+        { id: "p1", category: "PC Hardware", name: "RTX 4090 GPU", price: "$1599", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/abstract-blue-metallic-texture-perforated-metal-background_1048-6353.jpg?_wi=1" },
+        { id: "p2", category: "Mobile Phone", name: "Flagship Smartphone", price: "$1199", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074279.jpg" },
+        { id: "p3", category: "PC Hardware", name: "i9-14900K Processor", price: "$589", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-hardware-component-background_23-2148882609.jpg?_wi=1" },
+        { id: "p4", category: "PC Hardware", name: "32GB DDR5 RAM", price: "$129", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hard-drive-components-blue-light_23-2149417059.jpg" },
+        { id: "p5", category: "PC Hardware", name: "2TB NVMe SSD", price: "$149", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/red-themed-motherboard-with-processor-socket_23-2148284295.jpg?_wi=1" },
+        { id: "p6", category: "Mobile Phone", name: "Budget Smartphone", price: "$299", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/high-angle-blue-keyboard-with-lights_23-2149680224.jpg" }
+      ]}
+      filters={[
         {
-          id: "p1",
+          label: "Category",          options: ["All", "PC Hardware", "Mobile Phone"],
-          name: "RTX 4090 GPU",
+          selected: "All",          onChange: (val) => console.log(val),
-          price: "$1599",
+        }
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-blue-metallic-texture-perforated-metal-background_1048-6353.jpg?_wi=1",
-          rating: 5,
-        },
-        {
-          id: "p2",
-          name: "Flagship Smartphone",
-          price: "$1199",
-          imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074279.jpg",
-          rating: 4,
-        },
-        {
-          id: "p3",
-          name: "i9-14900K Processor",
-          price: "$589",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hardware-component-background_23-2148882609.jpg?_wi=1",
-          rating: 5,
-        },
-        {
-          id: "p4",
-          name: "32GB DDR5 RAM",
-          price: "$129",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hard-drive-components-blue-light_23-2149417059.jpg",
-          rating: 4,
-        },
-        {
-          id: "p5",
-          name: "2TB NVMe SSD",
-          price: "$149",
-          imageSrc: "http://img.b2bpic.net/free-photo/red-themed-motherboard-with-processor-socket_23-2148284295.jpg?_wi=1",
-          rating: 5,
-        },
-        {
-          id: "p6",
-          name: "Mechanical Keyboard",
-          price: "$199",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-blue-keyboard-with-lights_23-2149680224.jpg",
-          rating: 4,
-        },
       ]}
       searchPlaceholder="Search any part globally..."
     />
@@ -169,26 +108,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          value: "120M+",          title: "Products Listed",          description: "Across every category",          imageSrc: "http://img.b2bpic.net/free-photo/abstract-blue-metallic-texture-perforated-metal-background_1048-6353.jpg?_wi=2"},
-          value: "120M+",
-          title: "Products Listed",
-          description: "Across every category",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-blue-metallic-texture-perforated-metal-background_1048-6353.jpg?_wi=2",
-        },
         {
-          id: "m2",
+          id: "m2",          value: "5000+",          title: "Global Retailers",          description: "Connected in real-time",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hardware-component-background_23-2148882609.jpg?_wi=2"},
-          value: "5000+",
-          title: "Global Retailers",
-          description: "Connected in real-time",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hardware-component-background_23-2148882609.jpg?_wi=2",
-        },
         {
-          id: "m3",
+          id: "m3",          value: "99.9%",          title: "Data Accuracy",          description: "Fresh pricing daily",          imageSrc: "http://img.b2bpic.net/free-photo/red-themed-motherboard-with-processor-socket_23-2148284295.jpg?_wi=2"},
-          value: "99.9%",
-          title: "Data Accuracy",
-          description: "Fresh pricing daily",
-          imageSrc: "http://img.b2bpic.net/free-photo/red-themed-motherboard-with-processor-socket_23-2148284295.jpg?_wi=2",
-        },
       ]}
       title="Aggregating Global Inventory"
       description="Data driven insights from thousands of stores."
@@ -200,23 +124,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       names={[
-        "Amazon",
+        "Amazon",        "Newegg",        "BestBuy",        "MicroCenter",        "AliExpress",        "B&H",        "eBay"]}
-        "Newegg",
-        "BestBuy",
-        "MicroCenter",
-        "AliExpress",
-        "B&H",
-        "eBay",
-      ]}
       logos={[
-        "http://img.b2bpic.net/free-vector/industry-4-0-logo-design_23-2151266857.jpg",
+        "http://img.b2bpic.net/free-vector/industry-4-0-logo-design_23-2151266857.jpg",        "http://img.b2bpic.net/free-vector/network-illustration_1025-458.jpg",        "http://img.b2bpic.net/free-photo/future-online-technology-global-concept_53876-120824.jpg",        "http://img.b2bpic.net/free-photo/wooden-surface-with-blank-notebook-decorative-tools_23-2147684577.jpg",        "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3bv72c",        "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qavq4v",        "http://img.b2bpic.net/free-vector/creative-online-shopping-25-line-filled-icon-pack-such-as-quality-list-product-clipboard-online-shopping_1142-24659.jpg"]}
-        "http://img.b2bpic.net/free-vector/network-illustration_1025-458.jpg",
-        "http://img.b2bpic.net/free-photo/future-online-technology-global-concept_53876-120824.jpg",
-        "http://img.b2bpic.net/free-photo/wooden-surface-with-blank-notebook-decorative-tools_23-2147684577.jpg",
-        "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3bv72c",
-        "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qavq4v",
-        "http://img.b2bpic.net/free-vector/creative-online-shopping-25-line-filled-icon-pack-such-as-quality-list-product-clipboard-online-shopping_1142-24659.jpg",
-      ]}
       title="Partnering with Global Giants"
       description="Verified partnerships with leading hardware distributors and retailers."
     />
@@ -228,20 +138,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
+          id: "f1",          title: "How does global search work?",          content: "We index millions of products across thousands of regional stores daily."},
-          title: "How does global search work?",
-          content: "We index millions of products across thousands of regional stores daily.",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "Can I check shipping costs?",          content: "Yes, our search tool includes shipping estimation based on your geolocation."},
-          title: "Can I check shipping costs?",
-          content: "Yes, our search tool includes shipping estimation based on your geolocation.",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "How often is pricing updated?",          content: "Pricing is updated hourly to ensure the highest accuracy."},
-          title: "How often is pricing updated?",
-          content: "Pricing is updated hourly to ensure the highest accuracy.",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/big-data-technology-cyberspace-motherboard-microchip-circuit-board-computer-processor-neon-light_90220-1198.jpg?_wi=2"
       title="Frequently Asked Questions"
@@ -257,33 +158,21 @@ export default function LandingPage() {
         {
           items: [
             {
-              label: "Catalog",
+              label: "Catalog",              href: "#catalog"},
-              href: "#catalog",
-            },
             {
-              label: "Advanced Search",
+              label: "Advanced Search",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Partners",
+              label: "Partners",              href: "#partners"},
-              href: "#partners",
-            },
           ],
         },
         {
           items: [
             {
-              label: "Privacy",
+              label: "Privacy",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Terms",
+              label: "Terms",              href: "#"},
-              href: "#",
-            },
             {
-              label: "API Access",
+              label: "API Access",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}
@@ -293,4 +182,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}