diff --git a/src/app/booking/page.tsx b/src/app/booking/page.tsx new file mode 100644 index 0000000..f84b2c6 --- /dev/null +++ b/src/app/booking/page.tsx @@ -0,0 +1,71 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import { useState } from "react"; +import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen'; +import ContactSplitForm from '@/components/sections/contact/ContactSplitForm'; +import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal'; +import ReactLenis from "lenis/react"; + +export default function BookingPage() { + const [price, setPrice] = useState(0); + const services = { + "Exterior Wash": 50, + "Interior Basic": 60, + "Interior Deep": 100 + }; + + const handleBooking = (data: Record) => { + console.log("Booking details:", data); + alert("Booking request received! We will confirm your weekend slot soon. Note: Please ensure water supply access is available for our technicians."); + }; + + return ( + + + +
+ +
+ +
+
+ ); +} \ No newline at end of file diff --git a/src/app/page.tsx b/src/app/page.tsx index 39150b9..d2f5366 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -33,21 +33,13 @@ export default function LandingPage() { @@ -56,47 +48,26 @@ export default function LandingPage() {
@@ -108,19 +79,13 @@ export default function LandingPage() { metrics={[ { icon: Car, - label: "Service Area", - value: "Deerfield & Boca", - }, + label: "Service Area", value: "Deerfield & Boca"}, { icon: ShieldCheck, - label: "Satisfaction", - value: "100%", - }, + label: "Satisfaction", value: "100%"}, { icon: Clock, - label: "Response Time", - value: "Fast", - }, + label: "Response Time", value: "Fast"}, ]} metricsAnimation="slide-up" /> @@ -133,53 +98,23 @@ export default function LandingPage() { useInvertedBackground={false} plans={[ { - id: "ext", - title: "Exterior Wash", - price: "$50+", - period: "sedan", - features: [ - "Hand Wash", - "Tire Shine", - "Wheels Cleaned", - ], + id: "ext", title: "Exterior Wash", price: "$50+", period: "sedan", features: [ + "Hand Wash", "Tire Shine", "Wheels Cleaned"], button: { - text: "Select", - }, - imageSrc: "http://img.b2bpic.net/free-photo/mid-section-man-using-digital-tablet-mobile-phone-while-charging-electric-car_107420-94882.jpg?_wi=2", - imageAlt: "mobile car detailing icon", - }, + text: "Select"}, + imageSrc: "http://img.b2bpic.net/free-photo/mid-section-man-using-digital-tablet-mobile-phone-while-charging-electric-car_107420-94882.jpg?_wi=2", imageAlt: "mobile car detailing icon"}, { - id: "int", - title: "Interior Basic", - price: "$60+", - period: "sedan", - features: [ - "Vacuuming", - "Wipe Down", - "Window Cleaning", - ], + id: "int", title: "Interior Basic", price: "$60+", period: "sedan", features: [ + "Vacuuming", "Wipe Down", "Window Cleaning"], button: { - text: "Select", - }, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cx43XVNYaN5QANr5gVGVtfQciH/uploaded-1777313849170-cc1h9s0h.png?_wi=2", - imageAlt: "mobile car detailing icon", - }, + text: "Select"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cx43XVNYaN5QANr5gVGVtfQciH/uploaded-1777313849170-cc1h9s0h.png?_wi=2", imageAlt: "mobile car detailing icon"}, { - id: "deep", - title: "Interior Deep", - price: "$100+", - period: "sedan", - features: [ - "Deep Cleaning", - "Vents", - "Console Focus", - ], + id: "deep", title: "Interior Deep", price: "$100+", period: "sedan", features: [ + "Deep Cleaning", "Vents", "Console Focus"], button: { - text: "Select", - }, - imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193622.jpg?_wi=2", - imageAlt: "mobile car detailing icon", - }, + text: "Select"}, + imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193622.jpg?_wi=2", imageAlt: "mobile car detailing icon"}, ]} title="Professional Detailing Services" description="Choose from our premium tiers tailored for your vehicle type." @@ -194,19 +129,13 @@ export default function LandingPage() { features={[ { icon: CalendarDays, - title: "1. Book Online", - description: "Choose your service and pick your time slot instantly.", - }, + title: "1. Book Online", description: "Choose your service and pick your time slot instantly."}, { icon: MapPin, - title: "2. We Come To You", - description: "Our experts arrive at your location, fully equipped.", - }, + title: "2. We Come To You", description: "Our experts arrive at your location, fully equipped."}, { icon: Sparkles, - title: "3. Enjoy Results", - description: "Relax while we restore your vehicle to showroom quality.", - }, + title: "3. Enjoy Results", description: "Relax while we restore your vehicle to showroom quality."}, ]} title="How We Make Your Car Shine" description="The easiest way to get premium auto care." @@ -220,23 +149,14 @@ export default function LandingPage() { useInvertedBackground={false} metrics={[ { - id: "1", - icon: MapPin, - title: "Deerfield Beach", - value: "Base", - }, + id: "1", icon: MapPin, + title: "Deerfield Beach", value: "Base"}, { - id: "2", - icon: MapPin, - title: "Boca Raton", - value: "Service", - }, + id: "2", icon: MapPin, + title: "Boca Raton", value: "Service"}, { - id: "3", - icon: MapPin, - title: "Pompano Beach", - value: "Service", - }, + id: "3", icon: MapPin, + title: "Pompano Beach", value: "Service"}, ]} title="Service Areas" description="Proudly serving the Florida coast." @@ -247,65 +167,28 @@ export default function LandingPage() { @@ -314,20 +197,11 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "1", - title: "Do you bring your own water?", - content: "Yes, we are fully mobile and equipped to handle the service on-site.", - }, + id: "1", title: "Do you bring your own water?", content: "Yes, we are fully mobile and equipped to handle the service on-site."}, { - id: "2", - title: "How long does a deep clean take?", - content: "Depending on vehicle size, deep interiors usually take 2-4 hours.", - }, + id: "2", title: "How long does a deep clean take?", content: "Depending on vehicle size, deep interiors usually take 2-4 hours."}, { - id: "3", - title: "Can you service at my office?", - content: "Absolutely! As long as we have access to your vehicle, we are good to go.", - }, + id: "3", title: "Can you service at my office?", content: "Absolutely! As long as we have access to your vehicle, we are good to go."}, ]} sideTitle="Questions?" faqsAnimation="slide-up" @@ -338,14 +212,11 @@ export default function LandingPage() { @@ -354,16 +225,12 @@ export default function LandingPage() { ); -} +} \ No newline at end of file