bender/d431c41f-d74e-4753-a92a-61d1e971dbab
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Update src/app/services/page.tsx

Browse Source
This commit is contained in:
bender
2026-02-17 05:21:16 +00:00
parent e46bc8199a
commit 6f24288022
1 changed files with 51 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files

125
src/app/services/page.tsx
View File

@@ -4,10 +4,11 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import SplitAbout from '@/components/sections/about/SplitAbout';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBase from '@/components/sections/footer/FooterBase';
import { MessageSquare, FileText, Hammer, CheckCircle } from "lucide-react";
import { CheckCircle, Lightbulb, MessageCircle, Sparkles, Home, MessageSquare, FileText, Hammer } from 'lucide-react';
export default function ServicesPage() {
return (
@@ -37,99 +38,79 @@ export default function ServicesPage() {
/>
</div>
<div id="services" data-section="services">
<div id="services-hero" data-section="services-hero">
<FeatureCardThree
title="Complete Landscaping Solutions for Your Outdoor Vision"
description="From patios and retaining walls to sod installation and full backyard transformations, we bring your outdoor dreams to life with precision and care."
title="Complete Outdoor Transformations"
description="From hardscapes to sod installation, we handle every aspect of your outdoor space with precision, professionalism, and a commitment to quality."
tag="Our Services"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: "01",
title: "Premium Patios & Hardscapes",
description: "Custom paver installations, brick patios, and hardscape designs that extend your living space outdoors with lasting durability and elegant style.",
imageSrc: "https://img.b2bpic.net/free-photo/tree-with-lamp-lighting_1339-7214.jpg",
imageAlt: "Premium patio installation"
id: "01", title: "Patios & Hardscapes", description: "Custom patio designs using premium pavers, natural stone, and brick. Clean lines, proper drainage, and built to last decades.", imageSrc: "https://img.b2bpic.net/free-photo/tree-with-lamp-lighting_1339-7214.jpg", imageAlt: "Premium patio hardscape installation"
},
{
id: "02",
title: "Retaining Walls & Structural Solutions",
description: "Engineered retaining walls that solve drainage issues while adding visual interest and usable space to sloped properties.",
imageSrc: "https://img.b2bpic.net/free-photo/active-conversation-evening-time-friends-have-dinner-gorgeous-outdoor-place_146671-14434.jpg",
imageAlt: "Retaining wall construction"
id: "02", title: "Retaining Walls", description: "Engineered stone and block retaining walls that solve drainage issues while adding visual appeal and usable yard space.", imageSrc: "https://img.b2bpic.net/free-photo/active-conversation-evening-time-friends-have-dinner-gorgeous-outdoor-place_146671-14434.jpg", imageAlt: "Retaining wall landscape construction"
},
{
id: "03",
title: "Professional Sod Installation",
description: "High-quality sod installation with proper soil preparation for lush, green lawns that establish quickly and thrive long-term.",
imageSrc: "https://img.b2bpic.net/free-photo/two-waiters-far-away-ready-service-prepared-desk-waiting-food-visitors-evening-time_146671-14405.jpg",
imageAlt: "Professional sod installation"
id: "03", title: "Sod Installation", description: "Professional sod installation with proper soil prep, grading, and establishment care for a lush, even lawn.", imageSrc: "https://img.b2bpic.net/free-photo/two-waiters-far-away-ready-service-prepared-desk-waiting-food-visitors-evening-time_146671-14405.jpg", imageAlt: "Professional sod installation service"
},
{
id: "04",
title: "Landscape Design & Planting",
description: "Complete landscape design with plant selection, mulch installation, and garden bed creation tailored to your property's unique conditions.",
imageSrc: "https://img.b2bpic.net/free-photo/brown-wooden-bench-near-green-plants_250224-381.jpg",
imageAlt: "Landscape design and planting"
id: "04", title: "Mulch & Plant Beds", description: "Bed design, plant selection, mulch installation, and edging that creates crisp, professional landscape borders.", imageSrc: "https://img.b2bpic.net/free-photo/brown-wooden-bench-near-green-plants_250224-381.jpg", imageAlt: "Mulch bed and planting design"
},
{
id: "05",
title: "Full Property Transformations",
description: "Comprehensive outdoor renovations from concept to completion, including demolition, grading, installation, and final finishing touches.",
imageSrc: "https://img.b2bpic.net/free-photo/night-barbecue-garden_23-2147643505.jpg",
imageAlt: "Complete property transformation"
id: "05", title: "Complete Yard Revamps", description: "Full-service outdoor transformations from concept through completion, including demo, grading, and final installation.", imageSrc: "https://img.b2bpic.net/free-photo/night-barbecue-garden_23-2147643505.jpg", imageAlt: "Complete backyard transformation project"
},
{
id: "06",
title: "Maintenance & Seasonal Services",
description: "Ongoing maintenance programs, mulch refresh, seasonal cleanup, and landscape care to keep your outdoor spaces looking their best year-round.",
imageSrc: "https://img.b2bpic.net/free-photo/vintage-landscape-photo_23-2149728869.jpg",
imageAlt: "Landscape maintenance services"
id: "06", title: "Maintenance & Cleanup", description: "Seasonal cleanups, mulch refresh, pruning, and ongoing maintenance to keep your outdoor space looking its best.", imageSrc: "https://img.b2bpic.net/free-photo/vintage-landscape-photo_23-2149728869.jpg", imageAlt: "Landscape maintenance and cleanup service"
}
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
buttons={[{ text: "Request Service Quote", href: "/contact" }]}
buttonAnimation="reveal-blur"
buttons={[{ text: "Get Your Free Quote", href: "/contact" }]}
/>
</div>
<div id="process" data-section="process">
<MetricCardOne
title="Our Proven 4-Step Process"
description="From consultation to completion, we ensure every project is executed with precision, clear communication, and attention to detail."
tag="How We Work"
<div id="why-choose-landco" data-section="why-choose-landco">
<SplitAbout
title="Why Homeowners Choose Landco"
description="We've built our reputation on clean work, clear communication, and treating every project like it's our own backyard. Rick stays involved throughout the process to ensure quality and keep you informed."
tag="Our Approach"
textboxLayout="default"
useInvertedBackground={true}
imageSrc="https://img.b2bpic.net/free-photo/reforestation-done-by-voluntary-group_23-2149500812.jpg"
imageAlt="Landco crew working on outdoor project"
imagePosition="right"
bulletPoints={[
{ title: "Owner Involvement", description: "Rick is hands-on with every project, ensuring quality control and communication.", icon: CheckCircle },
{ title: "Clear Communication", description: "Regular updates, transparent pricing, and no surprises throughout the process.", icon: MessageCircle },
{ title: "Quality Materials", description: "We use premium materials and proper techniques for long-lasting results.", icon: Sparkles },
{ title: "Professional Crew", description: "Respectful, punctual team that treats your property with care.", icon: Home },
{ title: "Design Collaboration", description: "Work with your existing plans or help create a vision that fits your style.", icon: Lightbulb }
]}
buttons={[{ text: "Schedule Consultation", href: "/contact" }]}
/>
</div>
<div id="service-process" data-section="service-process">
<MetricCardOne
title="Our Service Process"
description="From initial consultation to final walkthrough, here's how we ensure your project exceeds expectations."
tag="How We Work"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "step-1",
value: "01",
title: "Consultation",
description: "We visit your property, discuss your vision, and provide detailed recommendations based on your needs and budget.",
icon: MessageSquare
id: "step-1", value: "01", title: "Site Consultation", description: "We visit your property to understand your vision, assess the space, and discuss possibilities.", icon: MessageSquare
},
{
id: "step-2",
value: "02",
title: "Design & Quote",
description: "Detailed project proposal with materials, timeline, and transparent pricing—no hidden costs or surprises.",
icon: FileText
id: "step-2", value: "02", title: "Design & Quote", description: "Detailed proposal with materials, timeline, and transparent pricing. No hidden costs or surprises.", icon: FileText
},
{
id: "step-3",
value: "03",
title: "Construction",
description: "Professional execution with owner oversight, daily progress updates, and meticulous attention to quality.",
icon: Hammer
id: "step-3", value: "03", title: "Professional Installation", description: "Skilled crew executes the plan with attention to detail and regular progress updates.", icon: Hammer
},
{
id: "step-4",
value: "04",
title: "Completion",
description: "Final walkthrough, thorough cleanup, and care instructions to ensure your satisfaction and project longevity.",
icon: CheckCircle
id: "step-4", value: "04", title: "Final Walkthrough", description: "Complete cleanup, final inspection, and care instructions for your new outdoor space.", icon: CheckCircle
}
]}
gridVariant="uniform-all-items-equal"
@@ -141,23 +122,22 @@ export default function ServicesPage() {
<div id="contact" data-section="contact">
<ContactSplitForm
title="Ready to Transform Your Outdoor Space?"
description="Get started with a free consultation. We'll discuss your project goals, timeline, and provide a detailed quote for your landscaping needs."
description="Tell us about your vision and we'll provide a detailed consultation and quote tailored to your specific needs and budget."
inputs={[
{ name: "name", type: "text", placeholder: "Full Name", required: true },
{ name: "email", type: "email", placeholder: "Email Address", required: true },
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true }
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true },
{ name: "address", type: "text", placeholder: "Property Address", required: false }
]}
textarea={{
name: "message",
placeholder: "What services are you interested in? Tell us about your project goals and timeline.",
rows: 5,
name: "message", placeholder: "Which services are you interested in? Describe your project goals and any specific requirements.", 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"
imageAlt="Landscape project consultation"
imageAlt="Outdoor design consultation and planning"
mediaPosition="right"
useInvertedBackground={false}
buttonText="Schedule Consultation"
buttonText="Request Free Consultation"
mediaAnimation="slide-up"
/>
</div>
@@ -167,8 +147,7 @@ export default function ServicesPage() {
logoText="Landco Landscaping"
columns={[
{
title: "Company",
items: [
title: "Company", items: [
{ label: "Home", href: "/" },
{ label: "Services", href: "/services" },
{ label: "Projects", href: "/projects" },
@@ -176,16 +155,14 @@ export default function ServicesPage() {
]
},
{
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: "#" },