Merge version_2 into main #3
@@ -9,7 +9,7 @@ import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarou
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { ShieldCheck, MessageSquare, Phone } from "lucide-react";
|
||||
import { ShieldCheck, MessageSquare } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,46 +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>
|
||||
@@ -92,12 +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."
|
||||
@@ -110,15 +88,8 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
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,
|
||||
},
|
||||
{
|
||||
id: "3", name: "Emily Rodriguez", role: "Gardener", testimonial: "They listened to our ideas, offered smart selections, and left our lawn clean and professional.", icon: MessageSquare,
|
||||
},
|
||||
{ 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="Customer Satisfaction"
|
||||
description="We take pride in our long-term customer relationships and quality results."
|
||||
@@ -131,11 +102,10 @@ export default function LandingPage() {
|
||||
title="Get Your Free Landscaping Estimate"
|
||||
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"}
|
||||
{ text: "Call for Sales", href: "tel:+15550123456" },
|
||||
{ text: "Submit Service Inquiry", href: "#contact-form" }
|
||||
]}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
@@ -145,19 +115,15 @@ export default function LandingPage() {
|
||||
logoText="JG Landscaping"
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Reviews", href: "#testimonials"},
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Reviews", href: "#testimonials" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Inquiries", items: [
|
||||
{
|
||||
label: "Sales Support", href: "tel:+15550123456"},
|
||||
{
|
||||
label: "Service Request", href: "mailto:support@jglandscaping.com"},
|
||||
title: "Inquiries", items: [
|
||||
{ label: "Sales Support", href: "tel:+15550123456" },
|
||||
{ label: "Service Request", href: "mailto:support@jglandscaping.com" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user