Merge version_1 into main #2
318
src/app/page.tsx
318
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "#projects",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Projects", id: "projects" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Palos Landscaping"
|
||||
/>
|
||||
@@ -55,42 +43,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Inspiring Outdoor Spaces in Cypress & Houston"
|
||||
description="Established in 2016, we deliver high-quality landscaping, hardscaping, and drainage solutions for your property."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get a Quote", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-picture-female-doing-gardening_181624-31754.jpg?_wi=1",
|
||||
imageAlt: "Landscaping project",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-modern-plants-deco_23-2149198591.jpg",
|
||||
imageAlt: "Patio project",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-wooden-bench-near-green-plants_250224-381.jpg",
|
||||
imageAlt: "Backyard project",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-young-woman-taking-care-plants_23-2148509881.jpg",
|
||||
imageAlt: "Landscape design",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cement-walkway-garden_1252-1023.jpg",
|
||||
imageAlt: "Hardscaping service",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cactus-with-blurred-background_23-2148249096.jpg",
|
||||
imageAlt: "Paving service",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-picture-female-doing-gardening_181624-31754.jpg", imageAlt: "Landscaping project" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-modern-plants-deco_23-2149198591.jpg", imageAlt: "Patio project" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/brown-wooden-bench-near-green-plants_250224-381.jpg", imageAlt: "Backyard project" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/long-shot-young-woman-taking-care-plants_23-2148509881.jpg", imageAlt: "Landscape design" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cement-walkway-garden_1252-1023.jpg", imageAlt: "Hardscaping service" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-cactus-with-blurred-background_23-2148249096.jpg", imageAlt: "Paving service" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -100,21 +63,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="A Trusted Landscaping Reputation"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Delivering Excellence",
|
||||
value: "8+",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Projects Completed",
|
||||
value: "1.8K+",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
label: "Google Reviews",
|
||||
value: "96+",
|
||||
},
|
||||
{ icon: Award, label: "Years Delivering Excellence", value: "8+" },
|
||||
{ icon: CheckCircle, label: "Projects Completed", value: "1.8K+" },
|
||||
{ icon: Star, label: "Google Reviews", value: "96+" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -127,64 +78,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Asphalt & Concrete",
|
||||
description: "Paving, repairs, and professional site preparation.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-social-distancing-concept_23-2148626149.jpg",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Paving",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Repairs",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-picture-female-doing-gardening_181624-31754.jpg?_wi=2",
|
||||
imageAlt: "asphalt paving driveway repair",
|
||||
title: "Asphalt & Concrete", description: "Paving, repairs, and professional site preparation.", media: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-social-distancing-concept_23-2148626149.jpg", imageAlt: "asphalt paving driveway repair" },
|
||||
items: [{ icon: CheckCircle, text: "Paving" }, { icon: CheckCircle, text: "Repairs" }],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Hardscaping Design",
|
||||
description: "Inspiring patio and paving installations.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-doing-crossfit-with-wheel-hammer_23-2147671860.jpg",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Patios",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Walkways",
|
||||
},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gardening_23-2148020328.jpg",
|
||||
imageAlt: "asphalt paving driveway repair",
|
||||
title: "Hardscaping Design", description: "Inspiring patio and paving installations.", media: { imageSrc: "http://img.b2bpic.net/free-photo/gardening_23-2148020328.jpg", imageAlt: "asphalt paving driveway repair" },
|
||||
items: [{ icon: CheckCircle, text: "Patios" }, { icon: CheckCircle, text: "Walkways" }],
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Grading & Drainage",
|
||||
description: "Expert drainage solutions for lasting results.",
|
||||
media: {
|
||||
imageSrc: "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?_wi=1",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Excavation",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Drainage",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367132.jpg?_wi=1",
|
||||
imageAlt: "asphalt paving driveway repair",
|
||||
title: "Grading & Drainage", description: "Expert drainage solutions for lasting results.", media: { imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367132.jpg", imageAlt: "asphalt paving driveway repair" },
|
||||
items: [{ icon: CheckCircle, text: "Excavation" }, { icon: CheckCircle, text: "Drainage" }],
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Our Professional Landscaping Services"
|
||||
@@ -199,42 +105,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Driveway Paving",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brutal-beard-worker-man-suit-construction-worker-safety-orange-helmet-with-pallet-truck_627829-11411.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Patio Install",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-japanese-garden_23-2149359759.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Drainage Repair",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-male-gardener-digging-soil-with-hoe_23-2148165200.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Concrete Steps",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crawler-bulldozer_1388-578.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Hardscape Pathway",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/big-stone-made-chinese-chess-inside-park_1112-1150.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Site Prep",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-oilfield-worker-standing-by-gas-pipe-construction-site_342744-366.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Driveway Paving", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/brutal-beard-worker-man-suit-construction-worker-safety-orange-helmet-with-pallet-truck_627829-11411.jpg" },
|
||||
{ id: "p2", name: "Patio Install", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-japanese-garden_23-2149359759.jpg" },
|
||||
{ id: "p3", name: "Drainage Repair", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-male-gardener-digging-soil-with-hoe_23-2148165200.jpg" },
|
||||
{ id: "p4", name: "Concrete Steps", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/crawler-bulldozer_1388-578.jpg" },
|
||||
{ id: "p5", name: "Hardscape Pathway", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/big-stone-made-chinese-chess-inside-park_1112-1150.jpg" },
|
||||
{ id: "p6", name: "Site Prep", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/portrait-oilfield-worker-standing-by-gas-pipe-construction-site_342744-366.jpg" },
|
||||
]}
|
||||
title="Inspired Outdoor Projects"
|
||||
description="See some of our recent hardscaping and paving transformations."
|
||||
@@ -247,33 +123,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "4.2",
|
||||
title: "Average Google Rating",
|
||||
items: [
|
||||
"Professional service",
|
||||
"Amazing pricing",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "96+",
|
||||
title: "Customer Reviews",
|
||||
items: [
|
||||
"Trusted quality",
|
||||
"Great service",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "2016",
|
||||
title: "Established Year",
|
||||
items: [
|
||||
"Industry experience",
|
||||
"Reliable reputation",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "4.2", title: "Average Google Rating", items: ["Professional service", "Amazing pricing"] },
|
||||
{ id: "m2", value: "96+", title: "Customer Reviews", items: ["Trusted quality", "Great service"] },
|
||||
{ id: "m3", value: "2016", title: "Established Year", items: ["Industry experience", "Reliable reputation"] },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Consistently delivering high-quality results across Houston."
|
||||
@@ -286,60 +138,16 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "John Doe",
|
||||
role: "Homeowner",
|
||||
company: "Cypress",
|
||||
rating: 5,
|
||||
imageSrc: "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?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jane Smith",
|
||||
role: "Business Owner",
|
||||
company: "Houston",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367132.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mike Johnson",
|
||||
role: "Resident",
|
||||
company: "Cypress",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-taking-care-their-plants-greenhouse_23-2149037250.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sarah Lee",
|
||||
role: "Homeowner",
|
||||
company: "Houston",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-small-business-owners_53876-128889.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "David Wilson",
|
||||
role: "Client",
|
||||
company: "Cypress",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lovable-caucasian-girl-trendy-pink-attire-enjoying-weekend-morning-street-cafe-outdoor-shot-curly-european-lady-expressing-happiness-vacation_197531-9057.jpg",
|
||||
},
|
||||
{ id: "t1", name: "John Doe", role: "Homeowner", company: "Cypress", rating: 5, imageSrc: "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" },
|
||||
{ id: "t2", name: "Jane Smith", role: "Business Owner", company: "Houston", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367132.jpg" },
|
||||
{ id: "t3", name: "Mike Johnson", role: "Resident", company: "Cypress", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/women-taking-care-their-plants-greenhouse_23-2149037250.jpg" },
|
||||
{ id: "t4", name: "Sarah Lee", role: "Homeowner", company: "Houston", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-small-business-owners_53876-128889.jpg" },
|
||||
{ id: "t5", name: "David Wilson", role: "Client", company: "Cypress", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lovable-caucasian-girl-trendy-pink-attire-enjoying-weekend-morning-street-cafe-outdoor-shot-curly-european-lady-expressing-happiness-vacation_197531-9057.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.2",
|
||||
label: "Star Rating",
|
||||
},
|
||||
{
|
||||
value: "96",
|
||||
label: "Reviews",
|
||||
},
|
||||
{
|
||||
value: "1.8K+",
|
||||
label: "Followers",
|
||||
},
|
||||
{ value: "4.2", label: "Star Rating" },
|
||||
{ value: "96", label: "Reviews" },
|
||||
{ value: "1.8K+", label: "Followers" },
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Read about the experiences of our valued customers."
|
||||
@@ -351,21 +159,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Where do you provide services?",
|
||||
content: "We primarily serve Cypress, TX and the surrounding Houston metropolitan area.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What services do you offer?",
|
||||
content: "We offer asphalt paving, concrete work, hardscaping, and professional site grading.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "When were you established?",
|
||||
content: "Palos Landscaping was established in 2016.",
|
||||
},
|
||||
{ id: "q1", title: "Where do you provide services?", content: "We primarily serve Cypress, TX and the surrounding Houston metropolitan area." },
|
||||
{ id: "q2", title: "What services do you offer?", content: "We offer asphalt paving, concrete work, hardscaping, and professional site grading." },
|
||||
{ id: "q3", title: "When were you established?", content: "Palos Landscaping was established in 2016." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common questions about our services."
|
||||
@@ -379,24 +175,10 @@ export default function LandingPage() {
|
||||
title="Ready to Start Your Project?"
|
||||
description="Contact us today to discuss your outdoor living goals."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your project",
|
||||
rows: 4,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your project", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/analog-city-landscape-with-buildings-daylight_23-2149661430.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -406,11 +188,7 @@ export default function LandingPage() {
|
||||
logoText="Palos Landscaping"
|
||||
copyrightText="© 2026 Palos Landscaping. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "https://facebook.com",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
{ icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user