Merge version_1 into main #2

Merged
bender merged 2 commits from version_1 into main 2026-04-01 14:31:16 +00:00
2 changed files with 117 additions and 315 deletions

View File

@@ -6,7 +6,6 @@ import "@/lib/gsap-setup";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import { getVisualEditScript } from "@/utils/visual-edit-script";
import { Playfair_Display } from 'next/font/google';
import { Inter } from 'next/font/google';

View File

@@ -1,325 +1,128 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Calendar } from "lucide-react";
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Calendar } from 'lucide-react';
export default function LandingPage() {
const navItems = [{ name: "Home", id: "/" }];
export default function HomePage() {
return (
<ThemeProvider
defaultButtonVariant="expand-hover"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="compact"
sizing="mediumLargeSizeLargeTitles"
background="circleGradient"
cardStyle="subtle-shadow"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="layered"
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Services",
id: "services",
},
{
name: "Work",
id: "work",
},
{
name: "About",
id: "about",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="PRECISION"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "rotated-rays-static",
}}
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: "#work",
},
]}
mediaItems={[
{
imageSrc: "https://pixabay.com/get/gebcc29e9db1ea6abf4b15045d102d9e470642743d8f3fd98abb1741b5fdc9e3e87ecd18e0353e52a17148cf6c4ba84debaadc6ea8fd58be8cf9d39e1cc155943_1280.jpg?_wi=1",
imageAlt: "Luxurious backyard",
},
{
imageSrc: "https://pixabay.com/get/gebcc29e9db1ea6abf4b15045d102d9e470642743d8f3fd98abb1741b5fdc9e3e87ecd18e0353e52a17148cf6c4ba84debaadc6ea8fd58be8cf9d39e1cc155943_1280.jpg?_wi=2",
imageAlt: "Backyard water feature",
},
{
imageSrc: "https://pixabay.com/get/gebcc29e9db1ea6abf4b15045d102d9e470642743d8f3fd98abb1741b5fdc9e3e87ecd18e0353e52a17148cf6c4ba84debaadc6ea8fd58be8cf9d39e1cc155943_1280.jpg?_wi=3",
imageAlt: "Custom stone fireplace",
},
{
imageSrc: "https://pixabay.com/get/gebcc29e9db1ea6abf4b15045d102d9e470642743d8f3fd98abb1741b5fdc9e3e87ecd18e0353e52a17148cf6c4ba84debaadc6ea8fd58be8cf9d39e1cc155943_1280.jpg?_wi=4",
imageAlt: "Outdoor pergola",
},
{
imageSrc: "https://pixabay.com/get/gebcc29e9db1ea6abf4b15045d102d9e470642743d8f3fd98abb1741b5fdc9e3e87ecd18e0353e52a17148cf6c4ba84debaadc6ea8fd58be8cf9d39e1cc155943_1280.jpg?_wi=5",
imageAlt: "Landscape lighting",
},
]}
mediaAnimation="blur-reveal"
/>
</div>
<div id="features" data-section="features">
<FeatureCardEight
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: 1,
title: "Design-first thinking",
description: "We focus on architectural intent rather than simple labor.",
imageSrc: "https://pixabay.com/get/gb8bdac8a45e6b228fe9153ebeb392dcbf60da4b014c835d35c1f7a7f5f83af059738bfcad61ca2cb98b922830db1f989cdf1e28aaf7b238e5964b66c4a5975a8_1280.jpg?_wi=1",
},
{
id: 2,
title: "Owner-led vision",
description: "Eric maintains a direct hand in every design project.",
imageSrc: "https://pixabay.com/get/gb8b049fa80a2136fc604e0349e718174d13c9d237c924bb6a2ffad7e217023b7ad1cf5ce4c18b3860d5ac5244497607150580f45313f0a15328c988cd2c23835_1280.jpg?_wi=1",
},
{
id: 3,
title: "Meticulous execution",
description: "Detail-obsessed care for large projects and small maintenance alike.",
imageSrc: "https://pixabay.com/get/g2953b54ab45335ed0b06950741e62bf708baa34c2168b43eb42a46a8b75f4cb4659fcc9cb8462623ed5da398ab000f7f39389d851f4a18eb4d512db149c6b92e_1280.jpg",
},
]}
title="A League Above the Rest"
description="Not just another landscaping company. Clients consistently say the same thing: 'Eric is in a league of his own.'"
/>
</div>
<div id="services" data-section="services">
<PricingCardNine
animationType="slide-up"
textboxLayout="split-description"
useInvertedBackground={false}
plans={[
{
id: "design-build",
title: "Design & Build",
price: "Custom",
period: "Project",
features: [
"Custom patios & walkways",
"Water features",
"Stone masonry",
],
button: {
text: "Inquire",
},
imageSrc: "https://pixabay.com/get/g4425efc64a30e278a1d9a145ba2127b58e5a5e3f9c7d460722aec11764e9a6f028df0a5159d6100ce10579308d16cde78d3d7b284f9beb52e2bab7e6fe04bb6f_1280.jpg",
imageAlt: "luxurious backyard landscape evening",
},
{
id: "living",
title: "Living Spaces",
price: "Custom",
period: "Project",
features: [
"Fire features",
"Arbors & pergolas",
"Lighting systems",
],
button: {
text: "Inquire",
},
imageSrc: "https://pixabay.com/get/gb8bdac8a45e6b228fe9153ebeb392dcbf60da4b014c835d35c1f7a7f5f83af059738bfcad61ca2cb98b922830db1f989cdf1e28aaf7b238e5964b66c4a5975a8_1280.jpg?_wi=2",
imageAlt: "meticulous stone masonry work",
},
{
id: "care",
title: "Property Care",
price: "Monthly",
period: "Retainer",
features: [
"Seasonal cleanups",
"Detailed pruning",
"Lawn prep",
],
button: {
text: "Inquire",
},
imageSrc: "https://pixabay.com/get/gb8b049fa80a2136fc604e0349e718174d13c9d237c924bb6a2ffad7e217023b7ad1cf5ce4c18b3860d5ac5244497607150580f45313f0a15328c988cd2c23835_1280.jpg?_wi=2",
imageAlt: "luxury landscape design plan",
},
]}
title="Our Services"
description="Intentional, refined outdoor environments."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen
useInvertedBackground={false}
testimonial="Eric was truly in a league of his own. The attention to detail is unmatched in this region."
rating={5}
author="Jillian H."
avatars={[
{
src: "https://pixabay.com/get/gca4361ad4a17d8fc9ef80af1d597f466f2a85204837b1055dc01929faefb7ea902b08573db20552a1658cf7b0c4a15e9497bcac7a15b2c91a37c29813ef9e9b6_1280.jpg",
alt: "Jillian H.",
},
{
src: "https://pixabay.com/get/g46823253ad4b20ccfdab3eb65890825c0b2ec331689e730a1661f602b839c7e1821018bfc4427f1bab34595a75b88340b8ee66e7ffe9fbbd3ba2f5d492d94acb_1280.png",
alt: "Jim A.",
},
{
src: "https://pixabay.com/get/gd314e2d227030e365bf3e5a0115c8bdcf9c2627e525e51c44ad7ec03cc2dece2c061ea98ae115d84e2c2efa262ed95e836c8b82ee6d6116fcbbc79bf88e7ea08_1280.jpg",
alt: "Verified Client",
},
{
src: "https://pixabay.com/get/g38de45f154f2659cbcb99246815905223a84f2dfc79b6e67dd51f73f059ad204c0e603f2310dfb24415b0e390dc5979c02cee428cddce004e93439ba477ef5a2_1280.jpg",
alt: "Homeowner",
},
{
src: "https://pixabay.com/get/gca4361ad4a17d8fc9ef80af1d597f466f2a85204837b1055dc01929faefb7ea902b08573db20552a1658cf7b0c4a15e9497bcac7a15b2c91a37c29813ef9e9b6_1280.jpg",
alt: "Satisfied Customer",
},
]}
ratingAnimation="blur-reveal"
avatarsAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
useInvertedBackground={false}
title="Led by Vision. Backed by Craft."
description={[
"Every project starts with a clear vision—and ends with a space that exceeds expectations.",
"Eric and his team are known for listening first, designing with intention, and executing with absolute precision.",
]}
/>
</div>
<div id="process" data-section="process">
<FeatureCardEight
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: 101,
title: "Consultation",
description: "We walk your space and understand your vision.",
imageSrc: "https://pixabay.com/get/g494ce42229aa4ded80c20cdcda74745fc6f8334f23d46ec01acf6911657f34437563b5ac1da1e8b324099b66bfbf4db53f49948323637caed1d502964cd08c2c_1280.jpg",
},
{
id: 102,
title: "Design",
description: "We present ideas you may not have considered.",
imageSrc: "https://pixabay.com/get/g7a693f30c6d6d567b7ef8ccf7f30358d05072ae34366144bbdea0206fb1cd7107b042cebedb674917ac91b7b27b854922174e2933d673d3222b9a0bb5927a277_1280.jpg",
},
{
id: 103,
title: "Build",
description: "We execute with precision and professionalism.",
imageSrc: "https://pixabay.com/get/gb8bdac8a45e6b228fe9153ebeb392dcbf60da4b014c835d35c1f7a7f5f83af059738bfcad61ca2cb98b922830db1f989cdf1e28aaf7b238e5964b66c4a5975a8_1280.jpg?_wi=3",
},
]}
title="Our Process"
description="A trusted path to an exceptional property."
/>
</div>
<div id="contact" data-section="contact">
<ContactFaq
animationType="slide-up"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Where do you operate?",
content: "Serving high-end residential clients throughout Northern Colorado.",
},
{
id: "q2",
title: "Do you handle maintenance?",
content: "Yes, we offer ongoing maintenance and seasonal care plans.",
},
]}
ctaTitle="Lets Build Something Exceptional"
ctaDescription="Ready to elevate your home? Schedule your site consultation today."
ctaButton={{
text: "Request a Consultation",
}}
ctaIcon={Calendar}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Company",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Services",
href: "#services",
},
],
},
{
title: "Connect",
items: [
{
label: "Contact",
href: "#contact",
},
{
label: "Instagram",
href: "#",
},
],
},
]}
bottomLeftText="© 2024 Precision Landscape & Maintenance"
bottomRightText="Northern Colorado"
/>
</div>
</ReactLenis>
<ThemeProvider>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen navItems={navItems} />
</div>
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{ variant: "rotated-rays-static" }}
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: "#work" }]}
mediaItems={[
{ imageSrc: "https://pixabay.com/get/gebcc29e9db1ea6abf4b15045d102d9e470642743d8f3fd98abb1741b5fdc9e3e87ecd18e0353e52a17148cf6c4ba84debaadc6ea8fd58be8cf9d39e1cc155943_1280.jpg", imageAlt: "Luxurious backyard" },
{ imageSrc: "https://pixabay.com/get/gebcc29e9db1ea6abf4b15045d102d9e470642743d8f3fd98abb1741b5fdc9e3e87ecd18e0353e52a17148cf6c4ba84debaadc6ea8fd58be8cf9d39e1cc155943_1280.jpg", imageAlt: "Backyard water feature" },
{ imageSrc: "https://pixabay.com/get/gebcc29e9db1ea6abf4b15045d102d9e470642743d8f3fd98abb1741b5fdc9e3e87ecd18e0353e52a17148cf6c4ba84debaadc6ea8fd58be8cf9d39e1cc155943_1280.jpg", imageAlt: "Custom stone fireplace" },
{ imageSrc: "https://pixabay.com/get/gebcc29e9db1ea6abf4b15045d102d9e470642743d8f3fd98abb1741b5fdc9e3e87ecd18e0353e52a17148cf6c4ba84debaadc6ea8fd58be8cf9d39e1cc155943_1280.jpg", imageAlt: "Outdoor pergola" },
{ imageSrc: "https://pixabay.com/get/gebcc29e9db1ea6abf4b15045d102d9e470642743d8f3fd98abb1741b5fdc9e3e87ecd18e0353e52a17148cf6c4ba84debaadc6ea8fd58be8cf9d39e1cc155943_1280.jpg", imageAlt: "Landscape lighting" }
]}
mediaAnimation="blur-reveal"
/>
</div>
<div id="features" data-section="features">
<FeatureCardEight
textboxLayout="split"
useInvertedBackground={false}
features={[
{ id: 1, title: "Design-first thinking", description: "We focus on architectural intent rather than simple labor.", imageSrc: "https://pixabay.com/get/gb8bdac8a45e6b228fe9153ebeb392dcbf60da4b014c835d35c1f7a7f5f83af059738bfcad61ca2cb98b922830db1f989cdf1e28aaf7b238e5964b66c4a5975a8_1280.jpg" },
{ id: 2, title: "Owner-led vision", description: "Eric maintains a direct hand in every design project.", imageSrc: "https://pixabay.com/get/gb8b049fa80a2136fc604e0349e718174d13c9d237c924bb6a2ffad7e217023b7ad1cf5ce4c18b3860d5ac5244497607150580f45313f0a15328c988cd2c23835_1280.jpg" },
{ id: 3, title: "Meticulous execution", description: "Detail-obsessed care for large projects and small maintenance alike.", imageSrc: "https://pixabay.com/get/g2953b54ab45335ed0b06950741e62bf708baa34c2168b43eb42a46a8b75f4cb4659fcc9cb8462623ed5da398ab000f7f39389d851f4a18eb4d512db149c6b92e_1280.jpg" }
]}
title="A League Above the Rest"
description="Not just another landscaping company. Clients consistently say the same thing: 'Eric is in a league of his own.'"
/>
</div>
<div id="services" data-section="services">
<PricingCardNine
animationType="slide-up"
textboxLayout="split-description"
useInvertedBackground={false}
plans={[
{ id: "design-build", title: "Design & Build", price: "Custom", period: "Project", features: ["Custom patios & walkways", "Water features", "Stone masonry"], button: { text: "Inquire" }, imageSrc: "https://pixabay.com/get/g4425efc64a30e278a1d9a145ba2127b58e5a5e3f9c7d460722aec11764e9a6f028df0a5159d6100ce10579308d16cde78d3d7b284f9beb52e2bab7e6fe04bb6f_1280.jpg" },
{ id: "living", title: "Living Spaces", price: "Custom", period: "Project", features: ["Fire features", "Arbors & pergolas", "Lighting systems"], button: { text: "Inquire" }, imageSrc: "https://pixabay.com/get/gb8bdac8a45e6b228fe9153ebeb392dcbf60da4b014c835d35c1f7a7f5f83af059738bfcad61ca2cb98b922830db1f989cdf1e28aaf7b238e5964b66c4a5975a8_1280.jpg" },
{ id: "care", title: "Property Care", price: "Monthly", period: "Retainer", features: ["Seasonal cleanups", "Detailed pruning", "Lawn prep"], button: { text: "Inquire" }, imageSrc: "https://pixabay.com/get/gb8b049fa80a2136fc604e0349e718174d13c9d237c924bb6a2ffad7e217023b7ad1cf5ce4c18b3860d5ac5244497607150580f45313f0a15328c988cd2c23835_1280.jpg" }
]}
title="Our Services"
description="Intentional, refined outdoor environments."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen
useInvertedBackground={false}
testimonial="Eric was truly in a league of his own. The attention to detail is unmatched in this region."
rating={5}
author="Jillian H."
avatars={[
{ src: "https://pixabay.com/get/gca4361ad4a17d8fc9ef80af1d597f466f2a85204837b1055dc01929faefb7ea902b08573db20552a1658cf7b0c4a15e9497bcac7a15b2c91a37c29813ef9e9b6_1280.jpg", alt: "Jillian H." },
{ src: "https://pixabay.com/get/g46823253ad4b20ccfdab3eb65890825c0b2ec331689e730a1661f602b839c7e1821018bfc4427f1bab34595a75b88340b8ee66e7ffe9fbbd3ba2f5d492d94acb_1280.png", alt: "Jim A." },
{ src: "https://pixabay.com/get/gd314e2d227030e365bf3e5a0115c8bdcf9c2627e525e51c44ad7ec03cc2dece2c061ea98ae115d84e2c2efa262ed95e836c8b82ee6d6116fcbbc79bf88e7ea08_1280.jpg", alt: "Verified Client" },
{ src: "https://pixabay.com/get/g38de45f154f2659cbcb99246815905223a84f2dfc79b6e67dd51f73f059ad204c0e603f2310dfb24415b0e390dc5979c02cee428cddce004e93439ba477ef5a2_1280.jpg", alt: "Homeowner" },
{ src: "https://pixabay.com/get/gca4361ad4a17d8fc9ef80af1d597f466f2a85204837b1055dc01929faefb7ea902b08573db20552a1658cf7b0c4a15e9497bcac7a15b2c91a37c29813ef9e9b6_1280.jpg", alt: "Satisfied Customer" }
]}
ratingAnimation="blur-reveal"
avatarsAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
useInvertedBackground={false}
title="Led by Vision. Backed by Craft."
description={["Every project starts with a clear vision—and ends with a space that exceeds expectations.", "Eric and his team are known for listening first, designing with intention, and executing with absolute precision."]}
/>
</div>
<div id="process" data-section="process">
<FeatureCardEight
textboxLayout="split"
useInvertedBackground={false}
features={[
{ id: 101, title: "Consultation", description: "We walk your space and understand your vision.", imageSrc: "https://pixabay.com/get/g494ce42229aa4ded80c20cdcda74745fc6f8334f23d46ec01acf6911657f34437563b5ac1da1e8b324099b66bfbf4db53f49948323637caed1d502964cd08c2c_1280.jpg" },
{ id: 102, title: "Design", description: "We present ideas you may not have considered.", imageSrc: "https://pixabay.com/get/g7a693f30c6d6d567b7ef8ccf7f30358d05072ae34366144bbdea0206fb1cd7107b042cebedb674917ac91b7b27b854922174e2933d673d3222b9a0bb5927a277_1280.jpg" },
{ id: 103, title: "Build", description: "We execute with precision and professionalism.", imageSrc: "https://pixabay.com/get/gb8bdac8a45e6b228fe9153ebeb392dcbf60da4b014c835d35c1f7a7f5f83af059738bfcad61ca2cb98b922830db1f989cdf1e28aaf7b238e5964b66c4a5975a8_1280.jpg" }
]}
title="Our Process"
description="A trusted path to an exceptional property."
/>
</div>
<div id="contact" data-section="contact">
<ContactFaq
animationType="slide-up"
useInvertedBackground={false}
faqs={[
{ id: "q1", title: "Where do you operate?", content: "Serving high-end residential clients throughout Northern Colorado." },
{ id: "q2", title: "Do you handle maintenance?", content: "Yes, we offer ongoing maintenance and seasonal care plans." }
]}
ctaTitle="Lets Build Something Exceptional"
ctaDescription="Ready to elevate your home? Schedule your site consultation today."
ctaButton={{ text: "Request a Consultation" }}
ctaIcon={Calendar}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#services" }] },
{ title: "Connect", items: [{ label: "Contact", href: "#contact" }, { label: "Instagram", href: "#" }] }
]}
bottomLeftText="© 2024 Precision Landscape & Maintenance"
bottomRightText="Northern Colorado"
/>
</div>
</ThemeProvider>
);
}
}