Update src/app/page.tsx

src/app/globals.css

@@ -4,13 +4,13 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  --background: #ffffff;;
+  --background: #0a0a0a;;
-  --card: #fafafa;;
+  --card: #1a1a1a;;
-  --foreground: #000000;;
+  --foreground: #ffffffe6;;
-  --primary-cta: #0066ff;;
+  --primary-cta: #e6e6e6;;
-  --secondary-cta: #ffffff;;
+  --secondary-cta: #1a1a1a;;
-  --accent: #e5e5e5;;
+  --accent: #737373;;
-  --background-accent: #f5f5f5;;
+  --background-accent: #737373;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

src/app/page.tsx

@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import HeroOverlay from '@/components/sections/hero/HeroOverlay';
 import ProductCardFive from '@/components/sections/product/ProductCardFive';
-import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
+import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
 import TestimonialCardEleven from '@/components/sections/testimonial/TestimonialCardEleven';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import ContactText from '@/components/sections/contact/ContactText';
@@ -93,29 +93,34 @@ export default function LandingPage() {
       </div>
       
       <div id="comparison" data-section="comparison">
-        <FeatureCardSixteen 
+        <MediaSplitTabsAbout 
           title="Why Choose Our Store"
-          description="See what sets us apart from the rest"
+          description="Discover what sets us apart from the rest"
-          negativeCard={{
+          tabs={[
-            title: "Traditional Shoe Shopping",
+            {
-            items: [
+              id: "quality",
-              "Limited selection in stores",
+              label: "Premium Quality",
-              "Inconsistent sizing across brands",
+              description: "Every pair of shoes in our collection is carefully selected and inspected to ensure the highest quality standards. We partner with leading brands and manufacturers to bring you authentic, durable footwear."
-              "Long return processes",
+            },
-              "Higher retail prices"
+            {
-            ]
+              id: "selection",
-          }}
+              label: "Wide Selection",
-          positiveCard={{
+              description: "From athletic sneakers to formal dress shoes, we offer an extensive range of styles and sizes. Whether you're looking for everyday comfort or special occasion wear, we have something for everyone."
-            title: "ShoeHub Advantage",
+            },
-            items: [
+            {
-              "Curated collection of premium brands",
+              id: "support",
-              "Detailed sizing guides and reviews",
+              label: "Expert Support",
-              "Fast returns and exchanges",
+              description: "Our knowledgeable team is here to help you find the perfect pair. With detailed sizing guides, product reviews, and responsive customer service, shopping with us is easy and hassle-free."
-              "Competitive pricing and sales"
+            },
-            ]
+            {
-          }}
+              id: "value",
-          animationType="slide-up"
+              label: "Competitive Prices",
-          textboxLayout="default"
+              description: "We believe premium quality shoes shouldn't break the bank. Our competitive pricing, regular sales, and exclusive deals ensure you get the best value for your money."
+            }
+          ]}
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767005922183-ibjptozn.jpg"
+          imageAlt="Why Choose Our Store"
+          imagePosition="right"
           useInvertedBackground="noInvert"
         />
       </div>