252 lines
16 KiB
TypeScript
252 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
|
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import { Sparkles, Shield, Leaf } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="compact"
|
|
sizing="medium"
|
|
background="noise"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Why Us", id: "why-us" },
|
|
{ name: "Reviews", id: "reviews" },
|
|
{ name: "Contact", id: "contact" },
|
|
{ name: "Emergency", id: "emergency" }
|
|
]}
|
|
button={{ text: "Call Now", href: "tel:(937)240-6570" }}
|
|
brandName="Pro Landscaping"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardRotatedCarousel
|
|
title="Professional Landscaping You Can Trust — Serving Woodbourne-Hyde Park for 20+ Years"
|
|
description="Expert landscape design, installations, and 24/7 emergency services. Family-owned, locally operated, fully warranted work. Get your free estimate today."
|
|
tag="20+ Years Experience"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "noise" }}
|
|
buttons={[
|
|
{ text: "Call Now: (937) 240-6570", href: "tel:(937)240-6570" },
|
|
{ text: "Request Free Estimate", href: "#contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
carouselItems={[
|
|
{ id: "landscape-design", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-young-woman-taking-care-plants_23-2148509881.jpg?_wi=1", imageAlt: "landscape design garden outdoor professional" },
|
|
{ id: "outdoor-installation", imageSrc: "http://img.b2bpic.net/free-photo/skilful-male-landscaper-using-high-altitude-hedge-trimmer-topiary-park-side-view-focused_7502-10164.jpg", imageAlt: "landscape installation outdoor work construction landscaping" },
|
|
{ id: "water-features", imageSrc: "http://img.b2bpic.net/free-photo/fountains-garden_1361-140.jpg?_wi=1", imageAlt: "water feature fountain garden water outdoor feature" },
|
|
{ id: "garden-design", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-young-woman-taking-care-plants_23-2148509881.jpg?_wi=2", imageAlt: "garden design backyard outdoor space landscaping" },
|
|
{ id: "landscape-transformation", imageSrc: "http://img.b2bpic.net/free-photo/path-passing-through-grass_1252-1048.jpg", imageAlt: "before after transformation landscape improvement" },
|
|
{ id: "professional-work", imageSrc: "http://img.b2bpic.net/free-photo/close-up-strong-man-gloves-cutting-leaves-his-garden-farmer-spending-summer-morning-working-garden-near-countryside-house_176420-19902.jpg", imageAlt: "professional landscaping quality work outdoor maintenance" }
|
|
]}
|
|
autoPlay={true}
|
|
autoPlayInterval={4000}
|
|
ariaLabel="Professional landscaping services showcase"
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-us" data-section="why-us">
|
|
<FeatureCardNine
|
|
title="Why Choose Pro Landscaping"
|
|
description="We're your trusted local partner for all your landscaping needs"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Family-Owned & Operated", description: "Locally owned business with deep roots in Woodbourne-Hyde Park. We treat your property like our own.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-working-together_23-2149196119.jpg", imageAlt: "family business local community team" },
|
|
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/fighting-hunger-poverty-together_482257-84897.jpg", imageAlt: "community local service neighborhood trust" }
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "24/7 Emergency Service", description: "Storm damage, urgent repairs, or unexpected landscaping issues? We're available around the clock.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/paramedics-work-with-ambulance_53876-144801.jpg", imageAlt: "emergency service response urgent help" },
|
|
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-vector/twenty-four-service_1017-30335.jpg", imageAlt: "24/7 emergency support available" }
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Full Warranty & Free Estimates", description: "All work backed by comprehensive warranty. Get your free, no-obligation estimate within 24 hours.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-vector/certified-extended-warranty-shield-badge-with-tick-mark-design_1017-61519.jpg", imageAlt: "warranty guarantee protection quality" },
|
|
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/cropped-photo-businessman-white-shirt-working-wooden-table_171337-9877.jpg", imageAlt: "estimate free consultation pricing quote" }
|
|
}
|
|
]}
|
|
showStepNumbers={true}
|
|
tag="Quality Assurance"
|
|
tagIcon={Shield}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
animationType="scale-rotate"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<ProductCardFour
|
|
title="Our Core Services"
|
|
description="Professional landscaping solutions tailored to your needs"
|
|
tag="Services"
|
|
tagIcon={Leaf}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
products={[
|
|
{
|
|
id: "design", name: "Landscape Design", price: "Free Consultation", variant: "Professional Design Services", imageSrc: "http://img.b2bpic.net/free-photo/two-businessman-discussing-their-report-coffee-shop_1150-6404.jpg", imageAlt: "landscape design consulting planning outdoor design"
|
|
},
|
|
{
|
|
id: "installation", name: "Landscape Installation", price: "Custom Quote", variant: "Full Installation Services", imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-gardener-pruning-plants-garden_23-2148165258.jpg", imageAlt: "landscape installation installation work construction planting"
|
|
},
|
|
{
|
|
id: "water-features", name: "Outdoor Water Features", price: "Custom Quote", variant: "Fountains & Water Elements", imageSrc: "http://img.b2bpic.net/free-photo/fountains-garden_1361-140.jpg?_wi=2", imageAlt: "water fountain water feature garden element outdoor water"
|
|
},
|
|
{
|
|
id: "custom", name: "Custom Solutions", price: "Custom Quote", variant: "Personalized Projects", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-young-woman-taking-care-plants_23-2148509881.jpg?_wi=3", imageAlt: "custom landscaping bespoke design unique garden personalized"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Trusted by Hundreds of Local Homeowners"
|
|
description="Join satisfied customers who have transformed their outdoor spaces"
|
|
tag="Verified Reviews"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Johnson Family", "Smith Residences", "Anderson Properties", "Williams Estates", "Brown Homes", "Davis Properties", "Miller Landscapes", "Taylor Gardens"
|
|
]}
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="emergency" data-section="emergency">
|
|
<TextSplitAbout
|
|
title="24/7 Emergency Landscaping Service"
|
|
description={[
|
|
"Storm damage, fallen trees, urgent repairs? We're available 24 hours a day, 7 days a week to handle your landscaping emergencies.", "Contact us immediately for fastest response. Our certified team will assess and repair damage quickly and professionally."
|
|
]}
|
|
buttons={[
|
|
{ text: "Call Emergency Line", href: "tel:(937)240-6570" }
|
|
]}
|
|
showBorder={true}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardTen
|
|
testimonials={[
|
|
{
|
|
id: "1", title: "Outstanding Quality & Professionalism", quote: "Quality of work is outstanding. The team was professional, efficient, and left the property cleaner than they found it. Highly recommended!", name: "Sarah Mitchell", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", imageAlt: "professional portrait happy customer smiling headshot"
|
|
},
|
|
{
|
|
id: "2", title: "Great Value & Easy to Work With", quote: "Very easy to work with and provided great value for the price. They completed the project on schedule and the results exceeded expectations.", name: "Michael Chen", role: "Property Owner", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "business portrait professional confident headshot"
|
|
},
|
|
{
|
|
id: "3", title: "Trustworthy Local Business", quote: "Been working with them for over 5 years. Always reliable, professional, and they treat our property with care. Best landscapers in the area!", name: "Jennifer Rodriguez", role: "Long-time Client", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", imageAlt: "customer portrait friendly face professional headshot"
|
|
},
|
|
{
|
|
id: "4", title: "Emergency Response Was Excellent", quote: "Storm damaged our yard and they responded within hours. Emergency team was efficient and professional. We were back to normal quickly.", name: "David Kim", role: "Property Owner", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "professional headshot business portrait confident person"
|
|
},
|
|
{
|
|
id: "5", title: "Design Skills Are Exceptional", quote: "Loved their design consultation. They understood our vision and created something even better than we imagined. Worth every penny!", name: "Lisa Anderson", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", imageAlt: "happy customer satisfied portrait headshot"
|
|
},
|
|
{
|
|
id: "6", title: "Family-Owned Reliability", quote: "You can tell they care about their work. Family-owned business that treats you like family. Warranty on all work gives peace of mind.", name: "Robert Thompson", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg", imageAlt: "business professional customer portrait headshot"
|
|
}
|
|
]}
|
|
title="What Our Customers Say"
|
|
description="Real reviews from real customers in Woodbourne-Hyde Park"
|
|
tag="4.5 ★ Rating"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Get Your Free Landscaping Estimate"
|
|
description="No obligation quote. Our team will review your project and provide a detailed estimate within 24 hours. Call now for immediate assistance."
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Your Full Name", required: true },
|
|
{ name: "phone", type: "tel", placeholder: "(937) 240-6570", required: true },
|
|
{ name: "email", type: "email", placeholder: "your@email.com", required: true },
|
|
{ name: "service", type: "text", placeholder: "Type of Service Needed", required: true }
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Describe your project details...", rows: 5,
|
|
required: false
|
|
}}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/young-stylish-guy-shirt-with-phone-notebook-bench-sunny-day-outdoors_78826-2441.jpg"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
buttonText="Get Free Estimate"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Pro Landscaping"
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Landscape Design", href: "#services" },
|
|
{ label: "Installations", href: "#services" },
|
|
{ label: "Water Features", href: "#services" },
|
|
{ label: "Custom Solutions", href: "#services" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "Why Choose Us", href: "#why-us" },
|
|
{ label: "Reviews", href: "#reviews" },
|
|
{ label: "Emergency Service", href: "#emergency" },
|
|
{ label: "About Us", href: "#why-us" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "Phone: (937) 240-6570", href: "tel:(937)240-6570" },
|
|
{ label: "Emergency: (937) 240-6570", href: "tel:(937)240-6570" },
|
|
{ label: "Service Area: Woodbourne-Hyde Park", href: "#" },
|
|
{ label: "Available 24/7", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Trust Badges", items: [
|
|
{ label: "20+ Years Experience", href: "#" },
|
|
{ label: "Family-Owned", href: "#" },
|
|
{ label: "Full Warranty", href: "#" },
|
|
{ label: "Background Checked", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 Pro Landscaping | Serving Woodbourne-Hyde Park for 20+ Years | All Rights Reserved"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|