Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #3.
This commit is contained in:
298
src/app/page.tsx
298
src/app/page.tsx
@@ -10,7 +10,7 @@ import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestim
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -27,204 +27,120 @@ export default function LandingPage() {
|
||||
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: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="GreenScape Pro"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="GreenScape Pro"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Transforming Landscapes Into Masterpieces"
|
||||
description="Professional landscaping and lawn care solutions designed to enhance the beauty and value of your property."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alice Green", handle: "@aliceg", testimonial: "GreenScape Pro turned our overgrown backyard into a tranquil retreat. Highly recommended!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-with-mole-her-lip-is-holding-succulent-woman-gray-sweater-posing-plant-store_197531-12373.jpg"},
|
||||
{
|
||||
name: "Bob Miller", handle: "@bobm", testimonial: "Excellent service and attention to detail. My lawn has never looked better.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-standing-sideways-camera-talking-smartphone-outdoors_259150-59320.jpg"},
|
||||
{
|
||||
name: "Cathy Diaz", handle: "@cathyd", testimonial: "Very professional and friendly crew. They completed our patio on time.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-photographer-sitting-outdoors-park_171337-13764.jpg"},
|
||||
{
|
||||
name: "David Ross", handle: "@davidr", testimonial: "Exceptional landscaping design work. They listened to exactly what we wanted.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-tablet-park-looking-camera_23-2147779715.jpg"},
|
||||
{
|
||||
name: "Emma Scott", handle: "@emmas", testimonial: "The best lawn maintenance service in town. Professional, tidy, and reliable.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-concentrated-gardeners-preparing-plants-pots-market-man-woman-blue-shirts-black-aprons-growing-home-plants-caring-flowers-commercial-gardening-summer-concept_74855-12994.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/city-park-panorama-beautiful-park_93675-128906.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-young-man-pointing-camera_1262-3266.jpg", alt: "Happy client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-pretty-young-woman-autumn-park-dressed-beautiful-dress_291650-1213.jpg", alt: "Happy client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-woman-greenhouse_23-2148509894.jpg", alt: "Happy client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/countryside-life-naature-close-up-outdoor-portrait-young-attractive-bearded-caucasian-man-blue-t-shirt-smiling_176420-19896.jpg", alt: "Happy client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-stairs_181624-41082.jpg", alt: "Happy client 5"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ local homeowners"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Transforming Landscapes Into Masterpieces"
|
||||
description="Professional landscaping and lawn care solutions designed to enhance the beauty and value of your property."
|
||||
testimonials={[]}
|
||||
buttons={[{ text: "Get a Quote", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/city-park-panorama-beautiful-park_93675-128906.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
title="A Passion for Perfection"
|
||||
description={[
|
||||
"With over 15 years of experience, we specialize in creating custom landscape designs that reflect your style and enhance your home's curb appeal.", "Our team is dedicated to sustainable practices, high-quality materials, and exceptional client service throughout the entire design and build process."]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutFeaturesSplit
|
||||
tag="Our Expertise"
|
||||
title="Sustainable Landscapes for Modern Living"
|
||||
description="We blend innovative design with ecological responsibility to create stunning, durable outdoor spaces that thrive throughout the seasons."
|
||||
features={[
|
||||
{ title: "Professional Design", description: "Tailored plans to suit your unique property." },
|
||||
{ title: "Eco-Friendly Materials", description: "Sustainable choices for a greener future." },
|
||||
{ title: "Expert Maintenance", description: "Year-round care for lasting beauty." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-concentrated-gardeners-preparing-plants-pots-market-man-woman-blue-shirts-black-aprons-growing-home-plants-caring-flowers-commercial-gardening-summer-concept_74855-12994.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Irrigation Installation", description: "Keep your lawn healthy with advanced, water-efficient irrigation systems.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gardening_23-2148020412.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fork-harrows-grass_1339-7742.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Hardscaping & Patios", description: "Enhance your outdoor living space with custom-built patios.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-man-doing-plank-exercise_23-2147755408.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-workers-carrying-shovel-construction-site_1150-10141.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Routine Maintenance", description: "Full-service lawn care including mowing and trimming.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-robot-tending-maintaining-gardens_23-2151803962.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-watering-his-plants-his-garden-man-blue-shirt_1157-41461.jpg"},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
title="Comprehensive Landscaping Solutions"
|
||||
description="From irrigation management to hardscaping and lawn maintenance, we do it all."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Irrigation Installation", description: "Keep your lawn healthy with advanced, water-efficient irrigation systems.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/gardening_23-2148020412.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/fork-harrows-grass_1339-7742.jpg" },
|
||||
},
|
||||
{
|
||||
title: "Hardscaping & Patios", description: "Enhance your outdoor living space with custom-built patios.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/crop-man-doing-plank-exercise_23-2147755408.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/construction-workers-carrying-shovel-construction-site_1150-10141.jpg" },
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
title="Comprehensive Landscaping Solutions"
|
||||
description="From irrigation management to hardscaping and lawn maintenance, we do it all."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "15+", description: "Years of Experience"},
|
||||
{
|
||||
id: "m2", value: "500+", description: "Happy Clients"},
|
||||
{
|
||||
id: "m3", value: "1200", description: "Gardens Transformed"},
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="The impact we have made across the local community."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "m1", value: "15+", description: "Years of Experience" },
|
||||
{ id: "m2", value: "500+", description: "Happy Clients" },
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="The impact we have made across the local community."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="GreenScape Pro did an incredible job with our lawn. The attention to detail and professional attitude is second to none."
|
||||
rating={5}
|
||||
author="Marcus Thorne"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-outside-portrait-young-beautiful-bearded-hispanic-man-blue-shirt-smiling-camera-collecting-salad-leaves-garden-watering-plants-spending-summer-morning-countryside-house_176420-19900.jpg", alt: "Marcus Thorne"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-attractive-young-man-walking-street-with-backpack-his-shoulders_58466-16223.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-waving-hand-outside_23-2149447136.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-couple-sitting-restaurant-holding-each-other-s-hand_23-2147891191.jpg", alt: "Client 5"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="GreenScape Pro did an incredible job with our lawn. Professional, punctual, and highly skilled."
|
||||
rating={5}
|
||||
author="Marcus Thorne"
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
avatars={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "Do you provide free estimates?", content: "Yes, we provide complimentary consultations and estimates for all new projects."},
|
||||
{
|
||||
id: "f2", title: "What service areas do you cover?", content: "We currently serve the greater metro area and neighboring suburbs."},
|
||||
{
|
||||
id: "f3", title: "Are you licensed and insured?", content: "Yes, we are fully licensed and insured for all landscaping and hardscaping work."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about our process? Find answers here."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do you provide free estimates?", content: "Yes, we provide complimentary consultations and estimates for all new projects." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about our process? Find answers here."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
tag="Get in Touch"
|
||||
title="Ready to Transform Your Outdoors?"
|
||||
description="Submit your email and we'll reach out to discuss your project needs."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Get in Touch"
|
||||
title="Ready to Transform Your Outdoors?"
|
||||
description="Submit your email and we'll reach out to discuss your project needs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Irrigation", href: "#services"},
|
||||
{
|
||||
label: "Hardscaping", href: "#services"},
|
||||
{
|
||||
label: "Maintenance", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="GreenScape Pro"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[]}
|
||||
logoText="GreenScape Pro"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user