Merge version_1 into main #2
431
src/app/page.tsx
431
src/app/page.tsx
@@ -27,318 +27,139 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Surulere Car Wash"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Surulere Car Wash"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Sparkling Clean. Every Single Time."
|
||||
description="Located at 226 Ijesha Rd, Surulere, we offer fast, reliable, and affordable car wash services for every driver."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Tunde Adeyemi",
|
||||
handle: "@tunde_autos",
|
||||
testimonial: "Very convenient, they open early which is a huge plus for my commute.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26045.jpg?_wi=1",
|
||||
imageAlt: "professional car wash exterior service",
|
||||
},
|
||||
{
|
||||
name: "Sarah Ike",
|
||||
handle: "@sara_ike",
|
||||
testimonial: "Decent wash, affordable prices for the Surulere area. Staff are generally friendly.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-distance-relationship-couple-meeting_23-2149324565.jpg?_wi=1",
|
||||
imageAlt: "professional car wash exterior service",
|
||||
},
|
||||
{
|
||||
name: "John Okafor",
|
||||
handle: "@okafor_j",
|
||||
testimonial: "Fast service, gets the job done efficiently before I head to work.",
|
||||
rating: 3,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-holding-old-keys_1187-5676.jpg?_wi=1",
|
||||
imageAlt: "professional car wash exterior service",
|
||||
},
|
||||
{
|
||||
name: "Bisi Ade",
|
||||
handle: "@bisi_wash",
|
||||
testimonial: "Accessible spot, good enough for a quick maintenance clean.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/very-good-smiling-brunette-woman-shows-ok-okay-hand-sign-looking-satisfied-recommend-great-deal-pleased-with-quality-standing-white-background_176420-46695.jpg?_wi=1",
|
||||
imageAlt: "professional car wash exterior service",
|
||||
},
|
||||
{
|
||||
name: "Kunle D.",
|
||||
handle: "@kunle_d",
|
||||
testimonial: "Consistent enough, nice that they are open by 5:30 AM.",
|
||||
rating: 3,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glad-african-american-young-woman-rests-alone-coffee-shop-has-delighted-look-rests-after-work-laptop-computer-has-positive-expression_273609-3414.jpg?_wi=1",
|
||||
imageAlt: "professional car wash exterior service",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Wash",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26045.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",
|
||||
alt: "Satisfied customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg",
|
||||
alt: "Satisfied customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg",
|
||||
alt: "Satisfied customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
|
||||
alt: "Satisfied customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-woman-wearing-casual-sweater-standing-red-background-pointing-fingers-camera-with-happy-funny-face-good-energy-vibes_839833-6469.jpg",
|
||||
alt: "Satisfied customer 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by over 500+ locals"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Open by 5:30 AM",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Eco-friendly soaps",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Professional service",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Quick turnaround",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Affordable pricing",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{ variant: "plain" }}
|
||||
title="Sparkling Clean. Every Single Time."
|
||||
description="Located at 226 Ijesha Rd, Surulere, we offer fast, reliable, and affordable car wash services for every driver."
|
||||
testimonials={[
|
||||
{ name: "Tunde Adeyemi", handle: "@tunde_autos", testimonial: "Very convenient, they open early which is a huge plus for my commute.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26045.jpg", imageAlt: "professional car wash exterior service" },
|
||||
{ name: "Sarah Ike", handle: "@sara_ike", testimonial: "Decent wash, affordable prices for the Surulere area. Staff are generally friendly.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/long-distance-relationship-couple-meeting_23-2149324565.jpg", imageAlt: "professional car wash exterior service" },
|
||||
{ name: "John Okafor", handle: "@okafor_j", testimonial: "Fast service, gets the job done efficiently before I head to work.", rating: 3, imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-holding-old-keys_1187-5676.jpg", imageAlt: "professional car wash exterior service" },
|
||||
{ name: "Bisi Ade", handle: "@bisi_wash", testimonial: "Accessible spot, good enough for a quick maintenance clean.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/very-good-smiling-brunette-woman-shows-ok-okay-hand-sign-looking-satisfied-recommend-great-deal-pleased-with-quality-standing-white-background_176420-46695.jpg", imageAlt: "professional car wash exterior service" },
|
||||
{ name: "Kunle D.", handle: "@kunle_d", testimonial: "Consistent enough, nice that they are open by 5:30 AM.", rating: 3, imageSrc: "http://img.b2bpic.net/free-photo/glad-african-american-young-woman-rests-alone-coffee-shop-has-delighted-look-rests-after-work-laptop-computer-has-positive-expression_273609-3414.jpg", imageAlt: "professional car wash exterior service" },
|
||||
]}
|
||||
buttons={[{ text: "Get a Wash", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26045.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg", alt: "Satisfied customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg", alt: "Satisfied customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg", alt: "Satisfied customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg", alt: "Satisfied customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-woman-wearing-casual-sweater-standing-red-background-pointing-fingers-camera-with-happy-funny-face-good-energy-vibes_839833-6469.jpg", alt: "Satisfied customer 5" },
|
||||
]}
|
||||
avatarText="Trusted by over 500+ locals"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Open by 5:30 AM" },
|
||||
{ type: "text", text: "Eco-friendly soaps" },
|
||||
{ type: "text", text: "Professional service" },
|
||||
{ type: "text", text: "Quick turnaround" },
|
||||
{ type: "text", text: "Affordable pricing" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Community-Focused Excellence"
|
||||
metrics={[
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Opening Hours",
|
||||
value: "5:30 AM",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
label: "Customer Rating",
|
||||
value: "4.2/5",
|
||||
},
|
||||
{
|
||||
icon: MapPin,
|
||||
label: "Location",
|
||||
value: "Surulere",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Community-Focused Excellence"
|
||||
metrics={[
|
||||
{ icon: Clock, label: "Opening Hours", value: "5:30 AM" },
|
||||
{ icon: Star, label: "Customer Rating", value: "4.2/5" },
|
||||
{ icon: MapPin, label: "Location", value: "Surulere" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Early Morning Start",
|
||||
description: "Don't delay your commute. We're ready for you before the sun is fully up.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/driver-washing-his-car-by-sponge-with-soap-solution_651396-3234.jpg",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Clock,
|
||||
text: "Open at 5:30 AM",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Fast wash cycle",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26045.jpg?_wi=3",
|
||||
imageAlt: "professional car wash exterior service",
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="We prioritize efficiency and accessibility to keep Lagos moving."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Early Morning Start", description: "Don't delay your commute. We're ready for you before the sun is fully up.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/driver-washing-his-car-by-sponge-with-soap-solution_651396-3234.jpg", imageAlt: "professional car wash exterior service"
|
||||
},
|
||||
items: [
|
||||
{ icon: Clock, text: "Open at 5:30 AM" },
|
||||
{ icon: Zap, text: "Fast wash cycle" },
|
||||
],
|
||||
reverse: false
|
||||
}
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="We prioritize efficiency and accessibility to keep Lagos moving."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Tunde Adeyemi",
|
||||
role: "Commuter",
|
||||
testimonial: "Really convenient location in Surulere.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-distance-relationship-couple-meeting_23-2149324565.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Ike",
|
||||
role: "Regular",
|
||||
testimonial: "Very affordable for a mid-range car wash.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-holding-old-keys_1187-5676.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "John Okafor",
|
||||
role: "Driver",
|
||||
testimonial: "Friendly staff and they finish in good time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/very-good-smiling-brunette-woman-shows-ok-okay-hand-sign-looking-satisfied-recommend-great-deal-pleased-with-quality-standing-white-background_176420-46695.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Bisi Ade",
|
||||
role: "Frequent User",
|
||||
testimonial: "Consistent, good early morning service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glad-african-american-young-woman-rests-alone-coffee-shop-has-delighted-look-rests-after-work-laptop-computer-has-positive-expression_273609-3414.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Kunle D.",
|
||||
role: "Driver",
|
||||
testimonial: "Best spot for a quick rinse on my way to work.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indian-man-smiling-cheerful-expression-closeup-portrait_53876-129387.jpg",
|
||||
},
|
||||
]}
|
||||
title="What Our Neighbors Say"
|
||||
description="We value feedback from our local community in Surulere/Itire."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Tunde Adeyemi", role: "Commuter", testimonial: "Really convenient location in Surulere.", imageSrc: "http://img.b2bpic.net/free-photo/long-distance-relationship-couple-meeting_23-2149324565.jpg" },
|
||||
{ id: "2", name: "Sarah Ike", role: "Regular", testimonial: "Very affordable for a mid-range car wash.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-holding-old-keys_1187-5676.jpg" },
|
||||
{ id: "3", name: "John Okafor", role: "Driver", testimonial: "Friendly staff and they finish in good time.", imageSrc: "http://img.b2bpic.net/free-photo/very-good-smiling-brunette-woman-shows-ok-okay-hand-sign-looking-satisfied-recommend-great-deal-pleased-with-quality-standing-white-background_176420-46695.jpg" },
|
||||
{ id: "4", name: "Bisi Ade", role: "Frequent User", testimonial: "Consistent, good early morning service.", imageSrc: "http://img.b2bpic.net/free-photo/glad-african-american-young-woman-rests-alone-coffee-shop-has-delighted-look-rests-after-work-laptop-computer-has-positive-expression_273609-3414.jpg" },
|
||||
{ id: "5", name: "Kunle D.", role: "Driver", testimonial: "Best spot for a quick rinse on my way to work.", imageSrc: "http://img.b2bpic.net/free-photo/indian-man-smiling-cheerful-expression-closeup-portrait_53876-129387.jpg" },
|
||||
]}
|
||||
title="What Our Neighbors Say"
|
||||
description="We value feedback from our local community in Surulere/Itire."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What are your opening hours?",
|
||||
content: "We open at 5:30 AM daily to serve early morning commuters.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Where are you located?",
|
||||
content: "You can find us at 226 Ijesha Rd, Surulere/Itire, Lagos.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you offer premium detailing?",
|
||||
content: "We focus on efficient, essential washing services.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Everything you need to know about our services at Ijesha Rd."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "1", title: "What are your opening hours?", content: "We open at 5:30 AM daily to serve early morning commuters." },
|
||||
{ id: "2", title: "Where are you located?", content: "You can find us at 226 Ijesha Rd, Surulere/Itire, Lagos." },
|
||||
{ id: "3", title: "Do you offer premium detailing?", content: "We focus on efficient, essential washing services." },
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Everything you need to know about our services at Ijesha Rd."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contact Us"
|
||||
title="Visit Us Today"
|
||||
description="Have questions? Give us a call at 0809 717 9538 or drop by our location at Ijesha Rd."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:08097179538",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Visit Us Today"
|
||||
description="Have questions? Give us a call at 0809 717 9538 or drop by our location at Ijesha Rd."
|
||||
buttons={[{ text: "Call Now", href: "tel:08097179538" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-wash-car-using-shampoo_1150-6983.jpg"
|
||||
logoText="Surulere Car Wash"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "0809 717 9538",
|
||||
href: "tel:08097179538",
|
||||
},
|
||||
{
|
||||
label: "226 Ijesha Rd, Lagos",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-wash-car-using-shampoo_1150-6983.jpg"
|
||||
logoText="Surulere Car Wash"
|
||||
columns={[
|
||||
{ title: "Quick Links", items: [{ label: "Home", href: "#hero" }, { label: "Services", href: "#features" }] },
|
||||
{ title: "Contact", items: [{ label: "0809 717 9538", href: "tel:08097179538" }, { label: "226 Ijesha Rd, Lagos", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user