Merge version_1 into main #2
424
src/app/page.tsx
424
src/app/page.tsx
@@ -15,311 +15,143 @@ import { Award, CheckCircle, Clock, Leaf, Shield, ShieldCheck, Star, Wrench } fr
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Swift Pro Wash"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Swift Pro Wash"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Restore Your Home’s Beauty with Swift Pro Wash"
|
||||
description="Professional pressure washing services that rejuvenate your property’s exterior, safely and effectively. Serving our community with precision and pride."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Mark R.",
|
||||
handle: "@mark_r",
|
||||
testimonial: "Incredible work on our driveway! Looks brand new.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-stairs_181624-41082.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Linda T.",
|
||||
handle: "@linda_t",
|
||||
testimonial: "Fast, professional, and very thorough. Highly recommend!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-standing-sideways-camera-talking-smartphone-outdoors_259150-59320.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "David W.",
|
||||
handle: "@david_w",
|
||||
testimonial: "The house exterior looks fantastic. Great attention to detail.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-holding-tablet-outside_169016-25262.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Sarah P.",
|
||||
handle: "@sarah_p",
|
||||
testimonial: "Excellent service and very reliable. Will definitely book again.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-giving-red-rose-her-blonde-girlfriend_23-2147891108.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "John B.",
|
||||
handle: "@john_b",
|
||||
testimonial: "Professional results at a great price. Swift Pro Wash delivered!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-having-breakfast-kitchen_23-2148179453.jpg?_wi=1",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-wearing-yellow-rubber-boots-with-high-pressure-water-nozzle-cleaning-dirt-tiles_181624-23652.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-stairs_181624-41082.jpg",
|
||||
alt: "Customer profile 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-standing-sideways-camera-talking-smartphone-outdoors_259150-59320.jpg",
|
||||
alt: "Customer profile 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-young-woman-holding-tablet-outside_169016-25262.jpg",
|
||||
alt: "Customer profile 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-man-giving-red-rose-her-blonde-girlfriend_23-2147891108.jpg",
|
||||
alt: "Customer profile 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-having-breakfast-kitchen_23-2148179453.jpg",
|
||||
alt: "Customer profile 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ local homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Eco-Friendly Cleaning",
|
||||
icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Licensed & Insured",
|
||||
icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "100% Satisfaction",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Fast Booking",
|
||||
icon: Clock,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Expert Technicians",
|
||||
icon: Wrench,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Restore Your Home’s Beauty with Swift Pro Wash"
|
||||
description="Professional pressure washing services that rejuvenate your property’s exterior, safely and effectively. Serving our community with precision and pride."
|
||||
testimonials={[
|
||||
{ name: "Mark R.", handle: "@mark_r", testimonial: "Incredible work on our driveway! Looks brand new.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-stairs_181624-41082.jpg" },
|
||||
{ name: "Linda T.", handle: "@linda_t", testimonial: "Fast, professional, and very thorough. Highly recommend!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-standing-sideways-camera-talking-smartphone-outdoors_259150-59320.jpg" },
|
||||
{ name: "David W.", handle: "@david_w", testimonial: "The house exterior looks fantastic. Great attention to detail.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-holding-tablet-outside_169016-25262.jpg" },
|
||||
{ name: "Sarah P.", handle: "@sarah_p", testimonial: "Excellent service and very reliable. Will definitely book again.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-giving-red-rose-her-blonde-girlfriend_23-2147891108.jpg" },
|
||||
{ name: "John B.", handle: "@john_b", testimonial: "Professional results at a great price. Swift Pro Wash delivered!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-having-breakfast-kitchen_23-2148179453.jpg" }
|
||||
]}
|
||||
buttons={[{ text: "Get a Free Quote", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-wearing-yellow-rubber-boots-with-high-pressure-water-nozzle-cleaning-dirt-tiles_181624-23652.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-man-stairs_181624-41082.jpg", alt: "Customer profile 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-standing-sideways-camera-talking-smartphone-outdoors_259150-59320.jpg", alt: "Customer profile 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/attractive-young-woman-holding-tablet-outside_169016-25262.jpg", alt: "Customer profile 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-young-man-giving-red-rose-her-blonde-girlfriend_23-2147891108.jpg", alt: "Customer profile 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-having-breakfast-kitchen_23-2148179453.jpg", alt: "Customer profile 5" }
|
||||
]}
|
||||
avatarText="Trusted by 500+ local homeowners"
|
||||
marqueeItems={[
|
||||
{ type: "text-icon", text: "Eco-Friendly Cleaning", icon: Leaf },
|
||||
{ type: "text-icon", text: "Licensed & Insured", icon: ShieldCheck },
|
||||
{ type: "text-icon", text: "100% Satisfaction", icon: Star },
|
||||
{ type: "text-icon", text: "Fast Booking", icon: Clock },
|
||||
{ type: "text-icon", text: "Expert Technicians", icon: Wrench }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Swift Pro Wash?"
|
||||
metrics={[
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Properties Cleaned",
|
||||
value: "500+",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Experience",
|
||||
value: "10+",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Satisfaction Rate",
|
||||
value: "100%",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Swift Pro Wash?"
|
||||
metrics={[
|
||||
{ icon: CheckCircle, label: "Properties Cleaned", value: "500+" },
|
||||
{ icon: Award, label: "Years Experience", value: "10+" },
|
||||
{ icon: Shield, label: "Satisfaction Rate", value: "100%" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Driveway Cleaning",
|
||||
description: "Remove stubborn oil, grime, and mold from your driveway to boost curb appeal.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vacuum-cleaner-tackling-heavily-soiled-floor_23-2151340102.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
title: "Roof Washing",
|
||||
description: "Gentle, low-pressure soft washing that cleans roof tiles without causing any damage.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vacuum-cleaner-tackling-heavily-soiled-floor_23-2151340102.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Deck & Patio Care",
|
||||
description: "Revitalize your outdoor living space with expert cleaning for wood and concrete.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vacuum-cleaner-tackling-heavily-soiled-floor_23-2151340102.jpg?_wi=3",
|
||||
},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="Tailored pressure washing solutions for every exterior surface around your home."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Driveway Cleaning", description: "Remove stubborn oil, grime, and mold from your driveway to boost curb appeal.", imageSrc: "http://img.b2bpic.net/free-photo/vacuum-cleaner-tackling-heavily-soiled-floor_23-2151340102.jpg" },
|
||||
{ title: "Roof Washing", description: "Gentle, low-pressure soft washing that cleans roof tiles without causing any damage.", imageSrc: "http://img.b2bpic.net/free-photo/vacuum-cleaner-tackling-heavily-soiled-floor_23-2151340102.jpg" },
|
||||
{ title: "Deck & Patio Care", description: "Revitalize your outdoor living space with expert cleaning for wood and concrete.", imageSrc: "http://img.b2bpic.net/free-photo/vacuum-cleaner-tackling-heavily-soiled-floor_23-2151340102.jpg" }
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="Tailored pressure washing solutions for every exterior surface around your home."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Mark R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-stairs_181624-41082.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Linda T.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-standing-sideways-camera-talking-smartphone-outdoors_259150-59320.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "David W.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-holding-tablet-outside_169016-25262.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-giving-red-rose-her-blonde-girlfriend_23-2147891108.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "John B.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-having-breakfast-kitchen_23-2148179453.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
cardTitle="Hear from Our Satisfied Clients"
|
||||
cardTag="Trusted by Homeowners"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Mark R.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-stairs_181624-41082.jpg" },
|
||||
{ id: "2", name: "Linda T.", imageSrc: "http://img.b2bpic.net/free-photo/man-standing-sideways-camera-talking-smartphone-outdoors_259150-59320.jpg" },
|
||||
{ id: "3", name: "David W.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-holding-tablet-outside_169016-25262.jpg" },
|
||||
{ id: "4", name: "Sarah P.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-giving-red-rose-her-blonde-girlfriend_23-2147891108.jpg" },
|
||||
{ id: "5", name: "John B.", imageSrc: "http://img.b2bpic.net/free-photo/woman-having-breakfast-kitchen_23-2148179453.jpg" }
|
||||
]}
|
||||
cardTitle="Hear from Our Satisfied Clients"
|
||||
cardTag="Trusted by Homeowners"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is pressure washing safe for my siding?",
|
||||
content: "Yes, we use low-pressure soft washing techniques for delicate surfaces like vinyl siding to prevent damage.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How often should I have my house cleaned?",
|
||||
content: "We recommend professional exterior cleaning once every 12 to 18 months to prevent mold and grime buildup.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do I need to be home?",
|
||||
content: "You don't need to be home for us to complete your exterior cleaning service, as long as we have access to water.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know about our process."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Is pressure washing safe for my siding?", content: "Yes, we use low-pressure soft washing techniques for delicate surfaces like vinyl siding to prevent damage." },
|
||||
{ id: "f2", title: "How often should I have my house cleaned?", content: "We recommend professional exterior cleaning once every 12 to 18 months to prevent mold and grime buildup." },
|
||||
{ id: "f3", title: "Do I need to be home?", content: "You don't need to be home for us to complete your exterior cleaning service, as long as we have access to water." }
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know about our process."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Get in Touch"
|
||||
title="Ready to Brighten Your Property?"
|
||||
description="Request your free consultation and quote from the Swift Pro Wash team today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "mailto:hello@swiftprowash.com",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get in Touch"
|
||||
title="Ready to Brighten Your Property?"
|
||||
description="Request your free consultation and quote from the Swift Pro Wash team today."
|
||||
buttons={[{ text: "Contact Us Now", href: "mailto:hello@swiftprowash.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Swift Pro Wash",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Swift Pro Wash. All rights reserved."
|
||||
bottomRightText="Built for Local Excellence"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Swift Pro Wash", items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#features" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 Swift Pro Wash. All rights reserved."
|
||||
bottomRightText="Built for Local Excellence"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user