2 Commits

Author SHA1 Message Date
cc2ac34132 Update src/app/page.tsx 2026-03-27 00:57:53 +00:00
1352de0ca7 Merge version_1 into main
Merge version_1 into main
2026-03-27 00:42:17 +00:00

View File

@@ -2,13 +2,13 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm'; import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne'; import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal'; import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroBillboard from '@/components/sections/hero/HeroBillboard'; import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple'; import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive'; import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve'; import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout'; import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
export default function LandingPage() { export default function LandingPage() {
@@ -30,21 +30,13 @@ export default function LandingPage() {
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={[
{ {
name: "Services", name: "Services", id: "features"},
id: "features",
},
{ {
name: "Pricing", name: "Pricing", id: "pricing"},
id: "pricing",
},
{ {
name: "Reviews", name: "Reviews", id: "testimonials"},
id: "testimonials",
},
{ {
name: "Book Now", name: "Book Now", id: "contact"},
id: "contact",
},
]} ]}
brandName="WashUp Express" brandName="WashUp Express"
/> />
@@ -53,15 +45,12 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboard <HeroBillboard
background={{ background={{
variant: "sparkles-gradient", variant: "sparkles-gradient"}}
}}
title="We Come to You: Premium Mobile Car Wash in Marrakech" title="We Come to You: Premium Mobile Car Wash in Marrakech"
description="The ultimate convenience for your car. We bring high-quality detailing to your home, office, or hotel. Eco-friendly, professional, and fast." description="The ultimate convenience for your car. We bring high-quality detailing to your home, office, or hotel. Eco-friendly, professional, and fast."
buttons={[ buttons={[
{ {
text: "Book via WhatsApp", text: "Book via WhatsApp", href: "https://wa.me/212660367442"},
href: "https://wa.me/212660367442",
},
]} ]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVR9J8x7Wds8e5jJVrBQpHV4Gs/premium-car-wash-service-in-marrakech-wi-1774572128310-a176d6ad.png" imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVR9J8x7Wds8e5jJVrBQpHV4Gs/premium-car-wash-service-in-marrakech-wi-1774572128310-a176d6ad.png"
mediaAnimation="blur-reveal" mediaAnimation="blur-reveal"
@@ -73,9 +62,7 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
title="Experience the WashUp Difference" title="Experience the WashUp Difference"
description={[ description={[
"WashUp Express redefines automotive care in Marrakech. No more waiting at service stations; our team arrives fully equipped to deliver a showroom-quality finish wherever you are.", "WashUp Express redefines automotive care in Marrakech. No more waiting at service stations; our team arrives fully equipped to deliver a showroom-quality finish wherever you are.", "We pride ourselves on using premium, eco-friendly products that are gentle on your paint but tough on dirt, ensuring a sustainable and brilliant shine."]}
"We pride ourselves on using premium, eco-friendly products that are gentle on your paint but tough on dirt, ensuring a sustainable and brilliant shine.",
]}
/> />
</div> </div>
@@ -86,20 +73,11 @@ export default function LandingPage() {
description="Our mobile detailing service is designed around your lifestyle, offering unparalleled convenience without compromising on quality." description="Our mobile detailing service is designed around your lifestyle, offering unparalleled convenience without compromising on quality."
accordionItems={[ accordionItems={[
{ {
id: "1", id: "1", title: "Eco-Friendly Methods", content: "We use advanced water-saving techniques and biodegradable cleaning agents to protect your car and the environment."},
title: "Eco-Friendly Methods",
content: "We use advanced water-saving techniques and biodegradable cleaning agents to protect your car and the environment.",
},
{ {
id: "2", id: "2", title: "On-Demand Scheduling", content: "Book a wash at your convenience—we work around your schedule at home, work, or while you're at a hotel."},
title: "On-Demand Scheduling",
content: "Book a wash at your convenience—we work around your schedule at home, work, or while you're at a hotel.",
},
{ {
id: "3", id: "3", title: "Premium Detailing", content: "Our experts pay attention to every detail, ensuring your vehicle receives the care and precision it deserves."},
title: "Premium Detailing",
content: "Our experts pay attention to every detail, ensuring your vehicle receives the care and precision it deserves.",
},
]} ]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVR9J8x7Wds8e5jJVrBQpHV4Gs/eco-friendly-car-washing-equipment-biode-1774572129750-23c1e22f.png" imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVR9J8x7Wds8e5jJVrBQpHV4Gs/eco-friendly-car-washing-equipment-biode-1774572129750-23c1e22f.png"
mediaAnimation="slide-up" mediaAnimation="slide-up"
@@ -113,40 +91,16 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
plans={[ plans={[
{ {
id: "basic", id: "basic", tag: "Essential", price: "250 MAD", period: "/ wash", description: "Perfect for a regular maintenance and shine.", button: {
tag: "Essential", text: "Book Now", href: "https://wa.me/212660367442"},
price: "250 MAD", featuresTitle: "Includes:", features: [
period: "/ wash", "Hand Wash", "Interior Vacuum", "Dashboard Wiping", "Tire Shine"],
description: "Perfect for a regular maintenance and shine.",
button: {
text: "Book Now",
href: "https://wa.me/212660367442",
},
featuresTitle: "Includes:",
features: [
"Hand Wash",
"Interior Vacuum",
"Dashboard Wiping",
"Tire Shine",
],
}, },
{ {
id: "premium", id: "premium", tag: "Popular", price: "550 MAD", period: "/ wash", description: "Comprehensive detailing for that new car look.", button: {
tag: "Popular", text: "Book Now", href: "https://wa.me/212660367442"},
price: "550 MAD", featuresTitle: "Includes:", features: [
period: "/ wash", "All Basic Features", "Wax Application", "Leather Conditioning", "Deep Interior Cleaning"],
description: "Comprehensive detailing for that new car look.",
button: {
text: "Book Now",
href: "https://wa.me/212660367442",
},
featuresTitle: "Includes:",
features: [
"All Basic Features",
"Wax Application",
"Leather Conditioning",
"Deep Interior Cleaning",
],
}, },
]} ]}
title="Transparent Pricing" title="Transparent Pricing"
@@ -155,76 +109,56 @@ export default function LandingPage() {
</div> </div>
<div id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve <TestimonialCardSix
useInvertedBackground={false} useInvertedBackground={false}
animationType="blur-reveal"
title="Loved by Our Clients"
description="Don't just take our word for it—hear what our satisfied customers have to say about their experience."
textboxLayout="split"
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Karim R.", handle: "@karimr", testimonial: "Absolute perfection. My car hasn't looked this good since I drove it off the lot.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVR9J8x7Wds8e5jJVrBQpHV4Gs/wide-shot-of-a-luxury-car-shining-in-the-1774572128121-3a02feba.png?_wi=1"
name: "Karim R.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVR9J8x7Wds8e5jJVrBQpHV4Gs/wide-shot-of-a-luxury-car-shining-in-the-1774572128121-3a02feba.png?_wi=1",
}, },
{ {
id: "2", id: "2", name: "Sarah A.", handle: "@saraha", testimonial: "So convenient to have them come to my office. Professional team, impeccable results.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVR9J8x7Wds8e5jJVrBQpHV4Gs/wide-shot-of-a-luxury-car-shining-in-the-1774572128121-3a02feba.png?_wi=2"
name: "Sarah A.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVR9J8x7Wds8e5jJVrBQpHV4Gs/wide-shot-of-a-luxury-car-shining-in-the-1774572128121-3a02feba.png?_wi=2",
},
{
id: "3",
name: "Omar F.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVR9J8x7Wds8e5jJVrBQpHV4Gs/wide-shot-of-a-luxury-car-shining-in-the-1774572128121-3a02feba.png?_wi=3",
},
{
id: "4",
name: "Nadia L.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVR9J8x7Wds8e5jJVrBQpHV4Gs/wide-shot-of-a-luxury-car-shining-in-the-1774572128121-3a02feba.png?_wi=4",
}, },
]} ]}
cardTitle="Loved by Our Clients"
cardTag="Testimonials"
cardAnimation="slide-up"
/> />
</div> </div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactSplitForm <ContactCTA
useInvertedBackground={false} tag="Contact"
title="Ready for a Brilliant Shine?" title="Ready for a Brilliant Shine?"
description="Schedule your mobile wash in seconds. Book via phone or our contact form." description="Experience the ultimate convenience of premium detailing at your doorstep. Schedule your appointment today."
inputs={[ buttons={[
{ { text: "Book Now", href: "https://wa.me/212660367442" }
name: "name",
type: "text",
placeholder: "Your Name",
},
{
name: "phone",
type: "tel",
placeholder: "Your Phone Number",
},
]} ]}
textarea={{ background={{ variant: "sparkles-gradient" }}
name: "message", useInvertedBackground={true}
placeholder: "Your location & vehicle model",
}}
mediaAnimation="slide-up"
buttonText="Submit Inquiry"
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoReveal <FooterLogoEmphasis
logoText="WashUp Express" logoText="WashUp Express"
leftLink={{ columns={[
text: "Privacy Policy", {
href: "#", items: [
}} { label: "About Us", href: "#about" },
rightLink={{ { label: "Services", href: "#features" },
text: "WhatsApp Support", ]
href: "https://wa.me/212660367442", },
}} {
items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
]
}
]}
/> />
</div> </div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }