Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -2,14 +2,15 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
+import ContactFaq from '@/components/sections/contact/ContactFaq';
 import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
+import { Phone, Mail, MessageCircle, Calendar } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -30,21 +31,13 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Services",
+          name: "Services",          id: "#services"},
-          id: "#services",
-        },
         {
-          name: "Work",
+          name: "Work",          id: "#gallery"},
-          id: "#gallery",
-        },
         {
-          name: "Reviews",
+          name: "Reviews",          id: "#testimonials"},
-          id: "#testimonials",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "#contact"},
-          id: "#contact",
-        },
       ]}
       brandName="UKEE Luxury"
     />
@@ -53,19 +46,14 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroLogoBillboardSplit
       background={{
-        variant: "radial-gradient",
+        variant: "radial-gradient"}}
-      }}
       logoText="UKEE Luxury Auto Detailing"
       description="Luxury-level interior and exterior detailing brought directly to your driveway. Professional results, convenient service, and 24-hour availability in Cleveland."
       buttons={[
         {
-          text: "Call Now",
+          text: "Call Now",          href: "tel:4405035643"},
-          href: "tel:4405035643",
-        },
         {
-          text: "Book Your Detail",
+          text: "Book Your Detail",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       buttonAnimation="slide-up"
       layoutOrder="default"
@@ -82,34 +70,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          value: "5.0",          title: "Star Rating",          items: [
-          value: "5.0",
+            "20+ Verified Reviews",            "Perfect record",            "Customer focused"],
-          title: "Star Rating",
-          items: [
-            "20+ Verified Reviews",
-            "Perfect record",
-            "Customer focused",
-          ],
         },
         {
-          id: "m2",
+          id: "m2",          value: "24/7",          title: "Availability",          items: [
-          value: "24/7",
+            "Always on call",            "Flexible booking",            "Ready to serve"],
-          title: "Availability",
-          items: [
-            "Always on call",
-            "Flexible booking",
-            "Ready to serve",
-          ],
         },
         {
-          id: "m3",
+          id: "m3",          value: "100%",          title: "Satisfaction",          items: [
-          value: "100%",
+            "High-end results",            "Professional care",            "Detail-oriented"],
-          title: "Satisfaction",
-          items: [
-            "High-end results",
-            "Professional care",
-            "Detail-oriented",
-          ],
         },
       ]}
       title="Proven Excellence"
@@ -125,26 +95,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       products={[
         {
-          id: "p1",
+          id: "p1",          name: "Interior Rejuvenation",          price: "Custom",          variant: "Interior focus",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193616.jpg?_wi=1"},
-          name: "Interior Rejuvenation",
-          price: "Custom",
-          variant: "Interior focus",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193616.jpg?_wi=1",
-        },
         {
-          id: "p2",
+          id: "p2",          name: "Exterior Preservation",          price: "Custom",          variant: "Paint focus",          imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22326.jpg?_wi=1"},
-          name: "Exterior Preservation",
-          price: "Custom",
-          variant: "Paint focus",
-          imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22326.jpg?_wi=1",
-        },
         {
-          id: "p3",
+          id: "p3",          name: "Full Detail Package",          price: "Custom",          variant: "Total care",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-new-car-wheels-view_23-2148332907.jpg?_wi=1"},
-          name: "Full Detail Package",
-          price: "Custom",
-          variant: "Total care",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-new-car-wheels-view_23-2148332907.jpg?_wi=1",
-        },
       ]}
       title="Premium Detailing Packages"
       description="Comprehensive care for every surface of your vehicle, inside and out."
@@ -159,23 +114,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "f1",
+          id: "f1",          title: "Mobile Convenience",          description: "We bring the studio to you, whether at home or the office.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193616.jpg?_wi=2"},
-          title: "Mobile Convenience",
-          description: "We bring the studio to you, whether at home or the office.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193616.jpg?_wi=2",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "Professional Quality",          description: "High-end products and meticulous techniques for lasting results.",          imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22326.jpg?_wi=2"},
-          title: "Professional Quality",
-          description: "High-end products and meticulous techniques for lasting results.",
-          imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22326.jpg?_wi=2",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "Reliable Service",          description: "Fast, responsive communication and flexible scheduling 24/7.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-new-car-wheels-view_23-2148332907.jpg?_wi=2"},
-          title: "Reliable Service",
-          description: "Fast, responsive communication and flexible scheduling 24/7.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-new-car-wheels-view_23-2148332907.jpg?_wi=2",
-        },
       ]}
       title="Why Choose UKEE"
       description="We redefine convenience with professional-grade detailing at your location."
