Update src/app/page.tsx
This commit is contained in:
172
src/app/page.tsx
172
src/app/page.tsx
@@ -7,10 +7,12 @@ import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCa
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import { CheckCircle, Lightbulb, MessageCircle, Sparkles, Home, MessageSquare } from "lucide-react";
|
||||
import { CheckCircle, Lightbulb, MessageCircle, Sparkles, Home, MessageSquare, FileText, Hammer } from 'lucide-react';
|
||||
|
||||
export default function HomePage() {
|
||||
return (
|
||||
@@ -52,7 +54,7 @@ export default function HomePage() {
|
||||
{ imageSrc: "https://img.b2bpic.net/free-photo/rustic-patio-furniture-house-deck-with-vegetation_23-2150698288.jpg", imageAlt: "Luxury patio with dusk lighting" },
|
||||
{ imageSrc: "https://img.b2bpic.net/free-photo/tree-with-lamp-lighting_1339-7214.jpg", imageAlt: "Detail shot of premium brickwork" },
|
||||
{ imageSrc: "https://img.b2bpic.net/free-photo/active-conversation-evening-time-friends-have-dinner-gorgeous-outdoor-place_146671-14434.jpg", imageAlt: "Retaining wall landscape design" }
|
||||
]}
|
||||
]
|
||||
autoplayDelay={5000}
|
||||
showDimOverlay={true}
|
||||
/>
|
||||
@@ -80,45 +82,24 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "01",
|
||||
title: "Patios & Hardscapes",
|
||||
description: "Premium paver and brickwork with clean lines and long-term durability that feels like an extension of your home.",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/tree-with-lamp-lighting_1339-7214.jpg",
|
||||
imageAlt: "Premium patio brickwork detail"
|
||||
id: "01", title: "Patios & Hardscapes", description: "Premium paver and brickwork with clean lines and long-term durability that feels like an extension of your home.", imageSrc: "https://img.b2bpic.net/free-photo/tree-with-lamp-lighting_1339-7214.jpg", imageAlt: "Premium patio brickwork detail"
|
||||
},
|
||||
{
|
||||
id: "02",
|
||||
title: "Retaining Walls",
|
||||
description: "Structural, beautiful, and engineered to make your yard usable again while adding visual interest.",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/active-conversation-evening-time-friends-have-dinner-gorgeous-outdoor-place_146671-14434.jpg",
|
||||
imageAlt: "Retaining wall landscape"
|
||||
id: "02", title: "Retaining Walls", description: "Structural, beautiful, and engineered to make your yard usable again while adding visual interest.", imageSrc: "https://img.b2bpic.net/free-photo/active-conversation-evening-time-friends-have-dinner-gorgeous-outdoor-place_146671-14434.jpg", imageAlt: "Retaining wall landscape"
|
||||
},
|
||||
{
|
||||
id: "03",
|
||||
title: "Sod Installation",
|
||||
description: "Fast, high-impact upgrades with a golf-course finish that transforms your yard in a single day.",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/two-waiters-far-away-ready-service-prepared-desk-waiting-food-visitors-evening-time_146671-14405.jpg",
|
||||
imageAlt: "Sod installation transformation"
|
||||
id: "03", title: "Sod Installation", description: "Fast, high-impact upgrades with a golf-course finish that transforms your yard in a single day.", imageSrc: "https://img.b2bpic.net/free-photo/two-waiters-far-away-ready-service-prepared-desk-waiting-food-visitors-evening-time_146671-14405.jpg", imageAlt: "Sod installation transformation"
|
||||
},
|
||||
{
|
||||
id: "04",
|
||||
title: "Mulch & Plant Bed Refresh",
|
||||
description: "Crisp edges, rich color, and a polished look—done meticulously with attention to every detail.",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/brown-wooden-bench-near-green-plants_250224-381.jpg",
|
||||
imageAlt: "Mulch bed refresh design"
|
||||
id: "04", title: "Mulch & Plant Bed Refresh", description: "Crisp edges, rich color, and a polished look—done meticulously with attention to every detail.", imageSrc: "https://img.b2bpic.net/free-photo/brown-wooden-bench-near-green-plants_250224-381.jpg", imageAlt: "Mulch bed refresh design"
|
||||
},
|
||||
{
|
||||
id: "05",
|
||||
title: "Full Backyard Revamps",
|
||||
description: "From concept to completion: demo, design, build, and final cleanup. A complete outdoor transformation.",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/night-barbecue-garden_23-2147643505.jpg",
|
||||
imageAlt: "Complete backyard transformation"
|
||||
id: "05", title: "Full Backyard Revamps", description: "From concept to completion: demo, design, build, and final cleanup. A complete outdoor transformation.", imageSrc: "https://img.b2bpic.net/free-photo/night-barbecue-garden_23-2147643505.jpg", imageAlt: "Complete backyard transformation"
|
||||
}
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
buttons={[{ text: "Request a Quote", href: "/contact" }]}
|
||||
buttonAnimation="reveal-blur"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -133,34 +114,73 @@ export default function HomePage() {
|
||||
imageAlt="Rick and crew working onsite"
|
||||
imagePosition="right"
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Owner-Led Projects",
|
||||
description: "Rick stays involved and is often onsite working with the crew.",
|
||||
icon: CheckCircle
|
||||
},
|
||||
{
|
||||
title: "Designer-Friendly Collaboration",
|
||||
description: "We can build from your vision or help create one that feels authentic.",
|
||||
icon: Lightbulb
|
||||
},
|
||||
{
|
||||
title: "Communication-First Approach",
|
||||
description: "Clear updates, expectations, and timelines from day one.",
|
||||
icon: MessageCircle
|
||||
},
|
||||
{
|
||||
title: "Detail-Obsessed Finishes",
|
||||
description: "Neat brickwork, clean transitions, sharp edging on every project.",
|
||||
icon: Sparkles
|
||||
},
|
||||
{
|
||||
title: "Respect for Your Home",
|
||||
description: "Punctual crew, friendly team, thorough cleanup after every job.",
|
||||
icon: Home
|
||||
}
|
||||
{ title: "Owner-Led Projects", description: "Rick stays involved and is often onsite working with the crew.", icon: CheckCircle },
|
||||
{ title: "Designer-Friendly Collaboration", description: "We can build from your vision or help create one that feels authentic.", icon: Lightbulb },
|
||||
{ title: "Communication-First Approach", description: "Clear updates, expectations, and timelines from day one.", icon: MessageCircle },
|
||||
{ title: "Detail-Obsessed Finishes", description: "Neat brickwork, clean transitions, sharp edging on every project.", icon: Sparkles },
|
||||
{ title: "Respect for Your Home", description: "Punctual crew, friendly team, thorough cleanup after every job.", icon: Home }
|
||||
]}
|
||||
buttons={[{ text: "Get a Free Consultation", href: "/contact" }]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="projects" data-section="projects">
|
||||
<ProductCardOne
|
||||
title="Recent Transformations"
|
||||
description="See the projects that showcase our attention to detail and commitment to quality."
|
||||
tag="Gallery"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "proj-1", name: "Retaining Wall + Large Patio + Sod Finish", price: "Custom Quote", imageSrc: "https://img.b2bpic.net/free-photo/rustic-patio-furniture-house-deck-with-vegetation_23-2150698294.jpg", imageAlt: "Patio and sod project"
|
||||
},
|
||||
{
|
||||
id: "proj-2", name: "Mulch Refresh + Bed Rehab", price: "Custom Quote", imageSrc: "https://img.b2bpic.net/free-photo/rustic-patio-furniture-house-deck-with-vegetation_23-2150698300.jpg", imageAlt: "Retaining wall project"
|
||||
},
|
||||
{
|
||||
id: "proj-3", name: "Backyard Cleanup + Poison Ivy Removal + New Mulch", price: "Custom Quote", imageSrc: "https://img.b2bpic.net/free-photo/vintage-landscape-photo_23-2149728869.jpg", imageAlt: "Mulch refresh project"
|
||||
},
|
||||
{
|
||||
id: "proj-4", name: "Complete Backyard Transformation", price: "Custom Quote", imageSrc: "https://img.b2bpic.net/free-photo/outside-view-restaurant-cottage-night-time_140725-8844.jpg", imageAlt: "Full backyard revamp"
|
||||
},
|
||||
{
|
||||
id: "proj-5", name: "Patio + Retaining Wall + Landscaping", price: "Custom Quote", imageSrc: "https://img.b2bpic.net/free-photo/tree-with-lamp-lighting_1339-7213.jpg", imageAlt: "Patio and wall project"
|
||||
},
|
||||
{
|
||||
id: "proj-6", name: "Sod Installation + Plant Beds", price: "Custom Quote", imageSrc: "https://img.b2bpic.net/free-photo/rustic-deck-with-patio-furniture-vegetation_23-2150698462.jpg", imageAlt: "Sod and bed project"
|
||||
}
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
buttons={[{ text: "View All Projects", href: "/projects" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="process" data-section="process">
|
||||
<MetricCardOne
|
||||
title="A Simple Process. A Stunning Result."
|
||||
description="From initial consultation through final walkthrough, we keep things clear, professional, and focused on your vision."
|
||||
tag="Process"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "step-1", value: "01", title: "Consultation & Vision", description: "We walk your property, listen to your goals, and define the look and scope together.", icon: MessageSquare
|
||||
},
|
||||
{
|
||||
id: "step-2", value: "02", title: "Design + Clear Quote", description: "Materials, timeline, and pricing—no surprises or guessing about the investment.", icon: FileText
|
||||
},
|
||||
{
|
||||
id: "step-3", value: "03", title: "Build & Communication", description: "We show up on time, keep you in the loop, and execute with precision and care.", icon: Hammer
|
||||
},
|
||||
{
|
||||
id: "step-4", value: "04", title: "Final Walkthrough + Cleanup", description: "We leave it crisp, clean, and ready for you to enjoy your new outdoor space.", icon: CheckCircle
|
||||
}
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
buttons={[{ text: "Request a Quote", href: "/contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -173,31 +193,20 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "review-1",
|
||||
name: "Samantha R.",
|
||||
role: "Homeowner",
|
||||
company: "Raleigh, NC",
|
||||
rating: 5,
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg",
|
||||
imageAlt: "Samantha R."
|
||||
id: "review-1", name: "Samantha R.", role: "Homeowner", company: "Raleigh, NC", rating: 5,
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg", imageAlt: "Samantha R."
|
||||
},
|
||||
{
|
||||
id: "review-2",
|
||||
name: "C. Armstrong",
|
||||
role: "Homeowner",
|
||||
company: "Durham, NC",
|
||||
rating: 5,
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",
|
||||
imageAlt: "C. Armstrong"
|
||||
id: "review-2", name: "C. Armstrong", role: "Homeowner", company: "Durham, NC", rating: 5,
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", imageAlt: "C. Armstrong"
|
||||
},
|
||||
{
|
||||
id: "review-3",
|
||||
name: "Michael T.",
|
||||
role: "Homeowner",
|
||||
company: "Chapel Hill, NC",
|
||||
rating: 5,
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
|
||||
imageAlt: "Michael T."
|
||||
id: "review-3", name: "Michael T.", role: "Homeowner", company: "Chapel Hill, NC", rating: 5,
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", imageAlt: "Michael T."
|
||||
},
|
||||
{
|
||||
id: "review-4", name: "Jennifer K.", role: "Homeowner", company: "Cary, NC", rating: 5,
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg", imageAlt: "Jennifer K."
|
||||
}
|
||||
]}
|
||||
kpiItems={[
|
||||
@@ -220,9 +229,7 @@ export default function HomePage() {
|
||||
{ name: "address", type: "text", placeholder: "Your Address / Neighborhood", required: false }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your project. What are we transforming? Patios, walls, sod, mulch refresh, or a full revamp?",
|
||||
rows: 6,
|
||||
name: "message", placeholder: "Tell us about your project. What are we transforming? Patios, walls, sod, mulch refresh, or a full revamp?", rows: 6,
|
||||
required: true
|
||||
}}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/high-angle-man-working-eco-friendly-wind-power-project-with-paper-plans_23-2148847792.jpg"
|
||||
@@ -239,8 +246,7 @@ export default function HomePage() {
|
||||
logoText="Landco Landscaping"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Services", href: "/services" },
|
||||
{ label: "Projects", href: "/projects" },
|
||||
@@ -248,16 +254,14 @@ export default function HomePage() {
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{ label: "Our Process", href: "/process" },
|
||||
{ label: "Contact Us", href: "/contact" },
|
||||
{ label: "Get a Quote", href: "/contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Service Areas",
|
||||
items: [
|
||||
title: "Service Areas", items: [
|
||||
{ label: "Raleigh, NC", href: "#" },
|
||||
{ label: "Durham, NC", href: "#" },
|
||||
{ label: "Chapel Hill, NC", href: "#" },
|
||||
|
||||
Reference in New Issue
Block a user