Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| ab2e0b3b5b | |||
| 4e107a38f9 | |||
| f89c3cd2d1 | |||
| 5fbf34f557 |
250
src/app/page.tsx
250
src/app/page.tsx
@@ -22,36 +22,21 @@ export default function LandingPage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="aurora"
|
||||
cardStyle="soft-shadow"
|
||||
background="none"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="semibold"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="PureWash"
|
||||
/>
|
||||
@@ -59,23 +44,12 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
logoText="PureWash Professionals"
|
||||
description="Revive your property's exterior with our premium pressure washing services. We deliver stunning, safe, and professional cleaning that makes your home shine like new."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Our Services",
|
||||
href: "#features",
|
||||
},
|
||||
]}
|
||||
background={{ variant: "plain" }}
|
||||
logoText="PureWash Professional"
|
||||
description="Instantly boost your home's curb appeal with our professional-grade pressure washing services."
|
||||
buttons={[{ text: "Get a Free Quote", href: "#contact" }, { text: "Our Services", href: "#features" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-cleaning-service-person-using-steam-cleaner-office_23-2150520636.jpg"
|
||||
imageAlt="Professional pressure washing result on a driveway"
|
||||
imageAlt="Pressure washing residential driveway"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -83,11 +57,11 @@ export default function LandingPage() {
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Restoring Your Curb Appeal"
|
||||
description="With years of expertise, we use advanced technology and eco-friendly techniques to safely lift grime, algae, and years of weather damage from your home's exterior surfaces. Your satisfaction is our guarantee."
|
||||
tag="About Us"
|
||||
title="Advanced Cleaning Excellence"
|
||||
description="We combine industry-leading equipment with specialized cleaning agents to safely lift dirt, grime, and environmental buildup. Our professional approach ensures your home's exterior surfaces are protected and pristine."
|
||||
tag="Professional Standard"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/umbrella-chair-around-swimming-pool-neary-sea-ocean-beach-with-blue-sky-white-cloud_74190-8485.jpg"
|
||||
imageAlt="Professional cleaning in action"
|
||||
imageAlt="Exterior home surfaces being cleaned"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -97,30 +71,12 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Driveway & Concrete",
|
||||
description: "Eliminate oil stains, mold, and tire marks with our heavy-duty concrete restoration.",
|
||||
tag: "Popular",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vacuum-cleaner-tackling-heavily-soiled-floor_23-2151340159.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "House Siding Wash",
|
||||
description: "Safe, low-pressure soft washing that removes dirt, algae, and oxidation without damaging your siding.",
|
||||
tag: "Safe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/windows-little-house_181624-970.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Deck & Patio Restoration",
|
||||
description: "Revitalize your outdoor living space by safely removing weathering and discoloration.",
|
||||
tag: "Expert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-disinfecting-wooden-surface_23-2148571796.jpg",
|
||||
},
|
||||
{ id: "1", title: "Concrete & Paving", description: "High-pressure restoration for driveways, walkways, and patios.", tag: "Heavy Duty", imageSrc: "http://img.b2bpic.net/free-photo/vacuum-cleaner-tackling-heavily-soiled-floor_23-2151340159.jpg" },
|
||||
{ id: "2", title: "Soft-Wash Siding", description: "Gentle cleaning method designed for delicate exterior finishes.", tag: "Safe-Clean", imageSrc: "http://img.b2bpic.net/free-photo/windows-little-house_181624-970.jpg" },
|
||||
{ id: "3", title: "Wood & Deck Care", description: "Revitalization of outdoor wood surfaces using targeted treatments.", tag: "Expert", imageSrc: "http://img.b2bpic.net/free-photo/person-disinfecting-wooden-surface_23-2148571796.jpg" },
|
||||
]}
|
||||
title="Our Specialized Cleaning Services"
|
||||
description="We offer comprehensive pressure washing packages tailored to restore every surface around your home."
|
||||
title="Comprehensive Exterior Solutions"
|
||||
description="Tailored service packages designed for every corner of your property."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -130,27 +86,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Projects Completed",
|
||||
value: "1,200+",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Satisfied Clients",
|
||||
value: "99%",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Years of Experience",
|
||||
value: "10+",
|
||||
icon: Shield,
|
||||
},
|
||||
{ id: "m1", title: "Surfaces Restored", value: "1,500+", icon: CheckCircle },
|
||||
{ id: "m2", title: "Client Satisfaction", value: "100%", icon: Award },
|
||||
{ id: "m3", title: "Professional Experience", value: "12 Yrs", icon: Shield },
|
||||
]}
|
||||
title="Our Impact at a Glance"
|
||||
description="We believe in transparency and quality, measured by our successful projects and happy clients."
|
||||
title="Proven Track Record"
|
||||
description="We deliver exceptional results through meticulous attention to detail and a commitment to professional cleaning standards."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -160,50 +101,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "My driveway looks brand new! PureWash was incredibly professional and efficient.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-using-digital-tablet_1170-373.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael R.",
|
||||
handle: "@miker",
|
||||
testimonial: "Best service I've ever hired. Our siding has never been this clean before.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/older-woman-drinking-coffee-smiling-house-white-shirt-daytime_176474-4942.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily P.",
|
||||
handle: "@emilyp",
|
||||
testimonial: "So impressed with their attention to detail on our patio. Highly recommend!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-enjoying-cleaning_1262-5190.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
handle: "@davidw",
|
||||
testimonial: "Professional, reliable, and thorough. Definitely calling them back next year.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-housewife-shirt-colored-cape-holding-white-sign-with-yellow-gloves-green_140725-30369.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jennifer L.",
|
||||
handle: "@jennl",
|
||||
testimonial: "The house curb appeal is night and day. Great job, PureWash team!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-man-using-computer-laptop-home-smiling-confident-pointing-with-fingers-different-directions-copy-space-advertisement_839833-25307.jpg",
|
||||
},
|
||||
{ id: "1", name: "Alex T.", handle: "@alext", testimonial: "The attention to detail was incredible. My driveway looks brand new again.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-using-digital-tablet_1170-373.jpg" },
|
||||
{ id: "2", name: "Jordan H.", handle: "@jordanh", testimonial: "Truly professional service from start to finish. Highly recommended for any exterior work.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-enjoying-cleaning_1262-5190.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Hear From Our Homeowners"
|
||||
description="We take pride in our work. Here is what our community says about their experience with PureWash."
|
||||
title="Client Success Stories"
|
||||
description="See why homeowners trust us to maintain their property's curb appeal."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -212,26 +115,14 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is pressure washing safe for my house?",
|
||||
content: "Yes! We use a professional soft-wash technique for siding and delicate surfaces, adjusting the pressure to ensure your home is cleaned thoroughly without damage.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How often should I clean my home's exterior?",
|
||||
content: "We recommend professional cleaning at least once a year to prevent buildup of mold, mildew, and dirt that can degrade your property surfaces over time.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are your cleaning solutions eco-friendly?",
|
||||
content: "Absolutely. We prioritize safety by using biodegradable, eco-friendly cleaning agents that are safe for your plants, pets, and the environment.",
|
||||
},
|
||||
{ id: "q1", title: "Do you use high pressure on everything?", content: "No. We use soft-wash technology for delicate surfaces to prevent damage while still achieving deep cleanliness." },
|
||||
{ id: "q2", title: "Are your detergents safe for plants?", content: "Yes, we use environmentally friendly, biodegradable agents that are safe for your pets and landscaping." },
|
||||
{ id: "q3", title: "What areas do you serve?", content: "We cover the entire local metro area. Contact us with your address for a service estimate." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/soft-focus-water-drops-come-out-hose-sailor-captain-yacht-owner-washes-salty-residue-from-sail-mainsail-spinnaker-when-sailboat-is-docked-yard-marina_346278-360.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our cleaning processes and services."
|
||||
description="Clear answers to help you understand our professional cleaning standards."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -241,28 +132,20 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Clean & Safe Certified",
|
||||
"Professional Cleaning Alliance",
|
||||
"Eco-Friendly Partner",
|
||||
"Home Maintenance Pro",
|
||||
"Quality Service Winner",
|
||||
"Local Business Trust",
|
||||
"Certified Exterior Wash",
|
||||
"Certified Exterior Specialist", "Professional Clean Alliance", "Licensed & Insured", "Five-Star Rated"
|
||||
]}
|
||||
title="Certified and Trusted Professionals"
|
||||
description="We are proud members of national associations and hold certifications that ensure the highest quality of service and safety for your home."
|
||||
title="Recognized Excellence"
|
||||
description="Our commitment to quality service is recognized by leading home maintenance and professional cleaning bodies."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contact Us"
|
||||
title="Start Your Transformation"
|
||||
description="Ready for a cleaner home? Send us your details, and we'll be in touch with a free, no-obligation quote today."
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get Started"
|
||||
title="Book Your Professional Wash"
|
||||
description="Schedule your property restoration today. Get a customized quote based on your specific cleaning needs."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-luxury-home-yellow-suburban-community-generated-by-ai_188544-29956.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -272,53 +155,12 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="PureWash"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "https://facebook.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Navigation", items: [{ label: "Home", href: "#" }, { label: "About", href: "#about" }, { label: "Services", href: "#features" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #efebe5;
|
||||
--card: #f7f2ea;
|
||||
--foreground: #000000;
|
||||
--primary-cta: #000000;
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #000612e6;
|
||||
--primary-cta: #15479c;
|
||||
--primary-cta-text: #efebe5;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta-text: #000000;
|
||||
--accent: #ffffff;
|
||||
--background-accent: #e1b875;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #c4c4c4;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user