Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,14 +2,15 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactFaq from '@/components/sections/contact/ContactFaq';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
+import { Mail } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -29,32 +30,15 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Reviews",
-          id: "testimonials",
-        },
-        {
-          name: "FAQ",
-          id: "faq",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Services", id: "services" },
+        { name: "Reviews", id: "testimonials" },
+        { name: "FAQ", id: "faq" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="ProLocal Services"
       button={{
-        text: "Call Now",
-        href: "tel:5550123",
-      }}
+        text: "Call Now",        href: "tel:5550123"}}
     />
   </div>
 
@@ -62,52 +46,29 @@ export default function LandingPage() {
       <HeroSplitTestimonial
       useInvertedBackground={false}
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Reliable Local Service in Your Neighborhood"
       description="Professional, fast, and guaranteed service for all your home needs. Join 500+ satisfied customers today."
       testimonials={[
         {
-          name: "John D.",
-          handle: "@johnd",
-          testimonial: "Excellent service and very professional team!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-indoors_23-2149445972.jpg?_wi=1",
-        },
+          name: "John D.",          handle: "@johnd",          testimonial: "Excellent service and very professional team!",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-indoors_23-2149445972.jpg?_wi=1"},
         {
-          name: "Sarah K.",
-          handle: "@sarahk",
-          testimonial: "They fixed the issue quickly and for a fair price.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-pretty-young-woman-leaning-chair_1262-5157.jpg?_wi=1",
-        },
+          name: "Sarah K.",          handle: "@sarahk",          testimonial: "They fixed the issue quickly and for a fair price.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/happy-pretty-young-woman-leaning-chair_1262-5157.jpg?_wi=1"},
         {
-          name: "Mike R.",
-          handle: "@miker",
-          testimonial: "Reliable and local. Will hire again.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/coworkers-throw-party-congratulating-woman-accomplishment-portrait-surprised-grateful-satisfied-happy-young-attractive-female-pressing-palms-chest-thankful-smiling-upbeat-white-wall_176420-35571.jpg?_wi=1",
-        },
+          name: "Mike R.",          handle: "@miker",          testimonial: "Reliable and local. Will hire again.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/coworkers-throw-party-congratulating-woman-accomplishment-portrait-surprised-grateful-satisfied-happy-young-attractive-female-pressing-palms-chest-thankful-smiling-upbeat-white-wall_176420-35571.jpg?_wi=1"},
         {
-          name: "Anna L.",
-          handle: "@annal",
-          testimonial: "Great experience, highly recommend.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/pleased-european-woman-with-curly-hair-keeps-hands-cheeks-smiles-pleasantly-keeps-eyes-closed-recalls-pleasant-memories-wears-shirt-isolated-beige-background-happy-feelings-concept_273609-62609.jpg?_wi=1",
-        },
+          name: "Anna L.",          handle: "@annal",          testimonial: "Great experience, highly recommend.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/pleased-european-woman-with-curly-hair-keeps-hands-cheeks-smiles-pleasantly-keeps-eyes-closed-recalls-pleasant-memories-wears-shirt-isolated-beige-background-happy-feelings-concept_273609-62609.jpg?_wi=1"},
         {
-          name: "Tom B.",
-          handle: "@tomb",
-          testimonial: "Super efficient and very polite. A+ work!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-indoors_23-2149445972.jpg?_wi=2",
-        },
+          name: "Tom B.",          handle: "@tomb",          testimonial: "Super efficient and very polite. A+ work!",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-indoors_23-2149445972.jpg?_wi=2"},
       ]}
       buttons={[
         {
-          text: "Get a Free Quote",
-          href: "#contact",
-        },
+          text: "Get a Free Quote",          href: "#contact"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/colleagues-working-together-project_23-2149286162.jpg"
       mediaAnimation="slide-up"
@@ -122,20 +83,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Expert Repairs",
-          description: "High quality repair services for your home essentials.",
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman-engages-critical-conversation-with-financial-broker_482257-131574.jpg",
-        },
+          title: "Expert Repairs",          description: "High quality repair services for your home essentials.",          imageSrc: "http://img.b2bpic.net/free-photo/businessman-engages-critical-conversation-with-financial-broker_482257-131574.jpg"},
         {
-          title: "Safety Inspections",
-          description: "Preventive maintenance for lasting safety.",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-using-electrical-connection-cable_169016-51800.jpg",
-        },
+          title: "Safety Inspections",          description: "Preventive maintenance for lasting safety.",          imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-using-electrical-connection-cable_169016-51800.jpg"},
         {
-          title: "Climate Control",
-          description: "Optimized heating and cooling for your home.",
-          imageSrc: "http://img.b2bpic.net/free-photo/investor-visiting-industry-40-solar-panels-plant-talking-with-engineers_482257-126172.jpg",
-        },
+          title: "Climate Control",          description: "Optimized heating and cooling for your home.",          imageSrc: "http://img.b2bpic.net/free-photo/investor-visiting-industry-40-solar-panels-plant-talking-with-engineers_482257-126172.jpg"},
       ]}
       title="Our Key Services"
       description="Comprehensive local solutions for your home comfort."
