Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,14 +2,14 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import ContactFaq from '@/components/sections/contact/ContactFaq';
 import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
+import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroLogo from '@/components/sections/hero/HeroLogo';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
 import TextAbout from '@/components/sections/about/TextAbout';
+import { Phone, Mail, MessageCircle } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -30,21 +30,11 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Services",
-          id: "services",
-        },
+          name: "Services",          id: "services"},
         {
-          name: "Reviews",
-          id: "reviews",
-        },
+          name: "Reviews",          id: "reviews"},
         {
-          name: "FAQ",
-          id: "faq",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="LK Gas & Plumbing"
     />
@@ -56,13 +46,9 @@ export default function LandingPage() {
       description="Sameday emergency response from a fully qualified, 5star rated local engineer you can trust. Transparent pricing, professional service, and peace of mind—every time."
       buttons={[
         {
-          text: "Call Now for Fast Service",
-          href: "tel:01150000000",
-        },
+          text: "Call Now for Fast Service",          href: "tel:01150000000"},
         {
-          text: "Request a Callback",
-          href: "#contact",
-        },
+          text: "Request a Callback",          href: "#contact"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721529.jpg?_wi=1"
     />
@@ -74,9 +60,7 @@ export default function LandingPage() {
       title="Your Trusted Nottingham Experts"
       buttons={[
         {
-          text: "Learn More",
-          href: "#services",
-        },
+          text: "Learn More",          href: "#services"},
       ]}
     />
   </div>
@@ -88,35 +72,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "f1",
-          title: "Emergency Boiler Repair",
-          tags: [
-            "Sameday",
-            "Certified",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721529.jpg?_wi=2",
-          imageAlt: "professional gas engineer smiling",
-        },
+          id: "f1",          title: "Emergency Boiler Repair",          tags: [
+            "Sameday",            "Certified"],
+          imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721529.jpg?_wi=2",          imageAlt: "professional gas engineer smiling"},
         {
-          id: "f2",
-          title: "Annual Gas Safety",
-          tags: [
-            "Landlord",
-            "Safety",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/set-tools-table-plumber-opening-tap_259150-58274.jpg",
-          imageAlt: "local Nottingham plumber working",
-        },
+          id: "f2",          title: "Annual Gas Safety",          tags: [
+            "Landlord",            "Safety"],
+          imageSrc: "http://img.b2bpic.net/free-photo/set-tools-table-plumber-opening-tap_259150-58274.jpg",          imageAlt: "local Nottingham plumber working"},
         {
-          id: "f3",
-          title: "Leak Detection",
-          tags: [
-            "Routine",
-            "Reliable",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/pretty-teenager-talking-phone_23-2148804639.jpg?_wi=1",
-          imageAlt: "portrait happy customer home",
-        },
+          id: "f3",          title: "Leak Detection",          tags: [
+            "Routine",            "Reliable"],
+          imageSrc: "http://img.b2bpic.net/free-photo/pretty-teenager-talking-phone_23-2148804639.jpg?_wi=1",          imageAlt: "portrait happy customer home"},
       ]}
       title="Comprehensive Plumbing Solutions"
       description="We offer a wide range of gas and plumbing services in Nottingham, from emergency boiler repairs to annual safety checks."
@@ -128,30 +94,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Sarah J.",
-          imageSrc: "http://img.b2bpic.net/free-photo/pretty-teenager-talking-phone_23-2148804639.jpg?_wi=2",
-        },
+          id: "1",          name: "Sarah J.",          imageSrc: "http://img.b2bpic.net/free-photo/pretty-teenager-talking-phone_23-2148804639.jpg?_wi=2"},
         {
-          id: "2",
-          name: "Mark D.",
-          imageSrc: "http://img.b2bpic.net/free-photo/people-recording-their-house-tour_23-2151139106.jpg",
-        },
+          id: "2",          name: "Mark D.",          imageSrc: "http://img.b2bpic.net/free-photo/people-recording-their-house-tour_23-2151139106.jpg"},
         {
-          id: "3",
-          name: "Elena R.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-wearing-headphones_23-2149085483.jpg",
-        },
+          id: "3",          name: "Elena R.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-wearing-headphones_23-2149085483.jpg"},
         {
-          id: "4",
-          name: "David K.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-business-man-with-backpack_23-2149915912.jpg",
-        },
+          id: "4",          name: "David K.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-business-man-with-backpack_23-2149915912.jpg"},
         {
-          id: "5",
-          name: "Robert B.",
-          imageSrc: "http://img.b2bpic.net/free-photo/pretty-teenager-talking-phone_23-2148804639.jpg?_wi=3",
-        },
+          id: "5",          name: "Robert B.",          imageSrc: "http://img.b2bpic.net/free-photo/pretty-teenager-talking-phone_23-2148804639.jpg?_wi=3"},
       ]}
       cardTitle="Verified Customer Reviews"
       cardTag="5-Star Rating"
@@ -159,76 +110,29 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",
-          title: "How quickly can you arrive?",
-          content: "We offer sameday emergency responses for urgent plumbing and boiler issues in Nottingham.",
-        },
-        {
-          id: "q2",
-          title: "Are you fully qualified?",
-          content: "Yes, our engineers are fully Gas Safe registered and qualified.",
-        },
-        {
-          id: "q3",
-          title: "Do you serve landlords?",
-          content: "Absolutely, we provide maintenance and safety certification for property managers and landlords.",
-        },
-      ]}
-      sideTitle="Common Questions"
-      faqsAnimation="slide-up"
-    />
-  </div>
-
   <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Contact Us"
-      title="Need Urgent Help?"
-      description="Submit your details for a fast callback."
-    />
+      <ContactFaq
+        animationType="slide-up"
+        useInvertedBackground={false}
+        ctaTitle="Need Urgent Help?"
+        ctaDescription="Contact us today for a reliable and professional service."
+        ctaButton={{ text: "Request a Callback", href: "tel:01150000000" }}
+        ctaIcon={Phone}
+        faqs={[
+            { id: "q1", title: "How quickly can you arrive?", content: "We offer sameday emergency responses for urgent issues in Nottingham." },
+            { id: "q2", title: "Are you fully qualified?", content: "Yes, our engineers are fully Gas Safe registered and qualified." }
+        ]}
+      />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Boiler Repair",
-              href: "#services",
-            },
-            {
-              label: "Gas Safety",
-              href: "#services",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "Call Now",
-              href: "tel:01150000000",
-            },
-            {
-              label: "Callback",
-              href: "#contact",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 LK Gas & Plumbing Ltd"
-      bottomRightText="Nottingham, UK"
-    />
+      <FooterBase
+        columns={[
+          { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#services" }] },
+          { title: "Contact", items: [{ label: "Call Now", href: "tel:01150000000" }, { label: "Callback", href: "#contact" }] }
+        ]}
+        copyrightText="© 2025 | LK Gas & Plumbing"
+      />
   </div>
       </ReactLenis>
     </ThemeProvider>