Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -2,16 +2,16 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
+import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
 import { Shield, Star, Zap } from "lucide-react";
 
 export default function LandingPage() {
@@ -91,7 +91,7 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       products={[
-        { id: "p1", brand: "Archive", name: "Luxury Logo Hoodie", price: "$450", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-woman-posing-with-transparent-fabric_23-2148239957.jpg" },
+        { id: "p1", brand: "Archive", name: "Luxury Logo Hoodie", price: "$450", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-woman-posing-with-transparent-fabric_23-2148239957.jpg?_wi=1" },
         { id: "p2", brand: "Designer", name: "Limited Runner V1", price: "$890", rating: 5, reviewCount: "48", imageSrc: "http://img.b2bpic.net/free-photo/stylish-casual-african-american-man-jeans-jacket-black-beret-clothes-store-trying-new-footwear_627829-13415.jpg" },
         { id: "p3", brand: "Archive", name: "Signature Tee", price: "$180", rating: 4, reviewCount: "9", imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2629.jpg" },
         { id: "p4", brand: "Street", name: "Classic 5-Panel Cap", price: "$120", rating: 5, reviewCount: "21", imageSrc: "http://img.b2bpic.net/free-photo/pretty-mixed-race-woman-with-short-hair-autumn-outwear-hat_633478-1980.jpg" },
@@ -144,45 +144,41 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSixteen
-      animationType="slide-up"
-      textboxLayout="split"
+      <TestimonialCardFifteen
+      testimonial="SW.streetwear sets the absolute gold standard. Every piece I've received has been impeccably authenticated and handled with true luxury care."
+      rating={5}
+      author="Marcus A. | Collector"
+      avatars={[{ src: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915132.jpg", alt: "Customer" }]}
+      ratingAnimation="slide-up"
+      avatarsAnimation="slide-up"
       useInvertedBackground={false}
-      testimonials={[
-        { id: "1", name: "Marcus A.", role: "Collector", company: "NYC", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915132.jpg" },
-        { id: "2", name: "Elena V.", role: "Influencer", company: "Paris", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/european-brunette-woman-black-panama-white-trendy-jacket-posing-pink-background-isolate_273443-4056.jpg" },
-        { id: "3", name: "David L.", role: "Designer", company: "London", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-cigarette-brown-winter-head-blue-scarf_613910-331.jpg" },
-        { id: "4", name: "Sarah P.", role: "Stylist", company: "Tokyo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-stepping-chair_23-2147781153.jpg" },
-        { id: "5", name: "James K.", role: "Collector", company: "LA", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-lady-trench-coat-standing-thoughtfully-looking-aside_574295-5633.jpg" }
-      ]}
-      kpiItems={[
-        { value: "100%", label: "Authentic" },
-        { value: "48h", label: "Dispatch" },
-        { value: "4.9", label: "Rating" }
-      ]}
-      title="Community Voices"
-      description="Experience the SW.streetwear standard."
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
+      <ContactCTA
+      tag="Connect"
+      title="Join the Archive"
+      description="Sign up for early access to our rarest drops and exclusive content."
+      buttons={[{ text: "Join Waitlist", href: "#" }]}
+      background={{ variant: "plain" }}
       useInvertedBackground={false}
-      background={{ variant: "sparkles-gradient" }}
-      text="Join the archive. Get early access to our rarest drops and exclusive content."
-      buttons={[{ text: "Newsletter Signup", href: "#" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterSimple
+      <FooterMedia
+      logoText="SW.streetwear"
+      imageSrc="http://img.b2bpic.net/free-photo/front-view-man-woman-posing-with-transparent-fabric_23-2148239957.jpg?_wi=2"
       columns={[
-        { title: "Archive", items: [{ label: "Products", href: "#products" }, { label: "About", href: "#about" }] },
-        { title: "Support", items: [{ label: "FAQ", href: "#" }, { label: "Contact", href: "#contact" }] },
-        { title: "Legal", items: [{ label: "Terms", href: "#" }, { label: "Privacy", href: "#" }] }
+        {
+          title: "Archive",          items: [{ label: "Shop New", href: "#" }, { label: "Archives", href: "#" }]
+        },
+        {
+          title: "Support",          items: [{ label: "Authentication", href: "#" }, { label: "Help", href: "#" }]
+        }
       ]}
-      bottomLeftText="© 2024 SW.streetwear. All rights reserved."
-      bottomRightText="Authenticity Guaranteed."
+      copyrightText="© 2025 SW.streetwear"
     />
   </div>
       </ReactLenis>

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-open-sans), sans-serif;
+  font-family: var(--font-inter), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;

src/app/styles/variables.css

@@ -13,7 +13,7 @@
   --background: #0a0a0a;
   --card: #1a1a1a;
   --foreground: #ffffff;
-  --primary-cta: #c8a96e;
+  --primary-cta: #C0C0C0;
   --primary-cta-text: #000000;
   --secondary-cta: #1a1a1a;
   --secondary-cta-text: #ffffff;