Merge version_1 into main #2
368
src/app/page.tsx
368
src/app/page.tsx
@@ -27,290 +27,102 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "portfolio",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
]}
|
||||
brandName="Precision Landscape"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Portfolio", id: "portfolio" },
|
||||
{ name: "About", id: "about" },
|
||||
]}
|
||||
brandName="Precision Landscape"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Designed With Vision. Built With Precision."
|
||||
description="Custom outdoor living spaces, expert craftsmanship, and year-round care—tailored to elevate your home."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request a Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Our Work",
|
||||
href: "#portfolio",
|
||||
},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmFdvcT6oJY4B3khouJnvXufc/cinematic-wide-shot-of-a-luxury-modern-b-1775053489007-effe9eb6.png?_wi=1",
|
||||
imageAlt: "Luxury backyard transformation",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmFdvcT6oJY4B3khouJnvXufc/elegant-stone-patio-with-built-in-fire-f-1775053490198-86136987.png?_wi=1",
|
||||
imageAlt: "Stone patio and fire feature",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmFdvcT6oJY4B3khouJnvXufc/aerial-view-of-a-masterfully-designed-re-1775053492179-e2e439e3.png?_wi=1",
|
||||
imageAlt: "Professional landscape maintenance",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmFdvcT6oJY4B3khouJnvXufc/close-up-detail-of-professional-pruning--1775053490580-4aa78b7b.png?_wi=1",
|
||||
imageAlt: "Detail-obsessed garden care",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmFdvcT6oJY4B3khouJnvXufc/luxury-outdoor-fire-feature-with-pergola-1775053491825-1a0418a1.png?_wi=1",
|
||||
imageAlt: "Outdoor fireplace oasis",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmFdvcT6oJY4B3khouJnvXufc/evening-mood-shot-of-a-luxury-landscape--1775053489630-b6b7cccf.png",
|
||||
imageAlt: "Evening landscaping design",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Designed With Vision. Built With Precision."
|
||||
description="Custom outdoor living spaces, expert craftsmanship, and year-round care—tailored to elevate your home."
|
||||
buttons={[{ text: "Request a Consultation", href: "#contact" }, { text: "View Our Work", href: "#portfolio" }]}
|
||||
carouselItems={[
|
||||
{ id: "1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmFdvcT6oJY4B3khouJnvXufc/cinematic-wide-shot-of-a-luxury-modern-b-1775053489007-effe9eb6.png", imageAlt: "Luxury backyard transformation" },
|
||||
{ id: "2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmFdvcT6oJY4B3khouJnvXufc/elegant-stone-patio-with-built-in-fire-f-1775053490198-86136987.png", imageAlt: "Stone patio and fire feature" },
|
||||
{ id: "3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmFdvcT6oJY4B3khouJnvXufc/aerial-view-of-a-masterfully-designed-re-1775053492179-e2e439e3.png", imageAlt: "Professional landscape maintenance" },
|
||||
{ id: "4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmFdvcT6oJY4B3khouJnvXufc/close-up-detail-of-professional-pruning--1775053490580-4aa78b7b.png", imageAlt: "Detail-obsessed garden care" },
|
||||
{ id: "5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmFdvcT6oJY4B3khouJnvXufc/luxury-outdoor-fire-feature-with-pergola-1775053491825-1a0418a1.png", imageAlt: "Outdoor fireplace oasis" },
|
||||
{ id: "6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmFdvcT6oJY4B3khouJnvXufc/evening-mood-shot-of-a-luxury-landscape--1775053489630-b6b7cccf.png", imageAlt: "Evening landscaping design" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="About Us"
|
||||
title="Led by Vision. Backed by Craft."
|
||||
description="At Precision Landscape & Maintenance, every project starts with a clear vision—and ends with a space that exceeds expectations."
|
||||
subdescription="Eric and his team are known for listening first, designing with intention, and executing with absolute precision."
|
||||
icon={Award}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmFdvcT6oJY4B3khouJnvXufc/professional-portrait-of-a-high-end-land-1775053492412-29750aec.png"
|
||||
imageAlt="Eric, lead landscape designer"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="About Us"
|
||||
title="Led by Vision. Backed by Craft."
|
||||
description="At Precision Landscape & Maintenance, every project starts with a clear vision—and ends with a space that exceeds expectations."
|
||||
subdescription="Eric and his team are known for listening first, designing with intention, and executing with absolute precision."
|
||||
icon={Award}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmFdvcT6oJY4B3khouJnvXufc/professional-portrait-of-a-high-end-land-1775053492412-29750aec.png"
|
||||
imageAlt="Eric, lead landscape designer"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Cog,
|
||||
title: "Landscape Design & Build",
|
||||
description: "Concept-to-completion outdoor environments that feel intentional, refined, and built to last.",
|
||||
},
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Outdoor Living Spaces",
|
||||
description: "Custom patios, fire features, and pergolas designed to transform your yard into a private retreat.",
|
||||
},
|
||||
{
|
||||
icon: Leaf,
|
||||
title: "Property Maintenance",
|
||||
description: "The same level of expert care—from detailed seasonal cleanups to ongoing meticulous maintenance plans.",
|
||||
},
|
||||
]}
|
||||
title="Elevated Services"
|
||||
description="Comprehensive care and design to make your property exceptional year-round."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: Cog, title: "Landscape Design & Build", description: "Concept-to-completion outdoor environments that feel intentional, refined, and built to last." },
|
||||
{ icon: Sparkles, title: "Outdoor Living Spaces", description: "Custom patios, fire features, and pergolas designed to transform your yard into a private retreat." },
|
||||
{ icon: Leaf, title: "Property Maintenance", description: "The same level of expert care—from detailed seasonal cleanups to ongoing meticulous maintenance plans." },
|
||||
]}
|
||||
title="Elevated Services"
|
||||
description="Comprehensive care and design to make your property exceptional year-round."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Backyard Oasis",
|
||||
price: "Custom",
|
||||
variant: "Full Build",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmFdvcT6oJY4B3khouJnvXufc/elegant-stone-patio-with-built-in-fire-f-1775053490198-86136987.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Stone Patio & Walkway",
|
||||
price: "Custom",
|
||||
variant: "Design/Build",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmFdvcT6oJY4B3khouJnvXufc/luxury-outdoor-fire-feature-with-pergola-1775053491825-1a0418a1.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Custom Fireplace & Arbor",
|
||||
price: "Custom",
|
||||
variant: "Structures",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmFdvcT6oJY4B3khouJnvXufc/cinematic-wide-shot-of-a-luxury-modern-b-1775053489007-effe9eb6.png?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Featured Transformations"
|
||||
description="Our latest projects showcasing architectural precision and design-forward thinking."
|
||||
/>
|
||||
</div>
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "p1", name: "Backyard Oasis", price: "Custom", variant: "Full Build", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmFdvcT6oJY4B3khouJnvXufc/elegant-stone-patio-with-built-in-fire-f-1775053490198-86136987.png" },
|
||||
{ id: "p2", name: "Stone Patio & Walkway", price: "Custom", variant: "Design/Build", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmFdvcT6oJY4B3khouJnvXufc/luxury-outdoor-fire-feature-with-pergola-1775053491825-1a0418a1.png" },
|
||||
{ id: "p3", name: "Custom Fireplace & Arbor", price: "Custom", variant: "Structures", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmFdvcT6oJY4B3khouJnvXufc/cinematic-wide-shot-of-a-luxury-modern-b-1775053489007-effe9eb6.png" },
|
||||
]}
|
||||
title="Featured Transformations"
|
||||
description="Our latest projects showcasing architectural precision and design-forward thinking."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Jillian H.",
|
||||
date: "Oct 2023",
|
||||
title: "Homeowner",
|
||||
quote: "Eric was truly in a league of his own.",
|
||||
tag: "Expertise",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmFdvcT6oJY4B3khouJnvXufc/portrait-of-a-happy-homeowner-in-a-luxur-1775053491912-9a4e061d.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmFdvcT6oJY4B3khouJnvXufc/cinematic-wide-shot-of-a-luxury-modern-b-1775053489007-effe9eb6.png?_wi=3",
|
||||
imageAlt: "Cinematic wide shot of a luxury modern backyard transformation at twilight. Warm architectural light",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jim A.",
|
||||
date: "Aug 2023",
|
||||
title: "Homeowner",
|
||||
quote: "From design to completion… outstanding.",
|
||||
tag: "Communication",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmFdvcT6oJY4B3khouJnvXufc/portrait-of-an-affluent-client-luxury-ho-1775053491199-1ea45e5e.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmFdvcT6oJY4B3khouJnvXufc/elegant-stone-patio-with-built-in-fire-f-1775053490198-86136987.png?_wi=3",
|
||||
imageAlt: "Elegant stone patio with built-in fire feature in a professional landscape setting. Sophisticated, c",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah R.",
|
||||
date: "July 2023",
|
||||
title: "Homeowner",
|
||||
quote: "They created a backyard oasis for us.",
|
||||
tag: "Execution",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmFdvcT6oJY4B3khouJnvXufc/portrait-of-a-modern-couple-in-their-bea-1775053491539-3f6809bd.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmFdvcT6oJY4B3khouJnvXufc/aerial-view-of-a-masterfully-designed-re-1775053492179-e2e439e3.png?_wi=2",
|
||||
imageAlt: "Aerial view of a masterfully designed residential landscape, clean professional maintenance, lush la",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Mark D.",
|
||||
date: "June 2023",
|
||||
title: "Homeowner",
|
||||
quote: "Even the small details were handled perfectly.",
|
||||
tag: "Precision",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmFdvcT6oJY4B3khouJnvXufc/portrait-of-a-satisfied-home-owner-outdo-1775053493418-3f34e9dd.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmFdvcT6oJY4B3khouJnvXufc/close-up-detail-of-professional-pruning--1775053490580-4aa78b7b.png?_wi=2",
|
||||
imageAlt: "Close up detail of professional pruning and pristine landscape maintenance, delicate foliage texture",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena V.",
|
||||
date: "May 2023",
|
||||
title: "Homeowner",
|
||||
quote: "Transformed our property into a sanctuary.",
|
||||
tag: "Result",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmFdvcT6oJY4B3khouJnvXufc/portrait-of-a-happy-homeowner-in-a-luxur-1775053491912-9a4e061d.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmFdvcT6oJY4B3khouJnvXufc/luxury-outdoor-fire-feature-with-pergola-1775053491825-1a0418a1.png?_wi=3",
|
||||
imageAlt: "Luxury outdoor fire feature with pergola in a manicured landscape, dark forest background, soft ambe",
|
||||
},
|
||||
]}
|
||||
title="What Clients Say"
|
||||
description="Hear from the clients who trust us to elevate their properties."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Get in Touch"
|
||||
title="Let’s Build Something Exceptional"
|
||||
description="Ready to transform your outdoor space? Request a professional consultation today."
|
||||
buttonText="Schedule a Site Visit"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
tag="Get in Touch"
|
||||
title="Let’s Build Something Exceptional"
|
||||
description="Ready to transform your outdoor space? Request a professional consultation today."
|
||||
buttonText="Schedule a Site Visit"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Design & Build",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Living Spaces",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Maintenance",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Precision Landscape & Maintenance. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#services" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Services", items: [{ label: "Design & Build", href: "#services" }, { label: "Living Spaces", href: "#services" }, { label: "Maintenance", href: "#services" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2024 Precision Landscape & Maintenance. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user