Merge version_1 into main #2
363
src/app/page.tsx
363
src/app/page.tsx
@@ -26,256 +26,131 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
]}
|
||||
brandName="JC Landscape"
|
||||
button={{
|
||||
text: "Free Estimate",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
]}
|
||||
brandName="JC Landscape"
|
||||
button={{ text: "Free Estimate", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="JC LANDSCAPE"
|
||||
description="Expert landscaping, tree removal, and outdoor design—done fast, done right, and done with pride."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Our Work",
|
||||
href: "#services",
|
||||
},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-lying-hammock-warm-summer-day_1321-471.jpg?_wi=1",
|
||||
imageAlt: "Luxury backyard patio",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-lying-hammock-warm-summer-day_1321-471.jpg?_wi=2",
|
||||
imageAlt: "Professional garden maintenance",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-lying-hammock-warm-summer-day_1321-471.jpg?_wi=3",
|
||||
imageAlt: "Tree removal service",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-lying-hammock-warm-summer-day_1321-471.jpg?_wi=4",
|
||||
imageAlt: "Outdoor stone work",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-lying-hammock-warm-summer-day_1321-471.jpg?_wi=5",
|
||||
imageAlt: "Seasonal garden cleanup",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="JC LANDSCAPE"
|
||||
description="Expert landscaping, tree removal, and outdoor design—done fast, done right, and done with pride."
|
||||
buttons={[
|
||||
{ text: "Get a Free Estimate", href: "#contact" },
|
||||
{ text: "View Our Work", href: "#services" },
|
||||
]}
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-lying-hammock-warm-summer-day_1321-471.jpg", imageAlt: "Luxury backyard patio" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-lying-hammock-warm-summer-day_1321-471.jpg", imageAlt: "Professional garden maintenance" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-lying-hammock-warm-summer-day_1321-471.jpg", imageAlt: "Tree removal service" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-lying-hammock-warm-summer-day_1321-471.jpg", imageAlt: "Outdoor stone work" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-lying-hammock-warm-summer-day_1321-471.jpg", imageAlt: "Seasonal garden cleanup" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="We Don't Just Do Landscaping — We Elevate Properties"
|
||||
description="Precision work on every detail. Fast turnaround without cutting corners. Communication you can count on. A team that actually cares."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-male-female-gardener-working-garden_23-2148165266.jpg?_wi=1"
|
||||
imageAlt="Professional landscaping team at work"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="We Don't Just Do Landscaping — We Elevate Properties"
|
||||
description="Precision work on every detail. Fast turnaround without cutting corners. Communication you can count on. A team that actually cares."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-male-female-gardener-working-garden_23-2148165266.jpg"
|
||||
imageAlt="Professional landscaping team at work"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Tree Services",
|
||||
description: "Safe, fast, and clean tree removal—even in tight spaces.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Star,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-lying-hammock-warm-summer-day_1321-471.jpg?_wi=6",
|
||||
imageAlt: "luxury backyard patio design",
|
||||
},
|
||||
{
|
||||
title: "Landscaping & Design",
|
||||
description: "Full yard transformations to make your property look brand new.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Leaf,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-female-gardener-working-garden_23-2148165266.jpg?_wi=2",
|
||||
imageAlt: "landscaping team professional",
|
||||
},
|
||||
{
|
||||
title: "Hardscaping",
|
||||
description: "Patios, retaining walls, and outdoor kitchens built to last.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Star,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-hand-reaching-out_23-2148308600.jpg?_wi=1",
|
||||
imageAlt: "smiling homeowner portrait",
|
||||
},
|
||||
{
|
||||
title: "Seasonal Cleanups",
|
||||
description: "Spring and fall cleanups that completely refresh your curb appeal.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Leaf,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-man-telling-you-smile_23-2148612963.jpg?_wi=1",
|
||||
imageAlt: "professional man portrait",
|
||||
},
|
||||
{
|
||||
title: "Snow Removal",
|
||||
description: "Reliable winter service to keep your property safe and accessible.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Snowflake,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-lifestyle-clean-urban-space_23-2149015702.jpg?_wi=1",
|
||||
imageAlt: "woman portrait garden",
|
||||
},
|
||||
]}
|
||||
title="Professional Outdoor Services"
|
||||
description="Comprehensive landscaping and maintenance solutions for your Quad Cities property."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Tree Services", description: "Safe, fast, and clean tree removal—even in tight spaces.", bentoComponent: "reveal-icon", icon: Star
|
||||
},
|
||||
{
|
||||
title: "Landscaping & Design", description: "Full yard transformations to make your property look brand new.", bentoComponent: "reveal-icon", icon: Leaf
|
||||
},
|
||||
{
|
||||
title: "Hardscaping", description: "Patios, retaining walls, and outdoor kitchens built to last.", bentoComponent: "reveal-icon", icon: Star
|
||||
},
|
||||
{
|
||||
title: "Seasonal Cleanups", description: "Spring and fall cleanups that completely refresh your curb appeal.", bentoComponent: "reveal-icon", icon: Leaf
|
||||
},
|
||||
{
|
||||
title: "Snow Removal", description: "Reliable winter service to keep your property safe and accessible.", bentoComponent: "reveal-icon", icon: Snowflake
|
||||
},
|
||||
]}
|
||||
title="Professional Outdoor Services"
|
||||
description="Comprehensive landscaping and maintenance solutions for your Quad Cities property."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Homeowner",
|
||||
company: "Bettendorf",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-hand-reaching-out_23-2148308600.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael C.",
|
||||
role: "Homeowner",
|
||||
company: "Davenport",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-man-telling-you-smile_23-2148612963.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Homeowner",
|
||||
company: "Clinton",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-lifestyle-clean-urban-space_23-2149015702.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Homeowner",
|
||||
company: "Quad Cities",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delivery-man-with-package_23-2148869388.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Robert L.",
|
||||
role: "Homeowner",
|
||||
company: "LeClaire",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-hand-reaching-out_23-2148308600.jpg?_wi=3",
|
||||
},
|
||||
]}
|
||||
title="Trusted By Our Clients"
|
||||
description="See why Quad Cities homeowners rely on us."
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", role: "Homeowner", company: "Bettendorf", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-hand-reaching-out_23-2148308600.jpg" },
|
||||
{ id: "2", name: "Michael C.", role: "Homeowner", company: "Davenport", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-man-telling-you-smile_23-2148612963.jpg" },
|
||||
{ id: "3", name: "Emily R.", role: "Homeowner", company: "Clinton", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-lifestyle-clean-urban-space_23-2149015702.jpg" },
|
||||
{ id: "4", name: "David K.", role: "Homeowner", company: "Quad Cities", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/delivery-man-with-package_23-2148869388.jpg" },
|
||||
{ id: "5", name: "Robert L.", role: "Homeowner", company: "LeClaire", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-hand-reaching-out_23-2148308600.jpg" },
|
||||
]}
|
||||
title="Trusted By Our Clients"
|
||||
description="See why Quad Cities homeowners rely on us."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Ready to Upgrade Your Yard?"
|
||||
description="Let's bring your vision to life. Request your free estimate today."
|
||||
buttonText="Get Free Estimate"
|
||||
tag="Get In Touch"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Ready to Upgrade Your Yard?"
|
||||
description="Let's bring your vision to life. Request your free estimate today."
|
||||
buttonText="Get Free Estimate"
|
||||
tag="Get In Touch"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="JC Landscape"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Tree Removal",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Landscaping",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Hardscaping",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#reviews",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="JC Landscape"
|
||||
columns={[
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Tree Removal", href: "#services" },
|
||||
{ label: "Landscaping", href: "#services" },
|
||||
{ label: "Hardscaping", href: "#services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Testimonials", href: "#reviews" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user