Merge version_1 into main #2
@@ -9,7 +9,7 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { MapPin, Sparkles, Users } from "lucide-react";
|
||||
import { MapPin, Sparkles, Users, Family, HeartHandshake, Leaf } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,30 +30,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
href: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
href: "/services",
|
||||
},
|
||||
name: "Services", id: "/services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
href: "/about",
|
||||
},
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
href: "/reviews",
|
||||
},
|
||||
name: "Reviews", id: "/reviews"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
href: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
brandName="Mark's Quality Lawn Care"
|
||||
bottomLeftText="Serving Denver for Decades"
|
||||
@@ -71,22 +56,16 @@ export default function LandingPage() {
|
||||
tagIcon={Sparkles}
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Family-Owned & Operated",
|
||||
description: "Built on trust and integrity, serving generations of families.",
|
||||
icon: Family,
|
||||
title: "Family-Owned & Operated", description: "Built on trust and integrity, serving generations of families.", icon: Family,
|
||||
},
|
||||
{
|
||||
title: "Local Denver Experts",
|
||||
description: "Deep understanding of Colorado's climate and lawn needs.",
|
||||
icon: MapPin,
|
||||
title: "Local Denver Experts", description: "Deep understanding of Colorado's climate and lawn needs.", icon: MapPin,
|
||||
},
|
||||
{
|
||||
title: "Customer-Centric Approach",
|
||||
description: "Your satisfaction is our top priority, every single time.",
|
||||
icon: HeartHandshake,
|
||||
title: "Customer-Centric Approach", description: "Your satisfaction is our top priority, every single time.", icon: HeartHandshake,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/father-son-browsing-internet-camping_329181-10542.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/father-son-browsing-internet-camping_329181-10542.jpg"
|
||||
imageAlt="father and son working together outdoors"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -99,21 +78,15 @@ export default function LandingPage() {
|
||||
description="We're proud of the legacy we've built, transforming landscapes and exceeding expectations."
|
||||
metrics={[
|
||||
{
|
||||
value: "25+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
value: "25+", title: "Years Experience"},
|
||||
{
|
||||
value: "A+",
|
||||
title: "BBB Rating",
|
||||
},
|
||||
value: "A+", title: "BBB Rating"},
|
||||
{
|
||||
value: "5000+",
|
||||
title: "Happy Customers",
|
||||
},
|
||||
value: "5000+", title: "Happy Customers"},
|
||||
]}
|
||||
tag="Our Impact"
|
||||
tagIcon={Leaf}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/green-park-view_1417-1499.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/green-park-view_1417-1499.jpg"
|
||||
imageAlt="Lush green backyard with perfect lawn"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
@@ -127,33 +100,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
team={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Mark Johnson",
|
||||
role: "Founder & Lead Horticulturist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-home_23-2150062545.jpg?_wi=1",
|
||||
imageAlt: "Mark Johnson, Founder",
|
||||
},
|
||||
id: "1", name: "Mark Johnson", role: "Founder & Lead Horticulturist", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-home_23-2150062545.jpg", imageAlt: "Mark Johnson, Founder"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Johnson",
|
||||
role: "Operations Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-expressive-woman_344912-2023.jpg?_wi=1",
|
||||
imageAlt: "Sarah Johnson, Operations Manager",
|
||||
},
|
||||
id: "2", name: "Sarah Johnson", role: "Operations Manager", imageSrc: "http://img.b2bpic.net/free-photo/portrait-expressive-woman_344912-2023.jpg", imageAlt: "Sarah Johnson, Operations Manager"},
|
||||
{
|
||||
id: "3",
|
||||
name: "David Chen",
|
||||
role: "Senior Lawn Technician",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-talking-phone-near-fence_23-2147779733.jpg",
|
||||
imageAlt: "David Chen, Senior Lawn Technician",
|
||||
},
|
||||
id: "3", name: "David Chen", role: "Senior Lawn Technician", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-talking-phone-near-fence_23-2147779733.jpg", imageAlt: "David Chen, Senior Lawn Technician"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emily White",
|
||||
role: "Customer Relations",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-embroidered-shirt_23-2149394273.jpg",
|
||||
imageAlt: "Emily White, Customer Relations",
|
||||
},
|
||||
id: "4", name: "Emily White", role: "Customer Relations", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-embroidered-shirt_23-2149394273.jpg", imageAlt: "Emily White, Customer Relations"},
|
||||
]}
|
||||
title="The Faces Behind Your Beautiful Lawn"
|
||||
description="Our dedicated team members are passionate about horticulture and committed to delivering the best results for your property."
|
||||
@@ -170,17 +123,11 @@ export default function LandingPage() {
|
||||
author="The Miller Family, Denver CO"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/parents-son-posing-with-thumbs-up_23-2148414902.jpg",
|
||||
alt: "Client avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/parents-son-posing-with-thumbs-up_23-2148414902.jpg", alt: "Client avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-adult-teaching-elderly-person-about-degital-devicer_23-2149212018.jpg",
|
||||
alt: "Client avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-adult-teaching-elderly-person-about-degital-devicer_23-2149212018.jpg", alt: "Client avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-shopper-satisfied-with-discount_1262-14986.jpg",
|
||||
alt: "Client avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-shopper-satisfied-with-discount_1262-14986.jpg", alt: "Client avatar"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -191,16 +138,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Got Questions?"
|
||||
title="We're Here to Help Your Lawn Thrive."
|
||||
description="Whether you need a new service or have a specific lawn challenge, our friendly team is ready to assist."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Our Team",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Contact Our Team", href: "/contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -209,54 +153,33 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Lawn Mowing",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Lawn Mowing", href: "/services"},
|
||||
{
|
||||
label: "Aeration",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Aeration", href: "/services"},
|
||||
{
|
||||
label: "Fertilization",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Fertilization", href: "/services"},
|
||||
{
|
||||
label: "Seasonal Cleanup",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Seasonal Cleanup", href: "/services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "/reviews",
|
||||
},
|
||||
label: "Reviews", href: "/reviews"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact Us", href: "/contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
196
src/app/page.tsx
196
src/app/page.tsx
@@ -29,30 +29,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
href: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
href: "/services",
|
||||
},
|
||||
name: "Services", id: "/services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
href: "/about",
|
||||
},
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
href: "/reviews",
|
||||
},
|
||||
name: "Reviews", id: "/reviews"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
href: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
brandName="Mark's Quality Lawn Care"
|
||||
bottomLeftText="Serving Denver for Decades"
|
||||
@@ -63,38 +48,25 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Reliable Lawn Care in Denver You Can Count On"
|
||||
description="Family-owned and trusted for decades, Mark's Quality Lawn Care delivers affordable, high-quality service across Denver, CO. Get a pristine lawn without the hassle."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-home_23-2150062545.jpg",
|
||||
alt: "Customer avatar 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-home_23-2150062545.jpg", alt: "Customer avatar 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-expressive-woman_344912-2023.jpg",
|
||||
alt: "Customer avatar 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-expressive-woman_344912-2023.jpg", alt: "Customer avatar 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-woman-talking-phone-near-fence_23-2147779733.jpg",
|
||||
alt: "Customer avatar 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-woman-talking-phone-near-fence_23-2147779733.jpg", alt: "Customer avatar 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-wearing-embroidered-shirt_23-2149394273.jpg",
|
||||
alt: "Customer avatar 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-wearing-embroidered-shirt_23-2149394273.jpg", alt: "Customer avatar 4"},
|
||||
]}
|
||||
avatarText="4.8 Star Rating (47+ Reviews)"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now: (720) XXX-XXXX",
|
||||
href: "tel:720-XXX-XXXX",
|
||||
},
|
||||
text: "Call Now: (720) XXX-XXXX", href: "tel:720-XXX-XXXX"},
|
||||
{
|
||||
text: "Get a Free Estimate",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Get a Free Estimate", href: "/contact"},
|
||||
]}
|
||||
buttonAnimation="none"
|
||||
/>
|
||||
@@ -107,19 +79,13 @@ export default function LandingPage() {
|
||||
description="Mark's Quality Lawn Care is a family-owned business proudly serving the Denver metro area for over three decades. We believe in honest work, fair pricing, and building lasting relationships with our neighbors. When you choose us, you're choosing reliability, quality, and a team that genuinely cares about your lawn."
|
||||
metrics={[
|
||||
{
|
||||
value: "30+",
|
||||
title: "Years Serving Denver",
|
||||
},
|
||||
value: "30+", title: "Years Serving Denver"},
|
||||
{
|
||||
value: "4.8",
|
||||
title: "Star Rating",
|
||||
},
|
||||
value: "4.8", title: "Star Rating"},
|
||||
{
|
||||
value: "100s",
|
||||
title: "Happy Customers",
|
||||
},
|
||||
value: "100s", title: "Happy Customers"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/father-son-browsing-internet-camping_329181-10542.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/father-son-browsing-internet-camping_329181-10542.jpg"
|
||||
imageAlt="Mark and his son working on a lawn"
|
||||
mediaAnimation="opacity"
|
||||
metricsAnimation="slide-up"
|
||||
@@ -133,52 +99,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "lawn-mowing",
|
||||
title: "Lawn Mowing",
|
||||
tags: [
|
||||
"Weekly",
|
||||
"Bi-Weekly",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-robot-tending-maintaining-gardens_23-2151803969.jpg?_wi=1",
|
||||
imageAlt: "Professional lawn mowing service",
|
||||
},
|
||||
id: "lawn-mowing", title: "Lawn Mowing", tags: [
|
||||
"Weekly", "Bi-Weekly"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-robot-tending-maintaining-gardens_23-2151803969.jpg", imageAlt: "Professional lawn mowing service"},
|
||||
{
|
||||
id: "aeration",
|
||||
title: "Aeration",
|
||||
tags: [
|
||||
"Spring",
|
||||
"Fall",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-legs-playing-with-ball_23-2147636857.jpg?_wi=1",
|
||||
imageAlt: "Lawn aeration service",
|
||||
},
|
||||
id: "aeration", title: "Aeration", tags: [
|
||||
"Spring", "Fall"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-legs-playing-with-ball_23-2147636857.jpg", imageAlt: "Lawn aeration service"},
|
||||
{
|
||||
id: "fertilization",
|
||||
title: "Fertilization",
|
||||
tags: [
|
||||
"Custom Plans",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-maintenance-worker-taking-care-court-autumn-low-angle-view-male-worker_7502-10255.jpg?_wi=1",
|
||||
imageAlt: "Lawn fertilization service",
|
||||
},
|
||||
id: "fertilization", title: "Fertilization", tags: [
|
||||
"Custom Plans"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-maintenance-worker-taking-care-court-autumn-low-angle-view-male-worker_7502-10255.jpg", imageAlt: "Lawn fertilization service"},
|
||||
{
|
||||
id: "seasonal-cleanup",
|
||||
title: "Seasonal Cleanup",
|
||||
tags: [
|
||||
"Leaves",
|
||||
"Debris",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-senior-man-cleaning-sidewalk-with-leaf-blower-october-low-angle-view-smiling-bearded_7502-10259.jpg?_wi=1",
|
||||
imageAlt: "Seasonal lawn cleanup service",
|
||||
},
|
||||
id: "seasonal-cleanup", title: "Seasonal Cleanup", tags: [
|
||||
"Leaves", "Debris"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-senior-man-cleaning-sidewalk-with-leaf-blower-october-low-angle-view-smiling-bearded_7502-10259.jpg", imageAlt: "Seasonal lawn cleanup service"},
|
||||
]}
|
||||
title="Our Professional Lawn Care Services"
|
||||
description="From routine mowing to seasonal treatments, we offer a full range of services to keep your lawn healthy and vibrant year-round. We tailor our approach to meet your lawn's specific needs."
|
||||
buttons={[
|
||||
{
|
||||
text: "View All Services",
|
||||
href: "/services",
|
||||
},
|
||||
text: "View All Services", href: "/services"},
|
||||
]}
|
||||
buttonAnimation="none"
|
||||
/>
|
||||
@@ -192,37 +133,13 @@ export default function LandingPage() {
|
||||
carouselMode="buttons"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Homeowner, Denver",
|
||||
testimonial: "We've used Mark's Quality Lawn Care for over 10 years, and they are always professional and reliable. Our lawn has never looked better!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/parents-son-posing-with-thumbs-up_23-2148414902.jpg?_wi=1",
|
||||
imageAlt: "Sarah J. testimonial",
|
||||
},
|
||||
id: "1", name: "Sarah J.", role: "Homeowner, Denver", testimonial: "We've used Mark's Quality Lawn Care for over 10 years, and they are always professional and reliable. Our lawn has never looked better!", imageSrc: "http://img.b2bpic.net/free-photo/parents-son-posing-with-thumbs-up_23-2148414902.jpg", imageAlt: "Sarah J. testimonial"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael T.",
|
||||
role: "Homeowner, Denver",
|
||||
testimonial: "Mark and his team do great work at a reasonable price. It's such a relief to have a lawn service I don’t have to worry about. Highly recommend!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-teaching-elderly-person-about-degital-devicer_23-2149212018.jpg?_wi=1",
|
||||
imageAlt: "Michael T. testimonial",
|
||||
},
|
||||
id: "2", name: "Michael T.", role: "Homeowner, Denver", testimonial: "Mark and his team do great work at a reasonable price. It's such a relief to have a lawn service I don’t have to worry about. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-teaching-elderly-person-about-degital-devicer_23-2149212018.jpg", imageAlt: "Michael T. testimonial"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Property Manager",
|
||||
testimonial: "As a property manager, reliability is key. Mark's Quality Lawn Care consistently delivers, keeping our properties pristine and tenants happy.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-shopper-satisfied-with-discount_1262-14986.jpg?_wi=1",
|
||||
imageAlt: "Emily R. testimonial",
|
||||
},
|
||||
id: "3", name: "Emily R.", role: "Property Manager", testimonial: "As a property manager, reliability is key. Mark's Quality Lawn Care consistently delivers, keeping our properties pristine and tenants happy.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-shopper-satisfied-with-discount_1262-14986.jpg", imageAlt: "Emily R. testimonial"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Homeowner, Denver",
|
||||
testimonial: "They always show up on time and do an immaculate job. It's the best lawn service we've had in Denver, truly quality work!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-stylish-mature-female-manager-working-office-sitting-desk-with-generic-portable-computer-smiling-broadly-pointing-fore-finger-enjoying-her-job_343059-3755.jpg?_wi=1",
|
||||
imageAlt: "David K. testimonial",
|
||||
},
|
||||
id: "4", name: "David K.", role: "Homeowner, Denver", testimonial: "They always show up on time and do an immaculate job. It's the best lawn service we've had in Denver, truly quality work!", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-stylish-mature-female-manager-working-office-sitting-desk-with-generic-portable-computer-smiling-broadly-pointing-fore-finger-enjoying-her-job_343059-3755.jpg", imageAlt: "David K. testimonial"},
|
||||
]}
|
||||
title="What Our Neighbors Say"
|
||||
description="Our long-term customers are our best advertisement. Hear directly from homeowners in Denver who trust Mark's Quality Lawn Care for consistent, top-notch service."
|
||||
@@ -233,8 +150,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact Us"
|
||||
title="Get Your Free Lawn Care Estimate Today"
|
||||
description="Ready for a beautiful, worry-free lawn? Contact us today for a free, no-obligation estimate. We respond fast!"
|
||||
@@ -254,57 +170,35 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Lawn Mowing",
|
||||
href: "/services#lawn-mowing",
|
||||
},
|
||||
label: "Lawn Mowing", href: "/services#lawn-mowing"},
|
||||
{
|
||||
label: "Aeration",
|
||||
href: "/services#aeration",
|
||||
},
|
||||
label: "Aeration", href: "/services#aeration"},
|
||||
{
|
||||
label: "Fertilization",
|
||||
href: "/services#fertilization",
|
||||
},
|
||||
label: "Fertilization", href: "/services#fertilization"},
|
||||
{
|
||||
label: "Seasonal Cleanup",
|
||||
href: "/services#seasonal-cleanup",
|
||||
},
|
||||
label: "Seasonal Cleanup", href: "/services#seasonal-cleanup"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "/reviews",
|
||||
},
|
||||
label: "Reviews", href: "/reviews"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Call Us: (720) XXX-XXXX",
|
||||
href: "tel:720-XXX-XXXX",
|
||||
},
|
||||
label: "Call Us: (720) XXX-XXXX", href: "tel:720-XXX-XXXX"},
|
||||
{
|
||||
label: "Email Us",
|
||||
href: "mailto:info@markslawncare.com",
|
||||
},
|
||||
label: "Email Us", href: "mailto:info@markslawncare.com"},
|
||||
{
|
||||
label: "Service Area: Denver, CO",
|
||||
href: "#",
|
||||
},
|
||||
label: "Service Area: Denver, CO", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -9,7 +9,7 @@ import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Calendar, CheckCircle, Smile } from "lucide-react";
|
||||
import { Calendar, CheckCircle, Smile, Leaf } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,30 +30,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
href: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
href: "/services",
|
||||
},
|
||||
name: "Services", id: "/services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
href: "/about",
|
||||
},
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
href: "/reviews",
|
||||
},
|
||||
name: "Reviews", id: "/reviews"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
href: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
brandName="Mark's Quality Lawn Care"
|
||||
bottomLeftText="Serving Denver for Decades"
|
||||
@@ -64,21 +49,16 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Transform Your Lawn with Mark's Quality Care"
|
||||
description="From precise mowing to expert aeration, we deliver exceptional lawn services across Denver, ensuring your outdoor space is always vibrant and healthy."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Estimate",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Get a Free Estimate", href: "/contact"},
|
||||
{
|
||||
text: "View Our Services",
|
||||
href: "/services#our-services",
|
||||
},
|
||||
text: "View Our Services", href: "/services#our-services"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/green-park-view_1417-1499.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/green-park-view_1417-1499.jpg"
|
||||
imageAlt="green lush lawn in suburban neighborhood"
|
||||
/>
|
||||
</div>
|
||||
@@ -90,98 +70,66 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Professional Lawn Mowing",
|
||||
description: "Regular mowing tailored to your lawn's needs, ensuring a neat, consistent cut every time.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-robot-tending-maintaining-gardens_23-2151803969.jpg?_wi=2",
|
||||
imageAlt: "Lawn mowing service",
|
||||
},
|
||||
id: "1", title: "Professional Lawn Mowing", description: "Regular mowing tailored to your lawn's needs, ensuring a neat, consistent cut every time.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-robot-tending-maintaining-gardens_23-2151803969.jpg", imageAlt: "Lawn mowing service"},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Weekly & Bi-Weekly Cuts",
|
||||
},
|
||||
text: "Weekly & Bi-Weekly Cuts"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Edging & Trimming",
|
||||
},
|
||||
text: "Edging & Trimming"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Clipping Removal",
|
||||
},
|
||||
text: "Clipping Removal"},
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Essential Lawn Aeration",
|
||||
description: "Improve soil health and nutrient absorption with our core aeration service for a stronger, greener lawn.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-legs-playing-with-ball_23-2147636857.jpg?_wi=2",
|
||||
imageAlt: "Lawn aeration service",
|
||||
},
|
||||
id: "2", title: "Essential Lawn Aeration", description: "Improve soil health and nutrient absorption with our core aeration service for a stronger, greener lawn.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-legs-playing-with-ball_23-2147636857.jpg", imageAlt: "Lawn aeration service"},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Promotes Root Growth",
|
||||
},
|
||||
text: "Promotes Root Growth"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Enhances Water Penetration",
|
||||
},
|
||||
text: "Enhances Water Penetration"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Reduces Soil Compaction",
|
||||
},
|
||||
text: "Reduces Soil Compaction"},
|
||||
],
|
||||
reverse: true,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Custom Fertilization Plans",
|
||||
description: "Nourish your lawn with custom-blended fertilizers, promoting lush growth and vibrant color.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-maintenance-worker-taking-care-court-autumn-low-angle-view-male-worker_7502-10255.jpg?_wi=2",
|
||||
imageAlt: "Lawn fertilization service",
|
||||
},
|
||||
id: "3", title: "Custom Fertilization Plans", description: "Nourish your lawn with custom-blended fertilizers, promoting lush growth and vibrant color.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-maintenance-worker-taking-care-court-autumn-low-angle-view-male-worker_7502-10255.jpg", imageAlt: "Lawn fertilization service"},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Seasonal Feeding",
|
||||
},
|
||||
text: "Seasonal Feeding"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Weed Control",
|
||||
},
|
||||
text: "Weed Control"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Nutrient-Rich Formulas",
|
||||
},
|
||||
text: "Nutrient-Rich Formulas"},
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Seasonal Cleanups",
|
||||
description: "Prepare your lawn for changing seasons with our thorough spring and fall cleanup services.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-senior-man-cleaning-sidewalk-with-leaf-blower-october-low-angle-view-smiling-bearded_7502-10259.jpg?_wi=2",
|
||||
imageAlt: "Seasonal cleanup service",
|
||||
},
|
||||
id: "4", title: "Seasonal Cleanups", description: "Prepare your lawn for changing seasons with our thorough spring and fall cleanup services.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-senior-man-cleaning-sidewalk-with-leaf-blower-october-low-angle-view-smiling-bearded_7502-10259.jpg", imageAlt: "Seasonal cleanup service"},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Leaf Removal",
|
||||
},
|
||||
text: "Leaf Removal"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Debris Clearing",
|
||||
},
|
||||
text: "Debris Clearing"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Gutter Cleaning",
|
||||
},
|
||||
text: "Gutter Cleaning"},
|
||||
],
|
||||
reverse: true,
|
||||
},
|
||||
@@ -193,30 +141,19 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metric-quality" data-section="metric-quality">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "25+",
|
||||
title: "Years in Business",
|
||||
description: "Serving the Denver community since 1998.",
|
||||
icon: Calendar,
|
||||
id: "1", value: "25+", title: "Years in Business", description: "Serving the Denver community since 1998.", icon: Calendar,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "98%",
|
||||
title: "Customer Satisfaction",
|
||||
description: "Our clients consistently rave about our reliable service.",
|
||||
icon: Smile,
|
||||
id: "2", value: "98%", title: "Customer Satisfaction", description: "Our clients consistently rave about our reliable service.", icon: Smile,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "1000+",
|
||||
title: "Lawn Transformations",
|
||||
description: "Helped thousands of homes achieve their dream lawn.",
|
||||
icon: Leaf,
|
||||
id: "3", value: "1000+", title: "Lawn Transformations", description: "Helped thousands of homes achieve their dream lawn.", icon: Leaf,
|
||||
},
|
||||
]}
|
||||
title="Committed to Excellence"
|
||||
@@ -231,33 +168,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Denver Resident",
|
||||
testimonial: "Mark's team transformed our patchy lawn into a vibrant green oasis. Their attention to detail is unmatched!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/parents-son-posing-with-thumbs-up_23-2148414902.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Sarah J.", role: "Denver Resident", testimonial: "Mark's team transformed our patchy lawn into a vibrant green oasis. Their attention to detail is unmatched!", imageSrc: "http://img.b2bpic.net/free-photo/parents-son-posing-with-thumbs-up_23-2148414902.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "David R.",
|
||||
role: "Homeowner",
|
||||
testimonial: "Reliable, professional, and always on time. My lawn has never looked better. Highly recommend!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-teaching-elderly-person-about-degital-devicer_23-2149212018.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "David R.", role: "Homeowner", testimonial: "Reliable, professional, and always on time. My lawn has never looked better. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-teaching-elderly-person-about-degital-devicer_23-2149212018.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily K.",
|
||||
role: "Property Manager",
|
||||
testimonial: "We rely on Mark's for multiple properties. They provide consistent, high-quality service at a fair price.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-shopper-satisfied-with-discount_1262-14986.jpg?_wi=2",
|
||||
},
|
||||
id: "3", name: "Emily K.", role: "Property Manager", testimonial: "We rely on Mark's for multiple properties. They provide consistent, high-quality service at a fair price.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-shopper-satisfied-with-discount_1262-14986.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Robert L.",
|
||||
role: "Small Business Owner",
|
||||
testimonial: "Excellent work and friendly staff. It's truly family-owned quality you can trust.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-stylish-mature-female-manager-working-office-sitting-desk-with-generic-portable-computer-smiling-broadly-pointing-fore-finger-enjoying-her-job_343059-3755.jpg?_wi=2",
|
||||
},
|
||||
id: "4", name: "Robert L.", role: "Small Business Owner", testimonial: "Excellent work and friendly staff. It's truly family-owned quality you can trust.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-stylish-mature-female-manager-working-office-sitting-desk-with-generic-portable-computer-smiling-broadly-pointing-fore-finger-enjoying-her-job_343059-3755.jpg"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Hear directly from homeowners who trust Mark's Quality Lawn Care."
|
||||
@@ -268,16 +185,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Ready for a Lush Lawn?"
|
||||
title="Get Your Free Lawn Care Estimate Today!"
|
||||
description="Let Mark's Quality Lawn Care handle all your lawn needs. Contact us for a personalized, no-obligation estimate."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request an Estimate",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Request an Estimate", href: "/contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -286,54 +200,33 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Lawn Mowing",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Lawn Mowing", href: "/services"},
|
||||
{
|
||||
label: "Aeration",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Aeration", href: "/services"},
|
||||
{
|
||||
label: "Fertilization",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Fertilization", href: "/services"},
|
||||
{
|
||||
label: "Seasonal Cleanup",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Seasonal Cleanup", href: "/services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "/reviews",
|
||||
},
|
||||
label: "Reviews", href: "/reviews"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact Us", href: "/contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user