Update src/app/page.tsx

This commit is contained in:
2026-05-11 03:36:26 +00:00
parent bb094663c3
commit f357c18258

View File

@@ -32,26 +32,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleCentered <NavbarStyleCentered
navItems={[ navItems={[
{ { name: "Home", id: "hero" },
name: "Home", { name: "About", id: "about" },
id: "hero", { name: "Services", id: "services" },
}, { name: "Gallery", id: "projects" },
{ { name: "Contact", id: "contact" },
name: "About",
id: "about",
},
{
name: "Services",
id: "services",
},
{
name: "Gallery",
id: "projects",
},
{
name: "Contact",
id: "contact",
},
]} ]}
brandName="Kinsella Landscaping" brandName="Kinsella Landscaping"
/> />
@@ -60,42 +45,21 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitDualMedia <HeroSplitDualMedia
background={{ background={{
variant: "gradient-bars", variant: "gradient-bars"}}
}}
title="Elevating Your Outdoor Living Experience" title="Elevating Your Outdoor Living Experience"
description="At Kinsella Landscaping, we craft breathtaking outdoor sanctuaries that seamlessly blend elegance, functionality, and nature's unique beauty." description="At Kinsella Landscaping, we craft breathtaking outdoor sanctuaries that seamlessly blend elegance, functionality, and nature's unique beauty."
tag="Premier Landscape Design" tag="Premier Landscape Design"
buttons={[ buttons={[
{ {
text: "View Projects", text: "View Projects", href: "#projects"},
href: "#projects",
},
{ {
text: "Get Quote", text: "Get Quote", href: "#contact"},
href: "#contact",
},
]} ]}
mediaItems={[ mediaItems={[
{ {
imageSrc: "http://img.b2bpic.net/free-photo/graveyard-background-concept_23-2149585151.jpg", imageSrc: "http://img.b2bpic.net/free-photo/graveyard-background-concept_23-2149585151.jpg", imageAlt: "Luxury garden design"},
imageAlt: "Luxury garden design",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/cement-walkway-garden_1252-1023.jpg", imageSrc: "http://img.b2bpic.net/free-photo/cement-walkway-garden_1252-1023.jpg", imageAlt: "Stone pathway landscape"}
imageAlt: "Stone pathway landscape",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-castle-architecture_23-2150754948.jpg",
imageAlt: "Beautiful castle garden architecture",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/stepping-stone-garden-path_1252-1028.jpg",
imageAlt: "Stone path in landscaped garden",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/peaceful-rural-surroundings-daylight_23-2149125522.jpg",
imageAlt: "Peaceful rural garden surroundings",
},
]} ]}
mediaAnimation="slide-up" mediaAnimation="slide-up"
rating={5} rating={5}
@@ -110,19 +74,13 @@ export default function LandingPage() {
metrics={[ metrics={[
{ {
icon: Award, icon: Award,
label: "Years Experience", label: "Years Experience", value: "20+"},
value: "20+",
},
{ {
icon: CheckCircle, icon: CheckCircle,
label: "Projects Completed", label: "Projects Completed", value: "1500+"},
value: "1500+",
},
{ {
icon: Star, icon: Star,
label: "Customer Satisfaction", label: "Customer Satisfaction", value: "99%"},
value: "99%",
},
]} ]}
metricsAnimation="blur-reveal" metricsAnimation="blur-reveal"
/> />
@@ -135,26 +93,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
id: "f1", id: "f1", title: "Design & Build", subtitle: "Custom architectural plans", category: "Design", value: "Starting at $5k"},
title: "Design & Build",
subtitle: "Custom architectural plans",
category: "Design",
value: "Starting at $5k",
},
{ {
id: "f2", id: "f2", title: "Stone Masonry", subtitle: "Patios, walkways, walls", category: "Hardscape", value: "Starting at $3k"},
title: "Stone Masonry",
subtitle: "Patios, walkways, walls",
category: "Hardscape",
value: "Starting at $3k",
},
{ {
id: "f3", id: "f3", title: "Lawn Care", subtitle: "Meticulous seasonal care", category: "Maintenance", value: "Starting at $200/mo"},
title: "Lawn Care",
subtitle: "Meticulous seasonal care",
category: "Maintenance",
value: "Starting at $200/mo",
},
]} ]}
title="Comprehensive Landscaping Services" title="Comprehensive Landscaping Services"
description="From meticulous garden maintenance to complex hardscape design, we offer end-to-end solutions for your outdoor spaces." description="From meticulous garden maintenance to complex hardscape design, we offer end-to-end solutions for your outdoor spaces."
@@ -170,41 +113,17 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "p1", id: "p1", name: "Patio Oasis", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-streets-switzerland_8353-9666.jpg"},
name: "Patio Oasis",
price: "Custom",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-streets-switzerland_8353-9666.jpg",
},
{ {
id: "p2", id: "p2", name: "Modern Walkway", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-empty-park-with-blooming-green-trees-walls_181624-19632.jpg"},
name: "Modern Walkway",
price: "Custom",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-empty-park-with-blooming-green-trees-walls_181624-19632.jpg",
},
{ {
id: "p3", id: "p3", name: "Zen Water Feature", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/close-up-japanese-bamboo-fountain_1137-39.jpg"},
name: "Zen Water Feature",
price: "Custom",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-japanese-bamboo-fountain_1137-39.jpg",
},
{ {
id: "p4", id: "p4", name: "Garden Pruning", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-using-trimming-tool-bush_23-2148256658.jpg"},
name: "Garden Pruning",
price: "Custom",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-using-trimming-tool-bush_23-2148256658.jpg",
},
{ {
id: "p5", id: "p5", name: "Stone Fireplace", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/close-up-burning-coal-barbecue_23-2147841288.jpg"},
name: "Stone Fireplace",
price: "Custom",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-burning-coal-barbecue_23-2147841288.jpg",
},
{ {
id: "p6", id: "p6", name: "Lawn Renovation", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/artists-garden-filled-with-variety-plants-beautiful-flowers_1258-296326.jpg"},
name: "Lawn Renovation",
price: "Custom",
imageSrc: "http://img.b2bpic.net/free-photo/artists-garden-filled-with-variety-plants-beautiful-flowers_1258-296326.jpg",
},
]} ]}
title="Our Showcase" title="Our Showcase"
description="Browse our recent transformations and see the Kinsella difference." description="Browse our recent transformations and see the Kinsella difference."
@@ -218,45 +137,20 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Alice Johnson", handle: "@alicej", testimonial: "Exceptional service and beautiful results.", rating: 5,
name: "Alice Johnson", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-traveling-using-sustainable-mobility_23-2149292681.jpg"},
handle: "@alicej",
testimonial: "Exceptional service and beautiful results.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-traveling-using-sustainable-mobility_23-2149292681.jpg",
},
{ {
id: "2", id: "2", name: "Robert Miller", handle: "@robmm", testimonial: "Transformed our backyard into a masterpiece.", rating: 5,
name: "Robert Miller", imageSrc: "http://img.b2bpic.net/free-photo/woman-blue-dress-stands-her-daughters-funny-husband-footsteps_8353-971.jpg"},
handle: "@robmm",
testimonial: "Transformed our backyard into a masterpiece.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-blue-dress-stands-her-daughters-funny-husband-footsteps_8353-971.jpg",
},
{ {
id: "3", id: "3", name: "Sarah Davis", handle: "@sdavis", testimonial: "Very professional and easy to work with.", rating: 5,
name: "Sarah Davis", imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg"},
handle: "@sdavis",
testimonial: "Very professional and easy to work with.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg",
},
{ {
id: "4", id: "4", name: "Mark Wilson", handle: "@mwilson", testimonial: "Prompt, reliable, and high quality work.", rating: 5,
name: "Mark Wilson", imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg"},
handle: "@mwilson",
testimonial: "Prompt, reliable, and high quality work.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
},
{ {
id: "5", id: "5", name: "Elena Smith", handle: "@elenas", testimonial: "Kinsella is our go-to for landscaping.", rating: 5,
name: "Elena Smith", imageSrc: "http://img.b2bpic.net/free-photo/very-important-project-is-serious-aim_329181-10350.jpg"},
handle: "@elenas",
testimonial: "Kinsella is our go-to for landscaping.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/very-important-project-is-serious-aim_329181-10350.jpg",
},
]} ]}
showRating={true} showRating={true}
title="Client Stories" title="Client Stories"
@@ -266,30 +160,19 @@ export default function LandingPage() {
<div id="team" data-section="team"> <div id="team" data-section="team">
<TeamCardTen <TeamCardTen
tag="Our Team"
useInvertedBackground={false} useInvertedBackground={false}
title="Meet the Experts" title="Meet the Experts"
membersAnimation="slide-up" membersAnimation="slide-up"
members={[ members={[
{ {
id: "m1", id: "m1", name: "John Kinsella", imageSrc: "http://img.b2bpic.net/free-photo/positive-male-florist-standing-rows-with-potted-plants-greenhouse-cutting-bush-holding-sprouts_74855-12949.jpg"},
name: "John Kinsella",
imageSrc: "http://img.b2bpic.net/free-photo/positive-male-florist-standing-rows-with-potted-plants-greenhouse-cutting-bush-holding-sprouts_74855-12949.jpg",
},
{ {
id: "m2", id: "m2", name: "Mary O'Connor", imageSrc: "http://img.b2bpic.net/free-photo/garden-with-tree-middle-sign-that-says-alhambra-it_91008-475.jpg"},
name: "Mary O'Connor",
imageSrc: "http://img.b2bpic.net/free-photo/garden-with-tree-middle-sign-that-says-alhambra-it_91008-475.jpg",
},
{ {
id: "m3", id: "m3", name: "Paul Ryan", imageSrc: "http://img.b2bpic.net/free-photo/this-is-hot-period-christmas_329181-4472.jpg"},
name: "Paul Ryan",
imageSrc: "http://img.b2bpic.net/free-photo/this-is-hot-period-christmas_329181-4472.jpg",
},
{ {
id: "m4", id: "m4", name: "Kate Sullivan", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-small-tree_23-2149098304.jpg"},
name: "Kate Sullivan",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-small-tree_23-2149098304.jpg",
},
]} ]}
memberVariant="card" memberVariant="card"
/> />
@@ -301,20 +184,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
id: "q1", id: "q1", title: "How long does a landscape design take?", content: "Depending on complexity, design can take 1-3 weeks."},
title: "How long does a landscape design take?",
content: "Depending on complexity, design can take 1-3 weeks.",
},
{ {
id: "q2", id: "q2", title: "Do you offer maintenance contracts?", content: "Yes, we offer flexible weekly and monthly plans."},
title: "Do you offer maintenance contracts?",
content: "Yes, we offer flexible weekly and monthly plans.",
},
{ {
id: "q3", id: "q3", title: "Are you fully insured?", content: "Yes, we are fully licensed and insured for your peace of mind."},
title: "Are you fully insured?",
content: "Yes, we are fully licensed and insured for your peace of mind.",
},
]} ]}
title="Frequently Asked Questions" title="Frequently Asked Questions"
description="Common questions about our processes and services." description="Common questions about our processes and services."
@@ -326,8 +200,7 @@ export default function LandingPage() {
<ContactCenter <ContactCenter
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "gradient-bars", variant: "gradient-bars"}}
}}
tag="Contact Us" tag="Contact Us"
title="Get Started Today" title="Get Started Today"
description="Ready to transform your property? Reach out for a consultation." description="Ready to transform your property? Reach out for a consultation."
@@ -338,13 +211,9 @@ export default function LandingPage() {
<FooterLogoReveal <FooterLogoReveal
logoText="Kinsella Landscaping" logoText="Kinsella Landscaping"
leftLink={{ leftLink={{
text: "Privacy Policy", text: "Privacy Policy", href: "#"}}
href: "#",
}}
rightLink={{ rightLink={{
text: "Terms & Conditions", text: "Terms & Conditions", href: "#"}}
href: "#",
}}
/> />
</div> </div>
</ReactLenis> </ReactLenis>