From a06a3c72ae02714e5688b02758c6dcf0d59bfac0 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 29 Mar 2026 21:06:49 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 25 ++++++++++---------------
 1 file changed, 10 insertions(+), 15 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5a8ed05..d9aeb73 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -4,7 +4,8 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactFaq from '@/components/sections/contact/ContactFaq';
 import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import ContactText from '@/components/sections/contact/ContactText';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
@@ -174,32 +175,26 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactFaq
-      animationType="slide-up"
-      useInvertedBackground={false}
-      faqs={[
-        { id: "faq-1", title: "What service do I need?", content: "We can assess your home during your free inspection and tell you exactly what is required." },
-        { id: "faq-2", title: "Can I get a same day service?", content: "Same-day service is available based on availability. Call us for immediate assistance." },
-      ]}
-      ctaTitle="Get Your Free Inspection Today"
-      ctaDescription="Fill out the form or call us to speak with a professional."
-      ctaButton={{ text: "Call Now", href: "tel:+15555555555" }}
-      ctaIcon={Phone}
+      <ContactText
+      text="Ready to secure your home? Schedule your professional inspection with MER'S team."
+      background={{ variant: "gradient-bars" }}
+      buttons={[{ text: "Call (555) 555-5555", href: "tel:+15555555555" }, { text: "Request Quote", href: "#contact" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="MER’S"
+      <FooterMedia
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTsn3ULVbIIEZpeWrU9BRoH7e/a-high-end-professional-roof-and-attic-s-1774818202870-9cab71e7.png"
       columns={[
         { title: "Services", items: [{ label: "Roofing", href: "#services" }, { label: "Insulation", href: "#services" }, { label: "Mold Removal", href: "#services" }] },
         { title: "Support", items: [{ label: "Free Inspection", href: "#contact" }, { label: "Urgent Service", href: "tel:+15555555555" }, { label: "FAQ", href: "#urgency" }] },
         { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }, { label: "Privacy", href: "#" }] },
       ]}
+      logoText="MER’S"
       copyrightText="© 2026 MER’S Attic Insulation & Roofing Services Inc. All Rights Reserved."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file