Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -5,12 +5,12 @@ import ReactLenis from "lenis/react";
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
-import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
+import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
 
 export default function LandingPage() {
@@ -31,14 +31,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Home",          id: "hero"},
-        {
-          name: "Collection",          id: "products"},
-        {
-          name: "About",          id: "about"},
-        {
-          name: "Contact",          id: "contact"},
+        { name: "Home", id: "hero" },
+        { name: "Collection", id: "products" },
+        { name: "About", id: "about" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="SoleCollection"
     />
@@ -46,27 +42,17 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardCarousel
-      background={{
-        variant: "gradient-bars"}}
+      background={{ variant: "gradient-bars" }}
       title="Walk in Style."
       description="Discover a curated collection of premium footwear designed for comfort and elegance. Elevate your everyday look with our latest arrivals."
-      buttons={[
-        {
-          text: "Shop Collection",          href: "#products"},
-      ]}
+      buttons={[{ text: "Shop Collection", href: "#products" }]}
       mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-shopping-bags-floor-with-red-background_23-2148302849.jpg",          imageAlt: "Sneaker collection"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/fashion-shoes-sneaker_1203-8079.jpg",          imageAlt: "Casual style"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-sneakers-riding-skateboard-outdoor-asphalt-surface_158595-4159.jpg",          imageAlt: "Trendy sneaker"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-brogue-shoe-person-sitting-with-crossed-legs-lights_181624-16952.jpg",          imageAlt: "Leather shoe"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-wearing-futuristic-sneakers_23-2151005728.jpg",          imageAlt: "Sports runner"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-lady-enjoying-free-time-city-cafeteria-bar-drinking-lemon-having-fun-trendy-hipster-outfit-toned-colors_291049-1731.jpg",          imageAlt: "Chic footwear"},
+        { imageSrc: "http://img.b2bpic.net/free-photo/woman-shopping-bags-floor-with-red-background_23-2148302849.jpg", imageAlt: "Sneaker collection" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/fashion-shoes-sneaker_1203-8079.jpg?_wi=1", imageAlt: "Casual style" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/woman-sneakers-riding-skateboard-outdoor-asphalt-surface_158595-4159.jpg", imageAlt: "Trendy sneaker" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/closeup-brogue-shoe-person-sitting-with-crossed-legs-lights_181624-16952.jpg", imageAlt: "Leather shoe" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-wearing-futuristic-sneakers_23-2151005728.jpg", imageAlt: "Sports runner" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-lady-enjoying-free-time-city-cafeteria-bar-drinking-lemon-having-fun-trendy-hipster-outfit-toned-colors_291049-1731.jpg", imageAlt: "Chic footwear" },
       ]}
     />
   </div>
@@ -87,24 +73,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Verified Quality",          description: "Every pair passes our strict durability check.",          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/woman-with-phone-colourful-shopping-bags_23-2147932437.jpg"},
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/fast-fashion-concept-with-full-clothing-store_23-2150871154.jpg"},
-        },
-        {
-          title: "Fast Shipping",          description: "Direct to your door, fast and tracked.",          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/top-view-tablet-surrounded-by-shoes_23-2148135549.jpg"},
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/top-view-phone-mock-up-with-eco-friendly-objects_23-2148289768.jpg"},
-        },
-        {
-          title: "Secure Payments",          description: "Shop with peace of mind every time.",          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/top-view-tablet-surrounded-by-accesories_23-2148135550.jpg"},
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/mobile-shopping-experience_23-2151952959.jpg"},
-        },
+        { title: "Verified Quality", description: "Every pair passes our strict durability check.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/woman-with-phone-colourful-shopping-bags_23-2147932437.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/fast-fashion-concept-with-full-clothing-store_23-2150871154.jpg" } },
+        { title: "Fast Shipping", description: "Direct to your door, fast and tracked.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/top-view-tablet-surrounded-by-shoes_23-2148135549.jpg?_wi=1" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/top-view-phone-mock-up-with-eco-friendly-objects_23-2148289768.jpg" } },
+        { title: "Secure Payments", description: "Shop with peace of mind every time.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/top-view-tablet-surrounded-by-accesories_23-2148135550.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/mobile-shopping-experience_23-2151952959.jpg" } },
       ]}
       showStepNumbers={true}
       title="Why Choose SoleCollection?"
