bender/fd273b08-4f82-4ac3-a7ea-9605fab25a3e
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-11 16:48:52 +00:00
parent 61eeecfbd1
commit fdd4132ab3
1 changed files with 40 additions and 268 deletions
Download Patch File Download Diff File Expand all files Collapse all files

308
src/app/page.tsx
View File

@@ -32,26 +32,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Services",
id: "features",
},
{
name: "Projects",
id: "projects",
},
{
name: "Reviews",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Services", id: "features" },
{ name: "Projects", id: "projects" },
{ name: "Reviews", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="Landscape Solutions"
/>
@@ -59,43 +44,17 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Transforming Edmonton Spaces, One Garden at a Time"
description="Shiva and the team at Landscape Solutions bring professional design, expert construction, and meticulous care to your outdoor living area."
tag="Edmonton's Trusted Landscapers"
buttons={[
{
text: "Book a Consultation",
href: "#contact",
},
{
text: "View Our Projects",
href: "#projects",
},
{ text: "Book a Consultation", href: "#contact" },
{ text: "View Our Projects", href: "#projects" },
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/green-labyrinth-park_346278-1302.jpg?_wi=1",
imageAlt: "landscaping service residential backyard renovation",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/corporate-owner-planning-office-interior-design-renovation_482257-90925.jpg?_wi=1",
imageAlt: "landscape architect working site plan",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/wooden-road-middle-forest_1127-292.jpg",
imageAlt: "Wooden road in the middle of the forest",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/cinematic-style-mall_23-2151551284.jpg",
imageAlt: "Cinematic style mall",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-from-hong-kong_181624-34551.jpg",
imageAlt: "Aerial view from Hong Kong",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/green-labyrinth-park_346278-1302.jpg", imageAlt: "landscaping service residential backyard renovation" },
{ imageSrc: "http://img.b2bpic.net/free-photo/corporate-owner-planning-office-interior-design-renovation_482257-90925.jpg", imageAlt: "landscape architect working site plan" }
]}
mediaAnimation="slide-up"
rating={5}
@@ -108,21 +67,9 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Built on Reliability and Vision"
metrics={[
{
icon: Leaf,
label: "Gardens Transformed",
value: "500+",
},
{
icon: Award,
label: "Years in Business",
value: "12",
},
{
icon: Smile,
label: "Happy Clients",
value: "450+",
},
{ icon: Leaf, label: "Gardens Transformed", value: "500+" },
{ icon: Award, label: "Years in Business", value: "12" },
{ icon: Smile, label: "Happy Clients", value: "450+" },
]}
metricsAnimation="blur-reveal"
/>
@@ -134,30 +81,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
features={[
{
title: "Hardscaping & Patios",
description: "Durable stone work, pathways, and patios that stand the test of time.",
bentoComponent: "reveal-icon",
icon: Wrench,
imageSrc: "http://img.b2bpic.net/free-photo/meadow-background-swing-white-light_1203-6333.jpg",
imageAlt: "meadow background swing white light",
},
{
title: "Softscape Design",
description: "Planting plans, lawns, and tree care designed for vibrancy.",
bentoComponent: "reveal-icon",
icon: Leaf,
imageSrc: "http://img.b2bpic.net/free-photo/green-labyrinth-park_346278-1302.jpg?_wi=2",
imageAlt: "meadow background swing white light",
},
{
title: "Custom Irrigation",
description: "Automated watering systems for effortless garden health.",
bentoComponent: "reveal-icon",
icon: Droplets,
imageSrc: "http://img.b2bpic.net/free-photo/corporate-owner-planning-office-interior-design-renovation_482257-90925.jpg?_wi=2",
imageAlt: "meadow background swing white light",
},
{ title: "Hardscaping & Patios", description: "Durable stone work, pathways, and patios that stand the test of time.", bentoComponent: "reveal-icon", icon: Wrench },
{ title: "Softscape Design", description: "Planting plans, lawns, and tree care designed for vibrancy.", bentoComponent: "reveal-icon", icon: Leaf },
{ title: "Custom Irrigation", description: "Automated watering systems for effortless garden health.", bentoComponent: "reveal-icon", icon: Droplets },
]}
title="Comprehensive Landscape Solutions"
description="We offer full-cycle landscaping services tailored to the unique Edmonton climate."
@@ -171,48 +97,12 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Modern Patio Renovation",
price: "Custom Quote",
variant: "Hardscaping",
imageSrc: "http://img.b2bpic.net/free-photo/stepping-stone-garden-path_1252-1029.jpg",
},
{
id: "p2",
name: "Curb Appeal Redesign",
price: "Custom Quote",
variant: "General Landscaping",
imageSrc: "http://img.b2bpic.net/free-photo/view-backyard-garden-digital-art-style_23-2151488219.jpg",
},
{
id: "p3",
name: "Custom Cedar Decking",
price: "Custom Quote",
variant: "Carpentry",
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-massage-bed_1339-4790.jpg",
},
{
id: "p4",
name: "Retaining Wall Installation",
price: "Custom Quote",
variant: "Hardscaping",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-japanese-garden_23-2149359701.jpg",
},
{
id: "p5",
name: "Fire Pit & Lounge",
price: "Custom Quote",
variant: "Outdoor Living",
imageSrc: "http://img.b2bpic.net/free-photo/hotel-pool-resort_74190-1619.jpg",
},
{
id: "p6",
name: "Feature Lighting Project",
price: "Custom Quote",
variant: "Infrastructure",
imageSrc: "http://img.b2bpic.net/free-photo/greenhouse-with-botanical-plants_23-2148121764.jpg",
},
{ id: "p1", name: "Modern Patio Renovation", price: "Custom Quote", variant: "Hardscaping", imageSrc: "http://img.b2bpic.net/free-photo/stepping-stone-garden-path_1252-1029.jpg" },
{ id: "p2", name: "Curb Appeal Redesign", price: "Custom Quote", variant: "General Landscaping", imageSrc: "http://img.b2bpic.net/free-photo/view-backyard-garden-digital-art-style_23-2151488219.jpg" },
{ id: "p3", name: "Custom Cedar Decking", price: "Custom Quote", variant: "Carpentry", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-massage-bed_1339-4790.jpg" },
{ id: "p4", name: "Retaining Wall Installation", price: "Custom Quote", variant: "Hardscaping", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-japanese-garden_23-2149359701.jpg" },
{ id: "p5", name: "Fire Pit & Lounge", price: "Custom Quote", variant: "Outdoor Living", imageSrc: "http://img.b2bpic.net/free-photo/hotel-pool-resort_74190-1619.jpg" },
{ id: "p6", name: "Feature Lighting Project", price: "Custom Quote", variant: "Infrastructure", imageSrc: "http://img.b2bpic.net/free-photo/greenhouse-with-botanical-plants_23-2148121764.jpg" },
]}
title="Our Recent Work"
description="See the transformation of local Edmonton landscapes."
@@ -221,27 +111,13 @@ export default function LandingPage() {
<div id="metrics" data-section="metrics">
<MetricCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{
id: "m1",
icon: Calendar,
title: "Projects Completed",
value: "120+",
},
{
id: "m2",
icon: ThumbsUp,
title: "Client Retention",
value: "98%",
},
{
id: "m3",
icon: MapPin,
title: "Edmonton Areas Served",
value: "15+",
},
{ id: "m1", icon: Calendar, title: "Projects Completed", value: "120+" },
{ id: "m2", icon: ThumbsUp, title: "Client Retention", value: "98%" },
{ id: "m3", icon: MapPin, title: "Edmonton Areas Served", value: "15+" },
]}
title="Success in Numbers"
description="We measure our success by the growth of your garden."
@@ -254,48 +130,12 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Miller",
handle: "@smiller",
testimonial: "Shiva and the team transformed my backyard from a mud pit to a paradise. Highly recommended!",
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg",
},
{
id: "2",
name: "David Thorne",
handle: "@dthorne",
testimonial: "Professional, on-time, and within budget. Exactly what I needed for my front yard project.",
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-good-looking-young-caucasian-man-blue-t-shirt-gloves-smiling-with-teeth-being-tired-from-hard-work-garden-farmer-planting-leaves-countryside-house_176420-19908.jpg",
},
{
id: "3",
name: "Elena Rodriguez",
handle: "@erod",
testimonial: "Fantastic attention to detail in the paving stone work. The new patio looks incredible.",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12316.jpg",
},
{
id: "4",
name: "Mark Jenkins",
handle: "@mjenkins",
testimonial: "Landscaping Solutions is the most responsive company I've worked with in Edmonton.",
imageSrc: "http://img.b2bpic.net/free-photo/girl-teaching-her-grandfather-how-use-laptop_1157-29763.jpg",
},
{
id: "5",
name: "Jane Doe",
handle: "@jdoe",
testimonial: "Great creativity in our garden design. Love the native plant suggestions.",
imageSrc: "http://img.b2bpic.net/free-photo/couple-mixed-race-black-women-park-sitting-talking-with-city-buildings-background_633478-440.jpg",
},
{
id: "6",
name: "Robert B.",
handle: "@robb",
testimonial: "Quality craftsmanship and excellent maintenance service.",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-smiling-man-talking-mobile-phone-calling-seller-he-found-online-while-using-laptop-shopping-searching-appartment-internet_176420-25732.jpg",
},
{ id: "1", name: "Sarah Miller", handle: "@smiller", testimonial: "Shiva and the team transformed my backyard from a mud pit to a paradise. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg" },
{ id: "2", name: "David Thorne", handle: "@dthorne", testimonial: "Professional, on-time, and within budget. Exactly what I needed for my front yard project.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-good-looking-young-caucasian-man-blue-t-shirt-gloves-smiling-with-teeth-being-tired-from-hard-work-garden-farmer-planting-leaves-countryside-house_176420-19908.jpg" },
{ id: "3", name: "Elena Rodriguez", handle: "@erod", testimonial: "Fantastic attention to detail in the paving stone work. The new patio looks incredible.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12316.jpg" },
{ id: "4", name: "Mark Jenkins", handle: "@mjenkins", testimonial: "Landscaping Solutions is the most responsive company I've worked with in Edmonton.", imageSrc: "http://img.b2bpic.net/free-photo/girl-teaching-her-grandfather-how-use-laptop_1157-29763.jpg" },
{ id: "5", name: "Jane Doe", handle: "@jdoe", testimonial: "Great creativity in our garden design. Love the native plant suggestions.", imageSrc: "http://img.b2bpic.net/free-photo/couple-mixed-race-black-women-park-sitting-talking-with-city-buildings-background_633478-440.jpg" },
{ id: "6", name: "Robert B.", handle: "@robb", testimonial: "Quality craftsmanship and excellent maintenance service.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-smiling-man-talking-mobile-phone-calling-seller-he-found-online-while-using-laptop-shopping-searching-appartment-internet_176420-25732.jpg" },
]}
title="What Homeowners Say"
description="We're proud to have earned the trust of Edmonton families."
@@ -309,27 +149,9 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
members={[
{
id: "t1",
name: "Shiva K.",
role: "Owner & Lead Designer",
description: "With over 12 years of landscaping experience in Alberta.",
imageSrc: "http://img.b2bpic.net/free-photo/brunet-handyman-protective-shield-standing-with-cordless-chain-saw-while-working-backyard_7502-10173.jpg",
},
{
id: "t2",
name: "Jordan P.",
role: "Senior Hardscape Specialist",
description: "Expert in geometric stone and structural integrity.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-shopper-greenhouse-store-making-choice-which-flower-plant-buy_197531-31003.jpg",
},
{
id: "t3",
name: "Lila M.",
role: "Lead Horticulturalist",
description: "Passionate about sustainable, native Edmonton flora.",
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-senior-man-cutting-overgrown-bushes_651396-1547.jpg",
},
{ id: "t1", name: "Shiva K.", role: "Owner & Lead Designer", description: "With over 12 years of landscaping experience in Alberta.", imageSrc: "http://img.b2bpic.net/free-photo/brunet-handyman-protective-shield-standing-with-cordless-chain-saw-while-working-backyard_7502-10173.jpg" },
{ id: "t2", name: "Jordan P.", role: "Senior Hardscape Specialist", description: "Expert in geometric stone and structural integrity.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-shopper-greenhouse-store-making-choice-which-flower-plant-buy_197531-31003.jpg" },
{ id: "t3", name: "Lila M.", role: "Lead Horticulturalist", description: "Passionate about sustainable, native Edmonton flora.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-senior-man-cutting-overgrown-bushes_651396-1547.jpg" },
]}
title="Meet the Team"
description="Passionate professionals dedicated to your property's potential."
@@ -339,17 +161,12 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
tag="Ready to Start?"
title="Get a Free Landscape Quote"
description="Ready to bring your dream garden to life? Reach out to Shiva and the team at Landscape Solutions Edmonton today for a comprehensive property assessment."
buttons={[
{
text: "Contact Us Now",
href: "mailto:shiva@landscapesolutions.ca",
},
{ text: "Contact Us Now", href: "mailto:shiva@landscapesolutions.ca" },
]}
/>
</div>
@@ -357,54 +174,9 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Services",
href: "#features",
},
{
label: "Projects",
href: "#projects",
},
{
label: "Consultation",
href: "#contact",
},
],
},
{
items: [
{
label: "Reviews",
href: "#testimonials",
},
{
label: "About Us",
href: "#",
},
{
label: "Career",
href: "#",
},
],
},
{
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
{
label: "Contact",
href: "#contact",
},
],
},
{ items: [{ label: "Services", href: "#features" }, { label: "Projects", href: "#projects" }, { label: "Consultation", href: "#contact" }] },
{ items: [{ label: "Reviews", href: "#testimonials" }, { label: "About Us", href: "#" }, { label: "Career", href: "#" }] },
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }, { label: "Contact", href: "#contact" }] },
]}
logoText="Landscape Solutions"
/>