Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -8,11 +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 ProductCardOne from '@/components/sections/product/ProductCardOne';
+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() {
@@ -37,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"},
         {
@@ -131,7 +134,7 @@ export default function LandingPage() {
   </div>
 
   <div id="products" data-section="products">
-      <ProductCardOne
+      <ProductCardThree
       textboxLayout="default"
       useInvertedBackground={false}
       gridVariant="uniform-all-items-equal"
@@ -202,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}