Update src/app/page.tsx
This commit is contained in:
338
src/app/page.tsx
338
src/app/page.tsx
@@ -11,7 +11,7 @@ import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import { Award, MapPin, ShieldCheck, Smile } from "lucide-react";
|
||||
import { Award, MapPin, ShieldCheck, Smile, ArrowRight } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,144 +31,54 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Grass With Class"
|
||||
button={{
|
||||
text: "Call Now",
|
||||
href: "tel:5550123456",
|
||||
}}
|
||||
text: "Call Now", href: "tel:5550123456"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Professional Lawn & Landscape Care"
|
||||
description="Transform your outdoor space with Grass With Class. High-quality, reliable, and affordable services for your beautiful local home."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-working-greenhouse-with-flowerpots_1157-30885.jpg",
|
||||
imageAlt: "professional lawn care service truck",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-couple-with-wheelbarrow_23-2148256654.jpg",
|
||||
imageAlt: "professional lawn care service truck",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-gardener-trimming-hedge-yard_342744-537.jpg",
|
||||
imageAlt: "professional lawn care service truck",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-taking-care-their-plants-greenhouse_23-2149037247.jpg",
|
||||
imageAlt: "professional lawn care service truck",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-browsing-tablet-park_23-2147850745.jpg",
|
||||
imageAlt: "professional lawn care service truck",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/women-working-greenhouse-with-flowerpots_1157-30885.jpg", imageAlt: "professional lawn care service truck" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-couple-with-wheelbarrow_23-2148256654.jpg", imageAlt: "professional lawn care service truck" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/professional-gardener-trimming-hedge-yard_342744-537.jpg", imageAlt: "professional lawn care service truck" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/women-taking-care-their-plants-greenhouse_23-2149037247.jpg", imageAlt: "professional lawn care service truck" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-browsing-tablet-park_23-2147850745.jpg", imageAlt: "professional lawn care service truck" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-robot-tending-maintaining-gardens_23-2151803970.jpg",
|
||||
imageAlt: "professional lawn care service truck",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skilful-male-landscaper-using-high-altitude-hedge-trimmer-topiary-park-side-view-focused_7502-10164.jpg",
|
||||
imageAlt: "professional lawn care service truck",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-working-greenhouse-with-flowerpots_1157-30884.jpg",
|
||||
imageAlt: "professional lawn care service truck",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-gardener-holding-vegetable-crate-near-car_23-2147844351.jpg",
|
||||
imageAlt: "professional lawn care service truck",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-female-gardener-watering-trimming-plants-garden_23-2148165241.jpg",
|
||||
imageAlt: "professional lawn care service truck",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-robot-tending-maintaining-gardens_23-2151803970.jpg", imageAlt: "professional lawn care service truck" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/skilful-male-landscaper-using-high-altitude-hedge-trimmer-topiary-park-side-view-focused_7502-10164.jpg", imageAlt: "professional lawn care service truck" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/women-working-greenhouse-with-flowerpots_1157-30884.jpg", imageAlt: "professional lawn care service truck" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-gardener-holding-vegetable-crate-near-car_23-2147844351.jpg", imageAlt: "professional lawn care service truck" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-female-gardener-watering-trimming-plants-garden_23-2148165241.jpg", imageAlt: "professional lawn care service truck" }
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5550123456",
|
||||
},
|
||||
{
|
||||
text: "Get Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Call Now", href: "tel:5550123456" },
|
||||
{ text: "Get Free Quote", href: "#contact" }
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-female-gardener-working-together-garden_23-2148165227.jpg",
|
||||
alt: "Male and female gardener working together in the garden",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-helping-each-other-community_23-2149139733.jpg",
|
||||
alt: "People helping each other in the community",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/senior-couple-caring-flowers_23-2148256693.jpg",
|
||||
alt: "Senior couple caring the flowers",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-florist-taking-care-flowers-focus-plant_176420-2078.jpg",
|
||||
alt: "Young beautiful florist taking care of flowers",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fork-harrows-grass_1339-7742.jpg",
|
||||
alt: "Fork harrows on grass",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/male-female-gardener-working-together-garden_23-2148165227.jpg", alt: "Male and female gardener working together in the garden" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/people-helping-each-other-community_23-2149139733.jpg", alt: "People helping each other in the community" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/senior-couple-caring-flowers_23-2148256693.jpg", alt: "Senior couple caring the flowers" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-beautiful-florist-taking-care-flowers-focus-plant_176420-2078.jpg", alt: "Young beautiful florist taking care of flowers" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/fork-harrows-grass_1339-7742.jpg", alt: "Fork harrows on grass" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/green-grass_181624-12702.jpg",
|
||||
alt: "Green grass",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/community-people-working-together-agriculture-grow-food_23-2151205677.jpg",
|
||||
alt: "Community of people working together",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/couple-collects-leaves-cleans-park_1157-27418.jpg",
|
||||
alt: "Couple collects leaves",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/happy-senior-couple-with-flowers_23-2148256652.jpg",
|
||||
alt: "Happy senior couple with flowers",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/local-retailer-taking-care-his-business_23-2149349464.jpg",
|
||||
alt: "Local retailer taking care of business",
|
||||
},
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/green-grass_181624-12702.jpg", alt: "Green grass" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/community-people-working-together-agriculture-grow-food_23-2151205677.jpg", alt: "Community of people working together" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/couple-collects-leaves-cleans-park_1157-27418.jpg", alt: "Couple collects leaves" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/happy-senior-couple-with-flowers_23-2148256652.jpg", alt: "Happy senior couple with flowers" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/local-retailer-taking-care-his-business_23-2149349464.jpg", alt: "Local retailer taking care of business" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -192,36 +102,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Lawn Mowing",
|
||||
description: "Professional weekly mowing, edging, and trimming.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gardener-garden-with-hut-cuts-tree-with-hedgehogs-against-sky_169016-10694.jpg",
|
||||
buttonIcon: "ArrowRight",
|
||||
},
|
||||
{
|
||||
title: "Mulching & Beds",
|
||||
description: "Keep garden beds healthy and weed-free.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-man-s-hand-digging-soil-with-hoe_23-2148165180.jpg",
|
||||
buttonIcon: "ArrowRight",
|
||||
},
|
||||
{
|
||||
title: "Seasonal Cleanup",
|
||||
description: "Fall leaf removal and spring garden prep.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-maintenance-worker-taking-care-court-autumn-low-angle-view-male-worker_7502-10255.jpg",
|
||||
buttonIcon: "ArrowRight",
|
||||
},
|
||||
{
|
||||
title: "Hardscaping",
|
||||
description: "Professional stone paths and patio design.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cement-walkway-garden_1252-1023.jpg",
|
||||
buttonIcon: "ArrowRight",
|
||||
},
|
||||
{
|
||||
title: "Hedge Trimming",
|
||||
description: "Precision pruning for perfect curb appeal.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-male-landscaper-cutting-top-overgrown-thujas-with-motorized-hedge-trimmer-park-side_7502-10163.jpg",
|
||||
buttonIcon: "ArrowRight",
|
||||
},
|
||||
{ title: "Lawn Mowing", description: "Professional weekly mowing, edging, and trimming.", imageSrc: "http://img.b2bpic.net/free-photo/gardener-garden-with-hut-cuts-tree-with-hedgehogs-against-sky_169016-10694.jpg", buttonIcon: ArrowRight },
|
||||
{ title: "Mulching & Beds", description: "Keep garden beds healthy and weed-free.", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-man-s-hand-digging-soil-with-hoe_23-2148165180.jpg", buttonIcon: ArrowRight },
|
||||
{ title: "Seasonal Cleanup", description: "Fall leaf removal and spring garden prep.", imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-maintenance-worker-taking-care-court-autumn-low-angle-view-male-worker_7502-10255.jpg", buttonIcon: ArrowRight },
|
||||
{ title: "Hardscaping", description: "Professional stone paths and patio design.", imageSrc: "http://img.b2bpic.net/free-photo/cement-walkway-garden_1252-1023.jpg", buttonIcon: ArrowRight },
|
||||
{ title: "Hedge Trimming", description: "Precision pruning for perfect curb appeal.", imageSrc: "http://img.b2bpic.net/free-photo/positive-male-landscaper-cutting-top-overgrown-thujas-with-motorized-hedge-trimmer-park-side_7502-10163.jpg", buttonIcon: ArrowRight }
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="We offer a wide range of services to keep your lawn looking pristine all year round."
|
||||
@@ -234,24 +119,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Award,
|
||||
title: "Years Experience",
|
||||
value: "12+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Smile,
|
||||
title: "Happy Clients",
|
||||
value: "500+",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: MapPin,
|
||||
title: "Local Areas Served",
|
||||
value: "15",
|
||||
},
|
||||
{ id: "m1", icon: Award, title: "Years Experience", value: "12+" },
|
||||
{ id: "m2", icon: Smile, title: "Happy Clients", value: "500+" },
|
||||
{ id: "m3", icon: MapPin, title: "Local Areas Served", value: "15" }
|
||||
]}
|
||||
title="Trusted Excellence"
|
||||
description="Our numbers speak for themselves."
|
||||
@@ -264,60 +134,16 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
role: "Homeowner",
|
||||
company: "Local Community",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-speaking-phone-while-walking-with-woman_23-2147779718.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "John Thompson",
|
||||
role: "Homeowner",
|
||||
company: "Local Community",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-traveling-using-sustainable-mobility_23-2149292681.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Davis",
|
||||
role: "Homeowner",
|
||||
company: "Local Community",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-farmer-taking-care-his-business_329181-15997.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Michael Roberts",
|
||||
role: "Homeowner",
|
||||
company: "Local Community",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-resting-grass_23-2147562311.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica Wright",
|
||||
role: "Homeowner",
|
||||
company: "Local Community",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-couple-summer-garden-handsome-senior-white-shirt-woman-hat-family-watering_1157-41307.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah Miller", role: "Homeowner", company: "Local Community", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-speaking-phone-while-walking-with-woman_23-2147779718.jpg" },
|
||||
{ id: "t2", name: "John Thompson", role: "Homeowner", company: "Local Community", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-adult-traveling-using-sustainable-mobility_23-2149292681.jpg" },
|
||||
{ id: "t3", name: "Emily Davis", role: "Homeowner", company: "Local Community", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-farmer-taking-care-his-business_329181-15997.jpg" },
|
||||
{ id: "t4", name: "Michael Roberts", role: "Homeowner", company: "Local Community", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-resting-grass_23-2147562311.jpg" },
|
||||
{ id: "t5", name: "Jessica Wright", role: "Homeowner", company: "Local Community", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/adult-couple-summer-garden-handsome-senior-white-shirt-woman-hat-family-watering_1157-41307.jpg" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Google Rating",
|
||||
},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Retention Rate",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Satisfaction",
|
||||
},
|
||||
{ value: "4.9/5", label: "Google Rating" },
|
||||
{ value: "98%", label: "Retention Rate" },
|
||||
{ value: "100%", label: "Satisfaction" }
|
||||
]}
|
||||
title="What Our Neighbors Say"
|
||||
description="Don't just take our word for it — hear from our satisfied customers."
|
||||
@@ -329,21 +155,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "Yes, we are fully licensed and insured for all our services.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What areas do you serve?",
|
||||
content: "We serve the entire metro area and surrounding suburban neighborhoods.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How can I get a quote?",
|
||||
content: "Simply fill out our contact form or call us for a free estimate.",
|
||||
},
|
||||
{ id: "f1", title: "Are you licensed and insured?", content: "Yes, we are fully licensed and insured for all our services." },
|
||||
{ id: "f2", title: "What areas do you serve?", content: "We serve the entire metro area and surrounding suburban neighborhoods." },
|
||||
{ id: "f3", title: "How can I get a quote?", content: "Simply fill out our contact form or call us for a free estimate." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our services."
|
||||
@@ -354,9 +168,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Request Your Free Quote"
|
||||
description="Ready for a beautiful lawn? Contact us today for a free professional estimate."
|
||||
@@ -367,53 +179,9 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="Grass With Class"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Mowing",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Landscaping",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Mulching",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Services", items: [{ label: "Mowing", href: "#" }, { label: "Landscaping", href: "#" }, { label: "Mulching", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Contact", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
|
||||
]}
|
||||
copyrightText="© 2024 Grass With Class Lawn & Landscape."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user