Update src/app/page.tsx
This commit is contained in:
295
src/app/page.tsx
295
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Cherry Lane"
|
||||
/>
|
||||
@@ -60,71 +50,44 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Crafting Your Green Sanctuary"
|
||||
description="Premium landscape design and professional maintenance tailored to bring natural harmony to your property."
|
||||
kpis={[
|
||||
{
|
||||
value: "15+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
value: "15+", label: "Years Experience"},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Projects Completed",
|
||||
},
|
||||
value: "500+", label: "Projects Completed"},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Client Retention",
|
||||
},
|
||||
value: "98%", label: "Client Retention"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-backyard-garden-digital-art-style_23-2151488211.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-backyard-garden-digital-art-style_23-2151488211.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-gardener-cutting-harvested-flower-garden_23-2148165213.jpg",
|
||||
alt: "Male gardener cutting the harvested flower in the garden",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/male-gardener-cutting-harvested-flower-garden_23-2148165213.jpg", alt: "Male gardener cutting the harvested flower in the garden"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-japanese-garden_23-2149359701.jpg",
|
||||
alt: "Beautiful japanese garden",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-japanese-garden_23-2149359701.jpg", alt: "Beautiful japanese garden"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/wooden-road-middle-forest_1127-292.jpg",
|
||||
alt: "Wooden road in the middle of the forest",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/wooden-road-middle-forest_1127-292.jpg", alt: "Wooden road in the middle of the forest"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stone-road_1417-1558.jpg",
|
||||
alt: "stone road",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stone-road_1417-1558.jpg", alt: "stone road"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-cheerful-gardener-smiling-watering-taking-care-plants_176420-3840.jpg",
|
||||
alt: "Young handsome cheerful gardener smiling, watering, taking care of plants",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-cheerful-gardener-smiling-watering-taking-care-plants_176420-3840.jpg", alt: "Young handsome cheerful gardener smiling, watering, taking care of plants"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ satisfied homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Professional Maintenance",
|
||||
},
|
||||
type: "text", text: "Professional Maintenance"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artistic Hardscaping",
|
||||
},
|
||||
type: "text", text: "Artistic Hardscaping"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Gardens",
|
||||
},
|
||||
type: "text", text: "Sustainable Gardens"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Landscape Lighting",
|
||||
},
|
||||
type: "text", text: "Landscape Lighting"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Planting & Care",
|
||||
},
|
||||
type: "text", text: "Planting & Care"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -134,9 +97,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Dedication to Excellence"
|
||||
description={[
|
||||
"Cherry Lane has transformed countless outdoor spaces into flourishing garden retreats.",
|
||||
"We combine artistic landscaping with meticulous maintenance to ensure your property remains a visual masterpiece all year round.",
|
||||
]}
|
||||
"Cherry Lane has transformed countless outdoor spaces into flourishing garden retreats.", "We combine artistic landscaping with meticulous maintenance to ensure your property remains a visual masterpiece all year round."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -147,49 +108,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Mowing & Care",
|
||||
description: "Expert turf management for a lush and healthy lawn.",
|
||||
icon: Scissors,
|
||||
title: "Precision Mowing & Care", description: "Expert turf management for a lush and healthy lawn.", icon: Scissors,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard_1303-22793.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard_1303-22793.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-legs-woman-using-lawn-mower_651396-1545.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-backyard-garden-digital-art-style_23-2151488211.jpg?_wi=2",
|
||||
imageAlt: "lawn mowing service gardening",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-legs-woman-using-lawn-mower_651396-1545.jpg"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Custom Hardscaping",
|
||||
description: "Beautiful stone patios, paths, and retaining walls.",
|
||||
icon: Layers,
|
||||
title: "Custom Hardscaping", description: "Beautiful stone patios, paths, and retaining walls.", icon: Layers,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/covered-lifestyle-garden-with-indoor-outdoor-living_1127-3426.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/covered-lifestyle-garden-with-indoor-outdoor-living_1127-3426.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-textures_23-2149702203.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-serious-bearded-man-blue-y-shirt-gloves-concentrated-working-garden-planting-sprouts-flowerpot-gardener-spending-day-his-countryside-house_176420-19926.jpg",
|
||||
imageAlt: "lawn mowing service gardening",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-textures_23-2149702203.jpg"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Garden & Plant Care",
|
||||
description: "Strategic planting, pruning, and health management.",
|
||||
icon: Leaf,
|
||||
title: "Garden & Plant Care", description: "Strategic planting, pruning, and health management.", icon: Leaf,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spring-weather-arrives_1359-340.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spring-weather-arrives_1359-340.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-gardening_23-2148128724.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-backyard-garden-digital-art-style_23-2151488214.jpg?_wi=1",
|
||||
imageAlt: "lawn mowing service gardening",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-gardening_23-2148128724.jpg"},
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Landscaping Solutions"
|
||||
@@ -205,59 +148,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Hardscape",
|
||||
name: "Stone Patios",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-backyard-garden-digital-art-style_23-2151488214.jpg?_wi=2",
|
||||
},
|
||||
id: "1", brand: "Hardscape", name: "Stone Patios", price: "Custom", rating: 5,
|
||||
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/view-backyard-garden-digital-art-style_23-2151488214.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Construction",
|
||||
name: "Retaining Walls",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-types-potted-plants-growing-greenhouse_23-2147948337.jpg",
|
||||
},
|
||||
id: "2", brand: "Construction", name: "Retaining Walls", price: "Custom", rating: 5,
|
||||
reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/different-types-potted-plants-growing-greenhouse_23-2147948337.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Design",
|
||||
name: "Water Features",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/branch-touching-water_23-2147670096.jpg",
|
||||
},
|
||||
id: "3", brand: "Design", name: "Water Features", price: "Custom", rating: 5,
|
||||
reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/branch-touching-water_23-2147670096.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Lighting",
|
||||
name: "Garden Illumination",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lamp-against-red-brick-wall-night_1339-3095.jpg",
|
||||
},
|
||||
id: "4", brand: "Lighting", name: "Garden Illumination", price: "Custom", rating: 5,
|
||||
reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/lamp-against-red-brick-wall-night_1339-3095.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Woodwork",
|
||||
name: "Custom Decks",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair_1339-7232.jpg",
|
||||
},
|
||||
id: "5", brand: "Woodwork", name: "Custom Decks", price: "Custom", rating: 5,
|
||||
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair_1339-7232.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Structure",
|
||||
name: "Garden Pergolas",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "7",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/umbrella-bed-pool_1203-6571.jpg",
|
||||
},
|
||||
id: "6", brand: "Structure", name: "Garden Pergolas", price: "Custom", rating: 5,
|
||||
reviewCount: "7", imageSrc: "http://img.b2bpic.net/free-photo/umbrella-bed-pool_1203-6571.jpg"},
|
||||
]}
|
||||
title="Our Signature Projects"
|
||||
description="Gallery of recent design and installation projects."
|
||||
@@ -271,23 +178,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Trophy,
|
||||
title: "Industry Awards",
|
||||
value: "24",
|
||||
},
|
||||
id: "m1", icon: Trophy,
|
||||
title: "Industry Awards", value: "24"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Leaf,
|
||||
title: "Trees Planted",
|
||||
value: "1200+",
|
||||
},
|
||||
id: "m2", icon: Leaf,
|
||||
title: "Trees Planted", value: "1200+"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Calendar,
|
||||
title: "Maintenance Plans",
|
||||
value: "350",
|
||||
},
|
||||
id: "m3", icon: Calendar,
|
||||
title: "Maintenance Plans", value: "350"},
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Stats that speak for our service quality."
|
||||
@@ -301,45 +199,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice Johnson",
|
||||
handle: "@alice",
|
||||
testimonial: "Exceptional work on my property. My garden has never looked better.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-cute-clothes-reaching-plants-greenhouse_197531-12331.jpg",
|
||||
},
|
||||
id: "1", name: "Alice Johnson", handle: "@alice", testimonial: "Exceptional work on my property. My garden has never looked better.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-cute-clothes-reaching-plants-greenhouse_197531-12331.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Robert Smith",
|
||||
handle: "@robert",
|
||||
testimonial: "Professional, punctual, and highly skilled team. Highly recommend them.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-enjoying-spending-time-together-restaurant_23-2147891189.jpg",
|
||||
},
|
||||
id: "2", name: "Robert Smith", handle: "@robert", testimonial: "Professional, punctual, and highly skilled team. Highly recommend them.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-enjoying-spending-time-together-restaurant_23-2147891189.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Davis",
|
||||
handle: "@emily",
|
||||
testimonial: "The stone work they did is absolutely stunning. Truly professional.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-traveling-using-sustainable-mobility_23-2149292681.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Davis", handle: "@emily", testimonial: "The stone work they did is absolutely stunning. Truly professional.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-traveling-using-sustainable-mobility_23-2149292681.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Michael Brown",
|
||||
handle: "@michael",
|
||||
testimonial: "Excellent service and great attention to detail during the whole project.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-indoor-farming_23-2149607077.jpg",
|
||||
},
|
||||
id: "4", name: "Michael Brown", handle: "@michael", testimonial: "Excellent service and great attention to detail during the whole project.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-indoor-farming_23-2149607077.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sarah Wilson",
|
||||
handle: "@sarah",
|
||||
testimonial: "I love my new pergola and patio. Best landscaping investment.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-people-playing-game_23-2149530334.jpg",
|
||||
},
|
||||
id: "5", name: "Sarah Wilson", handle: "@sarah", testimonial: "I love my new pergola and patio. Best landscaping investment.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-people-playing-game_23-2149530334.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Client Success Stories"
|
||||
@@ -353,20 +226,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer free estimates?",
|
||||
content: "Yes, we provide free site assessments and quotes for all major projects.",
|
||||
},
|
||||
id: "f1", title: "Do you offer free estimates?", content: "Yes, we provide free site assessments and quotes for all major projects."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How often should lawn be mowed?",
|
||||
content: "Depending on the season, usually once a week for optimal lawn health.",
|
||||
},
|
||||
id: "f2", title: "How often should lawn be mowed?", content: "Depending on the season, usually once a week for optimal lawn health."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What areas do you serve?",
|
||||
content: "We serve all clients within the Greater Business Park and suburban districts.",
|
||||
},
|
||||
id: "f3", title: "What areas do you serve?", content: "We serve all clients within the Greater Business Park and suburban districts."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Find answers to popular queries regarding our services."
|
||||
@@ -380,8 +244,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact"
|
||||
title="Ready to Transform Your Landscape?"
|
||||
description="Get in touch today to discuss your vision and receive a tailored landscape solution for your property."
|
||||
@@ -396,41 +259,27 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Portfolio", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user