Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 17f24c311d | |||
| cc2ac34132 | |||
| 1352de0ca7 |
168
src/app/page.tsx
168
src/app/page.tsx
@@ -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>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user