Merge version_1 into main #4
@@ -2,14 +2,30 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { Star } from "lucide-react";
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
|
||||
export default function LandingPage() {
|
||||
const navItems = [
|
||||
{
|
||||
name: "Home", id: "/"
|
||||
},
|
||||
{
|
||||
name: "Services", id: "/services"
|
||||
},
|
||||
{
|
||||
name: "About", id: "/about"
|
||||
},
|
||||
{
|
||||
name: "Reviews", id: "/reviews"
|
||||
},
|
||||
{
|
||||
name: "Contact", id: "/contact"
|
||||
}
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
@@ -24,225 +40,112 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
href: "/reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Mark's Quality Lawn Care"
|
||||
bottomLeftText="Serving Denver for Decades"
|
||||
bottomRightText="Call Now: (720) XXX-XXXX"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={navItems}
|
||||
brandName="Mark's Quality Lawn Care"
|
||||
bottomLeftText="Serving Denver for Decades"
|
||||
bottomRightText="Call Now: (720) XXX-XXXX"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials-main" data-section="testimonials-main">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Jessica L.",
|
||||
handle: "@jess_lawns",
|
||||
testimonial: "Mark's Quality Lawn Care transformed my yard! It's never looked so green and healthy. Professional and friendly service every time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/parents-son-posing-with-thumbs-up_23-2148414902.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael B.",
|
||||
handle: "@mike_green_thumb",
|
||||
testimonial: "Consistent, reliable, and always go the extra mile. I highly recommend them for any lawn service in Denver.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-teaching-elderly-person-about-degital-devicer_23-2149212018.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Patricia C.",
|
||||
handle: "@patty_homes",
|
||||
testimonial: "Our aeration service was outstanding. The team was efficient and left no mess. Truly quality work!",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-shopper-satisfied-with-discount_1262-14986.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Robert S.",
|
||||
handle: "@denver_gardens",
|
||||
testimonial: "From fertilization to seasonal cleanups, Mark's handles it all. Best lawn care company we've used!",
|
||||
rating: 5,
|
||||
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=3",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Amanda H.",
|
||||
handle: "@amanda_yard",
|
||||
testimonial: "Responsive and knowledgeable. They gave me great advice on maintaining my lawn between services.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-home_23-2150062545.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Kevin P.",
|
||||
handle: "@kp_outdoors",
|
||||
testimonial: "My lawn has never been healthier. The team is always punctual and polite. Five stars!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-expressive-woman_344912-2023.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Hear From Our Happy Customers"
|
||||
description="We're proud of the relationships we build and the beautiful lawns we create. Read what our clients have to say!"
|
||||
tag="Client Love"
|
||||
tagIcon={Star}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
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."
|
||||
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", 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", 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", 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", imageAlt: "David K. testimonial"
|
||||
}
|
||||
]}
|
||||
carouselMode="buttons"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
ariaLabel="Testimonials section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials-marquee" data-section="testimonials-marquee">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Olivia M.",
|
||||
handle: "Denver, CO",
|
||||
testimonial: "Exceptional service from start to finish. My lawn is the envy of the neighborhood thanks to Mark's!",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Daniel W.",
|
||||
handle: "Aurora, CO",
|
||||
testimonial: "They fixed my patchy lawn when no one else could. Their expertise is truly invaluable.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sophia G.",
|
||||
handle: "Lakewood, CO",
|
||||
testimonial: "Always professional and my yard looks impeccable after every visit. Great value for top-notch service.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Ethan R.",
|
||||
handle: "Arvada, CO",
|
||||
testimonial: "Friendly crew, fantastic results. My kids love playing on our perfectly maintained lawn.",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Isabella C.",
|
||||
handle: "Englewood, CO",
|
||||
testimonial: "Quick to respond and always deliver. It's a joy to come home to a beautifully cared-for yard.",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Noah L.",
|
||||
handle: "Westminster, CO",
|
||||
testimonial: "Reliable and thorough. Mark's Quality Lawn Care makes having a perfect lawn effortless.",
|
||||
},
|
||||
]}
|
||||
title="More Voices from Our Community"
|
||||
description="Swipe through a selection of real feedback from satisfied Denver homeowners."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
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!"
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/winter-concept-guy-brown-coat-salesman-christmas-tree_1157-48582.jpg"
|
||||
imageAlt="Denver service area map"
|
||||
mediaAnimation="opacity"
|
||||
mediaPosition="right"
|
||||
inputPlaceholder="Your Name"
|
||||
buttonText="Request Your Free Estimate"
|
||||
termsText="By clicking Request Your Free Estimate you're confirming that you agree with our Terms and Conditions."
|
||||
ariaLabel="Contact section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric-reviews" data-section="metric-reviews">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Commitment in Numbers"
|
||||
description="Dedicated to delivering"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Lawn Mowing",
|
||||
href: "/services#lawn-mowing",
|
||||
},
|
||||
{
|
||||
label: "Aeration",
|
||||
href: "/services#aeration",
|
||||
},
|
||||
{
|
||||
label: "Fertilization",
|
||||
href: "/services#fertilization",
|
||||
},
|
||||
{
|
||||
label: "Seasonal Cleanup",
|
||||
href: "/services#seasonal-cleanup",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "/reviews",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Call Us: (720) XXX-XXXX",
|
||||
href: "tel:720-XXX-XXXX",
|
||||
},
|
||||
{
|
||||
label: "Email Us",
|
||||
href: "mailto:info@markslawncare.com",
|
||||
},
|
||||
{
|
||||
label: "Service Area: Denver, CO",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Mark's Quality Lawn Care"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="Mark's Quality Lawn Care"
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Lawn Mowing", href: "/services#lawn-mowing"
|
||||
},
|
||||
{
|
||||
label: "Aeration", href: "/services#aeration"
|
||||
},
|
||||
{
|
||||
label: "Fertilization", href: "/services#fertilization"
|
||||
},
|
||||
{
|
||||
label: "Seasonal Cleanup", href: "/services#seasonal-cleanup"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us", href: "/about"
|
||||
},
|
||||
{
|
||||
label: "Reviews", href: "/reviews"
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy", href: "#"
|
||||
},
|
||||
{
|
||||
label: "Terms of Service", href: "#"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Call Us: (720) XXX-XXXX", href: "tel:720-XXX-XXXX"
|
||||
},
|
||||
{
|
||||
label: "Email Us", href: "mailto:info@markslawncare.com"
|
||||
},
|
||||
{
|
||||
label: "Service Area: Denver, CO", href: "#"
|
||||
}
|
||||
]
|
||||
}
|
||||
]}
|
||||
ariaLabel="Site footer"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user