Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -9,9 +9,11 @@ import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
+
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
+import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
 import { CheckCircle, Cog, Diamond, Facebook, Headphones, Instagram, Shield, Smile, Truck, Twitter } from "lucide-react";
 
 export default function LandingPage() {
@@ -36,6 +38,8 @@ export default function LandingPage() {
           name: "Home",          id: "#home"},
         {
           name: "About",          id: "#about"},
+        {
+          name: "Why Work With Us",          id: "#why-us"},
         {
           name: "Products",          id: "#products"},
         {
@@ -116,31 +120,6 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="products" data-section="products">
-      <ProductCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="bento-grid"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "prod-1",          name: "Elegant Ceramic Vase",          price: "$49.99",          imageSrc: "http://img.b2bpic.net/free-photo/cozy-home-composition-with-candles-protea-bouquet_169016-19136.jpg",          imageAlt: "Minimalist ceramic vase"},
-        {
-          id: "prod-2",          name: "Luxury Leather Wallet",          price: "$79.00",          imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-casual-cloth-suit-with-accesories-hands_158538-9446.jpg",          imageAlt: "Luxury leather wallet"},
-        {
-          id: "prod-3",          name: "Eco-Friendly Travel Mug",          price: "$24.50",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-reusable-cups-with-plastic-cups_23-2148780280.jpg",          imageAlt: "Eco-friendly travel mug"},
-        {
-          id: "prod-4",          name: "Wireless Noise-Cancelling Earbuds",          price: "$129.99",          imageSrc: "http://img.b2bpic.net/free-photo/cute-young-woman-with-headphones-young-woman-with-wireless-headphones_169016-61975.jpg",          imageAlt: "Wireless noise-cancelling earbuds"},
-        {
-          id: "prod-5",          name: "Organic Cotton T-Shirt",          price: "$35.00",          imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing-studio_176474-69526.jpg",          imageAlt: "Organic cotton t-shirt"},
-        {
-          id: "prod-6",          name: "Artisan Scented Candle",          price: "$29.99",          imageSrc: "http://img.b2bpic.net/free-photo/cozy-composition-with-ceramic-cup-candles-knitted-element_169016-12958.jpg",          imageAlt: "Artisan scented candle"},
-      ]}
-      title="Our Exclusive Collection"
-      description="Browse our handpicked selection of top-quality items. Find what you love and order with ease, with new arrivals regularly!"
-    />
-  </div>
-
   <div id="social-proof" data-section="social-proof">
       <SocialProofOne
       textboxLayout="default"
@@ -154,6 +133,37 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="products" data-section="products">
+      <ProductCardThree
+      textboxLayout="default"
+      useInvertedBackground={false}
+      gridVariant="uniform-all-items-equal"
+      animationType="blur-reveal"
+      title="Our Bestsellers"
+      description="Explore our top-selling products, beloved by customers for their quality, design, and exceptional value."
+      products={[
+        {
+          id: "1",          name: "Luxury Ceramic Vase",          price: "$75.00",          imageSrc: "http://img.b2bpic.net/free-photo/flower-decoration-table-dinner_1203-2479.jpg",          imageAlt: "Luxury Ceramic Vase"
+        },
+        {
+          id: "2",          name: "Premium Leather Wallet",          price: "$45.00",          imageSrc: "http://img.b2bpic.net/free-photo/leather-wallet_1203-2715.jpg",          imageAlt: "Premium Leather Wallet"
+        },
+        {
+          id: "3",          name: "Eco-Friendly Travel Mug",          price: "$25.00",          imageSrc: "http://img.b2bpic.net/free-photo/white-travel-mug_1203-2703.jpg",          imageAlt: "Eco-Friendly Travel Mug"
+        },
+        {
+          id: "4",          name: "Wireless Noise-Cancelling Earbuds",          price: "$120.00",          imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds_1203-2708.jpg",          imageAlt: "Wireless Noise-Cancelling Earbuds"
+        },
+        {
+          id: "5",          name: "Organic Cotton T-Shirt",          price: "$30.00",          imageSrc: "http://img.b2bpic.net/free-photo/white-t-shirt_1203-2696.jpg",          imageAlt: "Organic Cotton T-Shirt"
+        },
+        {
+          id: "6",          name: "Handcrafted Wooden Clock",          price: "$90.00",          imageSrc: "http://img.b2bpic.net/free-photo/wooden-clock_1203-2719.jpg",          imageAlt: "Handcrafted Wooden Clock"
+        }
+      ]}
+    />
+  </div>
+
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardFive
       textboxLayout="default"
@@ -195,6 +205,33 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="why-us" data-section="why-us">
+      <FeatureCardTwelve
+      animationType="blur-reveal"
+      textboxLayout="default"
+      useInvertedBackground={true}
+      title="Why Work With Us?"
+      description="Discover the core values and advantages that make partnering with Shulker Store a truly rewarding experience."
+      features={[
+        {
+          id: "why-us-1",          label: "Quality",          title: "Uncompromising Quality Control",          items: [
+            "Every product undergoes rigorous inspection.",            "Sourced from trusted artisans and manufacturers.",            "Built to last with premium materials."
+          ]
+        },
+        {
+          id: "why-us-2",          label: "Innovation",          title: "Innovative and Unique Selection",          items: [
+            "Stay ahead with our unique, trend-setting products.",            "Curated collection you won't find elsewhere.",            "Always fresh finds to inspire you."
+          ]
+        },
+        {
+          id: "why-us-3",          label: "Support",          title: "Dedicated Customer Support",          items: [
+            "Friendly and responsive assistance whenever you need it.",            "Seamless shopping experience from start to finish.",            "Your satisfaction is our top priority."
+          ]
+        }
+      ]}
+    />
+  </div>
+
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={true}
@@ -232,4 +269,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}