Merge version_1 into main #1
256
src/app/page.tsx
256
src/app/page.tsx
@@ -33,29 +33,17 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="PurePower"
|
||||
/>
|
||||
@@ -65,97 +53,54 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Restore Your Property's Shine"
|
||||
description="Professional power cleaning for residential and commercial surfaces. We restore driveways, siding, and roofs with eco-friendly solutions and industry-leading pressure equipment."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarah_m",
|
||||
testimonial: "Amazing results on our driveway. It looks brand new!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-changing-bulb-home_23-2147766978.jpg",
|
||||
},
|
||||
name: "Sarah Miller", handle: "@sarah_m", testimonial: "Amazing results on our driveway. It looks brand new!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-changing-bulb-home_23-2147766978.jpg"},
|
||||
{
|
||||
name: "John Doe",
|
||||
handle: "@john_d",
|
||||
testimonial: "Very professional and on time. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-people-working-office-with-digital-tablet_1301-6633.jpg",
|
||||
},
|
||||
name: "John Doe", handle: "@john_d", testimonial: "Very professional and on time. Highly recommend.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-people-working-office-with-digital-tablet_1301-6633.jpg"},
|
||||
{
|
||||
name: "Emily R.",
|
||||
handle: "@emily_r",
|
||||
testimonial: "Best pressure washing service in town.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-dancing-apartment_23-2147744871.jpg",
|
||||
},
|
||||
name: "Emily R.", handle: "@emily_r", testimonial: "Best pressure washing service in town.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-dancing-apartment_23-2147744871.jpg"},
|
||||
{
|
||||
name: "David S.",
|
||||
handle: "@david_s",
|
||||
testimonial: "Great attention to detail, very thorough.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg",
|
||||
},
|
||||
name: "David S.", handle: "@david_s", testimonial: "Great attention to detail, very thorough.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg"},
|
||||
{
|
||||
name: "Martha G.",
|
||||
handle: "@martha_g",
|
||||
testimonial: "Excellent service and friendly team.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/relaxing-fume-banking-adult-absence_1134-936.jpg",
|
||||
},
|
||||
name: "Martha G.", handle: "@martha_g", testimonial: "Excellent service and friendly team.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/relaxing-fume-banking-adult-absence_1134-936.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Quote", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/shot-male-person-white-chemical-protection-suit-doing-disinfection-public-areas-stop-spreading-highly-contagious-corona-virus_342744-914.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-grandma-kid-with-thumbs-up_23-2148976876.jpg",
|
||||
alt: "Satisfied customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-grandma-kid-with-thumbs-up_23-2148976876.jpg", alt: "Satisfied customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-came-woman-with-gift-home_1398-3803.jpg",
|
||||
alt: "Satisfied customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-came-woman-with-gift-home_1398-3803.jpg", alt: "Satisfied customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-practicing-social-integration-workspace_23-2149405355.jpg",
|
||||
alt: "Satisfied customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/people-practicing-social-integration-workspace_23-2149405355.jpg", alt: "Satisfied customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/drawing-women-high-fiving_23-2147770093.jpg",
|
||||
alt: "Satisfied customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/drawing-women-high-fiving_23-2147770093.jpg", alt: "Satisfied customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg",
|
||||
alt: "Satisfied customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg", alt: "Satisfied customer 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Eco-Friendly",
|
||||
},
|
||||
type: "text", text: "Eco-Friendly"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fully Insured",
|
||||
},
|
||||
type: "text", text: "Fully Insured"},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Support",
|
||||
},
|
||||
type: "text", text: "24/7 Support"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Satisfaction Guaranteed",
|
||||
},
|
||||
type: "text", text: "Satisfaction Guaranteed"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Rapid Response",
|
||||
},
|
||||
type: "text", text: "Rapid Response"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -167,19 +112,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Experience",
|
||||
value: "10+",
|
||||
},
|
||||
label: "Years Experience", value: "10+"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Properties Cleaned",
|
||||
value: "2500+",
|
||||
},
|
||||
label: "Properties Cleaned", value: "2500+"},
|
||||
{
|
||||
icon: Star,
|
||||
label: "Satisfaction Rate",
|
||||
value: "99%",
|
||||
},
|
||||
label: "Satisfaction Rate", value: "99%"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -192,17 +131,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"No Harmful Harsh Chemicals",
|
||||
"No Damage to Surfaces",
|
||||
"No Unfinished Work",
|
||||
],
|
||||
"No Harmful Harsh Chemicals", "No Damage to Surfaces", "No Unfinished Work"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Driveway & Concrete Cleaning",
|
||||
"Roof Moss Removal",
|
||||
"Deck & Fence Restoration",
|
||||
],
|
||||
"Driveway & Concrete Cleaning", "Roof Moss Removal", "Deck & Fence Restoration"],
|
||||
}}
|
||||
title="Our Specialized Cleaning Services"
|
||||
description="We offer a wide range of cleaning services tailored to your specific needs, ensuring a pristine property exterior."
|
||||
@@ -216,52 +149,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
price: "$199",
|
||||
name: "Small Property",
|
||||
buttons: [
|
||||
id: "basic", price: "$199", name: "Small Property", buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Driveway Cleaning",
|
||||
"Gutter Clearance",
|
||||
"Basic Cleanup",
|
||||
],
|
||||
"Driveway Cleaning", "Gutter Clearance", "Basic Cleanup"],
|
||||
},
|
||||
{
|
||||
id: "standard",
|
||||
price: "$399",
|
||||
name: "Medium Property",
|
||||
buttons: [
|
||||
id: "standard", price: "$399", name: "Medium Property", buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Full Home Exterior",
|
||||
"Deck Power Wash",
|
||||
"Sidewalk Cleaning",
|
||||
],
|
||||
"Full Home Exterior", "Deck Power Wash", "Sidewalk Cleaning"],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
price: "$599",
|
||||
name: "Large Property",
|
||||
buttons: [
|
||||
id: "premium", price: "$599", name: "Large Property", buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Deep Exterior Clean",
|
||||
"Roof Soft Wash",
|
||||
"Garage Floor Detail",
|
||||
],
|
||||
"Deep Exterior Clean", "Roof Soft Wash", "Garage Floor Detail"],
|
||||
},
|
||||
]}
|
||||
title="Transparent Pricing"
|
||||
@@ -271,38 +180,21 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
title: "Eco-Friendly",
|
||||
items: [
|
||||
"Biodegradable soaps",
|
||||
"Non-toxic process",
|
||||
"Safe for plants",
|
||||
],
|
||||
id: "m1", value: "100%", title: "Eco-Friendly", items: [
|
||||
"Biodegradable soaps", "Non-toxic process", "Safe for plants"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
title: "Priority Support",
|
||||
items: [
|
||||
"Instant booking",
|
||||
"Rapid response",
|
||||
"Flexible scheduling",
|
||||
],
|
||||
id: "m2", value: "24/7", title: "Priority Support", items: [
|
||||
"Instant booking", "Rapid response", "Flexible scheduling"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Fully Insured",
|
||||
items: [
|
||||
"Liability coverage",
|
||||
"Workman compensation",
|
||||
"Peace of mind",
|
||||
],
|
||||
id: "m3", value: "100%", title: "Fully Insured", items: [
|
||||
"Liability coverage", "Workman compensation", "Peace of mind"],
|
||||
},
|
||||
]}
|
||||
title="Why Choose PurePower?"
|
||||
@@ -318,25 +210,15 @@ export default function LandingPage() {
|
||||
author="Jessica Miller"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-spending-time-together-experiencing-time-expansion_23-2151338280.jpg",
|
||||
alt: "Jessica",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/people-spending-time-together-experiencing-time-expansion_23-2151338280.jpg", alt: "Jessica"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-3571.jpg",
|
||||
alt: "John",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-3571.jpg", alt: "John"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-caucasian-guy-dating-afro-american-girl_1262-19996.jpg",
|
||||
alt: "Emily",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-caucasian-guy-dating-afro-american-girl_1262-19996.jpg", alt: "Emily"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/laughing-ladies-looking-smartphone-bench_23-2147950216.jpg",
|
||||
alt: "David",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/laughing-ladies-looking-smartphone-bench_23-2147950216.jpg", alt: "David"},
|
||||
{
|
||||
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: "Client five",
|
||||
},
|
||||
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: "Client five"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -349,20 +231,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How long does a service take?",
|
||||
content: "Most residential services are completed within 2-4 hours, depending on size.",
|
||||
},
|
||||
id: "q1", title: "How long does a service take?", content: "Most residential services are completed within 2-4 hours, depending on size."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are your detergents safe?",
|
||||
content: "Yes, all our soaps are environmentally friendly and biodegradable.",
|
||||
},
|
||||
id: "q2", title: "Are your detergents safe?", content: "Yes, all our soaps are environmentally friendly and biodegradable."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do I need to be home?",
|
||||
content: "Not necessarily for exterior-only services, provided we have access.",
|
||||
},
|
||||
id: "q3", title: "Do I need to be home?", content: "Not necessarily for exterior-only services, provided we have access."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Find answers to our most frequently asked questions about our power cleaning process."
|
||||
@@ -374,8 +247,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
tag="Get Started"
|
||||
title="Ready for a Cleaner Home?"
|
||||
description="Sign up for our newsletter for seasonal maintenance tips and exclusive discounts."
|
||||
@@ -389,19 +261,13 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
href: "#", ariaLabel: "Facebook"},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "#", ariaLabel: "Twitter"},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user