Files
418d07a2-5e55-4ecc-aae6-e6f…/src/pages/HomePage.tsx
2026-06-24 21:01:18 +00:00

231 lines
8.3 KiB
TypeScript

import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
import ContactCta from '@/components/sections/contact/ContactCta';
import FaqSimple from '@/components/sections/faq/FaqSimple';
import FeaturesDetailedSteps from '@/components/sections/features/FeaturesDetailedSteps';
import HeroBillboardTiltedCarousel from '@/components/sections/hero/HeroBillboardTiltedCarousel';
import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards';
import TestimonialMarqueeOverlayCards from '@/components/sections/testimonial/TestimonialMarqueeOverlayCards';
import { Calendar, CheckCircle, Leaf, Scissors, Star, Trash } from "lucide-react";
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function HomePage() {
return (
<>
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroBillboardTiltedCarousel
tag="Kokomo's Trusted Lawn Experts"
title="Excellence in Every Blade"
description="Andrew's Mowing provides professional, dependable lawn care, weeding, and yard maintenance for homes and businesses in Kokomo."
primaryButton={{
text: "Book Your Service",
href: "#contact",
}}
secondaryButton={{
text: "See Our Work",
href: "#features",
}}
items={[
{
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-male-worker-gloves-removing-dry-leaves-from-sidewalk-with-hand-blower-park-side-view_7502-10152.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-florist-taking-care-flowers_176420-2079.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-carrying-box_23-2149722682.jpg",
},
{
imageSrc: "https://storage.googleapis.com/webild/users/user_3FXy6XqtM1cttNQpbwC9FlWFm0b/uploaded-1782334339597-g4zii87b.jpg",
},
{
imageSrc: "https://storage.googleapis.com/webild/users/user_3FXy6XqtM1cttNQpbwC9FlWFm0b/uploaded-1782334256186-45eas6sq.jpg",
},
{
imageSrc: "https://storage.googleapis.com/webild/users/user_3FXy6XqtM1cttNQpbwC9FlWFm0b/uploaded-1782334301348-dc32kgkz.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<div id="features" data-section="features">
<SectionErrorBoundary name="features">
<AboutFeaturesSplit
tag="Our Services"
title="Comprehensive Yard Care"
description="We take pride in delivering professional landscaping results tailored to your specific yard needs."
items={[
{
icon: Leaf,
title: "Precision Mowing",
description: "Crisp, clean cuts every single week.",
},
{
icon: Scissors,
title: "Detailed Weeding",
description: "Thorough removal for a pristine appearance.",
},
{
icon: Trash,
title: "Debris Removal",
description: "Professional clearing of walks and drives.",
},
]}
imageSrc="https://storage.googleapis.com/webild/users/user_3FXy6XqtM1cttNQpbwC9FlWFm0b/uploaded-1782334463047-pwa2z7ak.jpg"
/>
</SectionErrorBoundary>
</div>
<div id="steps" data-section="steps">
<SectionErrorBoundary name="steps">
<FeaturesDetailedSteps
tag="Our Process"
title="Simple Booking, Perfect Lawn"
description="We make yard maintenance effortless with our streamlined service approach."
steps={[
{
tag: "Step 1",
title: "Contact Us",
subtitle: "Get a quote",
description: "Reach out to us by phone or online for your free estimate.",
imageSrc: "https://storage.googleapis.com/webild/users/user_3FXy6XqtM1cttNQpbwC9FlWFm0b/uploaded-1782334568588-dh23yplz.png",
},
{
tag: "Step 2",
title: "Service Day",
subtitle: "We arrive on time",
description: "Our team executes the work with precision and care.",
imageSrc: "https://storage.googleapis.com/webild/users/user_3FXy6XqtM1cttNQpbwC9FlWFm0b/uploaded-1782334643714-pbqhab4y.jpg",
},
{
tag: "Step 3",
title: "Enjoy Results",
subtitle: "Your dream lawn",
description: "Sit back and enjoy your professionally maintained space.",
imageSrc: "https://storage.googleapis.com/webild/users/user_3FXy6XqtM1cttNQpbwC9FlWFm0b/uploaded-1782334784391-2gw5o3kg.avif",
},
]}
/>
</SectionErrorBoundary>
</div>
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<MetricsIconCards
tag="Our Impact"
title="Trusted by the Community"
description="We are proud to serve Kokomo with reliability and professional results."
metrics={[
{
icon: CheckCircle,
title: "Happy Customers",
value: "150+",
},
{
icon: Calendar,
title: "Years Experience",
value: "5+",
},
{
icon: Star,
title: "Average Rating",
value: "4.1",
},
]}
/>
</SectionErrorBoundary>
</div>
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialMarqueeOverlayCards
tag="Client Stories"
title="What Kokomo Says"
description="Don't just take our word for it — hear from our local clients."
testimonials={[
{
name: "Cassie Cloutier
",
role: "Kolton Blickenstaff ",
company: "Kokomo",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-outdoors-portrait-young-cheerful-bearded-man-blue-t-shirt-smiling-working-garden-with-tools-cutting-leaves-watering-flowers_176420-19907.jpg",
},
{
name: "Christi Shuck",
role: "Happy Customer",
company: "Kokomo",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-good-looking-young-caucasian-man-blue-t-shirt-gloves-smiling-with-teeth-being-tired-from-hard-work-garden-farmer-planting-leaves-countryside-house_176420-19908.jpg",
},
{
name: "Local Client",
role: "Homeowner",
company: "Kokomo",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12293.jpg",
},
{
name: "Ethan ",
role: "Client",
company: "Kokomo",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-scene-showing-care-support-from-people-community_23-2151261262.jpg",
},
{
name: "Kolton Blickenstaff ",
role: "Property Owner",
company: "Kokomo",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-eco-bag-with-fruit-country-side_1303-15249.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqSimple
tag="Common Questions"
title="Everything You Need to Know"
description="We are committed to transparent and reliable communication."
items={[
{
question: "What services do you offer?",
answer: "We provide professional mowing, weed control, and debris cleanup services.",
},
{
question: "Are your rates reasonable?",
answer: "Yes, we strive to keep our services affordable while maintaining the highest quality standards.",
},
{
question: "How can I book a service?",
answer: "You can reach us at (765) 626-2325 to request a free quote anytime.",
},
]}
/>
</SectionErrorBoundary>
</div>
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Ready to Get Started?"
text="Call Andrew's Mowing at (765) 626-2325 to book your first service in Kokomo today."
primaryButton={{
text: "Call Now",
href: "tel:7656262325",
}}
secondaryButton={{
text: "Email Us",
href: "mailto:andrew@example.com",
}}
/>
</SectionErrorBoundary>
</div>
</>
);
}