Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 9e6091c022 | |||
| 2de7b08ac9 | |||
| db23da2c6c | |||
| 7c0e37f043 | |||
| 0a8905b305 |
191
src/app/page.tsx
191
src/app/page.tsx
@@ -2,14 +2,14 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { ShieldCheck } from "lucide-react";
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { ShieldCheck, MessageSquare } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,73 +29,28 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="JG Landscaping"
|
||||
button={{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
button={{ text: "Get a Quote", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Transforming Your Outdoor Space"
|
||||
description="JG Landscaping provides quality craftsmanship, fair pricing, and reliable service to create the yard of your dreams. From drainage solutions to complete garden transformations, we deliver excellence."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Projects",
|
||||
href: "#services",
|
||||
},
|
||||
{ text: "Get Free Estimate", href: "#contact" },
|
||||
{ text: "View Projects", href: "#services" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-taking-care-their-plants-greenhouse_23-2149037313.jpg?_wi=1",
|
||||
imageAlt: "Professional landscaping team working on residential yard design",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-taking-care-their-plants-greenhouse_23-2149037313.jpg?_wi=2",
|
||||
imageAlt: "Beautifully landscaped garden with colorful flowers",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-taking-care-their-plants-greenhouse_23-2149037313.jpg?_wi=3",
|
||||
imageAlt: "Expert lawn edging and maintenance",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-taking-care-their-plants-greenhouse_23-2149037313.jpg?_wi=4",
|
||||
imageAlt: "French drain installation for yard drainage",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-taking-care-their-plants-greenhouse_23-2149037313.jpg?_wi=5",
|
||||
imageAlt: "Garden design and planting plan",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-taking-care-their-plants-greenhouse_23-2149037313.jpg?_wi=6",
|
||||
imageAlt: "Finished residential backyard transformation",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/women-taking-care-their-plants-greenhouse_23-2149037313.jpg?_wi=1", imageAlt: "Professional landscaping team working on residential yard design" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/women-taking-care-their-plants-greenhouse_23-2149037313.jpg?_wi=2", imageAlt: "Beautifully landscaped garden with colorful flowers" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -119,21 +74,8 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Drainage Solutions",
|
||||
description: "Expert installation of French drains and dry creek beds to manage water movement effectively.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/image-broken-concrete-grassy-ground_181624-24606.jpg",
|
||||
},
|
||||
{
|
||||
title: "Garden & Plant Design",
|
||||
description: "Customized plant selection, lawn edging, and garden layout tailored to your aesthetic.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-raking-outdoors_23-2149382185.jpg",
|
||||
},
|
||||
{
|
||||
title: "Yard Grading & Prep",
|
||||
description: "Strategic grading and soil preparation to protect your home and enhance yard functionality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spring-white-flowers-background-forest-closeup-selective-focus-buds-nature-background-idea-with-copy-space_166373-2485.jpg",
|
||||
},
|
||||
{ title: "Drainage Solutions", description: "Expert installation of French drains and dry creek beds to manage water movement effectively.", imageSrc: "http://img.b2bpic.net/free-photo/image-broken-concrete-grassy-ground_181624-24606.jpg" },
|
||||
{ title: "Garden & Plant Design", description: "Customized plant selection, lawn edging, and garden layout tailored to your aesthetic.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-raking-outdoors_23-2149382185.jpg" },
|
||||
]}
|
||||
title="Professional Landscaping Services"
|
||||
description="We address complex landscape challenges with practical, high-quality solutions designed to last."
|
||||
@@ -141,112 +83,55 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarahj",
|
||||
testimonial: "JG Landscaping tailored the project to our budget and timeline perfectly. They transformed our yard completely.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-speaking-phone_23-2147694684.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
handle: "@mchen",
|
||||
testimonial: "Great crew to work with. They solved our bad drainage problem with a French drain and rain garden. Looks great!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-smiling-guy-talking-phone-waving-waitress-outdoor-cafe-asking-bill_176420-25736.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@emilyr",
|
||||
testimonial: "They listened to our ideas, offered smart selections, and left our lawn clean and professional.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-emotions-healthy-lifestyle-vertical-close-up-outdoors-portrait-young-mature-bearded-caucasian-male-gardener-blue-t-shirt-smiling-working-garden_176420-19951.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
handle: "@davidk",
|
||||
testimonial: "Transformed our outdoor space efficiently. They were polite and worked very promptly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Robert Miller",
|
||||
handle: "@robml",
|
||||
testimonial: "Quality work for a fair price. Very happy with the communication and timely completion.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-cute-clothes-reaching-plants-greenhouse_197531-12333.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Johnson", role: "Homeowner", testimonial: "JG Landscaping tailored the project to our budget and timeline perfectly. They transformed our yard completely.", icon: MessageSquare },
|
||||
{ id: "2", name: "Michael Chen", role: "Client", testimonial: "Great crew to work with. They solved our bad drainage problem with a French drain and rain garden. Looks great!", icon: MessageSquare },
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="We pride ourselves on 5-star service and transformative results."
|
||||
title="Customer Satisfaction"
|
||||
description="We take pride in our long-term customer relationships and quality results."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
<ContactCTA
|
||||
tag="Contact Us"
|
||||
title="Get Your Free Landscaping Estimate"
|
||||
description="Ready to transform your yard? Send us a message and our team will get back to you shortly to discuss your project."
|
||||
mediaAnimation="slide-up"
|
||||
inputPlaceholder="Enter your email address"
|
||||
buttonText="Submit Request"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-man-working-eco-friendly-wind-power-project-with-papers-pencil_23-2148847791.jpg?_wi=2"
|
||||
imageAlt="Landscaping professional discussing plans"
|
||||
description="Ready to discuss your next landscaping project with our experts? We're here to help with sales and service inquiries."
|
||||
buttons={[
|
||||
{ text: "Call for Sales", href: "tel:+15550123456" },
|
||||
{ text: "Submit Service Inquiry", href: "#contact-form" }
|
||||
]}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
<FooterMedia
|
||||
logoText="JG Landscaping"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#testimonials",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Reviews", href: "#testimonials" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Drainage",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Design",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Grading",
|
||||
href: "#services",
|
||||
},
|
||||
title: "Inquiries", items: [
|
||||
{ label: "Sales Support", href: "tel:+15550123456" },
|
||||
{ label: "Service Request", href: "mailto:support@jglandscaping.com" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/greenhouse-gardening-tools-close-up_23-2148737227.jpg?_wi=1"
|
||||
copyrightText="© 2025 JG Landscaping Company. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user