Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -8,10 +8,12 @@ import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwent
 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,10 @@ export default function LandingPage() {
           name: "Home",          id: "#home"},
         {
           name: "About",          id: "#about"},
+        {
+          name: "Why Work With Us",          id: "#why-us"},
+        {
+          name: "Products",          id: "#products"},
         {
           name: "Testimonials",          id: "#testimonials"},
         {
@@ -127,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"
@@ -168,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}
@@ -205,4 +269,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}