diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index b421adb..60e4b4e 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -2,148 +2,85 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactForm from '@/components/sections/contact/ContactForm';
-import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
-import FooterBase from '@/components/sections/footer/FooterBase';
-import HeroContact from '@/components/sections/hero/HeroContact';
+
+// Correct imports based on LOCKED_SELECTION and registry
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import { ArrowRight, Mail, Phone, Pin, Sparkles } from "lucide-react";
+import ContactFaq from '@/components/sections/contact/ContactFaq';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+
+// Lucide icons for ContactFaq ctaIcon
+import { MessageCircle } from "lucide-react"; 
 
 export default function LandingPage() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "Services", id: "/services" },
+    { name: "About", id: "/about" },
+    { name: "Contact", id: "/contact" }
+  ];
+
+  const themeProps = {
+    defaultButtonVariant: "bounce-effect",    defaultTextAnimation: "background-highlight",    borderRadius: "soft",    contentWidth: "smallMedium",    sizing: "mediumLargeSizeLargeTitles",    background: "circleGradient",    cardStyle: "soft-shadow",    primaryButtonStyle: "radial-glow",    secondaryButtonStyle: "radial-glow",    headingFontWeight: "normal"
+  };
+
   return (
-    <ThemeProvider
-        defaultButtonVariant="bounce-effect"
-        defaultTextAnimation="background-highlight"
-        borderRadius="soft"
-        contentWidth="smallMedium"
-        sizing="mediumLargeSizeLargeTitles"
-        background="circleGradient"
-        cardStyle="soft-shadow"
-        primaryButtonStyle="radial-glow"
-        secondaryButtonStyle="radial-glow"
-        headingFontWeight="normal"
-    >
+    <ThemeProvider {...themeProps}>
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",          id: "/"},
-        {
-          name: "Services",          id: "/services"},
-        {
-          name: "About",          id: "/about"},
-        {
-          name: "Contact",          id: "/contact"}
-      ]}
-      brandName="Apex Social"
-      bottomLeftText="Elevating Digital Presence"
-      bottomRightText="hello@apexsocial.com"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={navItems}
+            brandName="Apex Social"
+            bottomLeftText="Elevating Digital Presence"
+            bottomRightText="hello@apexsocial.com"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroContact
-      title="Get in Touch: Let's Build Your Digital Future"
-      description="Have questions or ready to start a project? Reach out to Apex Social today. Our team is eager to discuss your brand's unique social media needs."
-      tag="Contact Us"
-      tagIcon={Mail}
-      tagAnimation="slide-up"
-      buttons={[
-        {
-          text: "Schedule a Call",          href: "#form"},
-      ]}
-      buttonAnimation="slide-up"
-      useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient"}}
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactFaq
+            faqs={[
+              { id: "1", title: "How can I get started?", content: "Simply reach out to us via the form below or schedule a call." },
+              { id: "2", title: "What services do you offer?", content: "We offer strategy, content creation, ad management, and analytics." },
+              { id: "3", title: "What is your pricing model?", content: "Our pricing is tailored to your specific needs and project scope. Contact us for a custom quote." },
+              { id: "4", title: "Do you work with all industries?", content: "We primarily partner with premium brands, but feel free to inquire about your specific needs." }
+            ]}
+            ctaTitle="Still Have Questions? We're Here to Help!"
+            ctaDescription="Don't hesitate to reach out to our team directly. We're happy to answer any questions you may have about our services or your specific needs."
+            ctaButton={{ text: "Send Us a Message", href: "/contact#form" }}
+            ctaIcon={MessageCircle}
+            useInvertedBackground={true}
+            animationType="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactForm
-      title="Send Us a Message"
-      description="Fill out the form below, and we'll get back to you within 24 hours to discuss how Apex Social can elevate your brand."
-      formFields={[
-        {
-          id: "name",          label: "Name",          type: "text",          placeholder: "Your Full Name"},
-        {
-          id: "email",          label: "Email",          type: "email",          placeholder: "Your Email Address"},
-        {
-          id: "company",          label: "Company",          type: "text",          placeholder: "Your Company Name"},
-        {
-          id: "message",          label: "Message",          type: "textarea",          placeholder: "Tell us about your project"},
-      ]}
-      submitButtonText="Send Message"
-      submitButtonIcon={ArrowRight}
-      submitButtonAnimation="opacity"
-      useInvertedBackground={false}
-      animationType="slide-up"
-    />
-  </div>
-
-  <div id="info" data-section="info">
-      <FeatureCardEight
-      title="Connect with Us"
-      description="Our dedicated team is ready to assist you. Find our contact details and office location below."
-      tag="Our Info"
-      tagIcon={Sparkles}
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "email",          title: "Email Us",          description: "hello@apexsocial.com",          icon: Mail,
-        },
-        {
-          id: "phone",          title: "Call Us",          description: "+1 (555) 123-4567",          icon: Phone,
-        },
-        {
-          id: "address",          title: "Our Office",          description: "123 Digital Blvd, Suite 400, Innovate City, CA 90210",          icon: Pin,
-        },
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Services",          items: [
-            {
-              label: "Strategy",              href: "/services"},
-            {
-              label: "Content Creation",              href: "/services"},
-            {
-              label: "Ad Management",              href: "/services"},
-          ],
-        },
-        {
-          title: "Company",          items: [
-            {
-              label: "About Us",              href: "/about"},
-            {
-              label: "Contact",              href: "/contact"},
-            {
-              label: "Careers",              href: "#"},
-          ],
-        },
-        {
-          title: "Resources",          items: [
-            {
-              label: "Blog",              href: "#"},
-            {
-              label: "Case Studies",              href: "#"},
-            {
-              label: "FAQs",              href: "/contact#faqs"},
-          ],
-        },
-      ]}
-      logoText="Apex Social"
-      copyrightText="© 2024 Apex Social. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            columns={[
+              {
+                title: "Services",                items: [
+                  { label: "Strategy", href: "/services" },
+                  { label: "Content Creation", href: "/services" },
+                  { label: "Ad Management", href: "/services" }
+                ]
+              },
+              {
+                title: "Company",                items: [
+                  { label: "About Us", href: "/about" },
+                  { label: "Contact", href: "/contact" },
+                  { label: "Careers", href: "#" }
+                ]
+              },
+              {
+                title: "Resources",                items: [
+                  { label: "Blog", href: "#" },
+                  { label: "Case Studies", href: "#" },
+                  { label: "FAQs", href: "/contact#faqs" }
+                ]
+              }
+            ]}
+            logoText="Apex Social"
+            copyrightText="© 2024 Apex Social. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );