Merge version_2 into main #2
155
src/app/page.tsx
155
src/app/page.tsx
@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
||||
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
@@ -12,7 +12,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
|
||||
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import { Leaf, Sparkles } from "lucide-react";
|
||||
import { Leaf, Sparkles, Scissors, TreeDeciduous } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,14 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Eriks Lawn Care"
|
||||
/>
|
||||
@@ -47,16 +43,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Professional Lawn Care You Can Trust"
|
||||
description="Transforming your outdoor space with premium lawn maintenance services. Erik's Lawn Care delivers precision and reliability every single visit."
|
||||
tag="Expert Lawn Services"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-helping-neighbors-with-grass-lawn_23-2149139731.jpg", imageAlt: "lawn care service professional"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-gardener-man-wearing-jumpsuit-hat-working-gloves-holding-hedge-clippers-with-smile-face_141793-55359.jpg", imageAlt: "lawn maintenance expert"}
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/people-helping-neighbors-with-grass-lawn_23-2149139731.jpg", imageAlt: "lawn care service professional" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-gardener-man-wearing-jumpsuit-hat-working-gloves-holding-hedge-clippers-with-smile-face_141793-55359.jpg", imageAlt: "lawn maintenance expert" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -70,12 +63,9 @@ export default function LandingPage() {
|
||||
title="Your Neighborhood Lawn Experts"
|
||||
description="At Erik's Lawn Care, we believe your lawn is the heart of your home. With years of experience and top-tier equipment, we keep your grass perfectly manicured season after season."
|
||||
metrics={[
|
||||
{
|
||||
value: "10+", title: "Years Experience"},
|
||||
{
|
||||
value: "500+", title: "Happy Clients"},
|
||||
{
|
||||
value: "98%", title: "Retention Rate"},
|
||||
{ value: "10+", title: "Years Experience" },
|
||||
{ value: "500+", title: "Happy Clients" },
|
||||
{ value: "98%", title: "Retention Rate" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard-male-black-apron-guy-repairs_1157-41431.jpg"
|
||||
imageAlt="professional lawn mower gardening"
|
||||
@@ -85,23 +75,17 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureHoverPattern
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Modern Professional Lawn Care Services"
|
||||
description="Tailored solutions designed to make your lawn look stunning all year long."
|
||||
features={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Precision Mowing", description: "Crisp, clean cuts that keep your lawn healthy and beautiful year-round."},
|
||||
{
|
||||
icon: Leaf,
|
||||
title: "Seasonal Cleanup", description: "Fall leaf removal and spring garden prep to keep your property looking sharp."},
|
||||
{
|
||||
icon: Leaf,
|
||||
title: "Trimming & Edging", description: "Detailed care for garden beds, walkways, and tree lines."},
|
||||
{ id: "f1", title: "Precision Mowing", description: "Crisp, clean cuts that keep your lawn healthy and beautiful year-round.", tag: "Mowing", imageSrc: "http://img.b2bpic.net/free-photo/lawn-mower-grass-summer-day_23-2148497672.jpg" },
|
||||
{ id: "f2", title: "Hedge Trimming", description: "Expertly shaped hedges and shrubs for a clean, manicured look.", tag: "Maintenance", imageSrc: "http://img.b2bpic.net/free-photo/gardener-trimming-hedge_23-2148749876.jpg" },
|
||||
{ id: "f3", title: "Seasonal Cleanup", description: "Complete fall leaf removal and spring garden bed preparation.", tag: "Cleanup", imageSrc: "http://img.b2bpic.net/free-photo/raking-leaves_23-2148281358.jpg" },
|
||||
]}
|
||||
title="Comprehensive Landscaping Solutions"
|
||||
description="From precision mowing to seasonal cleanup, we provide everything your lawn needs to flourish."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -112,18 +96,10 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Weekly Maintenance", price: "$45", variant: "Basic", imageSrc: "http://img.b2bpic.net/free-photo/pensive-middle-aged-gardener-holding-small-thuja-pot-bearded-garden-worker-glasses-wearing-blue-shirt-apron-growing-evergreen-plants-greenhouse-commercial-gardening-summer-concept_74855-12936.jpg"},
|
||||
{
|
||||
id: "p2", name: "Premium Care", price: "$75", variant: "Gold", imageSrc: "http://img.b2bpic.net/free-photo/gardener-standing-near-hedge-with-electric-trimmer-hands_7502-9547.jpg"},
|
||||
{
|
||||
id: "p3", name: "Lawn Aeration", price: "$120", variant: "Add-on", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-using-trimming-tool-bush_23-2148256658.jpg"},
|
||||
{
|
||||
id: "p4", name: "Deep Fertilization", price: "$90", variant: "Treatment", imageSrc: "http://img.b2bpic.net/free-photo/senior-man-working-field-with-plants_329181-12446.jpg"},
|
||||
{
|
||||
id: "p5", name: "Seasonal Spring", price: "$150", variant: "Cleanup", imageSrc: "http://img.b2bpic.net/free-photo/busy-man-using-weedwacker-garden_329181-20572.jpg"},
|
||||
{
|
||||
id: "p6", name: "Full Fall Cleanup", price: "$180", variant: "Cleanup", imageSrc: "http://img.b2bpic.net/free-photo/young-gardener-wearing-jumpsuit-hat-holding-mattock-mini-rake-looking-front-with-skeptic-expression-standing-orange-wall_141793-53226.jpg"},
|
||||
{ id: "p1", name: "Weekly Maintenance", price: "$45", variant: "Basic", imageSrc: "http://img.b2bpic.net/free-photo/pensive-middle-aged-gardener-holding-small-thuja-pot-bearded-garden-worker-glasses-wearing-blue-shirt-apron-growing-evergreen-plants-greenhouse-commercial-gardening-summer-concept_74855-12936.jpg" },
|
||||
{ id: "p2", name: "Premium Care", price: "$75", variant: "Gold", imageSrc: "http://img.b2bpic.net/free-photo/gardener-standing-near-hedge-with-electric-trimmer-hands_7502-9547.jpg" },
|
||||
{ id: "p3", name: "Lawn Aeration", price: "$120", variant: "Add-on", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-using-trimming-tool-bush_23-2148256658.jpg" },
|
||||
{ id: "p4", name: "Deep Fertilization", price: "$90", variant: "Treatment", imageSrc: "http://img.b2bpic.net/free-photo/senior-man-working-field-with-plants_329181-12446.jpg" },
|
||||
]}
|
||||
title="Our Specialized Packages"
|
||||
description="Select the service package that perfectly matches your lawn maintenance needs."
|
||||
@@ -136,30 +112,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic", badge: "Value", price: "$45", subtitle: "Per visit", buttons: [
|
||||
{
|
||||
text: "Get Started", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Mowing", "Trimming", "Blowing"],
|
||||
},
|
||||
{
|
||||
id: "standard", badge: "Popular", price: "$65", subtitle: "Per visit", buttons: [
|
||||
{
|
||||
text: "Get Started", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Everything in Basic", "Edging", "Fertilizer"],
|
||||
},
|
||||
{
|
||||
id: "pro", badge: "Pro", price: "$95", subtitle: "Per visit", buttons: [
|
||||
{
|
||||
text: "Get Started", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Everything in Standard", "Aeration", "Priority Service"],
|
||||
},
|
||||
{ id: "basic", badge: "Value", price: "$45", subtitle: "Per visit", buttons: [{ text: "Get Started", href: "#contact" }], features: ["Mowing", "Trimming", "Blowing"] },
|
||||
{ id: "standard", badge: "Popular", price: "$65", subtitle: "Per visit", buttons: [{ text: "Get Started", href: "#contact" }], features: ["Everything in Basic", "Edging", "Fertilizer"] },
|
||||
{ id: "pro", badge: "Pro", price: "$95", subtitle: "Per visit", buttons: [{ text: "Get Started", href: "#contact" }], features: ["Everything in Standard", "Aeration", "Priority Service"] },
|
||||
]}
|
||||
title="Simple Pricing for Every Lawn"
|
||||
description="No hidden fees, just great work for a fair price."
|
||||
@@ -172,29 +127,13 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Alice Johnson", role: "Homeowner", company: "Local Resident", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-helping-each-other-community_23-2149139734.jpg"},
|
||||
{
|
||||
id: "2", name: "Bob Smith", role: "Homeowner", company: "Local Resident", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-friends-playing-petanque_23-2149530379.jpg"},
|
||||
{
|
||||
id: "3", name: "Charlie Davis", role: "Homeowner", company: "Local Resident", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-drinking-coffee-construction-side_329181-3771.jpg"},
|
||||
{
|
||||
id: "4", name: "Dana Miller", role: "Homeowner", company: "Local Resident", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-couple-decorating-home_23-2150633295.jpg"},
|
||||
{
|
||||
id: "5", name: "Evan Wright", role: "Homeowner", company: "Local Resident", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-working-greenhouse-with-flowerpots_1157-30867.jpg"},
|
||||
{ id: "1", name: "Alice Johnson", role: "Homeowner", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/people-helping-each-other-community_23-2149139734.jpg" },
|
||||
{ id: "2", name: "Bob Smith", role: "Homeowner", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-friends-playing-petanque_23-2149530379.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "100+", label: "Lawns Mowed Weekly"},
|
||||
{
|
||||
value: "99%", label: "Client Satisfaction"},
|
||||
{
|
||||
value: "15", label: "Years in Business"},
|
||||
{ value: "100+", label: "Lawns Mowed Weekly" },
|
||||
{ value: "99%", label: "Client Satisfaction" },
|
||||
{ value: "15", label: "Years in Business" },
|
||||
]}
|
||||
title="Trusted by Your Neighbors"
|
||||
description="Hear what our local clients are saying about the quality of our lawn care services."
|
||||
@@ -206,12 +145,8 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1", title: "Do you offer seasonal contracts?", content: "Yes, we offer both one-time services and seasonal contracts for consistent year-round lawn care."},
|
||||
{
|
||||
id: "q2", title: "Are your lawn products safe for pets?", content: "Yes, we prioritize pet-friendly fertilizers and methods for every lawn we treat."},
|
||||
{
|
||||
id: "q3", title: "How do I schedule a service?", content: "You can fill out the contact form below or call us directly to book your first appointment."},
|
||||
{ id: "q1", title: "Do you offer seasonal contracts?", content: "Yes, we offer both one-time services and seasonal contracts for consistent year-round lawn care." },
|
||||
{ id: "q2", title: "Are your lawn products safe for pets?", content: "Yes, we prioritize pet-friendly fertilizers and methods for every lawn we treat." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We've got answers."
|
||||
@@ -222,35 +157,17 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ variant: "plain" }}
|
||||
text="Ready to get the lawn of your dreams? Reach out today for a free quote."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now", href: "mailto:erik@lawncare.com"},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us Now", href: "mailto:erik@lawncare.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#faq" }] },
|
||||
]}
|
||||
logoText="Erik's Lawn Care"
|
||||
copyrightText="© 2025 Eriks Lawn Care"
|
||||
|
||||
Reference in New Issue
Block a user