@@ -148,18 +100,9 @@ export default function LandingPage() {
       title="Why Choose Our Local Experts?"
       description="We are a locally owned and operated team with over 15 years of experience in the industry."
       metrics={[
-        {
-          value: "15+",
-          title: "Years Experience",
-        },
-        {
-          value: "500+",
-          title: "Completed Jobs",
-        },
-        {
-          value: "100%",
-          title: "Satisfaction Guaranteed",
-        },
+        { value: "15+", title: "Years Experience" },
+        { value: "500+", title: "Completed Jobs" },
+        { value: "100%", title: "Satisfaction Guaranteed" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/man-browsing-digital-tablet-office_329181-15802.jpg"
       mediaAnimation="slide-up"
@@ -174,45 +117,14 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Sarah J.",
-          handle: "@sarahj",
-          testimonial: "Fantastic service!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-indoors_23-2149445972.jpg?_wi=3",
-        },
+          id: "1",          name: "Sarah J.",          handle: "@sarahj",          testimonial: "Fantastic service!",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-indoors_23-2149445972.jpg?_wi=3"},
         {
-          id: "2",
-          name: "David K.",
-          handle: "@davidk",
-          testimonial: "Professional and fast.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-pretty-young-woman-leaning-chair_1262-5157.jpg?_wi=2",
-        },
+          id: "2",          name: "David K.",          handle: "@davidk",          testimonial: "Professional and fast.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/happy-pretty-young-woman-leaning-chair_1262-5157.jpg?_wi=2"},
         {
-          id: "3",
-          name: "Emily R.",
-          handle: "@emilyr",
-          testimonial: "Highly recommended.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/coworkers-throw-party-congratulating-woman-accomplishment-portrait-surprised-grateful-satisfied-happy-young-attractive-female-pressing-palms-chest-thankful-smiling-upbeat-white-wall_176420-35571.jpg?_wi=2",
-        },
-        {
-          id: "4",
-          name: "Marcus L.",
-          handle: "@marcusl",
-          testimonial: "Great experience.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/pleased-european-woman-with-curly-hair-keeps-hands-cheeks-smiles-pleasantly-keeps-eyes-closed-recalls-pleasant-memories-wears-shirt-isolated-beige-background-happy-feelings-concept_273609-62609.jpg?_wi=2",
-        },
-        {
-          id: "5",
-          name: "Jessica B.",
-          handle: "@jessb",
-          testimonial: "The best local service in town.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-pretty-young-woman-leaning-chair_1262-5157.jpg?_wi=3",
-        },
+          id: "3",          name: "Emily R.",          handle: "@emilyr",          testimonial: "Highly recommended.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/coworkers-throw-party-congratulating-woman-accomplishment-portrait-surprised-grateful-satisfied-happy-young-attractive-female-pressing-palms-chest-thankful-smiling-upbeat-white-wall_176420-35571.jpg?_wi=2"},
       ]}
       showRating={true}
       title="Customer Reviews"
@@ -225,21 +137,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "q1",
-          title: "Do you provide free quotes?",
-          content: "Yes, we offer free, no-obligation quotes for all local service requests.",
-        },
-        {
-          id: "q2",
-          title: "Are you licensed?",
-          content: "Absolutely, we are fully licensed and insured for your peace of mind.",
-        },
-        {
-          id: "q3",
-          title: "What service areas do you cover?",
-          content: "We proudly serve the immediate local area within a 20-mile radius.",
-        },
+        { id: "q1", title: "Do you provide free quotes?", content: "Yes, we offer free, no-obligation quotes for all local service requests." },
+        { id: "q2", title: "Are you licensed?", content: "Absolutely, we are fully licensed and insured for your peace of mind." },
+        { id: "q3", title: "What service areas do you cover?", content: "We proudly serve the immediate local area within a 20-mile radius." },
       ]}
       title="Frequently Asked Questions"
       description="Quick answers for our local customers."
@@ -248,31 +148,37 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Contact Us"
-      title="Ready for your free quote?"
-      description="Submit your request today and a local expert will call you back."
-    />
+      <ContactFaq
+        ctaTitle="Get in Touch"
+        ctaDescription="Our experts are ready to assist you. Ask us anything."
+        ctaButton={{ text: "Contact Support", href: "#" }}
+        ctaIcon={Mail}
+        useInvertedBackground={false}
+        animationType="slide-up"
+        faqs={[
+            { id: "faq1", title: "How to reach us?", content: "Fill out the form or give us a call." },
+            { id: "faq2", title: "Response time?", content: "We aim to respond within 24 hours." }
+        ]}
+      />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="ProLocal Services"
-      leftLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Terms of Service",
-        href: "#",
-      }}
+      <FooterSimple
+      columns={[
+        { 
+          title: "About Us", 
+          items: [{ label: "Our Story" }, { label: "Careers" }] 
+        },
+        { 
+          title: "Support", 
+          items: [{ label: "Help Center" }, { label: "Contact Us" }] 
+        }
+      ]}
+      bottomLeftText="© 2024 ProLocal Services"
+      bottomRightText="All rights reserved."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}