318 lines
11 KiB
TypeScript
318 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="medium"
|
|
background="noise"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "hero",
|
|
},
|
|
{
|
|
name: "About",
|
|
id: "about",
|
|
},
|
|
{
|
|
name: "Services",
|
|
id: "services",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "contact",
|
|
},
|
|
]}
|
|
brandName="Green Garden Yard"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlayTestimonial
|
|
title="Professional Landscaping in Buckeye, AZ"
|
|
description="Providing exceptional yard maintenance and garden services for 10+ years. Your lawn, perfectly crafted."
|
|
testimonials={[
|
|
{
|
|
name: "Brian Bell",
|
|
handle: "@brianbell",
|
|
testimonial: "I have used them for 10 years for my property and clients. They never disappoint.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/female-florist-cutting-stem-flowers-shop_23-2147882043.jpg",
|
|
},
|
|
{
|
|
name: "James Kramer",
|
|
handle: "@jameskramer",
|
|
testimonial: "A team of true professionals! Can't say enough good things about their work.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/attractive-charming-girl-with-green-eyes-sits-cozy-place-comfortable-position-looks-into-lens-fulllength-photo-model-soft-sweater_197531-25975.jpg",
|
|
},
|
|
{
|
|
name: "Vendor Vista",
|
|
handle: "@vendorvista",
|
|
testimonial: "Outstanding job, exceeded expectations. Punctual and reasonably priced.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/gardening-composition-with-slate_23-2147673279.jpg",
|
|
},
|
|
{
|
|
name: "Alice Green",
|
|
handle: "@alicegreen",
|
|
testimonial: "They transformed my backyard into a oasis. Highly recommended!",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/positive-focused-female-gardener-cutting-sprouts-using-pruner-greenhouse-woman-working-garden-growing-plants-pots-gardening-job-concept_74855-12947.jpg",
|
|
},
|
|
{
|
|
name: "Mark Stevens",
|
|
handle: "@marksteve",
|
|
testimonial: "Reliable and consistent. My lawn has never looked better.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-farmer-working-her-greenhouse_23-2149072104.jpg",
|
|
},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Get a Quote",
|
|
href: "#contact",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/view-backyard-garden-digital-art-style_23-2151488213.jpg"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/people-glasshouse-looking-camera_23-2147768458.jpg",
|
|
alt: "User avatar",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/attractive-man-with-papaer-sheet-glasshouse_23-2147768482.jpg",
|
|
alt: "User avatar",
|
|
},
|
|
{
|
|
src: "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",
|
|
alt: "User avatar",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/smiley-woman-holding-beautiful-plant-pot_23-2148509874.jpg",
|
|
alt: "User avatar",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/smiley-woman-gardening-indoors_23-2148509872.jpg",
|
|
alt: "User avatar",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
title="Excellence in Garden Care"
|
|
description="At The Green Garden Yard Services, we believe every lawn tells a story. Based in Buckeye, AZ, our local team brings precision, reliability, and care to every property we maintain."
|
|
bulletPoints={[
|
|
{
|
|
title: "Punctual Service",
|
|
description: "We respect your time and always arrive as scheduled.",
|
|
},
|
|
{
|
|
title: "Professional Quality",
|
|
description: "A team of experts dedicated to high-standard landscaping.",
|
|
},
|
|
{
|
|
title: "Local Expertise",
|
|
description: "Understanding the unique Arizona climate needs for your garden.",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/male-gardener-harvesting-flower-with-secateurs_23-2148165189.jpg?_wi=1"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardNineteen
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
tag: "Lawn",
|
|
title: "Lawn Maintenance",
|
|
subtitle: "Precision care",
|
|
description: "Regular mowing, edging, and lawn health programs for a lush finish.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-mowing-yard-close-up_23-2148579933.jpg",
|
|
},
|
|
{
|
|
tag: "Design",
|
|
title: "Garden Design",
|
|
subtitle: "Expert shaping",
|
|
description: "Trimming, pruning, and layout optimization for your home garden.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-uniform-glasses-gloves-pruning-bushes-garden_7502-9841.jpg",
|
|
},
|
|
{
|
|
tag: "Cleanups",
|
|
title: "Seasonal Cleanups",
|
|
subtitle: "Year-round care",
|
|
description: "Debris removal, seasonal prep, and cleanup services for every Arizona season.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-maintenance-man-wearing-blue-uniform-gloves-working-with-portable-leaf-blower_7502-10254.jpg",
|
|
},
|
|
]}
|
|
title="Comprehensive Yard Solutions"
|
|
description="Expert services tailored to keep your outdoor spaces vibrant year-round."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
useInvertedBackground={true}
|
|
testimonial="The Green Garden Yard Service in Arizona did an outstanding job and truly exceeded expectations. They are incredibly punctual, always arriving on time and ready to work. Their pricing is reasonable and fair."
|
|
rating={5}
|
|
author="Property Preservation Team"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/long-shot-woman-mowing-grass_23-2148579932.jpg",
|
|
alt: "Reviewer",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/kids-having-fun-jungle-themed-party_23-2149431649.jpg",
|
|
alt: "Reviewer",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-indigenous-person-integrating-society_23-2151102430.jpg",
|
|
alt: "Reviewer",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/women-taking-care-their-plants-greenhouse_23-2149037250.jpg",
|
|
alt: "Reviewer",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/go-green-responsibility-sustainable-concept_53876-13915.jpg",
|
|
alt: "Reviewer",
|
|
},
|
|
]}
|
|
ratingAnimation="blur-reveal"
|
|
avatarsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social" data-section="social">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Buckeye Property Services",
|
|
"Valley Real Estate Group",
|
|
"Desert Landscape Experts",
|
|
"Arizona Yard Collective",
|
|
"Garden Precision Care",
|
|
"Realtor Network AZ",
|
|
"Local Greenscape Partners",
|
|
]}
|
|
title="Trusted by Homeowners & Realtors"
|
|
description="We are proud to partner with local property owners and realtors across the Buckeye area."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "1",
|
|
title: "Do you offer free quotes?",
|
|
content: "Yes, we provide free estimates based on your specific property needs.",
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Which areas do you serve?",
|
|
content: "We primarily serve the Buckeye, AZ area and surrounding communities.",
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Are your services available year-round?",
|
|
content: "Yes, we offer seasonal maintenance services all year to keep your lawn thriving.",
|
|
},
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Get quick answers to common questions about our landscaping services."
|
|
faqsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "gradient-bars",
|
|
}}
|
|
tag="Contact Us"
|
|
title="Book Your Landscaping Service"
|
|
description="Ready for a beautiful garden? Call us at (623) 330-0605 or send a message to get started."
|
|
mediaAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/male-gardener-harvesting-flower-with-secateurs_23-2148165189.jpg?_wi=2"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Services",
|
|
items: [
|
|
{
|
|
label: "Lawn Care",
|
|
href: "#services",
|
|
},
|
|
{
|
|
label: "Garden Design",
|
|
href: "#services",
|
|
},
|
|
{
|
|
label: "Seasonal Cleanups",
|
|
href: "#services",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{
|
|
label: "About Us",
|
|
href: "#about",
|
|
},
|
|
{
|
|
label: "Contact",
|
|
href: "#contact",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="© 2026 The Green Garden Yard Services"
|
|
bottomRightText="Buckeye, AZ"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|