Merge version_1 into main #2
258
src/app/page.tsx
258
src/app/page.tsx
@@ -18,28 +18,27 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Process",
|
||||
id: "#process",
|
||||
},
|
||||
name: "Process", id: "#process"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
]}
|
||||
button={{
|
||||
text: "Call Now",
|
||||
href: "tel:5551234567",
|
||||
}}
|
||||
text: "Call Now", href: "tel:5551234567"}}
|
||||
brandName="Greenbriar Landscape"
|
||||
/>
|
||||
</div>
|
||||
@@ -50,78 +49,39 @@ export default function LandingPage() {
|
||||
description="Reliable, on-time service that transforms your property. Quality results, backed by a team that cares."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Mark D.",
|
||||
handle: "Rockvale Resident",
|
||||
testimonial: "Hardworking and courteous team. They actually show up on time!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-indoor-farming_23-2149607100.jpg?_wi=1",
|
||||
imageAlt: "professional landscaping lawn yard",
|
||||
},
|
||||
name: "Mark D.", handle: "Rockvale Resident", testimonial: "Hardworking and courteous team. They actually show up on time!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-indoor-farming_23-2149607100.jpg", imageAlt: "professional landscaping lawn yard"},
|
||||
{
|
||||
name: "Sarah P.",
|
||||
handle: "Property Owner",
|
||||
testimonial: "Friendly and easy to work with. Highly recommend Greenbriar.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard-male-black-apron_1157-41438.jpg?_wi=1",
|
||||
imageAlt: "professional landscaping lawn yard",
|
||||
},
|
||||
name: "Sarah P.", handle: "Property Owner", testimonial: "Friendly and easy to work with. Highly recommend Greenbriar.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard-male-black-apron_1157-41438.jpg", imageAlt: "professional landscaping lawn yard"},
|
||||
{
|
||||
name: "James L.",
|
||||
handle: "Local Homeowner",
|
||||
testimonial: "Finally found a landscaping company that communicates clearly.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-field-view-farmer-s-field-sown-with-grass-spring-shoots-natural-green-landscape-plants-space-ecology-care-nature-idea-wallpaper-as-background_166373-2268.jpg?_wi=1",
|
||||
imageAlt: "professional landscaping lawn yard",
|
||||
},
|
||||
name: "James L.", handle: "Local Homeowner", testimonial: "Finally found a landscaping company that communicates clearly.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-field-view-farmer-s-field-sown-with-grass-spring-shoots-natural-green-landscape-plants-space-ecology-care-nature-idea-wallpaper-as-background_166373-2268.jpg", imageAlt: "professional landscaping lawn yard"},
|
||||
{
|
||||
name: "Emily R.",
|
||||
handle: "TN Resident",
|
||||
testimonial: "Reliable crew. My yard looks better than it has in years.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grass-background_1127-3418.jpg?_wi=1",
|
||||
imageAlt: "professional landscaping lawn yard",
|
||||
},
|
||||
name: "Emily R.", handle: "TN Resident", testimonial: "Reliable crew. My yard looks better than it has in years.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grass-background_1127-3418.jpg", imageAlt: "professional landscaping lawn yard"},
|
||||
{
|
||||
name: "Tom B.",
|
||||
handle: "Rockvale Homeowner",
|
||||
testimonial: "Efficient, quick, and polite. Great experience overall.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-feet-lawn-rake-near-leaves_259150-58539.jpg?_wi=1",
|
||||
imageAlt: "professional landscaping lawn yard",
|
||||
},
|
||||
name: "Tom B.", handle: "Rockvale Homeowner", testimonial: "Efficient, quick, and polite. Great experience overall.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-feet-lawn-rake-near-leaves_259150-58539.jpg", imageAlt: "professional landscaping lawn yard"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5551234567",
|
||||
},
|
||||
text: "Call Now", href: "tel:5551234567"},
|
||||
{
|
||||
text: "Get Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Free Estimate", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-enjoying-indoor-farming_23-2149607100.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-enjoying-indoor-farming_23-2149607100.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-robot-tending-maintaining-gardens_23-2151803953.jpg",
|
||||
alt: "Customer One",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/view-robot-tending-maintaining-gardens_23-2151803953.jpg", alt: "Customer One"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/green-park-view_1417-1510.jpg",
|
||||
alt: "Customer Two",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/green-park-view_1417-1510.jpg", alt: "Customer Two"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-robot-tending-maintaining-gardens_23-2151803951.jpg",
|
||||
alt: "Customer Three",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/view-robot-tending-maintaining-gardens_23-2151803951.jpg", alt: "Customer Three"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-social-distancing-concept_23-2148740142.jpg",
|
||||
alt: "Customer Four",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-social-distancing-concept_23-2148740142.jpg", alt: "Customer Four"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/caucasian-male-gardener-shaping-overgrown-boxwood-bush-by-hedge-trimmer-garden-front-view_7502-10139.jpg",
|
||||
alt: "Customer Five",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/caucasian-male-gardener-shaping-overgrown-boxwood-bush-by-hedge-trimmer-garden-front-view_7502-10139.jpg", alt: "Customer Five"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -131,9 +91,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Built on Reliability and Hard Work"
|
||||
description={[
|
||||
"At Greenbriar Landscape Company, we know your time and property are valuable. That's why we focus on what matters most: clear communication, professional conduct, and dependable service every single time.",
|
||||
"Our crew is locally based, hardworking, and dedicated to delivering quality results that make your yard a place you truly enjoy. We aren't just here to mow; we're here to build trust.",
|
||||
]}
|
||||
"At Greenbriar Landscape Company, we know your time and property are valuable. That's why we focus on what matters most: clear communication, professional conduct, and dependable service every single time.", "Our crew is locally based, hardworking, and dedicated to delivering quality results that make your yard a place you truly enjoy. We aren't just here to mow; we're here to build trust."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -145,25 +103,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Lawn Care",
|
||||
description: "Weekly mowing, edging, and trimming to keep your lawn pristine.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard-male-black-apron_1157-41438.jpg?_wi=2",
|
||||
},
|
||||
title: "Lawn Care", description: "Weekly mowing, edging, and trimming to keep your lawn pristine.", imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard-male-black-apron_1157-41438.jpg"},
|
||||
{
|
||||
title: "Sod Installation",
|
||||
description: "Professional sod installation for an instantly lush, healthy green lawn.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-field-view-farmer-s-field-sown-with-grass-spring-shoots-natural-green-landscape-plants-space-ecology-care-nature-idea-wallpaper-as-background_166373-2268.jpg?_wi=2",
|
||||
},
|
||||
title: "Sod Installation", description: "Professional sod installation for an instantly lush, healthy green lawn.", imageSrc: "http://img.b2bpic.net/free-photo/green-field-view-farmer-s-field-sown-with-grass-spring-shoots-natural-green-landscape-plants-space-ecology-care-nature-idea-wallpaper-as-background_166373-2268.jpg"},
|
||||
{
|
||||
title: "Landscape Design",
|
||||
description: "Tailored landscaping solutions to elevate your property's curb appeal.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grass-background_1127-3418.jpg?_wi=2",
|
||||
},
|
||||
title: "Landscape Design", description: "Tailored landscaping solutions to elevate your property's curb appeal.", imageSrc: "http://img.b2bpic.net/free-photo/grass-background_1127-3418.jpg"},
|
||||
{
|
||||
title: "Yard Maintenance",
|
||||
description: "Seasonal cleanups, mulch application, and routine garden bed upkeep.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-feet-lawn-rake-near-leaves_259150-58539.jpg?_wi=2",
|
||||
},
|
||||
title: "Yard Maintenance", description: "Seasonal cleanups, mulch application, and routine garden bed upkeep.", imageSrc: "http://img.b2bpic.net/free-photo/male-feet-lawn-rake-near-leaves_259150-58539.jpg"},
|
||||
]}
|
||||
title="Professional Landscape Services"
|
||||
description="Comprehensive care to keep your property looking its best, all year round."
|
||||
@@ -172,64 +118,29 @@ export default function LandingPage() {
|
||||
|
||||
<div id="before-after" data-section="before-after">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "ba-1",
|
||||
brand: "Transformation",
|
||||
name: "Full Yard Reno",
|
||||
price: "View Project",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vegetated-building_23-2147677722.jpg",
|
||||
},
|
||||
id: "ba-1", brand: "Transformation", name: "Full Yard Reno", price: "View Project", rating: 5,
|
||||
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/vegetated-building_23-2147677722.jpg"},
|
||||
{
|
||||
id: "ba-2",
|
||||
brand: "Lawn Care",
|
||||
name: "New Sod Install",
|
||||
price: "View Project",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/multiplication-sign-made-with-natural-green-grass-isolated_169016-58034.jpg",
|
||||
},
|
||||
id: "ba-2", brand: "Lawn Care", name: "New Sod Install", price: "View Project", rating: 5,
|
||||
reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/multiplication-sign-made-with-natural-green-grass-isolated_169016-58034.jpg"},
|
||||
{
|
||||
id: "ba-3",
|
||||
brand: "Landscape",
|
||||
name: "Garden Design",
|
||||
price: "View Project",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-picture-female-doing-gardening_181624-31754.jpg",
|
||||
},
|
||||
id: "ba-3", brand: "Landscape", name: "Garden Design", price: "View Project", rating: 5,
|
||||
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-picture-female-doing-gardening_181624-31754.jpg"},
|
||||
{
|
||||
id: "ba-4",
|
||||
brand: "Maintenance",
|
||||
name: "Spring Cleanup",
|
||||
price: "View Project",
|
||||
rating: 5,
|
||||
reviewCount: "22",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-park-china_1127-4078.jpg",
|
||||
},
|
||||
id: "ba-4", brand: "Maintenance", name: "Spring Cleanup", price: "View Project", rating: 5,
|
||||
reviewCount: "22", imageSrc: "http://img.b2bpic.net/free-photo/city-park-china_1127-4078.jpg"},
|
||||
{
|
||||
id: "ba-5",
|
||||
brand: "Landscaping",
|
||||
name: "Backyard Makeover",
|
||||
price: "View Project",
|
||||
rating: 5,
|
||||
reviewCount: "19",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-hand-trowel-green-grass_181624-26501.jpg",
|
||||
},
|
||||
id: "ba-5", brand: "Landscaping", name: "Backyard Makeover", price: "View Project", rating: 5,
|
||||
reviewCount: "19", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-hand-trowel-green-grass_181624-26501.jpg"},
|
||||
{
|
||||
id: "ba-6",
|
||||
brand: "Lawn Care",
|
||||
name: "Healthy Lawn",
|
||||
price: "View Project",
|
||||
rating: 5,
|
||||
reviewCount: "11",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/suburban-housing_53876-14307.jpg",
|
||||
},
|
||||
id: "ba-6", brand: "Lawn Care", name: "Healthy Lawn", price: "View Project", rating: 5,
|
||||
reviewCount: "11", imageSrc: "http://img.b2bpic.net/free-photo/suburban-housing_53876-14307.jpg"},
|
||||
]}
|
||||
title="Real Results: See the Greenbriar Difference"
|
||||
description="Don't just take our word for it—see the transformation from overgrown lots to beautiful, manicured spaces."
|
||||
@@ -242,20 +153,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Step 1: Request a Quote",
|
||||
content: "Simply call or fill out our online estimate form. We'll listen to your needs and get you a price.",
|
||||
},
|
||||
id: "1", title: "Step 1: Request a Quote", content: "Simply call or fill out our online estimate form. We'll listen to your needs and get you a price."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Step 2: Schedule Service",
|
||||
content: "Once approved, we coordinate with your schedule to provide prompt, reliable service.",
|
||||
},
|
||||
id: "2", title: "Step 2: Schedule Service", content: "Once approved, we coordinate with your schedule to provide prompt, reliable service."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Step 3: Enjoy Your Yard",
|
||||
content: "Our crew arrives on time, works efficiently, and leaves your yard pristine.",
|
||||
},
|
||||
id: "3", title: "Step 3: Enjoy Your Yard", content: "Our crew arrives on time, works efficiently, and leaves your yard pristine."},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
title="Simple & Transparent Process"
|
||||
@@ -273,25 +175,15 @@ export default function LandingPage() {
|
||||
author="Mark Davidson, Rockvale Homeowner"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-gardener-gesturing-thumbs-up-front-potted-plants_23-2147918760.jpg",
|
||||
alt: "Customer One",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/female-gardener-gesturing-thumbs-up-front-potted-plants_23-2147918760.jpg", alt: "Customer One"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/women-working-greenhouse-with-green-trees_1157-30882.jpg",
|
||||
alt: "Customer Two",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/women-working-greenhouse-with-green-trees_1157-30882.jpg", alt: "Customer Two"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-european-woman-with-dark-hair-healthy-skin-smiling-with-morning-coffee-modern-light-kitchen_291650-156.jpg",
|
||||
alt: "Customer Three",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-european-woman-with-dark-hair-healthy-skin-smiling-with-morning-coffee-modern-light-kitchen_291650-156.jpg", alt: "Customer Three"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-tourist-looking-green-landscape-standing-fence_346278-1286.jpg",
|
||||
alt: "Customer Four",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-tourist-looking-green-landscape-standing-fence_346278-1286.jpg", alt: "Customer Four"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-woman-giving-potted-plant-her-client_23-2147948332.jpg",
|
||||
alt: "Customer Five",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-woman-giving-potted-plant-her-client_23-2147948332.jpg", alt: "Customer Five"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -302,8 +194,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
tag="Ready to get started?"
|
||||
title="Get Your Free Estimate Today"
|
||||
description="Call us or fill out the form for a fast, free estimate on your landscaping project. Our season is booking up quickly!"
|
||||
@@ -318,46 +209,29 @@ export default function LandingPage() {
|
||||
logoText="Greenbriar Landscape Company, Inc."
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Our Process",
|
||||
href: "#process",
|
||||
},
|
||||
label: "Our Process", href: "#process"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Lawn Care",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Lawn Care", href: "#services"},
|
||||
{
|
||||
label: "Sod Install",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Sod Install", href: "#services"},
|
||||
{
|
||||
label: "Design",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Design", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Call Us",
|
||||
href: "tel:5551234567",
|
||||
},
|
||||
label: "Call Us", href: "tel:5551234567"},
|
||||
{
|
||||
label: "Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Free Quote", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user