@@ -119,18 +90,12 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       products={[
-        {
-          id: "p1",          name: "Urban Runner",          price: "$129",          imageSrc: "http://img.b2bpic.net/free-photo/model-white-high-top-sneakers-standing-chair_53876-97148.jpg"},
-        {
-          id: "p2",          name: "Classic Boot",          price: "$189",          imageSrc: "http://img.b2bpic.net/free-photo/footwear_1303-3466.jpg"},
-        {
-          id: "p3",          name: "Daily Sneaker",          price: "$99",          imageSrc: "http://img.b2bpic.net/free-photo/woman-jeans-posing-with-roller-skates-stairs_23-2148373059.jpg"},
-        {
-          id: "p4",          name: "Formal Leather",          price: "$249",          imageSrc: "http://img.b2bpic.net/free-photo/pair-classic-clothing-white-black_1203-6538.jpg"},
-        {
-          id: "p5",          name: "Sport Pro",          price: "$159",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-basketball-shoes_23-2150847266.jpg"},
-        {
-          id: "p6",          name: "Canvas Slip-on",          price: "$79",          imageSrc: "http://img.b2bpic.net/free-photo/white-slip-unisex-streetwear-sneakers-fashion_53876-106041.jpg"},
+        { id: "p1", name: "Urban Runner", price: "$129", imageSrc: "http://img.b2bpic.net/free-photo/model-white-high-top-sneakers-standing-chair_53876-97148.jpg" },
+        { id: "p2", name: "Classic Boot", price: "$189", imageSrc: "http://img.b2bpic.net/free-photo/footwear_1303-3466.jpg" },
+        { id: "p3", name: "Daily Sneaker", price: "$99", imageSrc: "http://img.b2bpic.net/free-photo/woman-jeans-posing-with-roller-skates-stairs_23-2148373059.jpg" },
+        { id: "p4", name: "Formal Leather", price: "$249", imageSrc: "http://img.b2bpic.net/free-photo/pair-classic-clothing-white-black_1203-6538.jpg" },
+        { id: "p5", name: "Sport Pro", price: "$159", imageSrc: "http://img.b2bpic.net/free-photo/close-up-basketball-shoes_23-2150847266.jpg" },
+        { id: "p6", name: "Canvas Slip-on", price: "$79", imageSrc: "http://img.b2bpic.net/free-photo/white-slip-unisex-streetwear-sneakers-fashion_53876-106041.jpg" },
       ]}
       title="Latest Drops"
       description="Hand-picked selections of our most popular styles."
@@ -144,16 +109,11 @@ export default function LandingPage() {
       rating={5}
       author="Sarah Miller"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/cheerful-charismatic-happy-goodlooking-redhead-woman-red-lipstick-cross-hands-chest-smiling-motivate_1258-129302.jpg",          alt: "Sarah"},
-        {
-          src: "http://img.b2bpic.net/free-photo/pleased-handsome-male-customer-show-thumb-up-approval_176420-17945.jpg",          alt: "Mike"},
-        {
-          src: "http://img.b2bpic.net/free-photo/people-consumerism-purchasing-concept-glad-fashionable-woman-wears-pink-sunglasses-stylish-jacket-carries-paper-shopping-bags-has-happy-mood-strolls-sreeet-against-urban-bbackground_273609-62290.jpg",          alt: "Emily"},
-        {
-          src: "http://img.b2bpic.net/free-photo/young-couple-wearing-warm-clothes-standing-near-rack-with-many-pairs-skates-choosing-his-size-preparing-skate-ice-arena_613910-21708.jpg",          alt: "David"},
-        {
-          src: "http://img.b2bpic.net/free-photo/teenagers-sitting-together_23-2148105658.jpg",          alt: "Anna"},
+        { src: "http://img.b2bpic.net/free-photo/cheerful-charismatic-happy-goodlooking-redhead-woman-red-lipstick-cross-hands-chest-smiling-motivate_1258-129302.jpg", alt: "Sarah" },
+        { src: "http://img.b2bpic.net/free-photo/pleased-handsome-male-customer-show-thumb-up-approval_176420-17945.jpg", alt: "Mike" },
+        { src: "http://img.b2bpic.net/free-photo/people-consumerism-purchasing-concept-glad-fashionable-woman-wears-pink-sunglasses-stylish-jacket-carries-paper-shopping-bags-has-happy-mood-strolls-sreeet-against-urban-bbackground_273609-62290.jpg", alt: "Emily" },
+        { src: "http://img.b2bpic.net/free-photo/young-couple-wearing-warm-clothes-standing-near-rack-with-many-pairs-skates-choosing-his-size-preparing-skate-ice-arena_613910-21708.jpg", alt: "David" },
+        { src: "http://img.b2bpic.net/free-photo/teenagers-sitting-together_23-2148105658.jpg", alt: "Anna" },
       ]}
       ratingAnimation="slide-up"
       avatarsAnimation="blur-reveal"
