Update src/app/page.tsx

src/app/page.tsx

@@ -8,7 +8,7 @@ import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwent
 import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
@@ -32,21 +32,13 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "Collections",
+          name: "Collections",          id: "collections"},
-          id: "collections",
-        },
         {
-          name: "About",
+          name: "About",          id: "story"},
-          id: "story",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="AL SHAMALI"
     />
@@ -55,19 +47,14 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
       background={{
-        variant: "radial-gradient",
+        variant: "radial-gradient"}}
-      }}
       title="Luxury Fashion Redefined"
       description="Premium styles crafted for modern elegance."
       buttons={[
         {
-          text: "Shop Collection",
+          text: "Shop Collection",          href: "#products"},
-          href: "#products",
-        },
         {
-          text: "WhatsApp Us",
+          text: "WhatsApp Us",          href: "https://wa.me/yournumber"},
-          href: "https://wa.me/yournumber",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/expensive-golden-ring-with-white-powder-background_23-2150347047.jpg"
     />
@@ -80,20 +67,11 @@ export default function LandingPage() {
       description="Discover curated luxury pieces designed to elevate your style."
       accordionItems={[
         {
-          id: "c1",
+          id: "c1",          title: "Gold Jewelry",          content: "Exquisite 24k gold pieces for the modern connoisseur."},
-          title: "Gold Jewelry",
-          content: "Exquisite 24k gold pieces for the modern connoisseur.",
-        },
         {
-          id: "c2",
+          id: "c2",          title: "Bracelets",          content: "Timeless designs that define grace and sophistication."},
-          title: "Bracelets",
-          content: "Timeless designs that define grace and sophistication.",
-        },
         {
-          id: "c3",
+          id: "c3",          title: "Premium Accessories",          content: "Handpicked items that complete your luxury ensemble."},
-          title: "Premium Accessories",
-          content: "Handpicked items that complete your luxury ensemble.",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/background-engagement-elegant-gift-love-accessory_1400-27.jpg"
       mediaAnimation="blur-reveal"
@@ -101,51 +79,21 @@ export default function LandingPage() {
   </div>
 
   <div id="products" data-section="products">
-      <ProductCardThree
+      <ProductCardOne
       animationType="slide-up"
-      textboxLayout="default"
+      textboxLayout="split"
-      gridVariant="three-columns-all-equal-width"
+      gridVariant="one-large-right-three-stacked-left"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       products={[
         {
-          id: "p1",
+          id: "p1",          name: "Signature Gold Watch",          price: "$1,200",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DV6As93uqhp79sShlv2a5vNLtQ/uploaded-1778355194284-mcauao1o.png"},
-          name: "Signature Gold Watch",
-          price: "$1,200",
-          imageSrc: "http://img.b2bpic.net/free-photo/spanish-traditional-comb-still-life_23-2150154089.jpg",
-        },
         {
-          id: "p2",
+          id: "p2",          name: "Imperial Cufflinks",          price: "$450",          imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-with-basket_23-2150329682.jpg"},
-          name: "Imperial Cufflinks",
-          price: "$450",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-with-basket_23-2150329682.jpg",
-        },
         {
-          id: "p3",
+          id: "p3",          name: "Layered Gold Chain",          price: "$850",          imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-palo-santo_23-2151936999.jpg"},
-          name: "Layered Gold Chain",
-          price: "$850",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-palo-santo_23-2151936999.jpg",
-        },
-        {
-          id: "p4",
-          name: "Signature Gold Watch",
-          price: "$1,200",
-          imageSrc: "http://img.b2bpic.net/free-photo/golden-cufflings-wedding-rings-watch-lie-wooden-table_8353-405.jpg",
-        },
-        {
-          id: "p5",
-          name: "Imperial Cufflinks",
-          price: "$450",
-          imageSrc: "http://img.b2bpic.net/free-photo/colored-transparent-sunglasses-still-life_23-2150165790.jpg",
-        },
-        {
-          id: "p6",
-          name: "Layered Gold Chain",
-          price: "$850",
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-female-wearing-silver-necklace-with-beautiful-lock-pendant_181624-27833.jpg",
-        },
       ]}
-      title="Best Sellers"
+      title="Exclusive Pieces"
-      description="Our most coveted luxury creations."
+      description="Hand-selected luxury items designed for the discerning individual."
     />
   </div>
 
@@ -157,17 +105,11 @@ export default function LandingPage() {
       description="Al Shamali Fashion is a symbol of refinement. We craft experiences that transcend mere accessories."
       bulletPoints={[
         {
-          title: "Years of Trust",
+          title: "Years of Trust",          description: "Over a decade of excellence in luxury retail."},
-          description: "Over a decade of excellence in luxury retail.",
-        },
         {
-          title: "Premium Quality",
+          title: "Premium Quality",          description: "Certified materials and artisan craftsmanship."},
-          description: "Certified materials and artisan craftsmanship.",
-        },
         {
-          title: "Global Reach",
+          title: "Global Reach",          description: "Serving elite clientele across the region."},
-          description: "Serving elite clientele across the region.",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/man-engraving-wood-alone_23-2149061716.jpg"
       mediaAnimation="slide-up"
@@ -181,40 +123,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
+          id: "t1",          name: "Amina S.",          role: "Collector",          testimonial: "Truly unmatched elegance. Every piece I own from Al Shamali is a statement.",          imageSrc: "http://img.b2bpic.net/free-photo/fashion-woman-underwear-fur-coat-sitting-floor-antique-room_613910-10896.jpg"},
-          name: "Amina S.",
-          role: "Collector",
-          testimonial: "Truly unmatched elegance. Every piece I own from Al Shamali is a statement.",
-          imageSrc: "http://img.b2bpic.net/free-photo/fashion-woman-underwear-fur-coat-sitting-floor-antique-room_613910-10896.jpg",
-        },
         {
-          id: "t2",
+          id: "t2",          name: "Khalid F.",          role: "Architect",          testimonial: "The precision and gold quality are remarkable. My go-to luxury choice.",          imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-sunglasses-posed-outdoor-street-sunset-sitting-road-shadows_627829-2723.jpg"},
-          name: "Khalid F.",
-          role: "Architect",
-          testimonial: "The precision and gold quality are remarkable. My go-to luxury choice.",
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-sunglasses-posed-outdoor-street-sunset-sitting-road-shadows_627829-2723.jpg",
-        },
         {
-          id: "t3",
+          id: "t3",          name: "Sarah M.",          role: "Creative Director",          testimonial: "Sophisticated service and even better design. Absolutely perfect.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-drag-queen-posing_23-2149247307.jpg"},
-          name: "Sarah M.",
-          role: "Creative Director",
-          testimonial: "Sophisticated service and even better design. Absolutely perfect.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-drag-queen-posing_23-2149247307.jpg",
-        },
-        {
-          id: "t4",
-          name: "Omar R.",
-          role: "Investor",
-          testimonial: "Seamless experience from purchase to wear. Pure excellence.",
-          imageSrc: "http://img.b2bpic.net/free-photo/transgender-person-wearing-yellow-jacket-standing-sideways_23-2148827063.jpg",
-        },
-        {
-          id: "t5",
-          name: "Layla K.",
-          role: "Fashion Stylist",
-          testimonial: "Al Shamali understands luxury like no other in the market.",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453342.jpg",
-        },
       ]}
       title="Client Reflections"
       description="Stories from our discerning community."
