Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -3,10 +3,10 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactText from '@/components/sections/contact/ContactText';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
@@ -55,8 +55,8 @@ export default function LandingPage() {
         {
           text: "Get a Free Quote",          href: "#contact"},
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/cute-cat-sitting-rubbish-bin-outdoors_23-2148666769.jpg"
-      imageAlt="House clearance services in Scotland"
+      imageSrc="https://img.freepik.com/free-photo/closed-silver-laptop-isolated-white-background_23-2148270529.jpg"
+      imageAlt="Folded MacBook laptop"
     />
   </div>
 
@@ -186,39 +186,25 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
+      <ContactText
       background={{
         variant: "plain"}}
-      tag="Get in Touch"
-      title="Request a Free Quote"
-      description="No obligation, safe, and professional clearances."
+      useInvertedBackground={false}
+      text="Ready to schedule your clearance? Contact our team for a free, no-obligation quote today and let us help you reclaim your space efficiently and sustainably."
+      buttons={[
+        {
+          text: "Contact Us",          href: "mailto:info@reliableclearances.com"},
+      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseReveal
+      <FooterCard
       logoText="Reliable House Clearances"
-      columns={[
-        {
-          title: "Company",          items: [
-            {
-              label: "About",              href: "#about"},
-            {
-              label: "Contact",              href: "#contact"},
-          ],
-        },
-        {
-          title: "Legal",          items: [
-            {
-              label: "Privacy Policy",              href: "#"},
-          ],
-        },
-      ]}
       copyrightText="© 2024 Reliable House Clearances. All rights reserved."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}