diff --git a/src/app/page.tsx b/src/app/page.tsx
index f28f960..91a0eb2 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,15 +2,15 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactFaq from '@/components/sections/contact/ContactFaq';
+import ContactText from '@/components/sections/contact/ContactText';
+import FooterBase from '@/components/sections/footer/FooterBase';
 import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroSplit from '@/components/sections/hero/HeroSplit';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
 import TextAbout from '@/components/sections/about/TextAbout';
-import { Phone, Wrench, Brush, Hammer, Zap, Sparkles } from "lucide-react";
+import { Wrench, Brush, Hammer, Zap, Sparkles } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -171,27 +171,20 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactFaq
-      animationType="slide-up"
+      <ContactText
+      text="Questions? Get in touch with our team for expert advice and scheduling your repair."
+      background={{
+        variant: "animated-grid"}}
       useInvertedBackground={true}
-      faqs={[
-        {
-          id: "f1",          title: "Business Hours",          content: "Open Monday-Friday, 9:00 AM - 6:00 PM."},
-        {
-          id: "f2",          title: "Where are you located?",          content: "2300 Concord Rd, Lafayette, IN 47905."},
-        {
-          id: "f3",          title: "Do you offer free quotes?",          content: "Yes, come by for a free, transparent estimate."},
+      buttons={[
+          { text: "Call (765) 201-0460", href: "tel:7652010460" },
+          { text: "Visit 2300 Concord Rd", href: "https://maps.app.goo.gl/" }
       ]}
-      ctaTitle="Ready for a repair?"
-      ctaDescription="Get your quote today at 2300 Concord Rd, Lafayette, IN."
-      ctaButton={{
-        text: "Call Now",        href: "tel:7652010460"}}
-      ctaIcon={Phone}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
+      <FooterBase
       logoText="J&R Auto Body"
       columns={[
         {
@@ -223,4 +216,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file