src/app/page.tsx

@@ -3,16 +3,16 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import BlogCardOne from '@/components/sections/blog/BlogCardOne';
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroSplit from '@/components/sections/hero/HeroSplit';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
-import { Code, LayoutDashboard, Target, TrendingUp } from "lucide-react";
+import { Code, LayoutDashboard, Target, TrendingUp, Facebook, Twitter, Instagram, Linkedin } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -201,46 +201,30 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars"}}
-      text="Ready to build something extraordinary? Let's discuss your project and turn your vision into reality today."
-      buttons={[
-        {
-          text: "Contact Our Team",          href: "mailto:hello@agencyx.com"},
+      <ContactSplitForm
+      title="Get in Touch"
+      description="Ready to build something extraordinary? Send us a message and we'll be in touch."
+      inputs={[
+        { name: "name", type: "text", placeholder: "Full Name", required: true },
+        { name: "email", type: "email", placeholder: "Email Address", required: true },
       ]}
+      textarea={{ name: "message", placeholder: "Project details...", rows: 4 }}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Services",              href: "#features"},
-            {
-              label: "About",              href: "#about"},
-            {
-              label: "Work",              href: "#work"},
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Contact",              href: "#contact"},
-            {
-              label: "Careers",              href: "#"},
-            {
-              label: "Blog",              href: "#blog"},
-          ],
-        },
-      ]}
+      <FooterCard
       logoText="Agency X"
+      copyrightText="© 2025 Agency X. All rights reserved."
+      socialLinks={[
+        { icon: Facebook, href: "#", ariaLabel: "Facebook" },
+        { icon: Twitter, href: "#", ariaLabel: "Twitter" },
+        { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+        { icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
+      ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}