Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #2.
This commit is contained in:
267
src/app/page.tsx
267
src/app/page.tsx
@@ -12,6 +12,8 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
||||
import { CheckCircle, Zap, Leaf } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,22 +33,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Why Us", id: "why-us" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Your Local Grass Guy"
|
||||
/>
|
||||
@@ -54,46 +45,49 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Your Local Grass Guy"
|
||||
description="Professional landscaping and lawn maintenance for your home and business. We turn your outdoor space into a sanctuary."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Get a Free Estimate", href: "#contact" },
|
||||
{ text: "View Our Work", href: "#gallery" }
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/incognito-man-cutting-overgrown-bushes_651396-1551.jpg?_wi=1",
|
||||
imageAlt: "landscaper mowing green lawn",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-fresh-green-plants-daytime_181624-19333.jpg?_wi=1",
|
||||
imageAlt: "fresh cut green grass",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-young-woman-taking-care-plants_23-2148509881.jpg?_wi=1",
|
||||
imageAlt: "home garden landscaping design",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-strong-man-gloves-cutting-leaves-his-garden-farmer-spending-summer-morning-working-garden-near-countryside-house_176420-19902.jpg?_wi=1",
|
||||
imageAlt: "professional garden care",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-taking-care-her-plants_23-2149037252.jpg?_wi=1",
|
||||
imageAlt: "vibrant green lawn garden",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gardening_23-2148020425.jpg",
|
||||
imageAlt: "well maintained backyard lawn",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/incognito-man-cutting-overgrown-bushes_651396-1551.jpg?_wi=1", imageAlt: "landscaper mowing green lawn" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-fresh-green-plants-daytime_181624-19333.jpg?_wi=1", imageAlt: "fresh cut green grass" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why-us" data-section="why-us">
|
||||
<FeatureCardTwelve
|
||||
title="Why Choose Our Experts"
|
||||
description="We combine modern techniques with reliable, friendly service to deliver pristine results every time."
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "1", label: "Reliability", title: "Punctual & Consistent", items: ["Same day service options", "Consistent scheduling", "Reliable communication"], buttons: [{ text: "Get Quote", href: "#contact" }] },
|
||||
{ id: "2", label: "Quality", title: "Expert Precision", items: ["Professional grade tools", "Horticultural care", "Detail-oriented edging"], buttons: [{ text: "Learn More", href: "#features" }] },
|
||||
{ id: "3", label: "Service", title: "Customer Focused", items: ["Satisfaction guaranteed", "Friendly team", "Tailored maintenance plans"], buttons: [{ text: "Connect Now", href: "#contact" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<FeatureCardSeven
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
title="Project Highlights"
|
||||
description="A glimpse into the stunning outdoor transformations we deliver for our clients."
|
||||
features={[
|
||||
{ title: "Lush Front Lawns", description: "Vibrant, healthy, and manicured green spaces.", imageSrc: "http://img.b2bpic.net/free-photo/hill-slopes-with-grasses-trees-sunny-day_181624-11928.jpg", imageAlt: "Front lawn transformation" },
|
||||
{ title: "Garden Sanctuary", description: "Tailored design and maintenance for your dream garden.", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-young-woman-taking-care-plants_23-2148509881.jpg", imageAlt: "Garden design" },
|
||||
{ title: "Precision Edging", description: "Clean lines and well-defined borders.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-strong-man-gloves-cutting-leaves-his-garden-farmer-spending-summer-morning-working-garden-near-countryside-house_176420-19902.jpg", imageAlt: "Lawn edging" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
@@ -101,18 +95,9 @@ export default function LandingPage() {
|
||||
title="Excellence in Every Cut"
|
||||
description="With years of experience, we provide reliable, high-quality lawn care. We treat your yard like our own."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Expert Care",
|
||||
description: "Professional horticultural knowledge.",
|
||||
},
|
||||
{
|
||||
title: "Reliable Service",
|
||||
description: "On-time every time.",
|
||||
},
|
||||
{
|
||||
title: "Eco-Friendly",
|
||||
description: "Environmentally safe practices.",
|
||||
},
|
||||
{ title: "Expert Care", description: "Professional horticultural knowledge.", icon: Leaf },
|
||||
{ title: "Reliable Service", description: "On-time every time.", icon: CheckCircle },
|
||||
{ title: "Fast Results", description: "Efficient and precise work.", icon: Zap },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-man-working-with-weedwacker_329181-20603.jpg"
|
||||
imageAlt="professional gardener pruning plants"
|
||||
@@ -125,24 +110,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Mowing & Edging",
|
||||
description: "Regular precision lawn cuts.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-gardening-tools-wooden-floor_23-2148200411.jpg",
|
||||
imageAlt: "landscaper mowing green lawn",
|
||||
},
|
||||
{
|
||||
title: "Mulching",
|
||||
description: "Fresh soil protection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-green-grass_53876-63294.jpg",
|
||||
imageAlt: "fresh cut green grass",
|
||||
},
|
||||
{
|
||||
title: "Clean-ups",
|
||||
description: "Seasonal debris removal.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hill-slopes-with-grasses-trees-sunny-day_181624-11928.jpg",
|
||||
imageAlt: "home garden landscaping design",
|
||||
},
|
||||
{ title: "Mowing & Edging", description: "Regular precision lawn cuts.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-gardening-tools-wooden-floor_23-2148200411.jpg", imageAlt: "landscaper mowing green lawn" },
|
||||
{ title: "Mulching", description: "Fresh soil protection.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-green-grass_53876-63294.jpg", imageAlt: "fresh cut green grass" },
|
||||
{ title: "Clean-ups", description: "Seasonal debris removal.", imageSrc: "http://img.b2bpic.net/free-photo/hill-slopes-with-grasses-trees-sunny-day_181624-11928.jpg", imageAlt: "home garden landscaping design" },
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Comprehensive landscaping to keep your property looking its best year-round."
|
||||
@@ -156,21 +126,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
description: "Lawns Maintained",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15+",
|
||||
description: "Years Experience",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Satisfaction Rate",
|
||||
},
|
||||
{ id: "m1", value: "500+", description: "Lawns Maintained" },
|
||||
{ id: "m2", value: "15+", description: "Years Experience" },
|
||||
{ id: "m3", value: "100%", description: "Satisfaction Rate" },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Quantifiable lawn care excellence."
|
||||
@@ -182,14 +140,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Landscape Alliance",
|
||||
"Green Turf Pros",
|
||||
"EcoGardens Inc",
|
||||
"Soil Masters",
|
||||
"Lawn Experts Guild",
|
||||
"Garden Design Group",
|
||||
"Native Plant Co",
|
||||
]}
|
||||
"Landscape Alliance", "Green Turf Pros", "EcoGardens Inc", "Soil Masters", "Lawn Experts Guild"]}
|
||||
title="Trusted Partners"
|
||||
description="We work with top-tier suppliers to guarantee excellence."
|
||||
/>
|
||||
@@ -200,64 +151,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice Green",
|
||||
date: "2024-05-12",
|
||||
title: "Satisfied Customer",
|
||||
quote: "The best lawn service I've ever used.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/elderly-woman-walking-city_23-2149401689.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/incognito-man-cutting-overgrown-bushes_651396-1551.jpg?_wi=2",
|
||||
imageAlt: "happy homeowner standing in yard",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bob Smith",
|
||||
date: "2024-06-01",
|
||||
title: "Garden Enthusiast",
|
||||
quote: "Professional, reliable, and thorough.",
|
||||
tag: "Landscaping",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-beautiful-sunflowers_23-2150392042.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-fresh-green-plants-daytime_181624-19333.jpg?_wi=2",
|
||||
imageAlt: "happy homeowner standing in yard",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Charlie Brown",
|
||||
date: "2024-06-15",
|
||||
title: "Homeowner",
|
||||
quote: "My lawn has never looked better.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-speaking-phone-sitting-bench_176420-5895.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-young-woman-taking-care-plants_23-2148509881.jpg?_wi=2",
|
||||
imageAlt: "happy homeowner standing in yard",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Diana Ross",
|
||||
date: "2024-07-02",
|
||||
title: "Happy Neighbor",
|
||||
quote: "Fantastic service and quick turnaround.",
|
||||
tag: "Seasonal",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-view-young-handsome-slavic-gardener-uniform-hat-isolated-green-wall_141793-59474.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-strong-man-gloves-cutting-leaves-his-garden-farmer-spending-summer-morning-working-garden-near-countryside-house_176420-19902.jpg?_wi=2",
|
||||
imageAlt: "happy homeowner standing in yard",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Edward Norton",
|
||||
date: "2024-07-10",
|
||||
title: "Client",
|
||||
quote: "Highly recommended for all lawn needs.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/outdoors-portrait-young-attractive-bearded-caucasian-man-blue-shirt-sport-pants-smiling-sitting-grass-looking-camera-with-happy-face-expression-working-garden_176420-19937.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-taking-care-her-plants_23-2149037252.jpg?_wi=2",
|
||||
imageAlt: "happy homeowner standing in yard",
|
||||
},
|
||||
{ id: "1", name: "Alice Green", date: "2024-05-12", title: "Satisfied Customer", quote: "The best lawn service I've ever used.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/elderly-woman-walking-city_23-2149401689.jpg", imageSrc: "http://img.b2bpic.net/free-photo/incognito-man-cutting-overgrown-bushes_651396-1551.jpg?_wi=2", imageAlt: "happy homeowner standing in yard" },
|
||||
{ id: "2", name: "Bob Smith", date: "2024-06-01", title: "Garden Enthusiast", quote: "Professional, reliable, and thorough.", tag: "Landscaping", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-beautiful-sunflowers_23-2150392042.jpg", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-fresh-green-plants-daytime_181624-19333.jpg?_wi=2", imageAlt: "happy homeowner standing in yard" }
|
||||
]}
|
||||
title="Client Stories"
|
||||
description="What our customers say about us."
|
||||
buttons={[{ text: "Get a Quote", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -266,21 +165,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you serve residential lawns?",
|
||||
content: "Yes, we focus primarily on residential properties.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer emergency services?",
|
||||
content: "Yes, we provide seasonal clean-ups as needed.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How do I get a quote?",
|
||||
content: "Simply contact us through the form on our site.",
|
||||
},
|
||||
{ id: "f1", title: "Do you serve residential lawns?", content: "Yes, we focus primarily on residential properties." },
|
||||
{ id: "f2", title: "Do you offer emergency services?", content: "Yes, we provide seasonal clean-ups as needed." },
|
||||
{ id: "f3", title: "How do I get a quote?", content: "Simply contact us through the form on our site." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Got questions about our service? Here are answers."
|
||||
@@ -291,12 +178,10 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Let's Connect"
|
||||
title="Contact Us"
|
||||
description="Ready to transform your lawn? Get in touch today."
|
||||
title="Ready to Start?"
|
||||
description="Transform your lawn today. Request your free estimate now."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-gardener-trimming-hedge-yard_342744-537.jpg"
|
||||
imageAlt="Professional gardener trimming hedge in the yard"
|
||||
/>
|
||||
@@ -305,36 +190,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
logoText="Your Local Grass Guy"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user