399 lines
14 KiB
TypeScript
399 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import { Building, CalendarCheck, Car, Home, Star, Users } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="grid"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "#hero",
|
|
},
|
|
{
|
|
name: "About",
|
|
id: "#about",
|
|
},
|
|
{
|
|
name: "Services",
|
|
id: "#services",
|
|
},
|
|
{
|
|
name: "Our Work",
|
|
id: "#our-work",
|
|
},
|
|
{
|
|
name: "Testimonials",
|
|
id: "#testimonials",
|
|
},
|
|
{
|
|
name: "FAQ",
|
|
id: "#faq",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "#contact",
|
|
},
|
|
]}
|
|
brandName="OSDA Service"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardScroll
|
|
background={{
|
|
variant: "radial-gradient",
|
|
}}
|
|
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."
|
|
buttons={[
|
|
{
|
|
text: "Get a Free Quote",
|
|
href: "#contact",
|
|
},
|
|
{
|
|
text: "View Our Services",
|
|
href: "#services",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/weathered-stained-concrete-wall-corner_632498-60769.jpg?_wi=1"
|
|
imageAlt="Professional pressure washing a house exterior"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
useInvertedBackground={false}
|
|
title="Committed to Delivering Unmatched Cleanliness and Satisfaction"
|
|
metrics={[
|
|
{
|
|
icon: Star,
|
|
label: "5-Star Rating",
|
|
value: "Consistently top-rated",
|
|
},
|
|
{
|
|
icon: CalendarCheck,
|
|
label: "Years in Service",
|
|
value: "Over 10 Years",
|
|
},
|
|
{
|
|
icon: Users,
|
|
label: "Satisfied Clients",
|
|
value: "500+ Happy Customers",
|
|
},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureBento
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
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,
|
|
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",
|
|
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",
|
|
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"
|
|
description="From delicate soft washes to powerful pressure cleaning, we handle all types of surfaces with expertise and care. Trust us to revitalize your property."
|
|
/>
|
|
</div>
|
|
|
|
<div id="our-work" data-section="our-work">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
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",
|
|
},
|
|
{
|
|
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",
|
|
},
|
|
{
|
|
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",
|
|
},
|
|
{
|
|
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",
|
|
},
|
|
{
|
|
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",
|
|
},
|
|
{
|
|
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",
|
|
},
|
|
]}
|
|
title="Our Specialized Pressure Washing Services"
|
|
description="Explore our core services designed to tackle any cleaning challenge, delivering exceptional results every time."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
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,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-walking-down-stairs-using-phone_1303-31362.jpg",
|
|
imageAlt: "Sarah J.",
|
|
},
|
|
{
|
|
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,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-hipster-male-student-standing-near-wall_158538-13025.jpg",
|
|
imageAlt: "Michael T.",
|
|
},
|
|
{
|
|
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,
|
|
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",
|
|
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,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2543.jpg",
|
|
imageAlt: "David K.",
|
|
},
|
|
{
|
|
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,
|
|
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}
|
|
title="What Our Valued Clients Say"
|
|
description="We pride ourselves on customer satisfaction. Hear directly from those who've experienced the OSDA difference."
|
|
/>
|
|
</div>
|
|
|
|
<div id="coverage" data-section="coverage">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Local Residences",
|
|
"Small Businesses",
|
|
"HOA Communities",
|
|
"Restaurants",
|
|
"Retail Stores",
|
|
"Office Parks",
|
|
"Industrial Facilities",
|
|
]}
|
|
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."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
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.",
|
|
},
|
|
{
|
|
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.",
|
|
},
|
|
{
|
|
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="Frequently Asked Questions"
|
|
description="Find quick answers to common questions about our pressure washing services and processes."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "radial-gradient",
|
|
}}
|
|
tag="Get Your Quote"
|
|
title="Request a Free Estimate Today"
|
|
description="Ready to revitalize your property? Contact us now for a personalized, no-obligation estimate."
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Send Request"
|
|
termsText="By clicking Send Request you're confirming that you agree with our Terms and Conditions."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="OSDA Service"
|
|
columns={[
|
|
{
|
|
title: "Services",
|
|
items: [
|
|
{
|
|
label: "Residential",
|
|
href: "#our-work",
|
|
},
|
|
{
|
|
label: "Commercial",
|
|
href: "#our-work",
|
|
},
|
|
{
|
|
label: "Driveways",
|
|
href: "#our-work",
|
|
},
|
|
{
|
|
label: "Decks & Patios",
|
|
href: "#our-work",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{
|
|
label: "About Us",
|
|
href: "#about",
|
|
},
|
|
{
|
|
label: "Our Work",
|
|
href: "#our-work",
|
|
},
|
|
{
|
|
label: "Testimonials",
|
|
href: "#testimonials",
|
|
},
|
|
{
|
|
label: "Careers",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Support",
|
|
items: [
|
|
{
|
|
label: "FAQ",
|
|
href: "#faq",
|
|
},
|
|
{
|
|
label: "Contact Us",
|
|
href: "#contact",
|
|
},
|
|
{
|
|
label: "Privacy Policy",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Terms of Service",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 OSDA Service. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|