Update src/app/page.tsx
This commit is contained in:
372
src/app/page.tsx
372
src/app/page.tsx
@@ -10,7 +10,7 @@ import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestim
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -31,26 +31,12 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Packages", id: "packages" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="TourClean Pro"
|
||||
/>
|
||||
@@ -59,345 +45,75 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Keep Your Fleet Pristine, Every Journey."
|
||||
description="Professional cleaning services tailored for tour buses. From daily refreshes to deep-clean transformations, we handle the dirty work so your passengers enjoy the comfort."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex Rivet",
|
||||
handle: "@alex",
|
||||
testimonial: "The best cleaning service we've ever used. Always on time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-adult-woman-posing_23-2148729645.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarah",
|
||||
testimonial: "Exceptional attention to detail on every bus.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-as-truck-driver_23-2151489855.jpg",
|
||||
},
|
||||
{
|
||||
name: "Mike B.",
|
||||
handle: "@mike",
|
||||
testimonial: "Our fleet has never looked cleaner. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-businessman-looking-camera_23-2147839978.jpg",
|
||||
},
|
||||
{
|
||||
name: "Linda W.",
|
||||
handle: "@linda",
|
||||
testimonial: "Quick, efficient, and professional every time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/curly-haired-young-businessman-blue-shirt-talking-phone_259150-58627.jpg",
|
||||
},
|
||||
{
|
||||
name: "Tom K.",
|
||||
handle: "@tom",
|
||||
testimonial: "Deep cleaning made our old buses look brand new.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
description="Professional cleaning services tailored for tour buses. From daily refreshes to deep-clean transformations, we handle the dirty work."
|
||||
buttons={[{ text: "Get a Quote", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/colorful-toys-yellow-background_58702-17449.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-happy-joyful-bearded-guy-posing-indoors_74855-2696.jpg",
|
||||
alt: "Happy joyful bearded guy",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3551.jpg",
|
||||
alt: "Handsome man outdoors",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3552.jpg",
|
||||
alt: "Handsome man outdoors",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-brunette-woman-spends-time-drinks-delicious-home-brewed-coffee_1258-202528.jpg",
|
||||
alt: "Beautiful woman coffee",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-working_23-2149908159.jpg",
|
||||
alt: "Smiley woman working",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Your Trusted Fleet Maintenance Partner"
|
||||
description="We specialize in high-end vehicle sanitation and detailing for the travel industry. Our dedicated team ensures every inch of your bus is treated with care, helping you maintain the highest standards of passenger satisfaction and safety."
|
||||
description="We specialize in vehicle sanitation and detailing for the travel industry. Our dedicated team ensures every inch of your bus is treated with care."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/one-working-day-modern-automatic-bus-manufacturing-with-unfinished-cars-workers-protective-uniform-automobile-production_645730-240.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="packages" data-section="packages">
|
||||
<PricingCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Cleaning Packages"
|
||||
description="Select the package that fits your fleet's needs."
|
||||
plans={[
|
||||
{
|
||||
id: "regular", tag: "Standard", price: "$30", period: "per bus", description: "Regular interior refresh and surface wipe.", featuresTitle: "Included", features: ["Trash removal", "Surface dusting", "Floor sweep"],
|
||||
button: { text: "Schedule Now", href: "#contact" }
|
||||
},
|
||||
{
|
||||
id: "deep", tag: "Deep Clean", price: "$59", period: "per bus", description: "Comprehensive deep sanitization.", featuresTitle: "Included", features: ["Interior wash", "Steam floor cleaning", "Seat sanitation"],
|
||||
button: { text: "Schedule Now", href: "#contact" }
|
||||
},
|
||||
{
|
||||
id: "specialty", tag: "Specialty", price: "$100", period: "per bus", description: "Full elite detail package.", featuresTitle: "Included", features: ["Window wiping", "Chair stain removal", "Floor scrub", "Roof detailing"],
|
||||
button: { text: "Schedule Now", href: "#contact" }
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
title="Custom Services"
|
||||
description="Need something specific? Build your own service plan."
|
||||
features={[
|
||||
{
|
||||
title: "Regular Service",
|
||||
description: "Quick interior refresh, trash removal, and surface wiping for fast turnaround cycles.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/disabled-person-travelling-city_23-2149494507.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/inside-train-closeup-with-blurred-background_23-2148242291.jpg",
|
||||
buttonText: "View Info",
|
||||
},
|
||||
{
|
||||
title: "Deep Cleaning",
|
||||
description: "Comprehensive interior wash, floor steam cleaning, and seat sanitation for periodic deep refreshes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-medical-mask-traveling-by-public-train_23-2149042943.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/bright-sunny-portrait-young-woman-warm-clothes-city-bus-winter-day_343596-5011.jpg",
|
||||
buttonText: "View Info",
|
||||
},
|
||||
{
|
||||
title: "Elite Interior Package",
|
||||
description: "Full detail: crystal clear window wiping, stain removal from chairs, floor deep-scrub, and roof detailing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-young-girl-amusement-park_23-2147919083.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/woman-traveling-by-public-bus-talking-phone-while-wearing-medical-mask-protection_23-2149042992.jpg",
|
||||
buttonText: "Book Now",
|
||||
},
|
||||
title: "Custom Appointments", description: "Schedule service for the time that works for your fleet.", imageSrc: "http://img.b2bpic.net/free-photo/male-bus-driver-posing-portrait_23-2151582576.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/inside-train-closeup-with-blurred-background_23-2148242291.jpg", buttonText: "Get Custom Quote"
|
||||
}
|
||||
]}
|
||||
title="Our Specialized Services"
|
||||
description="Customized cleaning solutions for tour and charter operators."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="packages" data-section="packages">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Basic Interior Refresh",
|
||||
price: "Contact for pricing",
|
||||
variant: "Regular",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-bus-driver-posing-portrait_23-2151582576.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Full Fleet Deep Clean",
|
||||
price: "Contact for pricing",
|
||||
variant: "Periodic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-traveling-by-train-talking-phone-while-wearing-medical-mask_23-2149042949.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Elite Interior Detail",
|
||||
price: "Contact for pricing",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-train-isle-with-empty-seats_181624-19212.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Express Window & Floor",
|
||||
price: "Contact for pricing",
|
||||
variant: "Express",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-vehicle-mechanic-holding-wrench-working-truck-vehicle-repair-shop_342744-1320.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Upholstery Steam Clean",
|
||||
price: "Contact for pricing",
|
||||
variant: "Deep",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-wearing-facemask-coughing-public-transport-lights-covid-19_181624-61456.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Roof & Ceiling Detail",
|
||||
price: "Contact for pricing",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-blue-seat-headrests-train-cabin-modern-design-passenger-seating_169016-72730.jpg",
|
||||
},
|
||||
]}
|
||||
title="Deep Cleaning Packages"
|
||||
description="Customized cleaning plans to ensure your fleet's longevity and aesthetics."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
title: "Buses Cleaned",
|
||||
description: "Reliable monthly service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-train-corridor_23-2148753430.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99%",
|
||||
title: "Client Retention",
|
||||
description: "Quality is our standard.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/public-bus-with-no-people-covid19-worldwide-epidemic_637285-4833.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Operational Availability",
|
||||
description: "Always ready to serve.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-city-bus-with-no-people-global-coronavirus-epidemic_637285-4856.jpg",
|
||||
},
|
||||
]}
|
||||
title="Service Excellence"
|
||||
description="Why bus operators trust our specialized cleaning care."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex Rivet",
|
||||
role: "Fleet Manager",
|
||||
company: "Global Tours",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-successful-female-administrator-office_273609-4124.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah J.",
|
||||
role: "Operations",
|
||||
company: "City Transit",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-bus-driver-portrait_23-2151582480.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mike B.",
|
||||
role: "Owner",
|
||||
company: "Bayside Charters",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-as-truck-driver_23-2151561822.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Linda W.",
|
||||
role: "Safety Manager",
|
||||
company: "Sky Lines",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-smiling-woman-looking-camera-with-smartphone_197531-33571.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Tom K.",
|
||||
role: "Operations Lead",
|
||||
company: "Luxury Travel",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
|
||||
},
|
||||
]}
|
||||
title="Partner Voices"
|
||||
description="See why tour bus companies partner with us for their fleet maintenance."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How often should I get my fleet deep cleaned?",
|
||||
content: "Depending on usage, we recommend a deep cleaning every 30-60 days.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer on-site cleaning?",
|
||||
content: "Yes, we bring our equipment directly to your depot.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are your cleaning agents bus-safe?",
|
||||
content: "We use only professional-grade, material-safe cleaning agents.",
|
||||
},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Have questions about our bus cleaning processes?"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contact Us"
|
||||
title="Ready to Refresh Your Fleet?"
|
||||
description="Get in touch for a tailored cleaning plan or a quick quote for your fleet."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "mailto:hello@tourclean.pro",
|
||||
},
|
||||
]}
|
||||
tag="Schedule Service"
|
||||
title="Book Your Cleaning"
|
||||
description="Fill out the form or contact us directly to set up your bus cleaning appointment."
|
||||
buttons={[{ text: "Contact Support", href: "mailto:hello@tourclean.pro" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#packages",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
columns={[{ items: [{ label: "About", href: "#about" }, { label: "Services", href: "#services" }, { label: "Contact", href: "#contact" }] }]}
|
||||
logoText="TourClean Pro"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user