Merge version_1 into main #1
337
src/app/page.tsx
337
src/app/page.tsx
@@ -32,100 +32,45 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="LuxeLawn"
|
||||
button={{ text: "Get Started", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Mastery in Every Blade"
|
||||
description="Redefining outdoor luxury through precision care and bespoke landscape management."
|
||||
kpis={[
|
||||
{
|
||||
value: "15+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Estates Served",
|
||||
},
|
||||
{
|
||||
value: "99%",
|
||||
label: "Client Retention",
|
||||
},
|
||||
{ value: "15+", label: "Years Experience" },
|
||||
{ value: "500+", label: "Estates Served" },
|
||||
{ value: "99%", label: "Client Retention" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/skilful-gardener-using-highaltitude-hedge-trimmer-while-shaping-bush-topiary-garden-side-view_7502-10480.jpg"
|
||||
imageAlt="Luxurious lawn landscape"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/darkhaired-man-using-portable-powered-leaf-blower-blow-beveled-leaves-from-footpath-back-yard_7502-10567.jpg",
|
||||
alt: "Gardener professional",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pensive-middle-aged-gardener-holding-small-thuja-pot-bearded-garden-worker-glasses-wearing-blue-shirt-apron-growing-evergreen-plants-greenhouse-commercial-gardening-summer-concept_74855-12936.jpg",
|
||||
alt: "Expert botanist",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-bearded-gardener-standing-carrying-modern-hand-hedge-trimmer-park-low-angle-view_7502-10140.jpg",
|
||||
alt: "Hedge expert",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-attractive-male-gardener-glasses-posing-while-trimming-bush-with-electric-hedge-clippers_7502-10137.jpg",
|
||||
alt: "Lead landscaper",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg",
|
||||
alt: "Client review",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/darkhaired-man-using-portable-powered-leaf-blower-blow-beveled-leaves-from-footpath-back-yard_7502-10567.jpg", alt: "Gardener professional" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/pensive-middle-aged-gardener-holding-small-thuja-pot-bearded-garden-worker-glasses-wearing-blue-shirt-apron-growing-evergreen-plants-greenhouse-commercial-gardening-summer-concept_74855-12936.jpg", alt: "Expert botanist" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-bearded-gardener-standing-carrying-modern-hand-hedge-trimmer-park-low-angle-view_7502-10140.jpg", alt: "Hedge expert" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-attractive-male-gardener-glasses-posing-while-trimming-bush-with-electric-hedge-clippers_7502-10137.jpg", alt: "Lead landscaper" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg", alt: "Client review" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ satisfied estates"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision Edging",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Organic Fertilizing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Arborist Certified",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hydration Systems",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Seasonal Refresh",
|
||||
},
|
||||
{ type: "text", text: "Precision Edging" },
|
||||
{ type: "text", text: "Organic Fertilizing" },
|
||||
{ type: "text", text: "Arborist Certified" },
|
||||
{ type: "text", text: "Hydration Systems" },
|
||||
{ type: "text", text: "Seasonal Refresh" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -135,21 +80,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="The Gold Standard"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Certifications",
|
||||
value: "Elite",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Reliability",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
icon: Leaf,
|
||||
label: "Sustainability",
|
||||
value: "Organic",
|
||||
},
|
||||
{ icon: Award, label: "Certifications", value: "Elite" },
|
||||
{ icon: Shield, label: "Reliability", value: "100%" },
|
||||
{ icon: Leaf, label: "Sustainability", value: "Organic" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -161,21 +94,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Scissors,
|
||||
title: "Precision Edging",
|
||||
description: "Crisp lines that define your landscape's architecture.",
|
||||
},
|
||||
{
|
||||
icon: Droplets,
|
||||
title: "Hydration Management",
|
||||
description: "Custom nutrient and water balance for vibrant growth.",
|
||||
},
|
||||
{
|
||||
icon: Leaf,
|
||||
title: "Arborist Care",
|
||||
description: "Professional maintenance for ornamental trees and shrubs.",
|
||||
},
|
||||
{ icon: Scissors, title: "Precision Edging", description: "Crisp lines that define your landscape's architecture." },
|
||||
{ icon: Droplets, title: "Hydration Management", description: "Custom nutrient and water balance for vibrant growth." },
|
||||
{ icon: Leaf, title: "Arborist Care", description: "Professional maintenance for ornamental trees and shrubs." },
|
||||
]}
|
||||
title="Bespoke Lawn Care Services"
|
||||
description="Tailored solutions designed for the most discerning homeowners."
|
||||
@@ -189,42 +110,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Estate Maintenance",
|
||||
price: "$1,200/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-legs-woman-using-lawn-mower_651396-1545.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Seasonal Refresh",
|
||||
price: "$450/visit",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/terrace-wooden-flower-springtime-garden_1220-970.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Garden Design",
|
||||
price: "$2,500+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-picture-female-doing-gardening_181624-31754.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Turf Aeration",
|
||||
price: "$300",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard-male-black-apron-guy-repairs_1157-41434.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Organic Fertilizing",
|
||||
price: "$200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-gardening-objects_23-2148060722.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Hedge Styling",
|
||||
price: "$500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-beautiful-flower-arrangement-with-geometric-shapes_116348-110.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Estate Maintenance", price: "$1,200/mo", imageSrc: "http://img.b2bpic.net/free-photo/female-legs-woman-using-lawn-mower_651396-1545.jpg" },
|
||||
{ id: "p2", name: "Seasonal Refresh", price: "$450/visit", imageSrc: "http://img.b2bpic.net/free-photo/terrace-wooden-flower-springtime-garden_1220-970.jpg" },
|
||||
{ id: "p3", name: "Garden Design", price: "$2,500+", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-picture-female-doing-gardening_181624-31754.jpg" },
|
||||
{ id: "p4", name: "Turf Aeration", price: "$300", imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard_1303-22795.jpg" },
|
||||
{ id: "p5", name: "Organic Fertilizing", price: "$200", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-gardening-objects_23-2148060722.jpg" },
|
||||
{ id: "p6", name: "Hedge Styling", price: "$500", imageSrc: "http://img.b2bpic.net/free-photo/closeup-beautiful-flower-arrangement-with-geometric-shapes_116348-110.jpg" },
|
||||
]}
|
||||
title="Premium Packages"
|
||||
description="Curated bundles for year-round perfection."
|
||||
@@ -237,54 +128,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p-1",
|
||||
badge: "Essential",
|
||||
price: "$500",
|
||||
subtitle: "Basic maintenance",
|
||||
features: [
|
||||
"Mowing",
|
||||
"Trimming",
|
||||
"Cleanup",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p-2",
|
||||
badge: "Premium",
|
||||
price: "$1,200",
|
||||
subtitle: "Comprehensive care",
|
||||
features: [
|
||||
"Essential features",
|
||||
"Fertilizer",
|
||||
"Weed control",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p-3",
|
||||
badge: "Bespoke",
|
||||
price: "Custom",
|
||||
subtitle: "Total landscape management",
|
||||
features: [
|
||||
"All premium features",
|
||||
"Arborist care",
|
||||
"Design work",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Enquire",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ id: "p-1", badge: "Essential", price: "$500", subtitle: "Basic maintenance", features: ["Mowing", "Trimming", "Cleanup"], buttons: [{ text: "Select" }] },
|
||||
{ id: "p-2", badge: "Premium", price: "$1,200", subtitle: "Comprehensive care", features: ["Essential features", "Fertilizer", "Weed control"], buttons: [{ text: "Select" }] },
|
||||
{ id: "p-3", badge: "Bespoke", price: "Custom", subtitle: "Total landscape management", features: ["All premium features", "Arborist care", "Design work"], buttons: [{ text: "Enquire" }] },
|
||||
]}
|
||||
title="Tiered Elegance"
|
||||
description="Choose the level of care your estate deserves."
|
||||
@@ -297,60 +143,16 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Eleanor Vance",
|
||||
role: "Owner",
|
||||
company: "Hill House",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Arthur Pendelton",
|
||||
role: "Architect",
|
||||
company: "P&A",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Julian Thorne",
|
||||
role: "Entrepreneur",
|
||||
company: "Thorne Capital",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-hipster-male-dressed-suit-sunglasses-dark-grey-background_613910-4689.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sarah Miller",
|
||||
role: "CEO",
|
||||
company: "Miller Estates",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-confident-successful-businesswoman-suit-cross-arms-chest-standing_1258-118021.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "James Sterling",
|
||||
role: "Investor",
|
||||
company: "Sterling Group",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/reading-essay_1098-14072.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Eleanor Vance", role: "Owner", company: "Hill House", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg" },
|
||||
{ id: "t2", name: "Arthur Pendelton", role: "Architect", company: "P&A", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg" },
|
||||
{ id: "t3", name: "Julian Thorne", role: "Entrepreneur", company: "Thorne Capital", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-hipster-male-dressed-suit-sunglasses-dark-grey-background_613910-4689.jpg" },
|
||||
{ id: "t4", name: "Sarah Miller", role: "CEO", company: "Miller Estates", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-confident-successful-businesswoman-suit-cross-arms-chest-standing_1258-118021.jpg" },
|
||||
{ id: "t5", name: "James Sterling", role: "Investor", company: "Sterling Group", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/reading-essay_1098-14072.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Satisfaction",
|
||||
},
|
||||
{
|
||||
value: "200+",
|
||||
label: "Estates",
|
||||
},
|
||||
{ value: "5.0", label: "Avg Rating" },
|
||||
{ value: "100%", label: "Satisfaction" },
|
||||
{ value: "200+", label: "Estates" },
|
||||
]}
|
||||
title="Client Acclaim"
|
||||
description="Testimonials from those who value excellence."
|
||||
@@ -362,21 +164,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How often do you visit?",
|
||||
content: "Our service schedules are tailored to each property's needs.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you use organic products?",
|
||||
content: "Yes, we prioritize eco-friendly, organic care protocols.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is scheduling flexible?",
|
||||
content: "We offer flexible scheduling for all our premium plans.",
|
||||
},
|
||||
{ id: "f1", title: "How often do you visit?", content: "Our service schedules are tailored to each property's needs." },
|
||||
{ id: "f2", title: "Do you use organic products?", content: "Yes, we prioritize eco-friendly, organic care protocols." },
|
||||
{ id: "f3", title: "Is scheduling flexible?", content: "We offer flexible scheduling for all our premium plans." },
|
||||
]}
|
||||
title="Common Inquiries"
|
||||
description="Answers to frequently asked questions about our process."
|
||||
@@ -390,24 +180,9 @@ export default function LandingPage() {
|
||||
title="Begin Your Transformation"
|
||||
description="Ready to redefine your landscape? Let's discuss your vision."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Full Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/china-old-garden_1127-3661.jpg"
|
||||
buttonText="Schedule Consult"
|
||||
@@ -419,20 +194,12 @@ export default function LandingPage() {
|
||||
logoText="LuxeLawn"
|
||||
copyrightText="© 2025 LuxeLawn Management. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user