Merge version_1 into main #2
260
src/app/page.tsx
260
src/app/page.tsx
@@ -12,7 +12,7 @@ import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Leaf } from "lucide-react";
|
||||
import { Leaf, CheckCircle } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,18 +32,9 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Vibrant Lawn"
|
||||
/>
|
||||
@@ -51,46 +42,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Transform Your Lawn into a Vibrant Oasis"
|
||||
description="Professional lawn care services tailored to keep your yard healthy, lush, and beautiful throughout every season."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Our Services",
|
||||
href: "#services",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get a Quote", href: "#contact" }, { text: "Our Services", href: "#services" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-florist-apron-pink-gloves-thoughtfully-working-with-plants-greenhouse_574295-1592.jpg?_wi=1",
|
||||
imageAlt: "Lush manicured lawn",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-florist-taking-care-flowers-focus-plant_176420-2078.jpg",
|
||||
imageAlt: "Professional landscaping",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-gardener-squatting-watering-pot-plants-from-hose-caucasian-blonde-woman-wearing-blue-shirt-apron-growing-flowers-greenhouse-commercial-gardening-activity-summer-concept_74855-12778.jpg",
|
||||
imageAlt: "Seasonal lawn care",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gardener_23-2148013383.jpg",
|
||||
imageAlt: "Garden maintenance",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spending-time-nature-picnic-accessories-picnic_185193-110954.jpg",
|
||||
imageAlt: "Lush green grass",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-gardener-cutting-plants-with-pruner-greenhouse-woman-working-garden-cropped-shot-gardening-job-concept_74855-12777.jpg",
|
||||
imageAlt: "Vibrant garden oasis",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-florist-apron-pink-gloves-thoughtfully-working-with-plants-greenhouse_574295-1592.jpg", imageAlt: "Lush manicured lawn" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-florist-taking-care-flowers-focus-plant_176420-2078.jpg", imageAlt: "Professional landscaping" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/female-gardener-squatting-watering-pot-plants-from-hose-caucasian-blonde-woman-wearing-blue-shirt-apron-growing-flowers-greenhouse-commercial-gardening-activity-summer-concept_74855-12778.jpg", imageAlt: "Seasonal lawn care" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/gardener_23-2148013383.jpg", imageAlt: "Garden maintenance" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/spending-time-nature-picnic-accessories-picnic_185193-110954.jpg", imageAlt: "Lush green grass" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/female-gardener-cutting-plants-with-pruner-greenhouse-woman-working-garden-cropped-shot-gardening-job-concept_74855-12777.jpg", imageAlt: "Vibrant garden oasis" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -102,7 +64,7 @@ export default function LandingPage() {
|
||||
title="Premium Lawn Care Since 2010"
|
||||
description="At Vibrant Lawn Services, we pride ourselves on delivering expert care for your residential and commercial green spaces."
|
||||
subdescription="Our team uses professional-grade equipment and eco-friendly techniques to ensure your lawn stays vibrant all year long."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mid-adult-farmer-examining-tomato-plants-vegetable-garden_662251-635.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mid-adult-farmer-examining-tomato-plants-vegetable-garden_662251-635.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
icon={Leaf}
|
||||
imageAlt="Lawn care worker using equipment"
|
||||
@@ -114,34 +76,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Mowing",
|
||||
description: "Expert-level trimming and edging for a perfect clean cut.",
|
||||
buttonIcon: "CheckCircle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-watering-can-hand-shovel-gardening-scissors-greenhouse_23-2147948318.jpg",
|
||||
imageAlt: "lawn mowing service equipment",
|
||||
},
|
||||
{
|
||||
title: "Fertilization",
|
||||
description: "Custom nutrient blends to promote robust green grass growth.",
|
||||
buttonIcon: "CheckCircle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-florist-apron-pink-gloves-thoughtfully-working-with-plants-greenhouse_574295-1592.jpg?_wi=2",
|
||||
imageAlt: "lawn mowing service equipment",
|
||||
},
|
||||
{
|
||||
title: "Aeration",
|
||||
description: "Relieving soil compaction to allow roots to breathe deeper.",
|
||||
buttonIcon: "CheckCircle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-farmer-examining-tomato-plants-vegetable-garden_662251-635.jpg?_wi=2",
|
||||
imageAlt: "lawn mowing service equipment",
|
||||
},
|
||||
{
|
||||
title: "Seasonal Cleanup",
|
||||
description: "Keeping your lawn debris-free in every changing season.",
|
||||
buttonIcon: "CheckCircle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/yellow-bucket-lodged-pile-scattered-buckwheat-marble-surface_114579-71393.jpg?_wi=1",
|
||||
imageAlt: "lawn mowing service equipment",
|
||||
},
|
||||
{ title: "Precision Mowing", description: "Expert-level trimming and edging for a perfect clean cut.", buttonIcon: CheckCircle, imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-watering-can-hand-shovel-gardening-scissors-greenhouse_23-2147948318.jpg", imageAlt: "lawn mowing service equipment" },
|
||||
{ title: "Fertilization", description: "Custom nutrient blends to promote robust green grass growth.", buttonIcon: CheckCircle, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-florist-apron-pink-gloves-thoughtfully-working-with-plants-greenhouse_574295-1592.jpg", imageAlt: "lawn mowing service equipment" },
|
||||
{ title: "Aeration", description: "Relieving soil compaction to allow roots to breathe deeper.", buttonIcon: CheckCircle, imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-farmer-examining-tomato-plants-vegetable-garden_662251-635.jpg", imageAlt: "lawn mowing service equipment" },
|
||||
{ title: "Seasonal Cleanup", description: "Keeping your lawn debris-free in every changing season.", buttonIcon: CheckCircle, imageSrc: "http://img.b2bpic.net/free-photo/yellow-bucket-lodged-pile-scattered-buckwheat-marble-surface_114579-71393.jpg", imageAlt: "lawn mowing service equipment" },
|
||||
]}
|
||||
title="Our Specialized Services"
|
||||
description="From regular mowing to seasonal aeration and fertilization, we provide everything your lawn needs."
|
||||
@@ -155,48 +93,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Premium Fertilizer",
|
||||
price: "$45.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/yellow-bucket-lodged-pile-scattered-buckwheat-marble-surface_114579-71393.jpg?_wi=2",
|
||||
imageAlt: "lawn fertilizer bag product pack",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Decorative Edging",
|
||||
price: "$30.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-12260.jpg",
|
||||
imageAlt: "garden decorative edging stone",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Hand Aerator",
|
||||
price: "$55.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-gardening-composition_23-2148128789.jpg",
|
||||
imageAlt: "grass aerator equipment tool",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Organic Mulch",
|
||||
price: "$25.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trowels-near-fence_23-2147714873.jpg",
|
||||
imageAlt: "garden mulch premium organic",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Weed Control Spray",
|
||||
price: "$35.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-gardening-compositio_23-2148127875.jpg",
|
||||
imageAlt: "lawn watering irrigation system equipment",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Growth Formula",
|
||||
price: "$40.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gardener-repotting-houseplant_53876-125350.jpg",
|
||||
imageAlt: "grass seed growth formula pack",
|
||||
},
|
||||
{ id: "1", name: "Premium Fertilizer", price: "$45.00", imageSrc: "http://img.b2bpic.net/free-photo/yellow-bucket-lodged-pile-scattered-buckwheat-marble-surface_114579-71393.jpg", imageAlt: "lawn fertilizer bag product pack" },
|
||||
{ id: "2", name: "Decorative Edging", price: "$30.00", imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-12260.jpg", imageAlt: "garden decorative edging stone" },
|
||||
{ id: "3", name: "Hand Aerator", price: "$55.00", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-gardening-composition_23-2148128789.jpg", imageAlt: "grass aerator equipment tool" },
|
||||
{ id: "4", name: "Organic Mulch", price: "$25.00", imageSrc: "http://img.b2bpic.net/free-photo/trowels-near-fence_23-2147714873.jpg", imageAlt: "garden mulch premium organic" },
|
||||
{ id: "5", name: "Weed Control Spray", price: "$35.00", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-gardening-compositio_23-2148127875.jpg", imageAlt: "lawn watering irrigation system equipment" },
|
||||
{ id: "6", name: "Growth Formula", price: "$40.00", imageSrc: "http://img.b2bpic.net/free-photo/gardener-repotting-houseplant_53876-125350.jpg", imageAlt: "grass seed growth formula pack" },
|
||||
]}
|
||||
title="Lawn Care Products"
|
||||
description="Shop our hand-selected professional lawn supplies for maintaining your yard between professional visits."
|
||||
@@ -209,29 +111,8 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$49/mo",
|
||||
subtitle: "Basic lawn maintenance",
|
||||
features: [
|
||||
"Bi-weekly mowing",
|
||||
"Edging",
|
||||
"Grass clippings removal",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Premium",
|
||||
price: "$89/mo",
|
||||
subtitle: "Full care suite",
|
||||
features: [
|
||||
"Weekly mowing",
|
||||
"Fertilization",
|
||||
"Aeration once per year",
|
||||
"Cleanup services",
|
||||
],
|
||||
},
|
||||
{ id: "basic", badge: "Essential", price: "$49/mo", subtitle: "Basic lawn maintenance", features: ["Bi-weekly mowing", "Edging", "Grass clippings removal"] },
|
||||
{ id: "pro", badge: "Premium", price: "$89/mo", subtitle: "Full care suite", features: ["Weekly mowing", "Fertilization", "Aeration once per year", "Cleanup services"] },
|
||||
]}
|
||||
title="Transparent Pricing Plans"
|
||||
description="Choose the maintenance plan that fits your lawn's specific needs."
|
||||
@@ -241,43 +122,14 @@ export default function LandingPage() {
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
textboxLayout="split"
|
||||
animationType="blur-reveal"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice M.",
|
||||
role: "Homeowner",
|
||||
testimonial: "Vibrant Lawn Services transformed my yard completely. Excellent work!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/supportive-cute-blond-girlfriend-cheering-liking-interesting-concept-cool-idea-thumbsup-smiling_1258-229510.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Robert B.",
|
||||
role: "Homeowner",
|
||||
testimonial: "Very professional and always on time with my weekly mowing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-gardner-greenhouse_1303-14061.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah K.",
|
||||
role: "Homeowner",
|
||||
testimonial: "Their fertilization plan really made my lawn pop this summer.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12315.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "James L.",
|
||||
role: "Homeowner",
|
||||
testimonial: "Friendly staff and excellent results every single visit.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plant-parent-couple-holding-potted-houseplants_53876-127015.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Emily P.",
|
||||
role: "Homeowner",
|
||||
testimonial: "I highly recommend Vibrant for any lawn care needs in the area.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12289.jpg",
|
||||
},
|
||||
{ id: "1", name: "Alice M.", role: "Homeowner", testimonial: "Vibrant Lawn Services transformed my yard completely. Excellent work!", imageSrc: "http://img.b2bpic.net/free-photo/supportive-cute-blond-girlfriend-cheering-liking-interesting-concept-cool-idea-thumbsup-smiling_1258-229510.jpg" },
|
||||
{ id: "2", name: "Robert B.", role: "Homeowner", testimonial: "Very professional and always on time with my weekly mowing.", imageSrc: "http://img.b2bpic.net/free-photo/woman-gardner-greenhouse_1303-14061.jpg" },
|
||||
{ id: "3", name: "Sarah K.", role: "Homeowner", testimonial: "Their fertilization plan really made my lawn pop this summer.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12315.jpg" },
|
||||
{ id: "4", name: "James L.", role: "Homeowner", testimonial: "Friendly staff and excellent results every single visit.", imageSrc: "http://img.b2bpic.net/free-photo/plant-parent-couple-holding-potted-houseplants_53876-127015.jpg" },
|
||||
{ id: "5", name: "Emily P.", role: "Homeowner", testimonial: "I highly recommend Vibrant for any lawn care needs in the area.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12289.jpg" },
|
||||
]}
|
||||
title="Loved By Our Clients"
|
||||
description="See what our local customers are saying about their vibrant lawns."
|
||||
@@ -289,21 +141,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How often should I mow?",
|
||||
content: "Generally, weekly is ideal during the peak growing season.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer organic fertilizers?",
|
||||
content: "Yes, we provide eco-friendly and organic options upon request.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How do I get a quote?",
|
||||
content: "Simply fill out our contact form or give us a call for a site visit.",
|
||||
},
|
||||
{ id: "q1", title: "How often should I mow?", content: "Generally, weekly is ideal during the peak growing season." },
|
||||
{ id: "q2", title: "Do you offer organic fertilizers?", content: "Yes, we provide eco-friendly and organic options upon request." },
|
||||
{ id: "q3", title: "How do I get a quote?", content: "Simply fill out our contact form or give us a call for a site visit." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about our lawn care process? We've got answers."
|
||||
@@ -314,9 +154,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Ready for a Vibrant Lawn?"
|
||||
description="Get in touch today to schedule your first maintenance visit."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sad-young-slavic-female-gardener-wearing-gardening-hat-holding-looking-hoe-rake-green_141793-92850.jpg"
|
||||
@@ -330,32 +168,8 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Vibrant Lawn"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Mowing",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Fertilization",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Services", items: [{ label: "Mowing", href: "#services" }, { label: "Fertilization", href: "#services" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user