Merge version_2 into main #2
332
src/app/page.tsx
332
src/app/page.tsx
@@ -33,83 +33,36 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="GreenScapes"
|
||||
brandName="Green Acres Landscaping"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Expert Lawn Care & Landscaping"
|
||||
description="Transform your outdoor space with our professional lawn care, maintenance, and landscape design services."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
text: "Get a Quote", onClick: () => window.location.href = 'tel:5152104176',
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-gardener-trimming-hedge-yard_342744-537.jpg?_wi=1"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/caucasian-male-worker-gloves-removing-dry-leaves-from-sidewalk-with-hand-blower-park-side-view_7502-10152.jpg",
|
||||
alt: "Worker in gloves",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-safety-mask-gloves-shaping-bushes_651396-3823.jpg",
|
||||
alt: "Gardener shaping bushes",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-attractive-male-gardener-glasses-posing-while-trimming-bush-with-electric-hedge-clippers_7502-10137.jpg",
|
||||
alt: "Happy gardener",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/worker-is-cutting-grass-with-hose_7502-9835.jpg",
|
||||
alt: "Cutting grass",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-professional-gardener-holding-trimmer-yard_342744-539.jpg",
|
||||
alt: "Gardener with trimmer",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Weekly Mowing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hedge Pruning",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Soil Prep",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Lawn Fertilization",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Garden Design",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/caucasian-male-worker-gloves-removing-dry-leaves-from-sidewalk-with-hand-blower-park-side-view_7502-10152.jpg", alt: "Worker" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-man-safety-mask-gloves-shaping-bushes_651396-3823.jpg", alt: "Gardener" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-attractive-male-gardener-glasses-posing-while-trimming-bush-with-electric-hedge-clippers_7502-10137.jpg", alt: "Happy gardener" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/worker-is-cutting-grass-with-hose_7502-9835.jpg", alt: "Cutting grass" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-professional-gardener-holding-trimmer-yard_342744-539.jpg", alt: "Gardener" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -120,31 +73,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Leaf,
|
||||
title: "Lawn Mowing",
|
||||
description: "Professional weekly lawn care and mowing service.",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
title: "Hedge Pruning",
|
||||
description: "Expert shaping and trimming of all your shrubs.",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
title: "Soil & Mulching",
|
||||
description: "Mulching and soil prep for healthier plant growth.",
|
||||
},
|
||||
{
|
||||
icon: Droplets,
|
||||
title: "Lawn Fertilization",
|
||||
description: "Custom nutrient plans for lush, green growth.",
|
||||
},
|
||||
{
|
||||
icon: Calendar,
|
||||
title: "Seasonal Cleanup",
|
||||
description: "Spring and fall cleanups to prepare your yard.",
|
||||
},
|
||||
{ icon: Leaf, title: "Lawn Mowing", description: "Professional weekly lawn care and mowing service." },
|
||||
{ icon: Star, title: "Hedge Pruning", description: "Expert shaping and trimming of all your shrubs." },
|
||||
{ icon: Star, title: "Soil & Mulching", description: "Mulching and soil prep for healthier plant growth." },
|
||||
{ icon: Droplets, title: "Lawn Fertilization", description: "Custom nutrient plans for lush, green growth." },
|
||||
{ icon: Calendar, title: "Seasonal Cleanup", description: "Spring and fall cleanups to prepare your yard." },
|
||||
]}
|
||||
title="Our Services"
|
||||
description="From routine mowing to complex garden designs, we handle all your landscaping needs."
|
||||
@@ -167,60 +100,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "GreenBase",
|
||||
name: "Fertilizer Pack",
|
||||
price: "$39",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-spa-bathroom-elements_23-2147999964.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "WoodCare",
|
||||
name: "Premium Mulch",
|
||||
price: "$12",
|
||||
rating: 4,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-grained-nuts-mold-filled-with-melted-chocolate-mass-preparation-tasty-cake-from-organic-chocolate-artisan-confectionery-sale_346278-671.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "ProTool",
|
||||
name: "Pruning Shears",
|
||||
price: "$55",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-gardening-tools-grass_23-2148224034.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "EcoGuard",
|
||||
name: "Pest Control",
|
||||
price: "$29",
|
||||
rating: 4,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-gardener-guy-gardener-with-watering-can-flower-beds_1157-47076.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "SoilMax",
|
||||
name: "Garden Nutrition",
|
||||
price: "$18",
|
||||
rating: 5,
|
||||
reviewCount: "65",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-gardening-objects_23-2148060746.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "StoneDeck",
|
||||
name: "Decorative Rocks",
|
||||
price: "$45",
|
||||
rating: 4,
|
||||
reviewCount: "140",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-set-gardening-items_23-2148224045.jpg",
|
||||
},
|
||||
{ id: "1", brand: "GreenBase", name: "Fertilizer Pack", price: "$39", imageSrc: "http://img.b2bpic.net/free-photo/composition-spa-bathroom-elements_23-2147999964.jpg" },
|
||||
{ id: "2", brand: "WoodCare", name: "Premium Mulch", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/closeup-grained-nuts-mold-filled-with-melted-chocolate-mass-preparation-tasty-cake-from-organic-chocolate-artisan-confectionery-sale_346278-671.jpg" },
|
||||
{ id: "3", brand: "ProTool", name: "Pruning Shears", price: "$55", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-gardening-tools-grass_23-2148224034.jpg" },
|
||||
]}
|
||||
title="Available Products"
|
||||
description="Premium supplies for DIY maintenance or enhancement."
|
||||
@@ -234,57 +116,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Basic",
|
||||
price: "$150/mo",
|
||||
subtitle: "Basic lawn care",
|
||||
features: [
|
||||
"Mowing",
|
||||
"Edging",
|
||||
"Clipping Removal",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
id: "basic", badge: "Basic", price: "$200/mo", subtitle: "Basic Lawn Mowing", features: ["Weekly mowing", "Edging", "Clipping cleanup"],
|
||||
buttons: [{ text: "Get a Quote", onClick: () => window.location.href = 'tel:5152104176' }],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Pro",
|
||||
price: "$250/mo",
|
||||
subtitle: "Full maintenance",
|
||||
features: [
|
||||
"Mowing",
|
||||
"Pruning",
|
||||
"Mulching",
|
||||
"Weed Control",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
id: "premier", badge: "Premier", price: "$450/mo", subtitle: "All-Inclusive Care", features: ["Weekly mowing", "Fertilizer treatment", "Weed control"],
|
||||
buttons: [{ text: "Get a Quote", onClick: () => window.location.href = 'tel:5152104176' }],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "Premium",
|
||||
price: "$400/mo",
|
||||
subtitle: "All-inclusive care",
|
||||
features: [
|
||||
"All Pro Features",
|
||||
"Planting",
|
||||
"Seasonal Cleanup",
|
||||
"Priority Support",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
id: "aeration", badge: "Aeration", price: "$400+", subtitle: "Lawn Health", features: ["Soil aeration", "Root care", "Healthy growth boost"],
|
||||
buttons: [{ text: "Get a Quote", onClick: () => window.location.href = 'tel:5152104176' }],
|
||||
},
|
||||
]}
|
||||
title="Landscape Packages"
|
||||
@@ -298,21 +139,9 @@ export default function LandingPage() {
|
||||
title="Our Impact"
|
||||
tag="Trusted Quality"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
description: "Happy Clients",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12",
|
||||
description: "Years Experience",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "15k",
|
||||
description: "Lawns Mowed",
|
||||
},
|
||||
{ id: "m1", value: "500+", description: "Happy Clients" },
|
||||
{ id: "m2", value: "12", description: "Years Experience" },
|
||||
{ id: "m3", value: "15k", description: "Lawns Mowed" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -323,61 +152,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice Brown",
|
||||
date: "Jan 2024",
|
||||
title: "Homeowner",
|
||||
quote: "Excellent lawn care service, my backyard looks fantastic!",
|
||||
tag: "Lawn Care",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/side-view-young-woman-looking-digital-tablet_23-2147862761.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-gardener-trimming-hedge-yard_342744-537.jpg?_wi=2",
|
||||
imageAlt: "happy home owner front lawn",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Evans",
|
||||
date: "Feb 2024",
|
||||
title: "Homeowner",
|
||||
quote: "Reliable and professional team. Highly recommend them.",
|
||||
tag: "Full Service",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-woman-giving-potted-plant-her-client_23-2147948332.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-lawn-mower-logo_23-2149206322.jpg",
|
||||
imageAlt: "happy home owner front lawn",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah Miller",
|
||||
date: "Mar 2024",
|
||||
title: "Property Manager",
|
||||
quote: "They manage our properties perfectly every single week.",
|
||||
tag: "Maintenance",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/man-standing-garden-showing-ok-gesture-looking-camera_259150-59030.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bush-pruning-with-hedge-trimmer_342744-536.jpg",
|
||||
imageAlt: "happy home owner front lawn",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David King",
|
||||
date: "Apr 2024",
|
||||
title: "Homeowner",
|
||||
quote: "Great attention to detail, very satisfied with the result.",
|
||||
tag: "Landscaping",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/good-harvest-garden_1098-21171.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/planting-sprout_1398-713.jpg",
|
||||
imageAlt: "happy home owner front lawn",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jane Doe",
|
||||
date: "May 2024",
|
||||
title: "Homeowner",
|
||||
quote: "Friendly and professional work every time they visit.",
|
||||
tag: "Mowing",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/colleagues-talking_1098-15340.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-family-is-picking-carrots_1398-1862.jpg?_wi=2",
|
||||
imageAlt: "happy home owner front lawn",
|
||||
},
|
||||
{ id: "1", name: "Alice Brown", date: "Jan 2024", title: "Homeowner", quote: "Fantastic results!", tag: "Lawn Care", avatarSrc: "http://img.b2bpic.net/free-photo/side-view-young-woman-looking-digital-tablet_23-2147862761.jpg" },
|
||||
]}
|
||||
title="Client Reviews"
|
||||
description="See why our customers love our landscaping services."
|
||||
@@ -390,21 +165,10 @@ export default function LandingPage() {
|
||||
title="Get a Free Quote"
|
||||
description="Tell us about your lawn care needs and we will get back to you soon."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Your Email" },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help?",
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "How can we help?" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-restaurant-terrace_1127-2167.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -412,34 +176,10 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Jobs",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Mowing",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Landscaping",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }] },
|
||||
{ title: "Services", items: [{ label: "Mowing", href: "#features" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 GreenScapes. All rights reserved."
|
||||
bottomLeftText="© 2024 Green Acres Landscaping. All rights reserved."
|
||||
bottomRightText="Privacy Policy"
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user