322 lines
16 KiB
TypeScript
322 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import { Award, DollarSign, HelpCircle, Mail, MessageSquare, Trophy, Wrench } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="large"
|
|
background="blurBottom"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "home"},
|
|
{
|
|
name: "Services", id: "services"},
|
|
{
|
|
name: "Projects", id: "projects"},
|
|
{
|
|
name: "Testimonials", id: "testimonials"},
|
|
{
|
|
name: "About", id: "about"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dh2l94"
|
|
logoAlt="Bright Green Landscaping Logo"
|
|
brandName="Bright Green Landscaping"
|
|
button={{
|
|
text: "Get a Quote", href: "#contact"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroSplitDualMedia
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
title="Transform Your Outdoor Space"
|
|
description="Experience unparalleled landscaping services in Southern Ontario. From innovative designs to meticulous execution, we bring your vision to life with vibrant, sustainable solutions."
|
|
tag="Award-Winning Landscapes"
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{
|
|
text: "Get a Free Quote", href: "#contact"},
|
|
{
|
|
text: "View Our Portfolio", href: "#projects"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/greenhouse-still-life_23-2148127909.jpg", imageAlt: "Luxury backyard landscaping design with interlock patio"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/reforestation-done-by-voluntary-group_23-2149500814.jpg", imageAlt: "Professional landscaping team installing a garden"}
|
|
]}
|
|
mediaAnimation="blur-reveal"
|
|
rating={5}
|
|
ratingText="Trusted by over 200 homes"
|
|
tagIcon={Award}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
useInvertedBackground={true}
|
|
title="Crafting Beautiful Outdoor Environments"
|
|
description={[
|
|
"Bright Green Landscaping is dedicated to creating stunning and functional outdoor spaces across Southern Ontario. With years of expertise in design and implementation, we specialize in transforming properties into verdant havens.", "Our commitment to quality, sustainable practices, and client satisfaction is at the core of every project. We work closely with you from concept to completion, ensuring every detail reflects your unique style and needs."]}
|
|
buttons={[
|
|
{
|
|
text: "Learn More About Us", href: "#about"},
|
|
{
|
|
text: "View Our Work", href: "#projects"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentyThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "excavation-grading", title: "Excavation & Grading", tags: [
|
|
"Foundation", "Leveling"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-using-excavator-digging-day-light_23-2149194782.jpg", imageAlt: "Mini excavator at a residential landscaping site"},
|
|
{
|
|
id: "concrete-interlock", title: "Concrete & Interlock", tags: [
|
|
"Patios", "Walkways"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/stepping-stone-garden-path_1252-1028.jpg", imageAlt: "Interlock patio installation with precise paver placement"},
|
|
{
|
|
id: "retaining-walls", title: "Retaining Walls", tags: [
|
|
"Support", "Design"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/multicolor-artificial-grass_1232-2986.jpg", imageAlt: "Beautiful natural stone retaining wall in a garden"},
|
|
{
|
|
id: "sodding-planting", title: "Sodding & Planting", tags: [
|
|
"Greenery", "Gardens"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-orange-yoga-mat-green-grass-park-outdoor_574295-4734.jpg", imageAlt: "Freshly laid green sod rolls in a new lawn"},
|
|
{
|
|
id: "delivery-installation", title: "Delivery & Installation", tags: [
|
|
"Logistics", "Precision"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-dry-golden-straw-texture_632498-60877.jpg", imageAlt: "Truck delivering landscaping materials like gravel and soil"},
|
|
{
|
|
id: "custom-design", title: "Custom Landscape Design", tags: [
|
|
"Vision", "Planning"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-high-protein-vegan-meal_23-2149091335.jpg", imageAlt: "3D landscape design blueprint on a tablet"},
|
|
]}
|
|
title="Our Comprehensive Landscaping Services"
|
|
description="From initial excavation to the final sodding, we offer a full suite of services to enhance your property's beauty and functionality."
|
|
tag="Expert Craftsmanship"
|
|
tagIcon={Wrench}
|
|
/>
|
|
</div>
|
|
|
|
<div id="projects" data-section="projects">
|
|
<PricingCardNine
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
animationType="slide-up"
|
|
plans={[
|
|
{
|
|
id: "basic", title: "Basic Refresh", price: "$2,500+", period: "starting", features: [
|
|
"Lawn care & maintenance", "Small garden cleanup", "Seasonal planting", "Mulching"],
|
|
button: {
|
|
text: "Inquire Now", href: "#contact"},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-material-pieces-wooden-boxes_181624-18062.jpg", imageAlt: "Small backyard garden with basic lawn care"},
|
|
{
|
|
id: "deluxe", title: "Deluxe Transformation", price: "$7,000+", period: "starting", features: [
|
|
"Custom garden design", "Interlock patio or walkway (small)", "Sodding & soil amendment", "Drainage solutions", "Delivery & Installation"],
|
|
button: {
|
|
text: "Learn More", href: "#contact"},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/back-view-young-woman-taking-care-plants_23-2148509882.jpg", imageAlt: "Medium size garden with custom design and interlock patio"},
|
|
{
|
|
id: "premium", title: "Premium Estate", price: "$15,000+", period: "starting", features: [
|
|
"Full landscape architectural plan", "Extensive excavation & grading", "Large interlock or concrete features", "Retaining walls & terracing", "Advanced planting & lighting systems", "Pergola or outdoor kitchen integration"],
|
|
button: {
|
|
text: "Get a Custom Quote", href: "#contact"},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/relaxation-space-garden-with-beds_1232-3472.jpg", imageAlt: "Luxury estate landscaping with extensive features"},
|
|
]}
|
|
title="Transparent Project Pricing"
|
|
description="We offer flexible service packages tailored to fit various project scales and budgets, ensuring exceptional value without compromise."
|
|
tag="Value & Clarity"
|
|
tagIcon={DollarSign}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
animationType="depth-3d"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah J.", role: "Homeowner", company: "Ancaster, ON", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-women-playing-with-shopping-cart_23-2148495450.jpg", imageAlt: "Photo of Sarah J., happy homeowner"},
|
|
{
|
|
id: "2", name: "Michael T.", role: "Business Owner", company: "Burlington, ON", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/successful-man-talking-phone-checking-time_23-2147689192.jpg", imageAlt: "Photo of Michael T., business owner"},
|
|
{
|
|
id: "3", name: "Emily R.", role: "Residential Client", company: "Oakville, ON", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-touching-daughter-looking-man-sitting-steps_259150-59364.jpg", imageAlt: "Photo of Emily R., residential client"},
|
|
{
|
|
id: "4", name: "David K.", role: "Property Manager", company: "Hamilton, ON", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/latin-female-farmer-examining-tomato-plants-while-using-wireless-computer-vegetable-garden_662251-647.jpg", imageAlt: "Photo of David K., property manager"},
|
|
{
|
|
id: "5", name: "Jessica L.", role: "Garden Enthusiast", company: "Niagara, ON", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/lovely-old-couple-having-good-time-nature_23-2148231877.jpg", imageAlt: "Photo of Jessica L., garden enthusiast"},
|
|
]}
|
|
kpiItems={[
|
|
{
|
|
value: "15+", label: "Years in Business"},
|
|
{
|
|
value: "200+", label: "Projects Completed"},
|
|
{
|
|
value: "98%", label: "Client Satisfaction"},
|
|
]}
|
|
title="What Our Clients Say"
|
|
description="Hear directly from satisfied homeowners and businesses who've trusted Bright Green Landscaping with their outdoor dreams."
|
|
tag="Real Stories"
|
|
tagIcon={MessageSquare}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardSeven
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{
|
|
id: "experience", value: "15+", title: "Years of Experience", items: [
|
|
"Trusted in Southern Ontario", "Expert team of professionals"],
|
|
},
|
|
{
|
|
id: "projects", value: "200+", title: "Projects Completed", items: [
|
|
"Residential & Commercial", "Diverse design solutions"],
|
|
},
|
|
{
|
|
id: "satisfaction", value: "98%", title: "Client Satisfaction", items: [
|
|
"Dedicated customer support", "Flawless execution"],
|
|
},
|
|
]}
|
|
title="Our Impact & Expertise"
|
|
description="Numbers that speak to our dedication, experience, and the quality we bring to every landscaping project."
|
|
tag="Our Achievements"
|
|
tagIcon={Trophy}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "q1", title: "What areas do you serve?", content: "Bright Green Landscaping proudly serves residential and commercial clients across Southern Ontario, including Ancaster, Burlington, Oakville, Hamilton, Niagara, and surrounding regions."},
|
|
{
|
|
id: "q2", title: "How do I get a quote for my project?", content: "You can request a free, no-obligation quote by filling out the contact form on our website, sending us an email at Brightercreeklandscaping@gmail.com, or calling us directly at 226-218-5769. We'll schedule a site visit to discuss your needs."},
|
|
{
|
|
id: "q3", title: "Do you offer custom landscape design?", content: "Yes, we specialize in custom landscape design tailored to your specific vision and property. Our experts work with you from concept to creation, ensuring every detail is perfect."},
|
|
{
|
|
id: "q4", title: "What is the typical timeline for a landscaping project?", content: "Project timelines vary widely depending on the scope and complexity of the work. During your initial consultation, we provide a detailed project plan and estimated timeline for completion."},
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common inquiries about our landscaping services, process, and what to expect."
|
|
faqsAnimation="slide-up"
|
|
tag="Quick Answers"
|
|
tagIcon={HelpCircle}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "plain"}}
|
|
tag="Get in Touch"
|
|
title="Ready to Start Your Project?"
|
|
description="Contact Bright Green Landscaping today for a free consultation. Let's create something beautiful together."
|
|
tagAnimation="none"
|
|
imageSrc="http://img.b2bpic.net/free-photo/serious-business-leader-consulting-expert-break_1262-18031.jpg"
|
|
imageAlt="Landscaping professional discussing a project with a client"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Your Email Address"
|
|
buttonText="Request Consultation"
|
|
termsText="By clicking Request Consultation you're confirming that you agree with our Terms and Conditions. You can also reach us at 226-218-5769 or Brightercreeklandscaping@gmail.com."
|
|
tagIcon={Mail}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{
|
|
label: "Excavation", href: "#services"},
|
|
{
|
|
label: "Interlock & Concrete", href: "#services"},
|
|
{
|
|
label: "Retaining Walls", href: "#services"},
|
|
{
|
|
label: "Sodding & Planting", href: "#services"},
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "Projects", href: "#projects"},
|
|
{
|
|
label: "Testimonials", href: "#testimonials"},
|
|
{
|
|
label: "FAQs", href: "#faq"},
|
|
],
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{
|
|
label: "Get a Quote", href: "#contact"},
|
|
{
|
|
label: "226-218-5769", href: "tel:2262185769"},
|
|
{
|
|
label: "Brightercreeklandscaping@gmail.com", href: "mailto:Brightercreeklandscaping@gmail.com"},
|
|
{
|
|
label: "Southern Ontario", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
logoText="Bright Green Landscaping"
|
|
copyrightText="© 2024 Bright Green Landscaping. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|