Merge version_1 into main #1
281
src/app/page.tsx
281
src/app/page.tsx
@@ -31,30 +31,12 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "portfolio",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Portfolio", id: "portfolio" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Horizon Lawn & Landscape"
|
||||
/>
|
||||
@@ -63,41 +45,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Boise's Magic Makers: Transforming Your Lawn Into Paradise"
|
||||
description="Experience plush, weed-free perfection and dream outdoor spaces with Horizon. From custom fire pits to expert irrigation, we deliver the magic your yard deserves."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Your Magic Lawn Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Your Magic Lawn Quote", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2whiz9",
|
||||
imageAlt: "Aerial shot of Boise lawn transformation",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2whiz9", imageAlt: "Aerial shot of Boise lawn transformation"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0vmjfe",
|
||||
imageAlt: "Lush green grass",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0vmjfe", imageAlt: "Lush green grass"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tn8pgk",
|
||||
imageAlt: "Luxury fire pit area",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tn8pgk", imageAlt: "Luxury fire pit area"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jjtxo8",
|
||||
imageAlt: "Irrigation system",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jjtxo8", imageAlt: "Irrigation system"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z27hwi",
|
||||
imageAlt: "Flower beds",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z27hwi", imageAlt: "Flower beds"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f6m5r5",
|
||||
imageAlt: "Landscape lighting",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f6m5r5", imageAlt: "Landscape lighting"},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -110,60 +77,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Lawn Maintenance",
|
||||
author: "Horizon Lawn",
|
||||
description: "Weekly mowing, edging, and trimming that keeps your property pristine all season long.",
|
||||
tags: [
|
||||
"Full Service",
|
||||
"Weekly",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bd5b19",
|
||||
},
|
||||
id: "s1", title: "Lawn Maintenance", author: "Horizon Lawn", description: "Weekly mowing, edging, and trimming that keeps your property pristine all season long.", tags: ["Full Service", "Weekly"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bd5b19"},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Irrigation & Lighting",
|
||||
author: "Horizon Lawn",
|
||||
description: "Expert design and installation of automated irrigation and ambient landscape lighting.",
|
||||
tags: [
|
||||
"Irrigation",
|
||||
"Smart Lighting",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qavzsl",
|
||||
},
|
||||
id: "s2", title: "Irrigation & Lighting", author: "Horizon Lawn", description: "Expert design and installation of automated irrigation and ambient landscape lighting.", tags: ["Irrigation", "Smart Lighting"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qavzsl"},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Weed Control",
|
||||
author: "Horizon Lawn",
|
||||
description: "Magic weed-free formulas applied by our pros like Monty that guarantee a plush, healthy yard.",
|
||||
tags: [
|
||||
"Weed Control",
|
||||
"Guarantee",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wu6fyq",
|
||||
},
|
||||
id: "s3", title: "Weed Control", author: "Horizon Lawn", description: "Magic weed-free formulas applied by our pros like Monty that guarantee a plush, healthy yard.", tags: ["Weed Control", "Guarantee"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wu6fyq"},
|
||||
{
|
||||
id: "s4",
|
||||
title: "Custom Fire Pits",
|
||||
author: "Horizon Lawn",
|
||||
description: "Design the perfect outdoor living area with our custom-crafted stone fire pit installations.",
|
||||
tags: [
|
||||
"Design",
|
||||
"Hardscape",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n0em07",
|
||||
},
|
||||
id: "s4", title: "Custom Fire Pits", author: "Horizon Lawn", description: "Design the perfect outdoor living area with our custom-crafted stone fire pit installations.", tags: ["Design", "Hardscape"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n0em07"},
|
||||
{
|
||||
id: "s5",
|
||||
title: "Flower Beds",
|
||||
author: "Horizon Lawn",
|
||||
description: "Vibrant, professionally maintained flower beds that bring color and life to your landscaping.",
|
||||
tags: [
|
||||
"Gardening",
|
||||
"Floral",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zo939a",
|
||||
},
|
||||
id: "s5", title: "Flower Beds", author: "Horizon Lawn", description: "Vibrant, professionally maintained flower beds that bring color and life to your landscaping.", tags: ["Gardening", "Floral"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zo939a"},
|
||||
]}
|
||||
title="Complete Outdoor Transformation Services"
|
||||
description="We specialize in everything your yard needs to go from average to elite. Our attention to detail is simply unmatched in Idaho."
|
||||
@@ -174,44 +101,21 @@ export default function LandingPage() {
|
||||
<ProductCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Lawn Transformation",
|
||||
price: "Featured",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8oyf6y",
|
||||
},
|
||||
id: "p1", name: "Lawn Transformation", price: "Featured", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8oyf6y"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Custom Fire Pit",
|
||||
price: "Custom",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m0124g",
|
||||
},
|
||||
id: "p2", name: "Custom Fire Pit", price: "Custom", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m0124g"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Ambient Lighting",
|
||||
price: "Design",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xrvj50",
|
||||
},
|
||||
id: "p3", name: "Ambient Lighting", price: "Design", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xrvj50"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Irrigation Installation",
|
||||
price: "System",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nynonk",
|
||||
},
|
||||
id: "p4", name: "Irrigation Installation", price: "System", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nynonk"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Flower Bed Design",
|
||||
price: "Garden",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6k9fcc",
|
||||
},
|
||||
id: "p5", name: "Flower Bed Design", price: "Garden", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6k9fcc"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Full Yard Overhaul",
|
||||
price: "Elite",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fmdnow",
|
||||
},
|
||||
id: "p6", name: "Full Yard Overhaul", price: "Elite", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fmdnow"},
|
||||
]}
|
||||
title="Our Magic Transformations"
|
||||
description="Explore before and after transformations of Boise area residential yards."
|
||||
@@ -226,45 +130,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Kathy Taylor",
|
||||
role: "Homeowner",
|
||||
company: "Boise Resident",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8gcvd1",
|
||||
},
|
||||
id: "t1", name: "Kathy Taylor", role: "Homeowner", company: "Boise Resident", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8gcvd1"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Richard Steele",
|
||||
role: "Homeowner",
|
||||
company: "Boise Resident",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w5t9bf",
|
||||
},
|
||||
id: "t2", name: "Richard Steele", role: "Homeowner", company: "Boise Resident", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w5t9bf"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Patscarwash",
|
||||
role: "Homeowner",
|
||||
company: "Boise Resident",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l0rnmu",
|
||||
},
|
||||
id: "t3", name: "Patscarwash", role: "Homeowner", company: "Boise Resident", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l0rnmu"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Amy Merrill",
|
||||
role: "Homeowner",
|
||||
company: "Boise Resident",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y7366r",
|
||||
},
|
||||
id: "t4", name: "Amy Merrill", role: "Homeowner", company: "Boise Resident", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y7366r"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Emily Meek",
|
||||
role: "Homeowner",
|
||||
company: "Boise Resident",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zclofp",
|
||||
},
|
||||
id: "t5", name: "Emily Meek", role: "Homeowner", company: "Boise Resident", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zclofp"},
|
||||
]}
|
||||
title="Glowing 5-Star Reviews"
|
||||
description="Join 22+ satisfied clients who trust our magic."
|
||||
@@ -277,9 +156,7 @@ export default function LandingPage() {
|
||||
title="Boise's Magic Makers – 22+ Years of 5-Star Transformations"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Our Team",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Our Team", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -292,20 +169,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "22+",
|
||||
description: "Glowing Google Reviews",
|
||||
},
|
||||
id: "m1", value: "22+", description: "Glowing Google Reviews"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "4.5+",
|
||||
description: "Average Star Rating",
|
||||
},
|
||||
id: "m2", value: "4.5+", description: "Average Star Rating"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "22",
|
||||
description: "Years of Experience",
|
||||
},
|
||||
id: "m3", value: "22", description: "Years of Experience"},
|
||||
]}
|
||||
title="Why Clients Trust Us"
|
||||
description="Excellence in landscaping, backed by years of experience and dedicated service."
|
||||
@@ -317,20 +185,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer a warranty?",
|
||||
content: "Yes! We stand by our work. Richard Steele experienced this first-hand; one call and our crew fixed it immediately under warranty.",
|
||||
},
|
||||
id: "f1", title: "Do you offer a warranty?", content: "Yes! We stand by our work. Richard Steele experienced this first-hand; one call and our crew fixed it immediately under warranty."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What areas do you serve?",
|
||||
content: "We proudly serve the greater Boise, Idaho area with premium lawn care and full landscape services.",
|
||||
},
|
||||
id: "f2", title: "What areas do you serve?", content: "We proudly serve the greater Boise, Idaho area with premium lawn care and full landscape services."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Who are your lead experts?",
|
||||
content: "Our expert team includes Scott, Dustin, and Monty—professionals who have been transforming lawns for years.",
|
||||
},
|
||||
id: "f3", title: "Who are your lead experts?", content: "Our expert team includes Scott, Dustin, and Monty—professionals who have been transforming lawns for years."},
|
||||
]}
|
||||
sideTitle="Commonly Asked Questions"
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -341,14 +200,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to get your magic lawn quote? Limited spring slots available."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Free Site Visit",
|
||||
href: "tel:5550101",
|
||||
},
|
||||
text: "Book Free Site Visit", href: "tel:5550101"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -357,46 +213,29 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Reviews", href: "#testimonials"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Warranty Info",
|
||||
href: "#",
|
||||
},
|
||||
label: "Warranty Info", href: "#"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", 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