Merge version_1 into main #2
247
src/app/page.tsx
247
src/app/page.tsx
@@ -19,27 +19,22 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
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">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Green View Direct"
|
||||
/>
|
||||
@@ -50,17 +45,11 @@ export default function LandingPage() {
|
||||
logoText="Green View Direct"
|
||||
description="Crafting breathtaking landscapes that elevate your home's curb appeal and bring your dream outdoor living space to life."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Your Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Our Services",
|
||||
href: "#services",
|
||||
},
|
||||
{ text: "Get Your Quote", href: "#contact" },
|
||||
{ text: "Our Services", href: "#services" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-shot-chaplin-s-world-museum-switzerland-surrounded-by-lush-nature_181624-16105.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-shot-chaplin-s-world-museum-switzerland-surrounded-by-lush-nature_181624-16105.jpg"
|
||||
imageAlt="Luxurious professional landscaping project"
|
||||
/>
|
||||
</div>
|
||||
@@ -70,7 +59,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Passionate About Landscaping"
|
||||
description="At Green View Direct, we blend artistry with horticultural expertise to design outdoor environments that thrive and inspire. Every project is handled with precision."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chief-dark-skinned-male-designer-sitting-table-holding-smartphone_273609-14132.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chief-dark-skinned-male-designer-sitting-table-holding-smartphone_273609-14132.jpg"
|
||||
imageAlt="Our landscaping team in action"
|
||||
/>
|
||||
</div>
|
||||
@@ -82,47 +71,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Design & Build",
|
||||
description: "Full-service landscape planning and installation for unique outdoor living spaces.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-material-pieces-wooden-boxes_181624-18062.jpg?_wi=1",
|
||||
imageAlt: "Landscape planning session",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-outdoor-hotel_1150-12915.jpg?_wi=1",
|
||||
imageAlt: "Modern garden design",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-chaplin-s-world-museum-switzerland-surrounded-by-lush-nature_181624-16105.jpg?_wi=2",
|
||||
imageAlt: "lush garden maintenance services",
|
||||
title: "Design & Build", description: "Full-service landscape planning and installation for unique outdoor living spaces.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-material-pieces-wooden-boxes_181624-18062.jpg", imageAlt: "Landscape planning session" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/luxury-outdoor-hotel_1150-12915.jpg", imageAlt: "Modern garden design" }
|
||||
},
|
||||
{
|
||||
title: "Maintenance",
|
||||
description: "Regular care to keep your lawn and plants vibrant, healthy, and pristine throughout the year.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fork-harrows-grass_1339-7746.jpg?_wi=1",
|
||||
imageAlt: "Garden maintenance service",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/path-way_74190-3770.jpg",
|
||||
imageAlt: "Lawn care irrigation",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chief-dark-skinned-male-designer-sitting-table-holding-smartphone_273609-14132.jpg?_wi=2",
|
||||
imageAlt: "lush garden maintenance services",
|
||||
title: "Maintenance", description: "Regular care to keep your lawn and plants vibrant, healthy, and pristine throughout the year.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/fork-harrows-grass_1339-7746.jpg", imageAlt: "Garden maintenance service" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/path-way_74190-3770.jpg", imageAlt: "Lawn care irrigation" }
|
||||
},
|
||||
{
|
||||
title: "Hardscaping",
|
||||
description: "Custom patios, retaining walls, and pathways built to last and complement your architecture.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sky-old-grass-summer-nobody_1203-5139.jpg",
|
||||
imageAlt: "Stone patio construction",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-working-field_329181-12481.jpg",
|
||||
imageAlt: "Hardscaping installation",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-cute-clothes-reaching-plants-greenhouse_197531-12330.jpg",
|
||||
imageAlt: "lush garden maintenance services",
|
||||
},
|
||||
title: "Hardscaping", description: "Custom patios, retaining walls, and pathways built to last and complement your architecture.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/sky-old-grass-summer-nobody_1203-5139.jpg", imageAlt: "Stone patio construction" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/senior-man-working-field_329181-12481.jpg", imageAlt: "Hardscaping installation" }
|
||||
}
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
title="Comprehensive Solutions"
|
||||
@@ -137,56 +96,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$150/mo",
|
||||
subtitle: "Basic lawn care and grooming.",
|
||||
buttons: [
|
||||
{
|
||||
text: "Choose",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Mowing",
|
||||
"Edging",
|
||||
"Blowdown",
|
||||
],
|
||||
id: "basic", badge: "Essential", price: "$150/mo", subtitle: "Basic lawn care and grooming.", buttons: [{ text: "Choose", href: "#contact" }],
|
||||
features: ["Mowing", "Edging", "Blowdown"]
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Popular",
|
||||
price: "$350/mo",
|
||||
subtitle: "Full garden and lawn care.",
|
||||
buttons: [
|
||||
{
|
||||
text: "Choose",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"All Basic features",
|
||||
"Weeding",
|
||||
"Fertilization",
|
||||
],
|
||||
id: "pro", badge: "Popular", price: "$350/mo", subtitle: "Full garden and lawn care.", buttons: [{ text: "Choose", href: "#contact" }],
|
||||
features: ["All Basic features", "Weeding", "Fertilization"]
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "Elite",
|
||||
price: "$600/mo",
|
||||
subtitle: "Total landscape transformation.",
|
||||
buttons: [
|
||||
{
|
||||
text: "Choose",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"All Pro features",
|
||||
"Pruning",
|
||||
"Mulching",
|
||||
],
|
||||
},
|
||||
id: "premium", badge: "Elite", price: "$600/mo", subtitle: "Total landscape transformation.", buttons: [{ text: "Choose", href: "#contact" }],
|
||||
features: ["All Pro features", "Pruning", "Mulching"]
|
||||
}
|
||||
]}
|
||||
title="Flexible Service Packages"
|
||||
description="Simple, transparent pricing for all your landscaping needs."
|
||||
@@ -199,21 +119,9 @@ export default function LandingPage() {
|
||||
title="By The Numbers"
|
||||
tag="Our Impact"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
description: "Projects Completed",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "98%",
|
||||
description: "Client Satisfaction",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "15+",
|
||||
description: "Years Experience",
|
||||
},
|
||||
{ id: "m1", value: "500+", description: "Projects Completed" },
|
||||
{ id: "m2", value: "98%", description: "Client Satisfaction" },
|
||||
{ id: "m3", value: "15+", description: "Years Experience" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -225,60 +133,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
date: "Oct 2023",
|
||||
title: "Homeowner",
|
||||
quote: "Transformative experience! My garden looks better than I ever imagined.",
|
||||
tag: "Excellent",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/pretty-woman-cute-clothes-reaching-plants-greenhouse_197531-12330.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-chaplin-s-world-museum-switzerland-surrounded-by-lush-nature_181624-16105.jpg?_wi=3",
|
||||
imageAlt: "happy home owner portrait smile",
|
||||
id: "t1", name: "Sarah J.", date: "Oct 2023", title: "Homeowner", quote: "Transformative experience! My garden looks better than I ever imagined.", tag: "Excellent", avatarSrc: "http://img.b2bpic.net/free-photo/pretty-woman-cute-clothes-reaching-plants-greenhouse_197531-12330.jpg", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-chaplin-s-world-museum-switzerland-surrounded-by-lush-nature_181624-16105.jpg", imageAlt: "happy home owner portrait smile"
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael R.",
|
||||
date: "Sep 2023",
|
||||
title: "Developer",
|
||||
quote: "Reliable, creative, and extremely professional. The best in the business.",
|
||||
tag: "Expertise",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chief-dark-skinned-male-designer-sitting-table-holding-smartphone_273609-14132.jpg?_wi=3",
|
||||
imageAlt: "happy home owner portrait smile",
|
||||
id: "t2", name: "Michael R.", date: "Sep 2023", title: "Developer", quote: "Reliable, creative, and extremely professional. The best in the business.", tag: "Expertise", avatarSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg", imageSrc: "http://img.b2bpic.net/free-photo/chief-dark-skinned-male-designer-sitting-table-holding-smartphone_273609-14132.jpg", imageAlt: "happy home owner portrait smile"
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily C.",
|
||||
date: "Aug 2023",
|
||||
title: "Landscape Lover",
|
||||
quote: "Green View Direct exceeded all my expectations for my backyard patio build.",
|
||||
tag: "Design",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/work-life-joyful-middle-aged-man-comfortable-casual-clothes-talking-smartphone-gesturing-while-sitting-open-terrace-country-house-sunny-day_259150-59318.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-material-pieces-wooden-boxes_181624-18062.jpg?_wi=2",
|
||||
imageAlt: "happy home owner portrait smile",
|
||||
id: "t3", name: "Emily C.", date: "Aug 2023", title: "Landscape Lover", quote: "Green View Direct exceeded all my expectations for my backyard patio build.", tag: "Design", avatarSrc: "http://img.b2bpic.net/free-photo/work-life-joyful-middle-aged-man-comfortable-casual-clothes-talking-smartphone-gesturing-while-sitting-open-terrace-country-house-sunny-day_259150-59318.jpg", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-material-pieces-wooden-boxes_181624-18062.jpg", imageAlt: "happy home owner portrait smile"
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David W.",
|
||||
date: "Jul 2023",
|
||||
title: "Architect",
|
||||
quote: "They turned a simple backyard into an urban oasis. Highly recommend.",
|
||||
tag: "Stunning",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/woman-walking-romantic-happy-holidays-holding-hand-boyfriend-following-her_1150-4662.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-outdoor-hotel_1150-12915.jpg?_wi=2",
|
||||
imageAlt: "happy home owner portrait smile",
|
||||
id: "t4", name: "David W.", date: "Jul 2023", title: "Architect", quote: "They turned a simple backyard into an urban oasis. Highly recommend.", tag: "Stunning", avatarSrc: "http://img.b2bpic.net/free-photo/woman-walking-romantic-happy-holidays-holding-hand-boyfriend-following-her_1150-4662.jpg", imageSrc: "http://img.b2bpic.net/free-photo/luxury-outdoor-hotel_1150-12915.jpg", imageAlt: "happy home owner portrait smile"
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica L.",
|
||||
date: "Jun 2023",
|
||||
title: "Client",
|
||||
quote: "Professional, quick, and meticulous. My lawn has never looked this green.",
|
||||
tag: "Flawless",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/man-looking-his-laughing-daughter-sitting-table_259150-59411.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fork-harrows-grass_1339-7746.jpg?_wi=2",
|
||||
imageAlt: "happy home owner portrait smile",
|
||||
},
|
||||
id: "t5", name: "Jessica L.", date: "Jun 2023", title: "Client", quote: "Professional, quick, and meticulous. My lawn has never looked this green.", tag: "Flawless", avatarSrc: "http://img.b2bpic.net/free-photo/man-looking-his-laughing-daughter-sitting-table_259150-59411.jpg", imageSrc: "http://img.b2bpic.net/free-photo/fork-harrows-grass_1339-7746.jpg", imageAlt: "happy home owner portrait smile"
|
||||
}
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Hear from homeowners transformed by our landscaping services."
|
||||
@@ -290,21 +158,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer free quotes?",
|
||||
content: "Yes, we provide free on-site consultations to assess your space.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How long does a design take?",
|
||||
content: "Projects typically take 2-4 weeks from planning to completion.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is maintenance included?",
|
||||
content: "We offer separate maintenance plans that can be bundled.",
|
||||
},
|
||||
{ id: "q1", title: "Do you offer free quotes?", content: "Yes, we provide free on-site consultations to assess your space." },
|
||||
{ id: "q2", title: "How long does a design take?", content: "Projects typically take 2-4 weeks from planning to completion." },
|
||||
{ id: "q3", title: "Is maintenance included?", content: "We offer separate maintenance plans that can be bundled." }
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Answers to frequently asked questions about our process and services."
|
||||
@@ -318,15 +174,10 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready to transform your outdoor space? Let's discuss your dream landscape today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "mailto:hello@greenview.com",
|
||||
},
|
||||
{ text: "Contact Us Now", href: "mailto:hello@greenview.com" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -334,17 +185,11 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Green View Direct"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contact",
|
||||
href: "#contact",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Contact", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user