Update src/app/page.tsx
This commit is contained in:
250
src/app/page.tsx
250
src/app/page.tsx
@@ -33,33 +33,19 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "#hero"},
|
||||||
id: "#hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "About",
|
name: "About", id: "#about"},
|
||||||
id: "#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Services",
|
name: "Services", id: "#services"},
|
||||||
id: "#services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Our Work",
|
name: "Our Work", id: "#our-work"},
|
||||||
id: "#our-work",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Testimonials",
|
name: "Testimonials", id: "#testimonials"},
|
||||||
id: "#testimonials",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "FAQ",
|
name: "FAQ", id: "#faq"},
|
||||||
id: "#faq",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "#contact"},
|
||||||
id: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="OSDA Service"
|
brandName="OSDA Service"
|
||||||
/>
|
/>
|
||||||
@@ -68,21 +54,16 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardScroll
|
<HeroBillboardScroll
|
||||||
background={{
|
background={{
|
||||||
variant: "radial-gradient",
|
variant: "radial-gradient"}}
|
||||||
}}
|
|
||||||
title="Sparkling Clean. Renewed Spaces. OSDA Pressure Washing."
|
title="Sparkling Clean. Renewed Spaces. OSDA Pressure Washing."
|
||||||
description="Restore the beauty and boost the curb appeal of your home or business with our professional pressure washing services. Experience a pristine clean that truly shines."
|
description="Restore the beauty and boost the curb appeal of your home or business with our professional pressure washing services. Experience a pristine clean that truly shines."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Get a Free Quote",
|
text: "Get a Free Quote", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "View Our Services",
|
text: "View Our Services", href: "#services"},
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/weathered-stained-concrete-wall-corner_632498-60769.jpg?_wi=1"
|
imageSrc="http://img.b2bpic.net/free-photo/weathered-stained-concrete-wall-corner_632498-60769.jpg"
|
||||||
imageAlt="Professional pressure washing a house exterior"
|
imageAlt="Professional pressure washing a house exterior"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -94,19 +75,13 @@ export default function LandingPage() {
|
|||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
icon: Star,
|
icon: Star,
|
||||||
label: "5-Star Rating",
|
label: "5-Star Rating", value: "Consistently top-rated"},
|
||||||
value: "Consistently top-rated",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: CalendarCheck,
|
icon: CalendarCheck,
|
||||||
label: "Years in Service",
|
label: "Years in Service", value: "Over 10 Years"},
|
||||||
value: "Over 10 Years",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Users,
|
icon: Users,
|
||||||
label: "Satisfied Clients",
|
label: "Satisfied Clients", value: "500+ Happy Customers"},
|
||||||
value: "500+ Happy Customers",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
metricsAnimation="slide-up"
|
metricsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -119,28 +94,13 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "Residential Cleaning",
|
title: "Residential Cleaning", description: "Safely clean your home's exterior, roof, gutters, and windows, removing grime and mildew without damage.", bentoComponent: "reveal-icon", icon: Home
|
||||||
description: "Safely clean your home's exterior, roof, gutters, and windows, removing grime and mildew without damage.",
|
|
||||||
bentoComponent: "reveal-icon",
|
|
||||||
icon: Home,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-speech-bubbles-with-gold-rating-stars_107791-16206.jpg",
|
|
||||||
imageAlt: "star rating icon gold",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Driveway & Patio Restoration",
|
title: "Driveway & Patio Restoration", description: "Eliminate tough stains, oil spots, and dirt from concrete, pavers, and stone, making your surfaces look new again.", bentoComponent: "reveal-icon", icon: Car
|
||||||
description: "Eliminate tough stains, oil spots, and dirt from concrete, pavers, and stone, making your surfaces look new again.",
|
|
||||||
bentoComponent: "reveal-icon",
|
|
||||||
icon: Car,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/weathered-stained-concrete-wall-corner_632498-60769.jpg?_wi=2",
|
|
||||||
imageAlt: "star rating icon gold",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Commercial Property Services",
|
title: "Commercial Property Services", description: "Maintain a professional appearance for your business with facade, sidewalk, and fleet cleaning services.", bentoComponent: "reveal-icon", icon: Building
|
||||||
description: "Maintain a professional appearance for your business with facade, sidewalk, and fleet cleaning services.",
|
|
||||||
bentoComponent: "reveal-icon",
|
|
||||||
icon: Building,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-vector/elementos-de-fiesta-de-ano-nuevo_23-2147704165.jpg",
|
|
||||||
imageAlt: "star rating icon gold",
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Comprehensive Pressure Washing Solutions"
|
title="Comprehensive Pressure Washing Solutions"
|
||||||
@@ -156,47 +116,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "driveway-cleaning",
|
id: "driveway-cleaning", name: "Driveway Cleaning", price: "Starting at $150", imageSrc: "http://img.b2bpic.net/free-photo/view-sanitation-worker-protective-suit-spraying-city-streets-with-disinfectant-covid19-epidemic_637285-7944.jpg", imageAlt: "Cleaned concrete driveway"},
|
||||||
name: "Driveway Cleaning",
|
|
||||||
price: "Starting at $150",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/view-sanitation-worker-protective-suit-spraying-city-streets-with-disinfectant-covid19-epidemic_637285-7944.jpg",
|
|
||||||
imageAlt: "Cleaned concrete driveway",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "house-washing",
|
id: "house-washing", name: "House Washing", price: "Starting at $250", imageSrc: "http://img.b2bpic.net/free-photo/close-up-blue-brown-foam_23-2147797931.jpg", imageAlt: "Cleaned house siding"},
|
||||||
name: "House Washing",
|
|
||||||
price: "Starting at $250",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-blue-brown-foam_23-2147797931.jpg",
|
|
||||||
imageAlt: "Cleaned house siding",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "deck-patio-cleaning",
|
id: "deck-patio-cleaning", name: "Deck & Patio Cleaning", price: "Starting at $180", imageSrc: "http://img.b2bpic.net/free-photo/man-paints-with-white-paint-wooden-planks-man-industrial-concept-there-is-place-text-object-is-close-up_169016-4432.jpg", imageAlt: "Cleaned wooden deck"},
|
||||||
name: "Deck & Patio Cleaning",
|
|
||||||
price: "Starting at $180",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/man-paints-with-white-paint-wooden-planks-man-industrial-concept-there-is-place-text-object-is-close-up_169016-4432.jpg",
|
|
||||||
imageAlt: "Cleaned wooden deck",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "fence-washing",
|
id: "fence-washing", name: "Fence Washing", price: "Starting at $100", imageSrc: "http://img.b2bpic.net/free-photo/waitress-cleaning-table_23-2147984994.jpg", imageAlt: "Cleaned white vinyl fence"},
|
||||||
name: "Fence Washing",
|
|
||||||
price: "Starting at $100",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/waitress-cleaning-table_23-2147984994.jpg",
|
|
||||||
imageAlt: "Cleaned white vinyl fence",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "roof-soft-wash",
|
id: "roof-soft-wash", name: "Roof Soft Washing", price: "Starting at $300", imageSrc: "http://img.b2bpic.net/free-photo/back-view-male-musician-climbing-roof-with-electric-guitar_23-2148680354.jpg", imageAlt: "Cleaned residential roof"},
|
||||||
name: "Roof Soft Washing",
|
|
||||||
price: "Starting at $300",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-male-musician-climbing-roof-with-electric-guitar_23-2148680354.jpg",
|
|
||||||
imageAlt: "Cleaned residential roof",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "commercial-exterior",
|
id: "commercial-exterior", name: "Commercial Exterior", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/teenage-boys-sitting-together-empty-canteen_53876-24936.jpg", imageAlt: "Cleaned commercial building facade"},
|
||||||
name: "Commercial Exterior",
|
|
||||||
price: "Custom Quote",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/teenage-boys-sitting-together-empty-canteen_53876-24936.jpg",
|
|
||||||
imageAlt: "Cleaned commercial building facade",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Our Specialized Pressure Washing Services"
|
title="Our Specialized Pressure Washing Services"
|
||||||
description="Explore our core services designed to tackle any cleaning challenge, delivering exceptional results every time."
|
description="Explore our core services designed to tackle any cleaning challenge, delivering exceptional results every time."
|
||||||
@@ -210,50 +140,20 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "Sarah J.", handle: "@SarahJClean", testimonial: "OSDA Service transformed my dirty driveway! It looks brand new. Professional, efficient, and friendly. Highly recommend!", rating: 5,
|
||||||
name: "Sarah J.",
|
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-walking-down-stairs-using-phone_1303-31362.jpg", imageAlt: "Sarah J."},
|
||||||
handle: "@SarahJClean",
|
|
||||||
testimonial: "OSDA Service transformed my dirty driveway! It looks brand new. Professional, efficient, and friendly. Highly recommend!",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-walking-down-stairs-using-phone_1303-31362.jpg",
|
|
||||||
imageAlt: "Sarah J.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", name: "Michael T.", handle: "@MT_Properties", testimonial: "Their commercial pressure washing service is top-notch. Our building's exterior hasn't looked this good in years. Excellent work!", rating: 5,
|
||||||
name: "Michael T.",
|
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-hipster-male-student-standing-near-wall_158538-13025.jpg", imageAlt: "Michael T."},
|
||||||
handle: "@MT_Properties",
|
|
||||||
testimonial: "Their commercial pressure washing service is top-notch. Our building's exterior hasn't looked this good in years. Excellent work!",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-hipster-male-student-standing-near-wall_158538-13025.jpg",
|
|
||||||
imageAlt: "Michael T.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", name: "Emily R.", handle: "@EmilyRHome", testimonial: "I was amazed at how clean my house siding got. The soft wash was perfect, no damage to plants. Will definitely use them again.", rating: 5,
|
||||||
name: "Emily R.",
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-smiling-confident-cheerful-leaning-wooden-wall-walking-street-city-sunny-day_839833-5962.jpg", imageAlt: "Emily R."},
|
||||||
handle: "@EmilyRHome",
|
|
||||||
testimonial: "I was amazed at how clean my house siding got. The soft wash was perfect, no damage to plants. Will definitely use them again.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-smiling-confident-cheerful-leaning-wooden-wall-walking-street-city-sunny-day_839833-5962.jpg",
|
|
||||||
imageAlt: "Emily R.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", name: "David K.", handle: "@DKInvestments", testimonial: "OSDA cleaned our large patio area and it truly shines. They paid attention to every detail. Fantastic value for the quality.", rating: 5,
|
||||||
name: "David K.",
|
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2543.jpg", imageAlt: "David K."},
|
||||||
handle: "@DKInvestments",
|
|
||||||
testimonial: "OSDA cleaned our large patio area and it truly shines. They paid attention to every detail. Fantastic value for the quality.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2543.jpg",
|
|
||||||
imageAlt: "David K.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "5",
|
id: "5", name: "Jessica L.", handle: "@JLOutdoor", testimonial: "My fence was covered in mildew. OSDA made it look like it was just installed. Very happy with the results and service.", rating: 5,
|
||||||
name: "Jessica L.",
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-asian-grandmother-pointing-camera-you-can-this-gesture-congratulating_1258-162098.jpg", imageAlt: "Jessica L."},
|
||||||
handle: "@JLOutdoor",
|
|
||||||
testimonial: "My fence was covered in mildew. OSDA made it look like it was just installed. Very happy with the results and service.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-asian-grandmother-pointing-camera-you-can-this-gesture-congratulating_1258-162098.jpg",
|
|
||||||
imageAlt: "Jessica L.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
showRating={true}
|
showRating={true}
|
||||||
title="What Our Valued Clients Say"
|
title="What Our Valued Clients Say"
|
||||||
@@ -266,14 +166,7 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
names={[
|
names={[
|
||||||
"Local Residences",
|
"Local Residences", "Small Businesses", "HOA Communities", "Restaurants", "Retail Stores", "Office Parks", "Industrial Facilities"]}
|
||||||
"Small Businesses",
|
|
||||||
"HOA Communities",
|
|
||||||
"Restaurants",
|
|
||||||
"Retail Stores",
|
|
||||||
"Office Parks",
|
|
||||||
"Industrial Facilities",
|
|
||||||
]}
|
|
||||||
title="Serving Homes and Businesses Across the Region"
|
title="Serving Homes and Businesses Across the Region"
|
||||||
description="We are proud to be the trusted pressure washing service for numerous clients in diverse communities."
|
description="We are proud to be the trusted pressure washing service for numerous clients in diverse communities."
|
||||||
/>
|
/>
|
||||||
@@ -285,20 +178,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "faq-1",
|
id: "faq-1", title: "What is pressure washing?", content: "Pressure washing uses high-pressure water spray to remove loose paint, mold, grime, dust, mud, and dirt from surfaces and objects such as buildings, vehicles, concrete surfaces, and more."},
|
||||||
title: "What is pressure washing?",
|
|
||||||
content: "Pressure washing uses high-pressure water spray to remove loose paint, mold, grime, dust, mud, and dirt from surfaces and objects such as buildings, vehicles, concrete surfaces, and more.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "faq-2",
|
id: "faq-2", title: "Is pressure washing safe for all surfaces?", content: "While effective, high-pressure washing can damage certain surfaces like soft wood or delicate siding. We assess each job to determine the appropriate pressure and technique, including soft washing, to ensure safety."},
|
||||||
title: "Is pressure washing safe for all surfaces?",
|
|
||||||
content: "While effective, high-pressure washing can damage certain surfaces like soft wood or delicate siding. We assess each job to determine the appropriate pressure and technique, including soft washing, to ensure safety.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "faq-3",
|
id: "faq-3", title: "How often should I pressure wash my property?", content: "Most experts recommend pressure washing your home's exterior once a year to maintain its appearance and prevent the buildup of mildew, algae, and dirt. Driveways and patios might benefit from cleaning every 6-12 months."},
|
||||||
title: "How often should I pressure wash my property?",
|
|
||||||
content: "Most experts recommend pressure washing your home's exterior once a year to maintain its appearance and prevent the buildup of mildew, algae, and dirt. Driveways and patios might benefit from cleaning every 6-12 months.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Frequently Asked Questions"
|
title="Frequently Asked Questions"
|
||||||
description="Find quick answers to common questions about our pressure washing services and processes."
|
description="Find quick answers to common questions about our pressure washing services and processes."
|
||||||
@@ -310,8 +194,7 @@ export default function LandingPage() {
|
|||||||
<ContactCenter
|
<ContactCenter
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "radial-gradient",
|
variant: "radial-gradient"}}
|
||||||
}}
|
|
||||||
tag="Get Your Quote"
|
tag="Get Your Quote"
|
||||||
title="Request a Free Estimate Today"
|
title="Request a Free Estimate Today"
|
||||||
description="Ready to revitalize your property? Contact us now for a personalized, no-obligation estimate."
|
description="Ready to revitalize your property? Contact us now for a personalized, no-obligation estimate."
|
||||||
@@ -326,66 +209,39 @@ export default function LandingPage() {
|
|||||||
logoText="OSDA Service"
|
logoText="OSDA Service"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Services",
|
title: "Services", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Residential",
|
label: "Residential", href: "#our-work"},
|
||||||
href: "#our-work",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Commercial",
|
label: "Commercial", href: "#our-work"},
|
||||||
href: "#our-work",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Driveways",
|
label: "Driveways", href: "#our-work"},
|
||||||
href: "#our-work",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Decks & Patios",
|
label: "Decks & Patios", href: "#our-work"},
|
||||||
href: "#our-work",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Company",
|
title: "Company", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "About Us",
|
label: "About Us", href: "#about"},
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Our Work",
|
label: "Our Work", href: "#our-work"},
|
||||||
href: "#our-work",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Testimonials",
|
label: "Testimonials", href: "#testimonials"},
|
||||||
href: "#testimonials",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Careers",
|
label: "Careers", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Support",
|
title: "Support", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "FAQ",
|
label: "FAQ", href: "#faq"},
|
||||||
href: "#faq",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Contact Us",
|
label: "Contact Us", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Privacy Policy",
|
label: "Privacy Policy", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Terms of Service",
|
label: "Terms of Service", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user