Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 40a153e1f4 | |||
| 4c9aed8fd2 | |||
| 77e2fbc782 | |||
| cedd2bc09f |
421
src/app/page.tsx
421
src/app/page.tsx
@@ -7,9 +7,8 @@ import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/F
|
|||||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
||||||
import TextAbout from '@/components/sections/about/TextAbout';
|
import TextAbout from '@/components/sections/about/TextAbout';
|
||||||
import { Activity, Droplets, Leaf, PenTool, Scissors, Settings, ShieldCheck, Star, Wrench } from "lucide-react";
|
import { Droplets, Leaf, PenTool, Scissors, Settings, ShieldCheck, Star, MapPin } from "lucide-react";
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -26,340 +25,104 @@ export default function LandingPage() {
|
|||||||
headingFontWeight="bold"
|
headingFontWeight="bold"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleCentered
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "hero" },
|
||||||
name: "Home",
|
{ name: "About", id: "about" },
|
||||||
id: "hero",
|
{ name: "Services", id: "irrigation" },
|
||||||
},
|
{ name: "Contact", id: "contact" },
|
||||||
{
|
]}
|
||||||
name: "Services",
|
brandName="Drew’s Lawn and Garden"
|
||||||
id: "irrigation",
|
/>
|
||||||
},
|
</div>
|
||||||
{
|
|
||||||
name: "Design",
|
|
||||||
id: "landscaping",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contact",
|
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
brandName="Green Oasis Landscaping"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroCentered
|
<HeroCentered
|
||||||
background={{
|
background={{ variant: "sparkles-gradient" }}
|
||||||
variant: "sparkles-gradient",
|
title="Professional Landscaping & Irrigation in Lake Park, FL"
|
||||||
}}
|
description="Expert irrigation, lawn mowing, landscaping design, and plant care for your home. Serving the Lake Park community with nature-inspired care."
|
||||||
title="Professional Landscaping & Irrigation Solutions"
|
avatars={[]}
|
||||||
description="We offer complete lawn maintenance, unique garden design, and expert irrigation services. Get your free estimate today."
|
buttons={[
|
||||||
avatars={[
|
{ text: "Get Free Estimate", href: "#contact" },
|
||||||
{
|
{ text: "Learn More", href: "#about" }
|
||||||
src: "http://img.b2bpic.net/free-photo/senior-old-man-eldery-puring-water-taking-care-small-tree-table_554837-87.jpg",
|
]}
|
||||||
alt: "Happy home owner garden",
|
/>
|
||||||
},
|
</div>
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/women-working-greenhouse-with-green-trees_1157-30883.jpg",
|
|
||||||
alt: "Smiling property owner backyard",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/close-up-man-selling-crops-from-his-garden_329181-16538.jpg",
|
|
||||||
alt: "Happy garden owner outdoors",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215071.jpg",
|
|
||||||
alt: "Satisfied homeowner looking at yard",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/cheerful-gardener-apron_23-2147768552.jpg",
|
|
||||||
alt: "Happy garden client smiling",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
avatarText="Trusted by hundreds of homeowners"
|
|
||||||
buttons={[
|
|
||||||
{
|
|
||||||
text: "Get Free Estimate",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
marqueeItems={[
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Eco-Friendly Methods",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "24/7 Expert Support",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Certified Professionals",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Water-Saving Tech",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Locally Owned & Operated",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<TextAbout
|
<TextAbout
|
||||||
useInvertedBackground={false}
|
title="Committed to Enhancing Lake Park's Green Spaces"
|
||||||
title="From Start to Finish, We Create Your Tropical Oasis"
|
useInvertedBackground={false}
|
||||||
buttons={[
|
/>
|
||||||
{
|
</div>
|
||||||
text: "Explore Services",
|
|
||||||
href: "#landscaping",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="irrigation" data-section="irrigation">
|
<div id="irrigation" data-section="irrigation">
|
||||||
<FeatureBorderGlow
|
<FeatureBorderGlow
|
||||||
animationType="slide-up"
|
title="Expert Irrigation & Lawn Maintenance"
|
||||||
textboxLayout="split"
|
description="From smart irrigation systems to precision mowing, we keep your lawn healthy and thriving."
|
||||||
useInvertedBackground={false}
|
animationType="slide-up"
|
||||||
features={[
|
textboxLayout="split"
|
||||||
{
|
useInvertedBackground={false}
|
||||||
icon: Droplets,
|
features={[
|
||||||
title: "Installation",
|
{ icon: Droplets, title: "Irrigation", description: "High-efficiency systems to save water and money." },
|
||||||
description: "High-efficiency systems designed to save water and money.",
|
{ icon: Scissors, title: "Lawn Mowing", description: "Precision cuts for professional-looking turf." },
|
||||||
},
|
{ icon: PenTool, title: "Landscaping", description: "Custom designs for your dream garden oasis." },
|
||||||
{
|
{ icon: Leaf, title: "Plant Care", description: "Professional fertilization and care for ornamental trees." }
|
||||||
icon: Wrench,
|
]}
|
||||||
title: "Repairs",
|
/>
|
||||||
description: "Quick, expert repairs to keep your system running year-round.",
|
</div>
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: Settings,
|
|
||||||
title: "Maintenance",
|
|
||||||
description: "System checks to ensure optimal performance for your flora.",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Irrigation System Repair & Maintenance"
|
|
||||||
description="Don't let your landscape suffer from inefficient watering. We specialize in complete irrigation installation and expert repairs."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="lawn-maintenance" data-section="lawn-maintenance">
|
<div id="why-choose-us" data-section="why-choose-us">
|
||||||
<FeatureBorderGlow
|
<FeatureBorderGlow
|
||||||
animationType="slide-up"
|
title="Why Choose Drew’s Lawn and Garden?"
|
||||||
textboxLayout="split"
|
description="Local knowledge, professional tools, and a deep respect for our Florida native flora."
|
||||||
useInvertedBackground={true}
|
animationType="slide-up"
|
||||||
features={[
|
textboxLayout="split"
|
||||||
{
|
useInvertedBackground={true}
|
||||||
icon: Scissors,
|
features={[
|
||||||
title: "Regular Mowing",
|
{ icon: ShieldCheck, title: "Local Experts", description: "Deep understanding of Florida plants and local climate." },
|
||||||
description: "Precision cuts suited to your turf type and growth rate.",
|
{ icon: Star, title: "Exceptional Quality", description: "We don't settle for less than perfect results." },
|
||||||
},
|
{ icon: Settings, title: "Reliable Service", description: "We show up on time, every time, rain or shine." }
|
||||||
{
|
]}
|
||||||
icon: Leaf,
|
/>
|
||||||
title: "Edging",
|
</div>
|
||||||
description: "Crisp lines for sidewalks and landscape beds.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: Star,
|
|
||||||
title: "Trimming",
|
|
||||||
description: "Professional care for all bushes and ornamental shrubs.",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Lawn Mowing & Maintenance"
|
|
||||||
description="Consistent, professional lawn care services to ensure your turf looks pristine throughout every season."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="landscaping" data-section="landscaping">
|
<div id="service-area" data-section="service-area">
|
||||||
<FeatureBorderGlow
|
<FeatureBorderGlow
|
||||||
animationType="slide-up"
|
title="Proudly Serving Lake Park and Surrounding Areas"
|
||||||
textboxLayout="split"
|
description="Based in Lake Park, FL, we bring lush, green results to every corner of our service area."
|
||||||
useInvertedBackground={false}
|
animationType="slide-up"
|
||||||
features={[
|
textboxLayout="split"
|
||||||
{
|
useInvertedBackground={false}
|
||||||
icon: PenTool,
|
features={[
|
||||||
title: "Complimentary Design",
|
{ icon: MapPin, title: "Lake Park Base", description: "Proudly serving our local community with fast response times." },
|
||||||
description: "Professional design included free with all installation projects.",
|
{ icon: MapPin, title: "Serving Neighbors", description: "Extended service radius to ensure quality lawn care nearby." }
|
||||||
},
|
]}
|
||||||
{
|
/>
|
||||||
icon: Leaf,
|
</div>
|
||||||
title: "Native Planting",
|
|
||||||
description: "Sustainable and beautiful landscapes using region-appropriate plants.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: Star,
|
|
||||||
title: "Tropical Oasis",
|
|
||||||
description: "Creating breathtaking, lush environments tailored to your vision.",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Complete Landscaping Design Services"
|
|
||||||
description="We specialize in unique designs, from native plantscapes to tropical oases and vibrant butterfly gardens."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="plant-care" data-section="plant-care">
|
<div id="contact" data-section="contact">
|
||||||
<FeatureBorderGlow
|
<ContactCTA
|
||||||
animationType="slide-up"
|
tag="Contact Us"
|
||||||
textboxLayout="split"
|
title="Book Your Consultation"
|
||||||
useInvertedBackground={true}
|
description="Call us today at (555) 555-5555 or fill out our contact form for a free, no-obligation estimate."
|
||||||
features={[
|
buttons={[{ text: "Call (555) 555-5555", href: "tel:5555555555" }]}
|
||||||
{
|
background={{ variant: "sparkles-gradient" }}
|
||||||
icon: ShieldCheck,
|
useInvertedBackground={true}
|
||||||
title: "Pest Control",
|
/>
|
||||||
description: "Effective treatments to manage bugs while protecting local wildlife.",
|
</div>
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: Activity,
|
|
||||||
title: "Fungus & Disease",
|
|
||||||
description: "Targeted solutions to prevent and stop plant diseases.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: Leaf,
|
|
||||||
title: "Plant Nutrition",
|
|
||||||
description: "Balanced fertilization for palms, citrus, hibiscus, and ornamental trees.",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Lawn & Plant Health Care"
|
|
||||||
description="Fertilization, pest control, and fungus prevention to keep your garden thriving and resilient against diseases."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
<div id="footer" data-section="footer">
|
||||||
<TestimonialCardTen
|
<FooterSimple
|
||||||
textboxLayout="split"
|
columns={[
|
||||||
useInvertedBackground={false}
|
{ title: "Services", items: [{ label: "Irrigation", href: "#irrigation" }, { label: "Lawn Mowing", href: "#irrigation" }] },
|
||||||
testimonials={[
|
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] }
|
||||||
{
|
]}
|
||||||
id: "1",
|
bottomLeftText="© 2025 Drew's Lawn & Garden"
|
||||||
title: "Amazing Results",
|
bottomRightText="All Rights Reserved"
|
||||||
quote: "My garden has never looked better since they took over irrigation and plant care.",
|
/>
|
||||||
name: "Sarah Miller",
|
</div>
|
||||||
role: "Homeowner",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-hard-greenhouse_23-2149037325.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
title: "Highly Recommend",
|
|
||||||
quote: "The landscaping design process was so easy and the final result is breathtaking.",
|
|
||||||
name: "David Thompson",
|
|
||||||
role: "Property Owner",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/looking-thoughtful-mature-gray-haired-man-standing-with-thoughtful-look_259150-58374.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
title: "Professional Service",
|
|
||||||
quote: "Reliable mowing and expert pest control. Highly satisfied with their work.",
|
|
||||||
name: "Elena Rodriguez",
|
|
||||||
role: "Client",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-male-florist-work_23-2149127313.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4",
|
|
||||||
title: "Green Garden Oasis",
|
|
||||||
quote: "Their plant nutrition program turned my citrus trees around. They are so healthy now!",
|
|
||||||
name: "Kevin Chen",
|
|
||||||
role: "Homeowner",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/person-playing-sudoku-game-alone_23-2149073717.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "5",
|
|
||||||
title: "Great Team",
|
|
||||||
quote: "A wonderful team that truly knows landscaping. The butterfly garden is lovely.",
|
|
||||||
name: "Maria Lopez",
|
|
||||||
role: "Property Owner",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-gardener-apron_23-2147768552.jpg",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="What Our Clients Say"
|
|
||||||
description="Hear from the happy homeowners we serve throughout the region."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
|
||||||
<ContactCTA
|
|
||||||
useInvertedBackground={true}
|
|
||||||
background={{
|
|
||||||
variant: "sparkles-gradient",
|
|
||||||
}}
|
|
||||||
tag="Let's Talk"
|
|
||||||
title="Get Your Free Estimate Today"
|
|
||||||
description="Ready to transform your lawn or fix your irrigation system? Contact us for a complimentary consultation."
|
|
||||||
buttons={[
|
|
||||||
{
|
|
||||||
text: "Call Now",
|
|
||||||
href: "tel:5550101",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: "Email Us",
|
|
||||||
href: "mailto:info@greenoasis.com",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
|
||||||
<FooterSimple
|
|
||||||
columns={[
|
|
||||||
{
|
|
||||||
title: "Services",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Irrigation",
|
|
||||||
href: "#irrigation",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Lawn Care",
|
|
||||||
href: "#lawn-maintenance",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Landscaping",
|
|
||||||
href: "#landscaping",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Company",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "About Us",
|
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Testimonials",
|
|
||||||
href: "#testimonials",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Contact",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Legal",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Privacy Policy",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Terms of Service",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
bottomLeftText="© 2024 Green Oasis Landscaping"
|
|
||||||
bottomRightText="All rights reserved."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user