Update src/app/page.tsx

src/app/page.tsx

@@ -33,25 +33,15 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Features",
+          name: "Features",          id: "#features"},
-          id: "#features",
-        },
         {
-          name: "About",
+          name: "About",          id: "#about"},
-          id: "#about",
-        },
         {
-          name: "Products",
+          name: "Products",          id: "#products"},
-          id: "#products",
-        },
         {
-          name: "Testimonials",
+          name: "Testimonials",          id: "#testimonials"},
-          id: "#testimonials",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "#contact"},
-          id: "#contact",
-        },
       ]}
       brandName="Stellamart"
     />
@@ -60,20 +50,15 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       title="Empowering Your Digital Journey"
       description="Discover high-quality digital assets, templates, and software solutions designed to accelerate your creative workflow."
       tag="New Arrivals"
       buttons={[
         {
-          text: "Explore Marketplace",
+          text: "Explore Marketplace",          href: "#products"},
-          href: "#products",
-        },
         {
-          text: "Learn More",
+          text: "Learn More",          href: "#about"},
-          href: "#about",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/man-innovating-wind-energy-virtual-reality-world_23-2148820137.jpg"
       imageAlt="digital products marketplace technology"
@@ -89,19 +74,13 @@ export default function LandingPage() {
       features={[
         {
           icon: Zap,
-          title: "Instant Delivery",
+          title: "Instant Delivery",          description: "Get access to your digital files immediately after purchase."},
-          description: "Get access to your digital files immediately after purchase.",
-        },
         {
           icon: Shield,
-          title: "Secure Transactions",
+          title: "Secure Transactions",          description: "Every purchase is protected with robust encryption technology."},
-          description: "Every purchase is protected with robust encryption technology.",
-        },
         {
           icon: CheckCircle,
-          title: "Verified Quality",
+          title: "Verified Quality",          description: "All products undergo a rigorous verification process before publishing."},
-          description: "All products undergo a rigorous verification process before publishing.",
-        },
       ]}
       title="Why Choose Stellamart?"
       description="Our platform ensures the highest standards for all digital products we distribute."
@@ -129,64 +108,22 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "Sarah Miller",          role: "Designer",          company: "CreativeFlow",          rating: 5,
-          name: "Sarah Miller",
+          imageSrc: "http://img.b2bpic.net/free-photo/glad-young-man-with-african-hairstyle-posing-with-arms-crossed-his-office-with-other-employees-male-manager-blue-shirt-smiling-conference-workplace_197531-3748.jpg",          imageAlt: "portrait diverse young professional"},
-          role: "Designer",
-          company: "CreativeFlow",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/glad-young-man-with-african-hairstyle-posing-with-arms-crossed-his-office-with-other-employees-male-manager-blue-shirt-smiling-conference-workplace_197531-3748.jpg",
-          imageAlt: "portrait diverse young professional",
-        },
         {
-          id: "2",
+          id: "2",          name: "David Chen",          role: "Developer",          company: "CodeLabs",          rating: 5,
-          name: "David Chen",
+          imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-happy-gorgeous-woman-with-relaxed-smile-spending-nice-time-cafe_273609-9043.jpg",          imageAlt: "portrait diverse young professional"},
-          role: "Developer",
-          company: "CodeLabs",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-happy-gorgeous-woman-with-relaxed-smile-spending-nice-time-cafe_273609-9043.jpg",
-          imageAlt: "portrait diverse young professional",
-        },
         {
-          id: "3",
+          id: "3",          name: "Emily Watson",          role: "Marketer",          company: "GrowthCo",          rating: 5,
-          name: "Emily Watson",
+          imageSrc: "http://img.b2bpic.net/free-photo/front-view-spectacular-woman-laughing-front_197531-19644.jpg",          imageAlt: "portrait diverse young professional"},
-          role: "Marketer",
-          company: "GrowthCo",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-spectacular-woman-laughing-front_197531-19644.jpg",
-          imageAlt: "portrait diverse young professional",
-        },
-        {
-          id: "4",
-          name: "Alex Smith",
-          role: "Founder",
-          company: "StartUp",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businessman-with-trendy-hairdo-frowns-face-with-pleasure_273609-8674.jpg",
-          imageAlt: "portrait diverse young professional",
-        },
-        {
-          id: "5",
-          name: "Jordan P.",
-          role: "Agency Lead",
-          company: "DigitalArt",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/middle-age-hispanic-woman-smiling-confident-standing-street_839833-27516.jpg",
-          imageAlt: "portrait diverse young professional",
-        },
       ]}
       kpiItems={[
         {
-          value: "10k+",
+          value: "10k+",          label: "Products Sold"},
-          label: "Products Sold",
-        },
         {
-          value: "5k+",
+          value: "5k+",          label: "Happy Clients"},
-          label: "Happy Clients",
-        },
         {
-          value: "99%",
+          value: "99%",          label: "Satisfaction Rate"},
-          label: "Satisfaction Rate",
-        },
       ]}
       title="Trusted by Creators"
       description="See why top professionals choose our platform for their digital asset needs."
