Add src/app/booking-site/page.tsx
This commit is contained in:
171
src/app/booking-site/page.tsx
Normal file
171
src/app/booking-site/page.tsx
Normal file
@@ -0,0 +1,171 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
||||
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import { CalendarCheck } from "lucide-react";
|
||||
|
||||
export default function BookingSitePage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="smallMedium"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="none"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Services", id: "/services"},
|
||||
{
|
||||
name: "About Us", id: "/about"},
|
||||
{
|
||||
name: "Contact", id: "/contact"},
|
||||
{
|
||||
name: "Book Now", id: "/booking-site"}
|
||||
]}
|
||||
brandName="Graca's Cleaners"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="booking-form" data-section="booking-form">
|
||||
<ContactSplitForm
|
||||
title="Book Your Cleaning Service"
|
||||
description="Tell us about your cleaning needs and schedule your appointment with ease."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Full Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Your Phone Number" },
|
||||
{ name: "address", type: "text", placeholder: "Your Address", required: true },
|
||||
{ name: "date", type: "date", placeholder: "Preferred Date", required: true },
|
||||
{ name: "time", type: "time", placeholder: "Preferred Time", required: true }
|
||||
]}
|
||||
multiSelect={{
|
||||
name: "serviceType", label: "Select Service Type", options: ["Residential Cleaning", "Commercial Cleaning", "Deep Cleaning", "Move In/Out Cleaning"]
|
||||
}}
|
||||
textarea={{
|
||||
name: "message", placeholder: "Any specific instructions or requests?", rows: 4
|
||||
}}
|
||||
buttonText="Confirm Booking"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-happy-woman-holding-tablet-with-calendar_23-2148782012.jpg"
|
||||
imageAlt="Woman scheduling on a tablet"
|
||||
mediaPosition="right"
|
||||
useInvertedBackground={false}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="service-selection" data-section="service-selection">
|
||||
<FeatureCardNineteen
|
||||
title="Our Professional Cleaning Services"
|
||||
description="We offer a comprehensive range of services tailored to meet your unique cleaning requirements."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
tag: "Homes", title: "Residential Cleaning", subtitle: "Standard & Deep Cleans", description: "Keep your home pristine with our recurring or one-time residential cleaning services. We cover every room, ensuring a sparkling finish.", imageSrc: "http://img.b2bpic.net/free-photo/cleaner-cleaning-kitchen-home_23-2149021434.jpg", imageAlt: "Residential cleaning"
|
||||
},
|
||||
{
|
||||
tag: "Offices", title: "Commercial Cleaning", subtitle: "Maintain a Professional Space", description: "From small offices to large commercial buildings, we provide reliable and efficient cleaning to maintain a professional and healthy workspace.", imageSrc: "http://img.b2bpic.net/free-photo/professional-cleaner-doing-her-job_23-2150520630.jpg", imageAlt: "Commercial cleaning"
|
||||
},
|
||||
{
|
||||
tag: "Intensive", title: "Deep Cleaning Services", subtitle: "Thorough & Detailed", description: "Our deep cleaning service targets areas often missed, providing an intensive clean that revitalizes your entire space.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-rubber-gloves-cleaning-products_23-2149449767.jpg", imageAlt: "Deep cleaning supplies"
|
||||
},
|
||||
{
|
||||
tag: "Transitions", title: "Move In/Out Cleaning", subtitle: "Seamless Transitions", description: "Make your move stress-free with our comprehensive move-in and move-out cleaning services, ensuring spaces are spotless for new occupants.", imageSrc: "http://img.b2bpic.net/free-photo/moving-day-new-apartment-couple_23-2148906596.jpg", imageAlt: "Moving boxes"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardNine
|
||||
title="Choose Your Cleaning Plan"
|
||||
description="Flexible pricing options designed to fit your budget and cleaning frequency needs."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
plans={[
|
||||
{
|
||||
id: "basic", title: "Basic Clean", price: "$99", period: "starting", features: [
|
||||
"Dusting & Wiping Surfaces", "Vacuuming & Mopping Floors", "Bathroom Sanitization", "Kitchen Wipe-Down"
|
||||
],
|
||||
button: { text: "Select Basic", href: "/booking-site?plan=basic" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sponge-spray-bottle-cleaning-detergent-bucket_23-2148782298.jpg", imageAlt: "Basic cleaning supplies"
|
||||
},
|
||||
{
|
||||
id: "standard", title: "Standard Clean", price: "$149", period: "starting", features: [
|
||||
"All Basic Features", "Detailed Dusting", "Exterior Appliance Cleaning", "Trash Removal", "Bed Making"
|
||||
],
|
||||
button: { text: "Select Standard", href: "/booking-site?plan=standard" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cleaning-products-glass-spray-bottle_23-2148782302.jpg", imageAlt: "Standard cleaning supplies"
|
||||
},
|
||||
{
|
||||
id: "premium", title: "Premium Deep Clean", price: "$249", period: "starting", features: [
|
||||
"All Standard Features", "Deep Scrubbing", "Interior Appliance Cleaning", "Window Cleaning (Interior)", "Wall Spot Cleaning"
|
||||
],
|
||||
button: { text: "Select Premium", href: "/booking-site?plan=premium" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cleaning-products-tray_23-2148782294.jpg", imageAlt: "Premium cleaning supplies"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Graca's Cleaners"
|
||||
columns={[
|
||||
{
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Residential Cleaning", href: "/services#residential"},
|
||||
{
|
||||
label: "Commercial Cleaning", href: "/services#commercial"},
|
||||
{
|
||||
label: "Deep Cleaning", href: "/services#deep"},
|
||||
{
|
||||
label: "Move In/Out Cleaning", href: "/services#move-in-out"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Team", href: "/about#team"},
|
||||
{
|
||||
label: "Contact", href: "/contact"},
|
||||
{
|
||||
label: "FAQ", href: "/contact#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Graca's Cleaners. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user