Merge version_3 into main #1
418
src/app/page.tsx
418
src/app/page.tsx
@@ -9,7 +9,7 @@ import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { Activity, Droplets, Leaf, PenTool, Scissors, Settings, ShieldCheck, Star, Wrench } from "lucide-react";
|
||||
import { Activity, Droplets, Leaf, PenTool, Scissors, Settings, ShieldCheck, Star, Wrench, MapPin, Phone } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -26,340 +26,102 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "irrigation",
|
||||
},
|
||||
{
|
||||
name: "Design",
|
||||
id: "landscaping",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Green Oasis Landscaping"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "irrigation" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Drew’s Lawn and Garden"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Professional Landscaping & Irrigation Solutions"
|
||||
description="We offer complete lawn maintenance, unique garden design, and expert irrigation services. Get your free estimate today."
|
||||
avatars={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
{
|
||||
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="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{ 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."
|
||||
avatars={[]}
|
||||
buttons={[
|
||||
{ text: "Get Free Estimate", href: "#contact" },
|
||||
{ text: "Learn More", href: "#about" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="From Start to Finish, We Create Your Tropical Oasis"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Services",
|
||||
href: "#landscaping",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
title="Committed to Enhancing Lake Park's Green Spaces"
|
||||
description="Drew’s Lawn and Garden is dedicated to providing high-quality, reliable landscaping solutions. We treat your yard like our own, ensuring healthy, vibrant plant life through sustainable, local expertise."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="irrigation" data-section="irrigation">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Droplets,
|
||||
title: "Installation",
|
||||
description: "High-efficiency systems designed to save water and money.",
|
||||
},
|
||||
{
|
||||
icon: Wrench,
|
||||
title: "Repairs",
|
||||
description: "Quick, expert repairs to keep your system running year-round.",
|
||||
},
|
||||
{
|
||||
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="irrigation" data-section="irrigation">
|
||||
<FeatureBorderGlow
|
||||
title="Expert Irrigation & Lawn Maintenance"
|
||||
description="From smart irrigation systems to precision mowing, we keep your lawn healthy and thriving."
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: Droplets, title: "Irrigation", description: "High-efficiency systems 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." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="lawn-maintenance" data-section="lawn-maintenance">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
icon: Scissors,
|
||||
title: "Regular Mowing",
|
||||
description: "Precision cuts suited to your turf type and growth rate.",
|
||||
},
|
||||
{
|
||||
icon: Leaf,
|
||||
title: "Edging",
|
||||
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="why-choose-us" data-section="why-choose-us">
|
||||
<FeatureBorderGlow
|
||||
title="Why Choose Drew’s Lawn and Garden?"
|
||||
description="Local knowledge, professional tools, and a deep respect for our Florida native flora."
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ icon: ShieldCheck, title: "Local Experts", description: "Deep understanding of Florida plants and local climate." },
|
||||
{ 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." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="landscaping" data-section="landscaping">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: PenTool,
|
||||
title: "Complimentary Design",
|
||||
description: "Professional design included free with all installation projects.",
|
||||
},
|
||||
{
|
||||
icon: Leaf,
|
||||
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="service-area" data-section="service-area">
|
||||
<FeatureBorderGlow
|
||||
title="Proudly Serving Lake Park and Surrounding Areas"
|
||||
description="Based in Lake Park, FL, we bring lush, green results to every corner of our service area."
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: MapPin, title: "Lake Park Base", description: "Proudly serving our local community with fast response times." },
|
||||
{ icon: MapPin, title: "Serving Neighbors", description: "Extended service radius to ensure quality lawn care nearby." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="plant-care" data-section="plant-care">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Pest Control",
|
||||
description: "Effective treatments to manage bugs while protecting local wildlife.",
|
||||
},
|
||||
{
|
||||
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="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Contact Us"
|
||||
title="Book Your Consultation"
|
||||
description="Call us today at (555) 555-5555 or fill out our contact form for a free, no-obligation estimate."
|
||||
buttons={[{ text: "Call (555) 555-5555", href: "tel:5555555555" }]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Amazing Results",
|
||||
quote: "My garden has never looked better since they took over irrigation and plant care.",
|
||||
name: "Sarah Miller",
|
||||
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>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Services", items: [{ label: "Irrigation", href: "#irrigation" }, { label: "Lawn Mowing", href: "#irrigation" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user