Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -2,17 +2,17 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import FaqDouble from "@/components/sections/faq/FaqDouble";
-import FaqDouble from '@/components/sections/faq/FaqDouble';
+import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
-import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
+import HeroSplitTestimonial from "@/components/sections/hero/HeroSplitTestimonial";
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
-import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
+import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
-import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
+import ProductCardThree from "@/components/sections/product/ProductCardThree";
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
-import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
-import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
+import TextAbout from "@/components/sections/about/TextAbout";
-import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
+import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
-import TextAbout from '@/components/sections/about/TextAbout';
+import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
 import { Award, Calendar, CheckCircle2, Leaf, Shield, Star, Users } from "lucide-react";
 
 export default function LandingPage() {
@@ -111,20 +111,20 @@ export default function LandingPage() {
       fixedMediaHeight={true}
       marqueeItems={[
         {
-          type: "text-icon",          text: "Eco-Friendly Products",          icon: Leaf,
+          type: "text-icon",          text: "Eco-Friendly Products",          icon: Leaf
         },
         {
-          type: "text-icon",          text: "Satisfaction Guaranteed",          icon: CheckCircle2,
+          type: "text-icon",          text: "Satisfaction Guaranteed",          icon: CheckCircle2
         },
         {
-          type: "text-icon",          text: "Trusted Professionals",          icon: Shield,
+          type: "text-icon",          text: "Trusted Professionals",          icon: Shield
         },
         {
-          type: "text-icon",          text: "Flexible Scheduling",          icon: Calendar,
+          type: "text-icon",          text: "Flexible Scheduling",          icon: Calendar
         },
         {
-          type: "text-icon",          text: "Award-Winning Service",          icon: Award,
+          type: "text-icon",          text: "Award-Winning Service",          icon: Award
-        },
+        }
       ]}
     />
   </div>
@@ -198,14 +198,14 @@ export default function LandingPage() {
       carouselMode="buttons"
       metrics={[
         {
-          id: "clients",          value: "1200+",          title: "Satisfied Clients",          description: "Building trust, one clean space at a time.",          icon: Users,
+          id: "clients",          value: "1200+",          title: "Satisfied Clients",          description: "Building trust, one clean space at a time.",          icon: Users
         },
         {
-          id: "experience",          value: "10+",          title: "Years of Experience",          description: "A decade of mastering the art of clean.",          icon: Calendar,
+          id: "experience",          value: "10+",          title: "Years of Experience",          description: "A decade of mastering the art of clean.",          icon: Calendar
         },
         {
-          id: "rating",          value: "4.9/5",          title: "Average Rating",          description: "Excellence recognized by our valued customers.",          icon: Star,
+          id: "rating",          value: "4.9/5",          title: "Average Rating",          description: "Excellence recognized by our valued customers.",          icon: Star
-        },
+        }
       ]}
       title="Our Commitment to Excellence in Numbers"
       description="Pure & Clean is more than just a cleaning service; we are a promise of quality, reliability, and unparalleled client satisfaction. Our growth is a testament to our dedication."
@@ -284,60 +284,37 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
+      <ContactSplitForm
       useInvertedBackground={false}
-      background={{
+      title="Let's Get Your Space Sparkling Clean!"
-        variant: "radial-gradient"}}
+      description="Reach out today for a free estimate and discover the Pure & Clean difference. We're ready to serve you!"
-      text="Ready for a Spotless Space? Get Your Free Quote Today!"
+      inputs={[
-      buttons={[
         {
-          text: "Request a Quote",          href: "#"},
+          name: "name",          type: "text",          placeholder: "Your Name",          required: true
+        },
         {
-          text: "Call Us Now",          href: "tel:+1234567890"},
+          name: "email",          type: "email",          placeholder: "Your Email",          required: true
+        },
       ]}
+      textarea={{
+        name: "message",        placeholder: "How can we help you?",        rows: 4,
+        required: true
+      }}
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EIBD6yhdGI186wPSnlqmZvct5g/uploaded-1779856821582-at501vv6.jpg"
+      imageAlt="Cleaning professional at work"
+      buttonText="Get a Free Quote"
+      onSubmit={(data) => console.log("Form submitted:", data)}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
+      <FooterLogoReveal
       logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pxk9ww"
-      logoAlt="Pure & Clean Logo"
       logoText="Pure & Clean"
-      columns={[
+      leftLink={{
-        {
+        text: "About Us",        href: "#about"}}
-          title: "Services",          items: [
+      rightLink={{
-            {
+        text: "Services",        href: "#services"}}
-              label: "Residential Cleaning",              href: "#services"},
-            {
-              label: "Commercial Cleaning",              href: "#services"},
-            {
-              label: "Specialty Cleans",              href: "#services"},
-            {
-              label: "Window Cleaning",              href: "#services"},
-          ],
-        },
-        {
-          title: "Company",          items: [
-            {
-              label: "About Us",              href: "#about"},
-            {
-              label: "Testimonials",              href: "#testimonials"},
-            {
-              label: "FAQ",              href: "#faq"},
-            {
-              label: "Contact",              href: "#contact"},
-          ],
-        },
-        {
-          title: "Legal",          items: [
-            {
-              label: "Privacy Policy",              href: "#"},
-            {
-              label: "Terms of Service",              href: "#"},
-          ],
-        },
-      ]}
-      copyrightText="© 2024 Pure & Clean. All rights reserved."
     />
   </div>
       </ReactLenis>