src/app/page.tsx

@@ -7,10 +7,10 @@ import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaA
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
 import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
-import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import ContactText from '@/components/sections/contact/ContactText';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
+import FaqDouble from '@/components/sections/faq/FaqDouble';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
 import { Zap, Target, Star, Mail } from 'lucide-react';
 
 export default function LandingPage() {
@@ -21,10 +21,10 @@ export default function LandingPage() {
       borderRadius="soft"
       contentWidth="small"
       sizing="large"
-      background="floatingGradient"
-      cardStyle="soft-shadow"
-      primaryButtonStyle="gradient"
-      secondaryButtonStyle="radial-glow"
+      background="noiseDiagonalGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="primary-glow"
+      secondaryButtonStyle="glass"
       headingFontWeight="bold"
     >
       <div id="nav" data-section="nav">
@@ -130,22 +130,21 @@ export default function LandingPage() {
       </div>
 
       <div id="testimonials" data-section="testimonials">
-        <TestimonialCardSix
+        <TestimonialCardFive
           title="Voices of the Outliers"
           description="The movement continues."
           tag="Proof"
           testimonials={[
-            { id: "1", name: "Jax R.", handle: "@outlier", testimonial: "It's not clothing, it's armor for the modern world.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C2VAAkQXUva6mp7aYqonGLBE1a/uploaded-1775584011071-32xpnijs.jpg?_wi=4" },
-            { id: "2", name: "Elena V.", handle: "@urban_ghost", testimonial: "Finally, something that understands the assignment.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C2VAAkQXUva6mp7aYqonGLBE1a/uploaded-1775584011071-n94srb4l.png?_wi=6" }
+            { id: "1", name: "Jax R.", date: "01.2025", title: "Lead Designer", quote: "It's not clothing, it's armor for the modern world.", tag: "Verified", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C2VAAkQXUva6mp7aYqonGLBE1a/uploaded-1775584011071-32xpnijs.jpg?_wi=4" },
+            { id: "2", name: "Elena V.", date: "02.2025", title: "Tech Analyst", quote: "Finally, something that understands the assignment.", tag: "Verified", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C2VAAkQXUva6mp7aYqonGLBE1a/uploaded-1775584011071-n94srb4l.png?_wi=6" }
           ]}
-          animationType="blur-reveal"
-          textboxLayout="default"
           useInvertedBackground={true}
+          textboxLayout="default"
         />
       </div>
 
       <div id="faq" data-section="faq">
-        <FaqSplitMedia
+        <FaqDouble
           title="The Known Unknowns"
           description="Get clarity on the movement."
           tag="Q&A"
@@ -153,7 +152,6 @@ export default function LandingPage() {
             { id: "1", title: "Why so exclusive?", content: "Because mass production is the enemy of greatness." },
             { id: "2", title: "Global Shipping?", content: "We touch down in every major city globally." }
           ]}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C2VAAkQXUva6mp7aYqonGLBE1a/uploaded-1775584011071-zf90btjn.png?_wi=4"
           faqsAnimation="blur-reveal"
           textboxLayout="default"
           useInvertedBackground={false}
@@ -161,28 +159,26 @@ export default function LandingPage() {
       </div>
 
       <div id="contact" data-section="contact">
-        <ContactText
-          text="Luxury redefined. Join the vanguard of the new world order."
-          animationType="background-highlight"
+        <ContactCTA
+          title="Join the Vanguard"
+          description="Luxury redefined. Join the new world order."
+          tag="Invitation"
+          buttons={[{ text: "Request Access", href: "#" }]}
           background={{ variant: "sparkles-gradient" }}
           useInvertedBackground={true}
-          buttons={[
-              { text: "Request Invitation", href: "#" }
-          ]}
         />
       </div>
 
       <div id="footer" data-section="footer">
-        <FooterBaseCard
-          logoText="OBNOXIOUSLY DIFFERENT"
-          copyrightText="© 2025. Stay Obnoxious."
+        <FooterSimple
           columns={[
             { title: "Brand", items: [{ label: "Manifesto", href: "#" }] },
             { title: "Drops", items: [{ label: "Archive", href: "#" }] }
-          ]
-          }
+          ]}
+          bottomLeftText="© 2025. Stay Obnoxious."
+          bottomRightText="Built for the bold."
         />
       </div>
     </ThemeProvider>
   );
-}
+}