Update src/app/page.tsx
This commit is contained in:
275
src/app/page.tsx
275
src/app/page.tsx
@@ -11,7 +11,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
|
||||
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { Shield } from "lucide-react";
|
||||
import { Shield, Camera, Users, Zap, Award, Star } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,24 +30,7 @@ export default function LandingPage() {
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Plans",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
navItems={[]}
|
||||
brandName="Jones Lawn Care"
|
||||
/>
|
||||
</div>
|
||||
@@ -55,42 +38,22 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Professional Lawn Care You Can Rely On"
|
||||
description="Premium turf management and garden care services for homes and businesses. We make your outdoor space thrive year-round."
|
||||
tag="Expert Care"
|
||||
variant: "gradient-bars"}}
|
||||
title="Jones Lawn Care"
|
||||
description="Professional Lawn Care & Landscaping. 🌿 Transforming outdoor spaces with passion and precision. Follow for daily yard tips, before/after transformations, and professional lawn care advice."
|
||||
tag="Professional Lawn Care"
|
||||
tagIcon={Award}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book an Estimate", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-grass_181624-12702.jpg",
|
||||
imageAlt: "Lawn maintenance",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-grass_181624-12702.jpg", imageAlt: "Lawn transformation"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/community-people-working-together-agriculture-grow-food_23-2151205677.jpg",
|
||||
imageAlt: "Garden service",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-male-gardener-pruning-green-plant_23-2147844326.jpg", imageAlt: "Garden maintenance"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-male-gardener-pruning-green-plant_23-2147844326.jpg",
|
||||
imageAlt: "Turf management",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-uniform-glasses-gloves-pruning-bushes-garden_7502-9841.jpg",
|
||||
imageAlt: "Professional mowing",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-panorama-green-city-park-dawn_1127-3213.jpg",
|
||||
imageAlt: "Hedge trimming",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-gardener-planting-seedling_329181-20597.jpg",
|
||||
imageAlt: "Lawn care results",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-panorama-green-city-park-dawn_1127-3213.jpg", imageAlt: "Landscape result"}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -98,14 +61,15 @@ export default function LandingPage() {
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Our Mission"
|
||||
title="Committed to Green Excellence"
|
||||
description="Jones Lawn Care provides top-tier gardening and landscaping services. Our team treats every yard as if it were our own, ensuring meticulous care and sustainable health."
|
||||
subdescription="With over 15 years of experience, we guarantee professional results every visit."
|
||||
icon={Shield}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-gardener-man-wearing-jumpsuit-hat-working-gloves-holding-gardening-equipments-lookign-them-being-displeased_141793-54567.jpg"
|
||||
tag="Our Focus"
|
||||
tagIcon={Camera}
|
||||
title="Capturing Green Excellence"
|
||||
description="We pride ourselves on our attention to detail and commitment to healthy, vibrant lawns. Whether it's precise edging, seasonal fertilization, or comprehensive garden planning, we ensure your curb appeal is always at its peak."
|
||||
subdescription="Follow our feed for weekly updates and professional lawn care insights!"
|
||||
icon={Star}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cheerful-gardener-planting-seedling_329181-20597.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="Lawn care expert smiling"
|
||||
imageAlt="Lawn care expert in action"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -116,43 +80,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Regular Mowing",
|
||||
subtitle: "Weekly or bi-weekly cuts",
|
||||
category: "Maintenance",
|
||||
value: "Essential",
|
||||
id: "1", title: "Turf Maintenance", subtitle: "Precision mowing & edging", category: "Services", value: "Daily Content"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Fertilization",
|
||||
subtitle: "Deep root nourishment",
|
||||
category: "Health",
|
||||
value: "Advanced",
|
||||
id: "2", title: "Seasonal Fertilization", subtitle: "Expert nutrients for growth", category: "Services", value: "Pro Tip"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Hedge Trimming",
|
||||
subtitle: "Precision shape control",
|
||||
category: "Styling",
|
||||
value: "Professional",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Weed Control",
|
||||
subtitle: "Keep your lawn lush",
|
||||
category: "Maintenance",
|
||||
value: "Essential",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Lawn Aeration",
|
||||
subtitle: "Improve soil health",
|
||||
category: "Health",
|
||||
value: "Advanced",
|
||||
},
|
||||
id: "3", title: "Hedge Shaping", subtitle: "Perfectly trimmed greenery", category: "Services", value: "Visual Results"
|
||||
}
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="Comprehensive lawn management tailored to your specific garden needs."
|
||||
title="What We Share"
|
||||
description="Check our profile for professional insights and transformation showcases."
|
||||
tag="Feed Highlights"
|
||||
tagIcon={Zap}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -163,56 +103,18 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
price: "$45",
|
||||
name: "Starter",
|
||||
buttons: [
|
||||
id: "basic", price: "DM Us", name: "Free Estimate", buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact for Quote", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Mowing",
|
||||
"Edging",
|
||||
"Clipping Removal",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
price: "$85",
|
||||
name: "Standard",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Starter Features",
|
||||
"Fertilization",
|
||||
"Weed Control",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
price: "$125",
|
||||
name: "Premium",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Pro Features",
|
||||
"Deep Soil Aeration",
|
||||
"Mulching",
|
||||
],
|
||||
},
|
||||
"Professional Consultation", "Personalized Yard Plan", "Competitive Pricing"],
|
||||
}
|
||||
]}
|
||||
title="Lawn Care Plans"
|
||||
description="Flexible plans for every garden size and season."
|
||||
title="Ready for a Makeover?"
|
||||
description="Get in touch for a tailored lawn care plan today."
|
||||
tag="Pricing"
|
||||
tagIcon={Users}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -221,85 +123,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Mark Stevens",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-gardener-smiling-watering-taking-care-plants_176420-3815.jpg",
|
||||
},
|
||||
id: "1", name: "Local Customer", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-gardener-smiling-watering-taking-care-plants_176420-3815.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Alice Johnson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-riding-scooter-outside_23-2149019498.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Robert Miller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-his-laughing-daughter-sitting-table_259150-59411.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah Davis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Tom Baker",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adorable-senior-couple-being-affectionate-while-taking-walk_23-2149109382.jpg",
|
||||
},
|
||||
id: "2", name: "Happy Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/man-riding-scooter-outside_23-2149019498.jpg"}
|
||||
]}
|
||||
cardTitle="Client Reviews"
|
||||
cardTag="Trusted by locals"
|
||||
cardTitle="Transformation Results"
|
||||
cardTag="Featured Work"
|
||||
cardTagIcon={Camera}
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How often do you visit?",
|
||||
content: "We offer flexible weekly or bi-weekly schedules.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer quotes?",
|
||||
content: "Yes, we provide free on-site consultations.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Is your service seasonal?",
|
||||
content: "We provide services year-round including snow removal in winter.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Are you licensed?",
|
||||
content: "Yes, we are fully licensed and insured for your peace of mind.",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "What areas do you cover?",
|
||||
content: "We proudly serve the entire greater metro area.",
|
||||
},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Answers to everything you need to know about our lawn services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Let's Start"
|
||||
title="Get Your Lawn Ready"
|
||||
description="Submit your address and our lead gardener will get back to you with a free estimate."
|
||||
variant: "plain"}}
|
||||
tag="DM for Inquiries"
|
||||
title="Follow Jones Lawn Care"
|
||||
description="Stay connected for the latest in lawn care trends and local gardening advice. Send us a message for your lawn consultation!"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiling-greenhouse-owner-posing-with-laptop-her-hands-talking-phone-having-many-flowers-glass-roof_158595-7107.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
buttonText="Follow"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -307,37 +152,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "Lawn Care",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
{
|
||||
label: "Gardening",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
}
|
||||
]}
|
||||
bottomLeftText="© 2024 Jones Lawn Care"
|
||||
bottomRightText="Licensed & Insured"
|
||||
bottomRightText="Follow us on Social Media"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user