@@ -190,25 +133,15 @@ export default function LandingPage() {
       author="Sarah Miller"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg",
+          src: "http://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg",          alt: "Customer"},
-          alt: "Customer",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/woman-enjoying-her-financially-independence-while-buying-car_23-2149434340.jpg",
+          src: "http://img.b2bpic.net/free-photo/woman-enjoying-her-financially-independence-while-buying-car_23-2149434340.jpg",          alt: "Customer"},
-          alt: "Customer",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/front-view-male-car-dealer-with-tablet_23-2148332915.jpg",
+          src: "http://img.b2bpic.net/free-photo/front-view-male-car-dealer-with-tablet_23-2148332915.jpg",          alt: "Customer"},
-          alt: "Customer",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/stylish-elegant-couple-car-salon_1157-22358.jpg",
+          src: "http://img.b2bpic.net/free-photo/stylish-elegant-couple-car-salon_1157-22358.jpg",          alt: "Customer"},
-          alt: "Customer",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg",
+          src: "http://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg",          alt: "Customer"},
-          alt: "Customer",
-        },
       ]}
       ratingAnimation="blur-reveal"
       avatarsAnimation="blur-reveal"
@@ -223,41 +156,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "g1",
+          id: "g1",          title: "Paint Correction",          description: "Restored depth and clarity.",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212219.jpg"},
-          title: "Paint Correction",
-          description: "Restored depth and clarity.",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212219.jpg",
-        },
         {
-          id: "g2",
+          id: "g2",          title: "Leather Restoration",          description: "Clean and conditioned.",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212226.jpg"},
-          title: "Leather Restoration",
-          description: "Clean and conditioned.",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212226.jpg",
-        },
         {
-          id: "g3",
+          id: "g3",          title: "Rim Detail",          description: "Perfect mirror finish.",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212214.jpg"},
-          title: "Rim Detail",
-          description: "Perfect mirror finish.",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212214.jpg",
-        },
         {
-          id: "g4",
+          id: "g4",          title: "Interior Deep Clean",          description: "Spotless surfaces.",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-polishing-service_23-2149212230.jpg"},
-          title: "Interior Deep Clean",
-          description: "Spotless surfaces.",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-polishing-service_23-2149212230.jpg",
-        },
         {
-          id: "g5",
+          id: "g5",          title: "Exterior Gloss",          description: "Ultimate paint protection.",          imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342625.jpg"},
-          title: "Exterior Gloss",
-          description: "Ultimate paint protection.",
-          imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342625.jpg",
-        },
         {
-          id: "g6",
+          id: "g6",          title: "Final Transformation",          description: "Ready to hit the road.",          imageSrc: "http://img.b2bpic.net/free-photo/just-married-couple-with-their-car_23-2149479849.jpg"},
-          title: "Final Transformation",
-          description: "Ready to hit the road.",
-          imageSrc: "http://img.b2bpic.net/free-photo/just-married-couple-with-their-car_23-2149479849.jpg",
-        },
       ]}
       title="Our Work Speaks for Itself"
       description="See the precision and care we put into every vehicle."
@@ -265,72 +174,26 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
+      <ContactFaq
-      useInvertedBackground={true}
+        useInvertedBackground={true}
-      background={{
+        animationType="slide-up"
-        variant: "radial-gradient",
+        ctaTitle="Let's Chat About Your Vehicle"
-      }}
+        ctaDescription="We treat every car as if it were our own. Have a question about our process or ready to book a spot in our schedule? We're here for you."
-      tag="Contact Us"
+        ctaButton={{ text: "Get in touch", href: "tel:4405035643" }}
-      title="Ready for a Premium Detail?"
+        ctaIcon={MessageCircle}
-      description="Contact us today at (440) 503-5643 or fill out the form below to book your appointment."
+        faqs={[
-      imageSrc="http://img.b2bpic.net/free-photo/man-polishing-car-with-orbital-applicator_1303-30572.jpg"
+          { id: "q1", title: "How do you handle water/power?", content: "We come fully equipped with everything needed to provide a premium detail on-site, including water and power." },
-      imageAlt="Luxury detailing tools"
+          { id: "q2", title: "Can you detail at my workplace?", content: "Absolutely! As long as we have sufficient space to work, we're happy to serve you at your office or home." }
-      mediaAnimation="blur-reveal"
+        ]}
-      mediaPosition="left"
+      />
-      inputPlaceholder="Enter your email or phone"
-      buttonText="Book Now"
-    />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseReveal
+      <FooterCard
-      columns={[
+        logoText="UKEE Luxury"
-        {
+        copyrightText="© 2024 UKEE Luxury Auto Detailing. Dedicated to perfection, wherever you are."
-          title: "UKEE Luxury",
+        socialLinks={[]}
-          items: [
+      />
-            {
-              label: "6279 Brookmere Dr, Parma, OH 44130",
-              href: "#",
-            },
-            {
-              label: "(440) 503-5643",
-              href: "tel:4405035643",
-            },
-          ],
-        },
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Interior Detailing",
-              href: "#services",
-            },
-            {
-              label: "Exterior Detailing",
-              href: "#services",
-            },
-            {
-              label: "Full Packages",
-              href: "#services",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2024 UKEE Luxury Auto Detailing."
-    />
   </div>
       </ReactLenis>
     </ThemeProvider>