285 lines
16 KiB
TypeScript
285 lines
16 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||
import HeroCentered from "@/components/sections/hero/HeroCentered";
|
||
import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
|
||
import TextAbout from "@/components/sections/about/TextAbout";
|
||
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
|
||
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
|
||
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
||
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
||
import FooterCard from "@/components/sections/footer/FooterCard";
|
||
import { AlertCircle, AlertTriangle, CheckCircle, Hammer, Heart, Trees, Zap } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="elastic-effect"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="rounded"
|
||
contentWidth="smallMedium"
|
||
sizing="large"
|
||
background="aurora"
|
||
cardStyle="gradient-mesh"
|
||
primaryButtonStyle="primary-glow"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="medium"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleCentered
|
||
brandName="USA Tree Service"
|
||
navItems={[
|
||
{ name: "Services", id: "services" },
|
||
{ name: "Why Us", id: "why-us" },
|
||
{ name: "Reviews", id: "reviews" },
|
||
{ name: "Contact", id: "contact" }
|
||
]}
|
||
button={{
|
||
text: "📞 Call Now", href: "tel:+15094104569"
|
||
}}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroCentered
|
||
title="Professional Tree Service You Can Trust – Fast, Safe & Affordable"
|
||
description="Serving residential & commercial clients with expert tree removal, trimming, and emergency services. Licensed, insured, and available 24/7. Over 100+ satisfied customers."
|
||
background="gradient-bars"
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/young-man-traveler-with-backpack-mountain-enjoying-with-nature-around-travel-lifestyle-concept_1150-1982.jpg", alt: "Professional tree service team at work"
|
||
}
|
||
]}
|
||
avatarText="⭐ 4.9 Rating | 100+ Reviews | Licensed & Insured | 24/7 Emergency"
|
||
buttons={[
|
||
{
|
||
text: "📞 Call Now: (509) 410-4569", href: "tel:+15094104569"
|
||
},
|
||
{
|
||
text: "📝 Get Free Estimate", href: "#contact"
|
||
}
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<FeatureCardTwentyFive
|
||
tag="Our Services"
|
||
tagIcon={Trees}
|
||
title="Complete Tree Service Solutions"
|
||
description="From routine maintenance to emergency response, we handle all your tree care needs with expertise and professionalism."
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
animationType="slide-up"
|
||
features={[
|
||
{
|
||
title: "Tree Removal", description: "Safe, efficient removal of any size tree. Professional equipment and techniques ensure minimal property damage.", icon: Trees,
|
||
mediaItems: [
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/man-chopping-wood-with-axe_169016-3691.jpg?_wi=1", imageAlt: "Professional tree removal service"
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/man-chopping-wood-with-axe_169016-3691.jpg?_wi=2", imageAlt: "Large tree removal equipment"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
title: "Tree Trimming & Pruning", description: "Expert pruning to promote tree health, improve appearance, and reduce hazards.", icon: Zap,
|
||
mediaItems: [
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/branches-tree-sunny-day_23-2147829125.jpg?_wi=1", imageAlt: "Professional tree trimming service"
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/branches-tree-sunny-day_23-2147829125.jpg?_wi=2", imageAlt: "Healthy tree pruning technique"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
title: "Stump Grinding & Removal", description: "Complete stump removal with grinding equipment. Reclaim your yard space.", icon: Hammer,
|
||
mediaItems: [
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-working-sawmill-wood-manufacture_1303-22903.jpg?_wi=1", imageAlt: "Stump grinding service equipment"
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-working-sawmill-wood-manufacture_1303-22903.jpg?_wi=2", imageAlt: "Tree stump removal process"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
title: "Emergency Services", description: "24/7 response to storm damage, fallen trees, and dangerous situations. Fast, reliable emergency response.", icon: AlertCircle,
|
||
mediaItems: [
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-picture-tree-branches-rocks-covered-mosses-snow-larvik-norway_181624-17448.jpg?_wi=1", imageAlt: "Emergency tree service response"
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-picture-tree-branches-rocks-covered-mosses-snow-larvik-norway_181624-17448.jpg?_wi=2", imageAlt: "Storm damage cleanup"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
title: "Hazardous Tree Removal", description: "Expert identification and removal of dangerous trees near structures, power lines, or in unstable conditions.", icon: AlertTriangle,
|
||
mediaItems: [
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/detailed-view-weathered-tree-bark-with-peeling-layers_632498-60866.jpg?_wi=1", imageAlt: "Hazardous tree removal"
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/detailed-view-weathered-tree-bark-with-peeling-layers_632498-60866.jpg?_wi=2", imageAlt: "Dangerous tree assessment"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
title: "Tree Health Assessment", description: "Professional evaluation of tree health, disease detection, and preventative care recommendations.", icon: Heart,
|
||
mediaItems: [
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/branches-tree-sunny-day_23-2147829125.jpg?_wi=3", imageAlt: "Tree health assessment"
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/branches-tree-sunny-day_23-2147829125.jpg?_wi=4", imageAlt: "Professional tree inspection"
|
||
}
|
||
]
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="why-us" data-section="why-us">
|
||
<TextAbout
|
||
tag="Why Choose Us"
|
||
tagIcon={CheckCircle}
|
||
title="Why USA Tree Service Stands Out"
|
||
useInvertedBackground={false}
|
||
buttons={[
|
||
{
|
||
text: "Request Free Estimate", href: "#contact"
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="metrics" data-section="metrics">
|
||
<MetricCardSeven
|
||
title="Trusted by Hundreds of Satisfied Customers"
|
||
description="Our track record speaks for itself. We've built our reputation on quality work, reliability, and customer satisfaction."
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
animationType="slide-up"
|
||
metrics={[
|
||
{
|
||
id: "rating", value: "4.9★", title: "Customer Rating", items: [
|
||
"100+ verified reviews", "Consistent 5-star feedback", "Trusted by homeowners"
|
||
]
|
||
},
|
||
{
|
||
id: "experience", value: "15+", title: "Years Experience", items: [
|
||
"Licensed & insured", "Certified professionals", "Industry expertise"
|
||
]
|
||
},
|
||
{
|
||
id: "projects", value: "500+", title: "Projects Completed", items: [
|
||
"Residential & commercial", "All tree types handled", "Emergency response proven"
|
||
]
|
||
},
|
||
{
|
||
id: "response", value: "24/7", title: "Emergency Response", items: [
|
||
"Same-day service available", "Always on call", "Fast turnaround guaranteed"
|
||
]
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardTen
|
||
title="What Our Customers Say"
|
||
description="Real feedback from homeowners and businesses who trust USA Tree Service for their tree care needs."
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "1", title: "Professional & Reliable", quote: "USA Tree Service removed a massive oak tree from our yard safely and efficiently. The team was professional, courteous, and cleaned up perfectly afterward. Highly recommend!", name: "Sarah Johnson", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg", imageAlt: "Sarah Johnson customer"
|
||
},
|
||
{
|
||
id: "2", title: "Exceptional Emergency Service", quote: "A storm knocked down three trees in our yard. USA Tree Service responded within hours and had everything cleared by the next day. Incredible service!", name: "Michael Chen", role: "Property Manager", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-delicious-cocktail_23-2150166070.jpg", imageAlt: "Michael Chen customer"
|
||
},
|
||
{
|
||
id: "3", title: "Fair Pricing & Great Work", quote: "Got a free estimate, and their pricing was very competitive. The tree trimming work transformed our backyard. Professional crew, quality results.", name: "Emily Rodriguez", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg", imageAlt: "Emily Rodriguez customer"
|
||
},
|
||
{
|
||
id: "4", title: "Commercial Partner for Years", quote: "We use USA Tree Service for all our commercial properties. They're dependable, insured, and always on time. A trusted partner for our business.", name: "David Kim", role: "Business Owner", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-wearing-white-dress_1187-3911.jpg", imageAlt: "David Kim customer"
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqDouble
|
||
title="Common Questions"
|
||
description="Find answers to frequently asked questions about our tree services."
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
faqsAnimation="slide-up"
|
||
faqs={[
|
||
{
|
||
id: "1", title: "How do I get a free estimate?", content: "Contact us via phone at (509) 410-4569 or fill out the contact form on our website. We'll schedule a time to assess your needs and provide a detailed, no-obligation estimate."
|
||
},
|
||
{
|
||
id: "2", title: "Are you licensed and insured?", content: "Yes, absolutely. USA Tree Service is fully licensed, insured, and certified. We maintain comprehensive liability insurance to protect your property during all work."
|
||
},
|
||
{
|
||
id: "3", title: "Do you offer emergency service?", content: "Yes, we provide 24/7 emergency tree services for storm damage, fallen trees, and hazardous situations. Call us anytime for immediate assistance."
|
||
},
|
||
{
|
||
id: "4", title: "What areas do you service?", content: "We serve residential and commercial clients throughout the local region. Contact us to confirm service availability for your specific location."
|
||
},
|
||
{
|
||
id: "5", title: "How much does tree removal cost?", content: "Pricing depends on tree size, location, complexity, and accessibility. We provide free estimates so you know the exact cost before we start work."
|
||
},
|
||
{
|
||
id: "6", title: "How quickly can you schedule service?", content: "We typically schedule routine services within 1-2 weeks. Emergency services are available 24/7 with same-day response when possible."
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplitForm
|
||
title="Get Your Free Tree Service Estimate Today"
|
||
description="Contact USA Tree Service for a no-obligation consultation. Our team will assess your needs and provide a detailed estimate."
|
||
useInvertedBackground={false}
|
||
mediaAnimation="slide-up"
|
||
imageSrc="http://img.b2bpic.net/free-photo/young-man-traveler-with-backpack-mountain-enjoying-with-nature-around-travel-lifestyle-concept_1150-1982.jpg"
|
||
imageAlt="USA Tree Service team"
|
||
inputs={[
|
||
{
|
||
name: "name", type: "text", placeholder: "Your Full Name", required: true
|
||
},
|
||
{
|
||
name: "phone", type: "tel", placeholder: "Phone Number", required: true
|
||
},
|
||
{
|
||
name: "email", type: "email", placeholder: "Email Address", required: true
|
||
},
|
||
{
|
||
name: "service", type: "text", placeholder: "Service Needed (e.g., Tree Removal, Trimming, Emergency)", required: true
|
||
}
|
||
]}
|
||
textarea={{
|
||
name: "message", placeholder: "Tell us about your project or concerns...", rows: 4,
|
||
required: false
|
||
}}
|
||
buttonText="Get My Free Estimate"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterCard
|
||
logoText="USA Tree Service"
|
||
copyrightText="© 2025 USA Tree Service | Licensed & Insured | 24/7 Emergency Service"
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
}
|