@@ -197,54 +134,20 @@ export default function LandingPage() {
       <ProductCardThree
       animationType="slide-up"
       textboxLayout="split"
-      gridVariant="uniform-all-items-equal"
+      gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={true}
       products={[
         {
-          id: "1",
+          id: "1",          name: "PS5 Console Digital Edition",          price: "$499",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXxgZnAO7ALXhsAQiejvZJgYif/uploaded-1778459767638-icbp42u5.webp",          imageAlt: "PS5 console"},
-          name: "UI Starter Kit",
-          price: "$49",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-glasses-camera-arrangement_23-2149558789.jpg",
-          imageAlt: "digital ui kit branding product",
-        },
         {
-          id: "2",
+          id: "2",          name: "Samsung Galaxy Tab S9",          price: "$799",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXxgZnAO7ALXhsAQiejvZJgYif/uploaded-1778459875386-rkcr9zas.avif",          imageAlt: "samsung galaxy tab"},
-          name: "Vector Icon Set",
-          price: "$29",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-landscape-extruding-hexagons_1048-14069.jpg",
-          imageAlt: "digital icon pack branding product",
-        },
         {
-          id: "3",
+          id: "3",          name: "iPhone 15 Pro",          price: "$999",          imageSrc: "http://img.b2bpic.net/free-photo/usb-type-c-port-warm-neon-scene-tech-macro_169016-71583.jpg",          imageAlt: "iphone 15 pro"},
-          name: "SaaS Template",
-          price: "$89",
-          imageSrc: "http://img.b2bpic.net/free-photo/usb-type-c-port-warm-neon-scene-tech-macro_169016-71583.jpg",
-          imageAlt: "digital template mockup visual",
-        },
         {
-          id: "4",
+          id: "4",          name: "Ultrabook Pro 15",          price: "$1299",          imageSrc: "http://img.b2bpic.net/free-photo/tablet-near-smartphone-papers-pencils-clips_23-2148036876.jpg",          imageAlt: "high performance laptop"},
-          name: "Stock Photo Pack",
-          price: "$39",
-          imageSrc: "http://img.b2bpic.net/free-vector/multimedia-hand-drawn-icon-web-print-mobile-uxui-kit-such-as-media-mic-microphone-sound-control-fast-forward-media-pictogram-pack-vector_1057-11184.jpg",
-          imageAlt: "digital photography asset branding",
-        },
-        {
-          id: "5",
-          name: "3D Asset Suite",
-          price: "$129",
-          imageSrc: "http://img.b2bpic.net/free-photo/flying-rings-geometric-shapes-background_23-2148772500.jpg",
-          imageAlt: "digital 3d object asset branding",
-        },
-        {
-          id: "6",
-          name: "Digital Planner",
-          price: "$19",
-          imageSrc: "http://img.b2bpic.net/free-photo/tablet-near-smartphone-papers-pencils-clips_23-2148036876.jpg",
-          imageAlt: "digital productivity planner mockup",
-        },
       ]}
