272 lines
14 KiB
TypeScript
272 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import { Leaf, TreePine, Sparkles, Images, Star, TrendingUp, Mail, Pencil, Monitor, CheckCircle, Hammer, Shield, Clock, Droplets, Sun, Home, Building, Users, Award } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="largeSmall"
|
|
background="blurBottom"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Home", id: "home" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Portfolio", id: "portfolio" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
brandName="Kingswood"
|
|
bottomLeftText="Your Landscape Partner"
|
|
bottomRightText="hello@kingswoodlandscape.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
title="Transform Your Outdoor Space"
|
|
description="Expert landscape design and installation for residential and commercial properties. We create stunning outdoor environments that enhance beauty, functionality, and property value."
|
|
tag="Professional Landscaping"
|
|
tagIcon={Leaf}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "glowing-orb" }}
|
|
kpis={[
|
|
{ value: "500+", label: "Projects Completed" },
|
|
{ value: "20+", label: "Years Experience" },
|
|
{ value: "98%", label: "Client Satisfaction" }
|
|
]}
|
|
enableKpiAnimation={true}
|
|
mediaAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797727.jpg"
|
|
imageAlt="Professional landscaping project showcase"
|
|
buttons={[
|
|
{ text: "Get Free Consultation", href: "#contact" },
|
|
{ text: "View Our Work", href: "#portfolio" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imagePosition="right"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
tag="About Kingswood"
|
|
tagIcon={TreePine}
|
|
tagAnimation="slide-up"
|
|
title="Creating Beautiful Landscapes Since 2004"
|
|
description="Kingswood Landscape is a premier landscaping company dedicated to transforming outdoor spaces into stunning, functional environments. Our team of experienced designers and craftspeople brings creativity, expertise, and attention to detail to every project. We specialize in landscape design, hardscape installation, garden maintenance, and complete outdoor renovations for homeowners and businesses throughout the region."
|
|
metrics={[
|
|
{ value: "20+", title: "Years of Excellence" },
|
|
{ value: "500+", title: "Happy Clients" }
|
|
]}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/male-gardener-cutting-harvested-flower-garden_23-2148165213.jpg"
|
|
imageAlt="Kingswood Landscape team at work"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTen
|
|
features={[
|
|
{
|
|
id: "1", title: "Landscape Design", description: "Custom design plans tailored to your vision, budget, and property. Our designers create detailed layouts that maximize beauty and functionality while considering seasonal changes and maintenance requirements.", media: { imageSrc: "http://img.b2bpic.net/free-photo/flower-dome-garden-greenhouse-forest-travel_74190-6351.jpg" },
|
|
items: [
|
|
{ icon: Pencil, text: "Custom design consultation" },
|
|
{ icon: Monitor, text: "3D visualization renderings" },
|
|
{ icon: CheckCircle, text: "Budget-friendly options" }
|
|
],
|
|
reverse: false
|
|
},
|
|
{
|
|
id: "2", title: "Hardscape Installation", description: "Professional installation of patios, walkways, retaining walls, and outdoor structures. We use quality materials and expert craftsmanship to create durable, beautiful hardscape features that complement your landscape.", media: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-outdoors-portrait-happy-mature-bearded-caucasian-man-smiling-working-garden-near-countryside-house-picking-berries-getting-ready-healthy-breakfast_176420-19949.jpg?_wi=1" },
|
|
items: [
|
|
{ icon: Hammer, text: "Expert installation crew" },
|
|
{ icon: Shield, text: "Quality guaranteed work" },
|
|
{ icon: Clock, text: "On-time project completion" }
|
|
],
|
|
reverse: true
|
|
},
|
|
{
|
|
id: "3", title: "Garden & Plant Installation", description: "Thoughtful plant selection and installation that brings color, texture, and life to your outdoor space. We choose plants suited to your climate and maintenance preferences for long-term beauty and health.", media: { imageSrc: "http://img.b2bpic.net/free-photo/pond_23-2148013427.jpg?_wi=1" },
|
|
items: [
|
|
{ icon: Leaf, text: "Native plant selection" },
|
|
{ icon: Droplets, text: "Proper irrigation setup" },
|
|
{ icon: Sun, text: "Climate-appropriate design" }
|
|
],
|
|
reverse: false
|
|
}
|
|
]}
|
|
title="Our Comprehensive Services"
|
|
description="From initial design to final installation and ongoing maintenance, we handle every aspect of your landscaping needs with professional expertise and creative vision."
|
|
tag="Services"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="portfolio" data-section="portfolio">
|
|
<ProductCardOne
|
|
products={[
|
|
{
|
|
id: "project-1", name: "Modern Residential Patio", price: "Completed 2024", imageSrc: "http://img.b2bpic.net/free-photo/close-up-outdoors-portrait-happy-mature-bearded-caucasian-man-smiling-working-garden-near-countryside-house-picking-berries-getting-ready-healthy-breakfast_176420-19949.jpg?_wi=2", imageAlt: "Modern residential patio landscape project"
|
|
},
|
|
{
|
|
id: "project-2", name: "Contemporary Garden Design", price: "Completed 2024", imageSrc: "http://img.b2bpic.net/free-photo/pond_23-2148013427.jpg?_wi=2", imageAlt: "Contemporary garden landscape design"
|
|
},
|
|
{
|
|
id: "project-3", name: "Luxury Backyard Renovation", price: "Completed 2023", imageSrc: "http://img.b2bpic.net/free-photo/young-european-woman-smoking-cigar-lying-hammock-outside-tropical-luxury-villa-hotel-sunset-natural-light_343596-652.jpg", imageAlt: "Luxury backyard renovation landscape"
|
|
}
|
|
]}
|
|
title="Featured Projects"
|
|
description="Explore our portfolio of recent landscape transformations that showcase our design expertise and quality craftsmanship."
|
|
tag="Portfolio"
|
|
tagIcon={Images}
|
|
tagAnimation="slide-up"
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Mitchell", role: "Homeowner", company: "Westside Residence", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg"
|
|
},
|
|
{
|
|
id: "2", name: "James Rodriguez", role: "Property Manager", company: "Downtown Plaza", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-manager-suit-looking-camera-meeting_1163-4799.jpg"
|
|
},
|
|
{
|
|
id: "3", name: "Emily Thompson", role: "Business Owner", company: "Thompson & Co.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-outdoors_624325-2662.jpg"
|
|
},
|
|
{
|
|
id: "4", name: "Michael Chen", role: "Homeowner", company: "Oakwood Estate", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-11907.jpg"
|
|
},
|
|
{
|
|
id: "5", name: "Jessica Anderson", role: "Real Estate Developer", company: "Anderson Properties", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-emotional-girl-business-style-clothes-plain-white-background-office-audience_78826-2259.jpg"
|
|
},
|
|
{
|
|
id: "6", name: "David Kim", role: "Corporate Facilities", company: "Tech Innovations Inc", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/business-man-enjoying-coffee_23-2148479578.jpg"
|
|
}
|
|
]}
|
|
kpiItems={[
|
|
{ value: "98%", label: "Client Satisfaction" },
|
|
{ value: "500+", label: "Projects Completed" },
|
|
{ value: "20+", label: "Years in Business" }
|
|
]}
|
|
animationType="slide-up"
|
|
title="What Our Clients Say"
|
|
description="Real feedback from homeowners and businesses who've experienced the Kingswood Landscape difference."
|
|
tag="Testimonials"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardThree
|
|
metrics={[
|
|
{ id: "1", icon: Home, title: "Residential Projects", value: "450+" },
|
|
{ id: "2", icon: Building, title: "Commercial Properties", value: "50+" },
|
|
{ id: "3", icon: Users, title: "Satisfied Clients", value: "500+" },
|
|
{ id: "4", icon: Award, title: "Industry Awards", value: "15+" }
|
|
]}
|
|
title="By The Numbers"
|
|
description="Our track record speaks for itself. Here's what we've accomplished for our clients and communities."
|
|
tag="Results"
|
|
tagIcon={TrendingUp}
|
|
tagAnimation="slide-up"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Get Started"
|
|
title="Ready to Transform Your Landscape?"
|
|
description="Subscribe to our newsletter for landscaping tips, seasonal maintenance guides, and exclusive offers. Or reach out directly for a free consultation on your project."
|
|
tagIcon={Mail}
|
|
background={{ variant: "radial-gradient" }}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="Enter your email address"
|
|
buttonText="Subscribe"
|
|
termsText="We respect your privacy. Unsubscribe anytime. By subscribing, you agree to receive emails from Kingswood Landscape."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/people-working-tech-brand-together_23-2150966169.jpg"
|
|
imageAlt="Kingswood Landscape - Professional outdoor design consultation"
|
|
logoText="Kingswood Landscape"
|
|
copyrightText="© 2024 Kingswood Landscape. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Landscape Design", href: "#services" },
|
|
{ label: "Hardscape Installation", href: "#services" },
|
|
{ label: "Garden Installation", href: "#services" },
|
|
{ label: "Maintenance Plans", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Our Work", href: "#portfolio" },
|
|
{ label: "Testimonials", href: "#testimonials" },
|
|
{ label: "Contact", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "hello@kingswoodlandscape.com", href: "mailto:hello@kingswoodlandscape.com" },
|
|
{ label: "(555) 123-4567", href: "tel:+15551234567" },
|
|
{ label: "Monday - Friday: 8am - 5pm", href: "#" },
|
|
{ label: "Weekend Consultations Available", href: "#contact" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|