264 lines
15 KiB
TypeScript
264 lines
15 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="medium"
|
|
background="aurora"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="Keen Landscaping"
|
|
navItems={[
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Portfolio", id: "portfolio" },
|
|
{ name: "Why Choose Us", id: "why-keen" },
|
|
{ name: "Process", id: "process" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitTestimonial
|
|
title="Landscaping That Turns Houses Into Showpieces"
|
|
description="Keen Landscaping & Maintenance delivers professional lawn care, landscape design, and property maintenance that keeps your home looking exceptional year-round."
|
|
tag="North Carolina's Luxury Landscaper"
|
|
imageSrc="http://img.b2bpic.net/free-photo/garden-daylight_23-2147663467.jpg?_wi=1"
|
|
imageAlt="Luxury residential lawn with professional landscaping"
|
|
imagePosition="right"
|
|
mediaAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Get A Free Estimate", href: "#contact" },
|
|
{ text: "View Our Work", href: "#portfolio" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
name: "Kate Jones", handle: "Homeowner, Charlotte", testimonial: "Mike and his entire team are amazing! Our previous lawn company barely did half the job. Keen completely transformed our yard.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-businesswoman-indoors_23-2148824826.jpg", imageAlt: "Kate Jones"
|
|
},
|
|
{
|
|
name: "Regina Solomon", handle: "Homeowner, Raleigh", testimonial: "We receive compliments all the time on how wonderful our yard looks.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-with-curly-hair-posing_23-2148728584.jpg", imageAlt: "Regina Solomon"
|
|
},
|
|
{
|
|
name: "Chris Jernigan", handle: "Homeowner, Durham", testimonial: "They corrected our shrubs, improved irrigation and completely transformed our landscaping.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/businessman-wearing-coat_1098-3778.jpg", imageAlt: "Chris Jernigan"
|
|
},
|
|
{
|
|
name: "Brad Schales", handle: "Homeowner, Chapel Hill", testimonial: "Knowledgeable, professional and friendly. The finished work looked perfect.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg", imageAlt: "Brad Schales"
|
|
}
|
|
]}
|
|
testimonialRotationInterval={5000}
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<TestimonialCardFifteen
|
|
testimonial="Homeowners across North Carolina trust Keen Landscaping to deliver exceptional results. With 5-star ratings and countless transformations, we've earned our reputation as the region's premier luxury landscaping company."
|
|
rating={5}
|
|
author="Trusted by homeowners across North Carolina"
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/portrait-professional-businesswoman-indoors_23-2148824826.jpg", alt: "Kate Jones" },
|
|
{ src: "http://img.b2bpic.net/free-photo/smiley-woman-with-curly-hair-posing_23-2148728584.jpg", alt: "Regina Solomon" },
|
|
{ src: "http://img.b2bpic.net/free-photo/businessman-wearing-coat_1098-3778.jpg", alt: "Chris Jernigan" },
|
|
{ src: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg", alt: "Brad Schales" }
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardEight
|
|
title="Professional Landscaping Services"
|
|
description="From routine maintenance to complete transformations, Keen delivers comprehensive landscaping solutions tailored to your property."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Lawn Maintenance", description: "Weekly or bi-weekly lawn care that keeps your yard clean, sharp, and beautiful.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-bushes-grass-covered-lawn_181624-11517.jpg?_wi=1", imageAlt: "Professional lawn maintenance"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Landscape Design", description: "Custom planting layouts and property transformations tailored to your home.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-female-worker-working-together-garden_23-2148165265.jpg?_wi=1", imageAlt: "Custom landscape design"
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Mulching & Bed Installation", description: "Fresh mulch, clean bed edges, and vibrant plant displays.", imageSrc: "http://img.b2bpic.net/free-photo/wooden-box_23-2148013375.jpg?_wi=1", imageAlt: "Professional mulching and bed installation"
|
|
},
|
|
{
|
|
id: 4,
|
|
title: "Irrigation Adjustments", description: "Optimized watering systems for healthier plants and lawn.", imageSrc: "http://img.b2bpic.net/free-photo/look-form-pipe-looking-beach-surrounded-by-sea-with-people-it-sunlight_181624-15136.jpg?_wi=1", imageAlt: "Irrigation system optimization"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="portfolio" data-section="portfolio">
|
|
<ProductCardThree
|
|
title="Transforming Outdoor Spaces"
|
|
description="Your yard should be something you're proud of. Explore our portfolio of stunning residential transformations."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
gridVariant="two-columns-alternating-heights"
|
|
products={[
|
|
{
|
|
id: "1", name: "Lawn Installation", price: "Premium Results", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-bushes-grass-covered-lawn_181624-11517.jpg?_wi=2", imageAlt: "Before and after lawn installation"
|
|
},
|
|
{
|
|
id: "2", name: "Fresh Mulch Beds", price: "Vibrant Design", imageSrc: "http://img.b2bpic.net/free-photo/wooden-box_23-2148013375.jpg?_wi=2", imageAlt: "Fresh mulch bed installation"
|
|
},
|
|
{
|
|
id: "3", name: "New Construction Landscaping", price: "Complete Transformation", imageSrc: "http://img.b2bpic.net/free-photo/agriculture-healthy-food_23-2151969783.jpg?_wi=1", imageAlt: "New construction landscaping project"
|
|
},
|
|
{
|
|
id: "4", name: "Custom Garden Beds", price: "Tailored Beauty", imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-female-worker-working-together-garden_23-2148165265.jpg?_wi=2", imageAlt: "Custom garden bed design"
|
|
},
|
|
{
|
|
id: "5", name: "Tree Installation", price: "Mature Landscape", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-couple-spend-time-spring-park_1157-22173.jpg", imageAlt: "Professional tree installation"
|
|
},
|
|
{
|
|
id: "6", name: "Drainage Solutions", price: "Property Protection", imageSrc: "http://img.b2bpic.net/free-photo/look-form-pipe-looking-beach-surrounded-by-sea-with-people-it-sunlight_181624-15136.jpg?_wi=2", imageAlt: "Professional drainage system"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-keen" data-section="why-keen">
|
|
<MetricCardTwo
|
|
title="Why Homeowners Choose Keen"
|
|
description="Excellence, reliability, and owner-led commitment to your satisfaction."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
metrics={[
|
|
{ id: "1", value: "Expert", description: "Years of Landscaping Expertise" },
|
|
{ id: "2", value: "Owner-Led", description: "Mike Personally Ensures Quality Work" },
|
|
{ id: "3", value: "Reliable", description: "Professional Service Every Time" },
|
|
{ id: "4", value: "Beautiful", description: "Consistent Compliments From Neighbors" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="process" data-section="process">
|
|
<FeatureCardEight
|
|
title="Our Simple Process"
|
|
description="From consultation to completion, we handle every detail with care and expertise."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Request an Estimate", description: "Tell us about your property and goals.", imageSrc: "http://img.b2bpic.net/free-photo/garden-daylight_23-2147663467.jpg?_wi=2", imageAlt: "Step 1: Request estimate"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Personalized Plan", description: "We design the best approach for your yard.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-female-worker-working-together-garden_23-2148165265.jpg?_wi=3", imageAlt: "Step 2: Design personalized plan"
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Professional Installation", description: "Our experienced crew handles everything.", imageSrc: "http://img.b2bpic.net/free-photo/agriculture-healthy-food_23-2151969783.jpg?_wi=2", imageAlt: "Step 3: Professional installation"
|
|
},
|
|
{
|
|
id: 4,
|
|
title: "Enjoy Your Yard", description: "Relax and enjoy a yard that stands out.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-bushes-grass-covered-lawn_181624-11517.jpg?_wi=3", imageAlt: "Step 4: Enjoy your new landscape"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
testimonial="The level of professionalism and attention to detail is unmatched. Every interaction with the Keen team has been exceptional, from the initial consultation to the final result."
|
|
rating={5}
|
|
author="Real homeowners, real results"
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/portrait-professional-businesswoman-indoors_23-2148824826.jpg", alt: "Kate Jones" },
|
|
{ src: "http://img.b2bpic.net/free-photo/smiley-woman-with-curly-hair-posing_23-2148728584.jpg", alt: "Regina Solomon" },
|
|
{ src: "http://img.b2bpic.net/free-photo/businessman-wearing-coat_1098-3778.jpg", alt: "Chris Jernigan" },
|
|
{ src: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg", alt: "Brad Schales" }
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="cta" data-section="cta">
|
|
<TextSplitAbout
|
|
title="Your Yard Should Be The Best Looking One On The Street"
|
|
description={[
|
|
"Let Keen Landscaping transform your outdoor space into a showcase you'll be proud of.", "Our commitment to excellence, owner-led expertise, and attention to detail ensure results that exceed expectations."
|
|
]}
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Request Free Estimate", href: "#contact" },
|
|
{ text: "Call Now", href: "tel:+1-555-landscaping" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
showBorder={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="Keen Landscaping & Maintenance"
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Lawn Maintenance", href: "#services" },
|
|
{ label: "Landscaping Design", href: "#services" },
|
|
{ label: "Sod Installation", href: "#services" },
|
|
{ label: "Mulch Installation", href: "#services" },
|
|
{ label: "Drainage Solutions", href: "#services" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#why-keen" },
|
|
{ label: "Portfolio", href: "#portfolio" },
|
|
{ label: "Process", href: "#process" },
|
|
{ label: "Testimonials", href: "#testimonials" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "Phone: (555) KEEN-LANDSCAPE", href: "tel:+1-555-landscaping" },
|
|
{ label: "Email: info@keenlandscaping.com", href: "mailto:info@keenlandscaping.com" },
|
|
{ label: "Service Areas", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 Keen Landscaping & Maintenance. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|