-      title="Featured Digital Products"
+      title="Latest Tech Gadgets"
-      description="Explore our top-selling digital assets for every stage of your creative project."
+      description="Elevate your setup with the newest devices available at Stellamart."
     />
   </div>
 
@@ -255,29 +158,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          value: "500+",          title: "Active Creators",          description: "Industry leading contributors",          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-nutritional-counter-app-composition_23-2149880606.jpg",          imageAlt: "digital ui kit branding product"},
-          value: "500+",
-          title: "Active Creators",
-          description: "Industry leading contributors",
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-nutritional-counter-app-composition_23-2149880606.jpg",
-          imageAlt: "digital ui kit branding product",
-        },
         {
-          id: "m2",
+          id: "m2",          value: "2.5M+",          title: "Assets Provided",          description: "High resolution resources",          imageSrc: "http://img.b2bpic.net/free-vector/design-thinking-d-printing-modeling-25-flat-color-icon-pack-including-screen-fly-wireframing-wallpaper-brusher_1142-24835.jpg",          imageAlt: "digital icon pack branding product"},
-          value: "2.5M+",
-          title: "Assets Provided",
-          description: "High resolution resources",
-          imageSrc: "http://img.b2bpic.net/free-vector/design-thinking-d-printing-modeling-25-flat-color-icon-pack-including-screen-fly-wireframing-wallpaper-brusher_1142-24835.jpg",
-          imageAlt: "digital icon pack branding product",
-        },
         {
-          id: "m3",
+          id: "m3",          value: "95%",          title: "Retention Rate",          description: "Returning happy customers",          imageSrc: "http://img.b2bpic.net/free-photo/english-book-resting-table-working-space_23-2149429618.jpg",          imageAlt: "digital template mockup visual"},
-          value: "95%",
-          title: "Retention Rate",
-          description: "Returning happy customers",
-          imageSrc: "http://img.b2bpic.net/free-photo/english-book-resting-table-working-space_23-2149429618.jpg",
-          imageAlt: "digital template mockup visual",
-        },
       ]}
       title="By The Numbers"
       description="Our growth and impact speak volumes about our commitment to excellence."
@@ -290,25 +175,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "f1",
+          id: "f1",          title: "What payment methods do you accept?",          content: "We accept major credit cards, PayPal, and Apple Pay."},
-          title: "What payment methods do you accept?",
-          content: "We accept major credit cards, PayPal, and Apple Pay.",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "Can I get a refund?",          content: "Refunds are processed based on our fair return policy."},
-          title: "Can I get a refund?",
-          content: "Refunds are processed based on our fair return policy.",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "How do I download my files?",          content: "You will receive an instant download link via email after purchase."},
-          title: "How do I download my files?",
-          content: "You will receive an instant download link via email after purchase.",
-        },
-        {
-          id: "f4",
-          title: "Do you provide support?",
-          content: "Yes, our dedicated support team is available 24/7.",
-        },
       ]}
       title="Frequently Asked Questions"
       description="Everything you need to know about our marketplace and products."
@@ -320,16 +191,13 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={false}
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       tag="Get in touch"
       title="Ready to get started?"
       description="Have questions or need assistance? Reach out today."
       buttons={[
         {
-          text: "Contact Support",
+          text: "Contact Support",          href: "mailto:support@stellamart.web"},
-          href: "mailto:support@stellamart.web",
-        },
       ]}
     />
   </div>
@@ -340,25 +208,17 @@ export default function LandingPage() {
         {
           items: [
             {
-              label: "Marketplace",
+              label: "Marketplace",              href: "#products"},
-              href: "#products",
-            },
             {
-              label: "Support",
+              label: "Support",              href: "#contact"},
-              href: "#contact",
-            },
           ],
         },
         {
           items: [
             {
-              label: "About",
+              label: "About",              href: "#about"},
-              href: "#about",
-            },
             {
-              label: "Privacy",
+              label: "Privacy",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}
@@ -368,4 +228,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}