Merge version_1 into main #2
@@ -7,7 +7,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
|
||||
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
@@ -22,81 +22,54 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "/gallery",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="SwiftMobile"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
brandName="SwiftMobile"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Our Story: Bringing Care to Your Doorstep"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Our Story: Bringing Care to Your Doorstep"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Meet Our Experts"
|
||||
description="Professional care team."
|
||||
groups={[
|
||||
{
|
||||
id: "g1",
|
||||
groupTitle: "Team",
|
||||
members: [
|
||||
{
|
||||
id: "m1",
|
||||
title: "Alex",
|
||||
subtitle: "Detailer",
|
||||
detail: "Certified professional",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-hoovering-car-cabin-garage_1157-36597.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Ben",
|
||||
subtitle: "Restorationist",
|
||||
detail: "Expert in leather",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-polishing-car-inside-car-service_1303-26883.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-cleaning-repaired-car-tire-with-cloth-workshop_637285-7624.jpg?_wi=3",
|
||||
imageAlt: "Man hoovering a car cabin in a garage",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Meet Our Experts"
|
||||
description="Professional care team."
|
||||
groups={[
|
||||
{
|
||||
id: "g1", groupTitle: "Team", members: [
|
||||
{
|
||||
id: "m1", title: "Alex", subtitle: "Detailer", detail: "Certified professional", imageSrc: "http://img.b2bpic.net/free-photo/man-hoovering-car-cabin-garage_1157-36597.jpg"
|
||||
},
|
||||
{
|
||||
id: "m2", title: "Ben", subtitle: "Restorationist", detail: "Expert in leather", imageSrc: "http://img.b2bpic.net/free-photo/man-polishing-car-inside-car-service_1303-26883.jpg"
|
||||
}
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="SwiftMobile"
|
||||
copyrightText="© 2025 SwiftMobile. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="SwiftMobile"
|
||||
copyrightText="© 2025 SwiftMobile. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -7,7 +7,7 @@ import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import LegalSection from '@/components/legal/LegalSection';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ContactPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
@@ -22,68 +22,47 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "/gallery",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="SwiftMobile"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
brandName="SwiftMobile"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-section" data-section="contact-section">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
tag="Contact Us"
|
||||
title="Ready for a professional touch?"
|
||||
description="Reach out via our form or WhatsApp to book your service today."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact-section" data-section="contact-section">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "animated-grid" }}
|
||||
tag="Contact Us"
|
||||
title="Ready for a professional touch?"
|
||||
description="Reach out via our form or WhatsApp to book your service today."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="legal" data-section="legal">
|
||||
<LegalSection
|
||||
layout="section"
|
||||
title="Privacy Policy"
|
||||
sections={[
|
||||
{
|
||||
heading: "Data Usage",
|
||||
content: {
|
||||
type: "paragraph",
|
||||
text: "We respect your privacy.",
|
||||
},
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="legal" data-section="legal">
|
||||
<LegalSection
|
||||
layout="section"
|
||||
title="Privacy Policy"
|
||||
sections={[
|
||||
{
|
||||
heading: "Data Usage", content: { type: "paragraph", text: "We respect your privacy." }
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="SwiftMobile"
|
||||
copyrightText="© 2025 SwiftMobile. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="SwiftMobile"
|
||||
copyrightText="© 2025 SwiftMobile. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
468
src/app/page.tsx
468
src/app/page.tsx
@@ -25,350 +25,142 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "/gallery",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="SwiftMobile"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
brandName="SwiftMobile"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="We Come to You: Premium Mobile Car Care"
|
||||
description="Professional car detailing, restoration, and cleaning delivered to your doorstep. Schedule your appointment today and experience unmatched convenience."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-cleaning-repaired-car-tire-with-cloth-workshop_637285-7624.jpg?_wi=1",
|
||||
imageAlt: "Mobile service in action",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-polishing-service_23-2149212249.jpg",
|
||||
imageAlt: "Before and after detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-s-hand-is-cleaning-waxing-car_1150-6114.jpg",
|
||||
imageAlt: "Clean dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212206.jpg",
|
||||
imageAlt: "Wheel cleaning",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-black-car-s-modern-interior_181624-25418.jpg",
|
||||
imageAlt: "Interior work",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26071.jpg?_wi=1",
|
||||
imageAlt: "Steam cleaning",
|
||||
},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cushion-modern-car_1339-5502.jpg",
|
||||
imageAlt: "Interior work",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-tattoos-producing-craft-beer_23-2148110886.jpg",
|
||||
imageAlt: "Wheel cleaning",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/buttons-turn-lights-more-close-up-view-interior-brand-new-modern-luxury-automobile_146671-16598.jpg",
|
||||
imageAlt: "Clean dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-interior-car-center-control-space_53876-96704.jpg",
|
||||
imageAlt: "Before and after detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22304.jpg",
|
||||
imageAlt: "Mobile service in action",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-trying-break-into-car_23-2149133056.jpg?_wi=1",
|
||||
imageAlt: "Exterior work",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2004.jpg",
|
||||
alt: "Happy customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-with-mask-train_23-2148579514.jpg",
|
||||
alt: "Happy customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-painting-car-full-shot_23-2149714344.jpg",
|
||||
alt: "Happy customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/car-repair-maintenance-theme-mechanic-uniform-working-auto-service_627829-3865.jpg",
|
||||
alt: "Happy customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193585.jpg",
|
||||
alt: "Happy customer 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ car owners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/man-polishing-car-with-orbital-applicator_1303-30572.jpg",
|
||||
alt: "Certification 1",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193167.jpg",
|
||||
alt: "Certification 2",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/car-detailing-concept-man-face-mask-with-orbital-polisher-repair-shop-polishing-roof-orange-suv-car_627829-12612.jpg",
|
||||
alt: "Certification 3",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Eco-friendly products",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "100% Satisfaction Guarantee",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="We Come to You: Premium Mobile Car Care"
|
||||
description="Professional car detailing, restoration, and cleaning delivered to your doorstep. Schedule your appointment today and experience unmatched convenience."
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-cleaning-repaired-car-tire-with-cloth-workshop_637285-7624.jpg", imageAlt: "Mobile service in action" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-polishing-service_23-2149212249.jpg", imageAlt: "Before and after detail" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-s-hand-is-cleaning-waxing-car_1150-6114.jpg", imageAlt: "Clean dashboard" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212206.jpg", imageAlt: "Wheel cleaning" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-black-car-s-modern-interior_181624-25418.jpg", imageAlt: "Interior work" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26071.jpg", imageAlt: "Steam cleaning" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cushion-modern-car_1339-5502.jpg", imageAlt: "Interior work" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-with-tattoos-producing-craft-beer_23-2148110886.jpg", imageAlt: "Wheel cleaning" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/buttons-turn-lights-more-close-up-view-interior-brand-new-modern-luxury-automobile_146671-16598.jpg", imageAlt: "Clean dashboard" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/black-interior-car-center-control-space_53876-96704.jpg", imageAlt: "Before and after detail" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22304.jpg", imageAlt: "Mobile service in action" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-trying-break-into-car_23-2149133056.jpg", imageAlt: "Exterior work" }
|
||||
]}
|
||||
buttons={[{ text: "Book Now", href: "/contact" }]}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2004.jpg", alt: "Happy customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/female-with-mask-train_23-2148579514.jpg", alt: "Happy customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-painting-car-full-shot_23-2149714344.jpg", alt: "Happy customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/car-repair-maintenance-theme-mechanic-uniform-working-auto-service_627829-3865.jpg", alt: "Happy customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193585.jpg", alt: "Happy customer 5" }
|
||||
]}
|
||||
avatarText="Trusted by 500+ car owners"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Convenience",
|
||||
description: "We travel to you, whether home or office.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193592.jpg",
|
||||
imageAlt: "Service one",
|
||||
},
|
||||
items: [],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-cleaning-repaired-car-tire-with-cloth-workshop_637285-7624.jpg?_wi=2",
|
||||
imageAlt: "car steam cleaning interior detail",
|
||||
},
|
||||
{
|
||||
title: "Quality",
|
||||
description: "Professional grade products and tools for best results.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193566.jpg",
|
||||
imageAlt: "Service two",
|
||||
},
|
||||
items: [],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26071.jpg?_wi=2",
|
||||
imageAlt: "car steam cleaning interior detail",
|
||||
},
|
||||
{
|
||||
title: "Trust",
|
||||
description: "Experienced technicians and proven satisfaction.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-polish-salon-car-garage_1157-36595.jpg",
|
||||
imageAlt: "Service three",
|
||||
},
|
||||
items: [],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-trying-break-into-car_23-2149133056.jpg?_wi=2",
|
||||
imageAlt: "car steam cleaning interior detail",
|
||||
},
|
||||
]}
|
||||
title="Why Choose SwiftMobile?"
|
||||
description="Professional care that respects your time and your vehicle."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Convenience", description: "We travel to you, whether home or office.", media: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193592.jpg", imageAlt: "Service one" },
|
||||
items: [],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Quality", description: "Professional grade products and tools for best results.", media: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193566.jpg", imageAlt: "Service two" },
|
||||
items: [],
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Trust", description: "Experienced technicians and proven satisfaction.", media: { imageSrc: "http://img.b2bpic.net/free-photo/man-polish-salon-car-garage_1157-36595.jpg", imageAlt: "Service three" },
|
||||
items: [],
|
||||
reverse: false
|
||||
}
|
||||
]}
|
||||
title="Why Choose SwiftMobile?"
|
||||
description="Professional care that respects your time and your vehicle."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="What Our Clients Say"
|
||||
description="Don't just take our word for it."
|
||||
kpiItems={[
|
||||
{
|
||||
value: "500+",
|
||||
label: "Vehicles Serviced",
|
||||
},
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Average Rating",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Client Satisfaction",
|
||||
},
|
||||
]}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
role: "Client",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193615.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark D.",
|
||||
role: "Client",
|
||||
company: "Business Owner",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193623.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Alice W.",
|
||||
role: "Client",
|
||||
company: "Corporate",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-black-mask-sitting-inside-car_1157-34251.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David L.",
|
||||
role: "Client",
|
||||
company: "Commuter",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194122.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Emma R.",
|
||||
role: "Client",
|
||||
company: "Parent",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193148.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="What Our Clients Say"
|
||||
description="Don't just take our word for it."
|
||||
kpiItems={[
|
||||
{ value: "500+", label: "Vehicles Serviced" },
|
||||
{ value: "4.9/5", label: "Average Rating" },
|
||||
{ value: "100%", label: "Client Satisfaction" }
|
||||
]}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah J.", role: "Client", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193615.jpg" },
|
||||
{ id: "t2", name: "Mark D.", role: "Client", company: "Business Owner", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193623.jpg" },
|
||||
{ id: "t3", name: "Alice W.", role: "Client", company: "Corporate", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-black-mask-sitting-inside-car_1157-34251.jpg" },
|
||||
{ id: "t4", name: "David L.", role: "Client", company: "Commuter", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194122.jpg" },
|
||||
{ id: "t5", name: "Emma R.", role: "Client", company: "Parent", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193148.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Simple Pricing"
|
||||
description="Transparent rates for premium quality."
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
price: "$80",
|
||||
name: "Basic Wash",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Exterior foam wash",
|
||||
"Tire shine",
|
||||
"Window cleaning",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
price: "$150",
|
||||
name: "Interior Detail",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Vacuuming",
|
||||
"Seat shampoo",
|
||||
"Dashboard polish",
|
||||
"Air freshener",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
price: "$250",
|
||||
name: "Ultimate Package",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Full interior & exterior",
|
||||
"Clay bar",
|
||||
"Wax sealant",
|
||||
"Leather conditioning",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Simple Pricing"
|
||||
description="Transparent rates for premium quality."
|
||||
plans={[
|
||||
{
|
||||
id: "p1", price: "$80", name: "Basic Wash", buttons: [{ text: "Select", href: "/contact" }],
|
||||
features: ["Exterior foam wash", "Tire shine", "Window cleaning"]
|
||||
},
|
||||
{
|
||||
id: "p2", price: "$150", name: "Interior Detail", buttons: [{ text: "Select", href: "/contact" }],
|
||||
features: ["Vacuuming", "Seat shampoo", "Dashboard polish", "Air freshener"]
|
||||
},
|
||||
{
|
||||
id: "p3", price: "$250", name: "Ultimate Package", buttons: [{ text: "Select", href: "/contact" }],
|
||||
features: ["Full interior & exterior", "Clay bar", "Wax sealant", "Leather conditioning"]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Ready to book?"
|
||||
title="Your car deserves a refresh."
|
||||
description="Get in touch for a free quote."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Ready to book?"
|
||||
title="Your car deserves a refresh."
|
||||
description="Get in touch for a free quote."
|
||||
buttons={[{ text: "Book Now", href: "/contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="SwiftMobile"
|
||||
copyrightText="© 2025 SwiftMobile. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="SwiftMobile"
|
||||
copyrightText="© 2025 SwiftMobile. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user