@@ -226,14 +139,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "Vogue Style",
+        "Vogue Style",        "Harper's Bazaar",        "Luxury Today",        "Elite Lifestyle",        "Modern Muse",        "Golden Hour",        "Icon Magazine"]}
-        "Harper's Bazaar",
-        "Luxury Today",
-        "Elite Lifestyle",
-        "Modern Muse",
-        "Golden Hour",
-        "Icon Magazine",
-      ]}
       title="Luxury Partners"
       description="Trusted by icons of style."
     />
@@ -243,14 +149,11 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       text="Experience the cinematic elegance of our latest collection."
       buttons={[
         {
-          text: "Watch Collection",
+          text: "Watch Collection",          href: "#"},
-          href: "#",
-        },
       ]}
     />
   </div>
@@ -261,20 +164,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
+          id: "f1",          title: "Do you provide custom design services?",          content: "Yes, we collaborate with elite artisans to curate custom gold pieces."},
-          title: "Do you provide custom design services?",
-          content: "Yes, we collaborate with elite artisans to curate custom gold pieces.",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "How is shipping handled?",          content: "We use secure, premium global logistics to ensure safe delivery."},
-          title: "How is shipping handled?",
-          content: "We use secure, premium global logistics to ensure safe delivery.",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "Do you offer local support?",          content: "Our flagship concierge team is available via WhatsApp 24/7."},
-          title: "Do you offer local support?",
-          content: "Our flagship concierge team is available via WhatsApp 24/7.",
-        },
       ]}
       title="Concierge Services"
       description="Frequently asked questions to assist your journey."
@@ -286,42 +180,27 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Luxury",
+          title: "Luxury",          items: [
-          items: [
             {
-              label: "About Us",
+              label: "About Us",              href: "#story"},
-              href: "#story",
-            },
             {
-              label: "Concierge",
+              label: "Concierge",              href: "#contact"},
-              href: "#contact",
-            },
           ],
         },
         {
-          title: "Collections",
+          title: "Collections",          items: [
-          items: [
             {
-              label: "Gold",
+              label: "Gold",              href: "#products"},
-              href: "#products",
-            },
             {
-              label: "Bracelets",
+              label: "Bracelets",              href: "#products"},
-              href: "#products",
-            },
           ],
         },
         {
-          title: "Legal",
+          title: "Legal",          items: [
-          items: [
             {
-              label: "Privacy",
+              label: "Privacy",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Terms",
+              label: "Terms",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}