src/app/page.tsx

@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
@@ -161,11 +161,12 @@ export default function LandingPage() {
         "Vogue",        "Elle",        "Harper's Bazaar",        "GQ",        "Dazed",        "i-D",        "Numero"]}
       title="As Seen In"
       description="Recognized by industry leaders in fashion."
+      showCard={true}
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqDouble
+      <FaqSplitMedia
       textboxLayout="split"
       useInvertedBackground={true}
       faqs={[
@@ -183,42 +184,27 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
+      <ContactCTA
       useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient"}}
-      text="Join our newsletter for exclusive updates."
+      background={{ variant: "sparkles-gradient" }}
+      title="Get In Touch"
+      description="Questions? Suggestions? We'd love to hear from you."
+      tag="Contact Us"
       buttons={[
         {
-          text: "Subscribe Now",          href: "#"},
+          text: "Email Support",          href: "mailto:support@emode.com"},
       ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
+      <FooterLogoReveal
       logoText="E-Mode"
-      columns={[
-        {
-          title: "Shop",          items: [
-            {
-              label: "All",              href: "#products"},
-            {
-              label: "New",              href: "#"},
-          ],
-        },
-        {
-          title: "Support",          items: [
-            {
-              label: "FAQ",              href: "#faq"},
-            {
-              label: "Contact",              href: "#contact"},
-          ],
-        },
-      ]}
+      leftLink={{ text: "Privacy Policy", href: "#" }}
+      rightLink={{ text: "Terms of Service", href: "#" }}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}