@@ -161,13 +121,17 @@ export default function LandingPage() {
   </div>
 
   <div id="social-proof" data-section="social-proof">
-      <SocialProofOne
+      <MetricCardEleven
+      title="Our Impact in Numbers"
+      description="Driving growth and customer satisfaction across the footwear market."
+      metrics={[
+        { id: 'm1', value: '50K+', title: 'Pairs Sold', description: 'Curated styles delivered to happy customers worldwide.', imageSrc: 'http://img.b2bpic.net/free-photo/fashion-shoes-sneaker_1203-8079.jpg?_wi=2' },
+        { id: 'm2', value: '98%', title: 'Customer Trust', description: 'Consistently rated high for quality and service.', imageSrc: 'http://img.b2bpic.net/free-photo/happy-customer-shopping_23-2148289768.jpg' },
+        { id: 'm3', value: '150+', title: 'Style Partners', description: 'Partnering with premium brands to bring you the best.', imageSrc: 'http://img.b2bpic.net/free-photo/top-view-tablet-surrounded-by-shoes_23-2148135549.jpg?_wi=2' }
+      ]}
+      animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={true}
-      names={[
-        "Fashion Daily",        "Sneaker World",        "Urban Trends",        "Footwear Weekly",        "Style Lab",        "Modern Retail",        "Luxury Guide"]}
-      title="Trusted By Top Publications"
-      description="Featured in leading fashion media outlets worldwide."
     />
   </div>
 
@@ -176,12 +140,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "q1",          title: "Do you ship worldwide?",          content: "Yes, we ship to all major countries with tracked services."},
-        {
-          id: "q2",          title: "Can I return items?",          content: "Absolutely! We offer 30-day hassle-free returns."},
-        {
-          id: "q3",          title: "How do I choose the right size?",          content: "Check our detailed size guide on each product page."},
+        { id: "q1", title: "Do you ship worldwide?", content: "Yes, we ship to all major countries with tracked services." },
+        { id: "q2", title: "Can I return items?", content: "Absolutely! We offer 30-day hassle-free returns." },
+        { id: "q3", title: "How do I choose the right size?", content: "Check our detailed size guide on each product page." },
       ]}
       title="Common Questions"
       description="Everything you need to know about your order."
@@ -195,30 +156,26 @@ export default function LandingPage() {
       title="Get in Touch"
       description="Have questions about our collection? We'd love to hear from you."
       inputs={[
-        {
-          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
-        },
-        {
-          name: "email",          type: "email",          placeholder: "Email Address",          required: true,
-        },
+        { name: "name", type: "text", placeholder: "Your Name", required: true },
+        { name: "email", type: "email", placeholder: "Email Address", required: true },
       ]}
-      textarea={{
-        name: "message",        placeholder: "How can we help?",        rows: 4,
-      }}
+      textarea={{ name: "message", placeholder: "How can we help?", rows: 4 }}
       imageSrc="http://img.b2bpic.net/free-photo/cheerful-women-taking-pictures-cafe_23-2147785288.jpg"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoReveal
+      <FooterBase
       logoText="SoleCollection"
-      leftLink={{
-        text: "Privacy Policy",        href: "#"}}
-      rightLink={{
-        text: "Terms of Service",        href: "#"}}
+      columns={[
+        { title: "Catalog", items: [{ label: "Sneakers", href: "#" }, { label: "Boots", href: "#" }, { label: "Casual", href: "#" }] },
+        { title: "Support", items: [{ label: "Shipping", href: "#" }, { label: "Returns", href: "#" }, { label: "Help Center", href: "#" }] },
+        { title: "Company", items: [{ label: "Our Story", href: "#" }, { label: "Sustainability", href: "#" }, { label: "Careers", href: "#" }] }
+      ]}
+      copyrightText="© 2024 SoleCollection. All rights reserved."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f7f6f7;
-  --card: #ffffff;
-  --foreground: #25190c;
-  --primary-cta: #ff6207;
-  --primary-cta-text: #f7f6f7;
-  --secondary-cta: #ffffff;
-  --secondary-cta-text: #25190c;
-  --accent: #ffce93;
-  --background-accent: #e8cfa8;
+  --background: #000000;
+  --card: #1a2a1a;
+  --foreground: #ffffff;
+  --primary-cta: #ffffff;
+  --primary-cta-text: #0a150a;
+  --secondary-cta: #0d1a0d;
+  --secondary-cta-text: #e1f6e1;
+  --accent: #2d4a2d;
+  --background-accent: #c1e1c1;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);