Update src/app/services/page.tsx
This commit is contained in:
@@ -1,12 +1,12 @@
|
||||
"use client";
|
||||
|
||||
import Link from 'next/link';
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import { TrendingUp, Hammer, Home, Square, Layers, Brick } from 'lucide-react';
|
||||
import { TrendingUp, Hammer, Home, Square, Layers, Building } from 'lucide-react';
|
||||
import Link from 'next/link';
|
||||
|
||||
export default function ServicesPage() {
|
||||
return (
|
||||
@@ -26,146 +26,62 @@ export default function ServicesPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="Northwest"
|
||||
navItems={[
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
{ name: "Reviews", id: "/about" },
|
||||
{ name: "About", id: "/about" }
|
||||
{ "name": "Home", "id": "/" },
|
||||
{ "name": "Services", "id": "/services" },
|
||||
{ "name": "Gallery", "id": "/gallery" },
|
||||
{ "name": "Reviews", "id": "#testimonials" },
|
||||
{ "name": "About", "id": "/about" }
|
||||
]}
|
||||
button={{ text: "Request a Quote", href: "/contact" }}
|
||||
button={{ "text": "Request a Quote", "href": "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureBorderGlow
|
||||
title="Complete Concrete & Masonry Services"
|
||||
description="From foundation to finish, we deliver professional concrete and masonry work with the precision and attention to detail that sets your property apart."
|
||||
tag="Our Expertise"
|
||||
title="Services Built for Curb Appeal & Longevity"
|
||||
description="Whether it's a single apron section or a full replacement, we deliver clean lines, strong prep, and finishes that hold up."
|
||||
tag="Our Services"
|
||||
tagAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
icon: TrendingUp,
|
||||
title: "Driveway Installation & Replacement",
|
||||
description: "Complete removal and replacement of old driveways. Proper excavation, base preparation, and reinforcement for long-lasting results that enhance curb appeal."
|
||||
},
|
||||
{
|
||||
icon: Hammer,
|
||||
title: "Garage Floors & Heavy-Duty Slabs",
|
||||
description: "Engineered for durability and load-bearing capacity. Perfect flatness and professional finishing for residential and commercial garage applications."
|
||||
},
|
||||
{
|
||||
icon: Home,
|
||||
title: "Custom Patios & Outdoor Living",
|
||||
description: "Transform your backyard with custom concrete patios, walkways, and outdoor entertainment areas. Stamped patterns and decorative finishes available."
|
||||
},
|
||||
{
|
||||
icon: Square,
|
||||
title: "Steps, Entries & Safety Access",
|
||||
description: "Safe, attractive entry solutions with proper drainage and non-slip surfaces. Custom railings and ADA-compliant designs when required."
|
||||
},
|
||||
{
|
||||
icon: Layers,
|
||||
title: "Repairs & Partial Replacements",
|
||||
description: "Targeted repairs that blend seamlessly with existing concrete. Apron replacements, crack repair, and section matching for cost-effective solutions."
|
||||
},
|
||||
{
|
||||
icon: Brick,
|
||||
title: "Masonry & Stonework",
|
||||
description: "Complement your concrete work with professional brick and stone installation. Retaining walls, decorative elements, and architectural features."
|
||||
}
|
||||
{ "icon": TrendingUp, "title": "Driveways & Replacements", "description": "Remove/replace, expansions, clean joints, proper base prep." },
|
||||
{ "icon": Hammer, "title": "Garage Floors & Shop Slabs", "description": "Heavy-duty slabs with flatness and durability in mind." },
|
||||
{ "icon": Home, "title": "Patios & Walkways", "description": "Functional, beautiful outdoor surfaces done with precision." },
|
||||
{ "icon": Square, "title": "Steps, Entries & Landings", "description": "Safer access, better curb appeal, crisp edges." },
|
||||
{ "icon": Layers, "title": "Aprons & Sidewalk Repairs", "description": "Targeted replacements that blend cleanly." },
|
||||
{ "icon": Building, "title": "Masonry & Stone Work", "description": "Brick and stone work that matches your home's architecture." }
|
||||
]}
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Request a Quote", href: "/contact" },
|
||||
{ text: "View Our Work", href: "/gallery" }
|
||||
{ "text": "Get a Clear Quote", "href": "/contact" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="process" data-section="process">
|
||||
<FeatureBorderGlow
|
||||
title="Our Professional Process"
|
||||
description="Every project follows our proven system for clear communication, on-time completion, and results that exceed expectations."
|
||||
tag="How We Work"
|
||||
tagAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
icon: TrendingUp,
|
||||
title: "Site Assessment & Planning",
|
||||
description: "Thorough evaluation of your project area, soil conditions, drainage requirements, and access considerations for accurate planning."
|
||||
},
|
||||
{
|
||||
icon: Hammer,
|
||||
title: "Clear Scheduling & Communication",
|
||||
description: "Detailed timeline with weather contingencies. Regular updates throughout the project so you always know what to expect next."
|
||||
},
|
||||
{
|
||||
icon: Home,
|
||||
title: "Professional Execution",
|
||||
description: "Skilled crews with the right equipment and materials. Quality control at every step from excavation to final finishing."
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
text="Ready to Transform Your Property with Professional Concrete Work?"
|
||||
text="Ready for Concrete Work That's Done Once — and Done Right?"
|
||||
animationType="entrance-slide"
|
||||
buttons={[
|
||||
{ text: "Get Your Quote", href: "/contact" },
|
||||
{ text: "See Our Work", href: "/gallery" }
|
||||
{ "text": "Request a Quote", "href": "/contact" },
|
||||
{ "text": "Call Now", "href": "tel:+1234567890" }
|
||||
]}
|
||||
background={{ variant: "plain" }}
|
||||
background={{ "variant": "plain" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate",
|
||||
items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Services", href: "/services" },
|
||||
{ label: "Gallery", href: "/gallery" },
|
||||
{ label: "About", href: "/about" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{ label: "Driveways", href: "/services" },
|
||||
{ label: "Garage Floors", href: "/services" },
|
||||
{ label: "Patios", href: "/services" },
|
||||
{ label: "Steps & Entries", href: "/services" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{ label: "Request a Quote", href: "/contact" },
|
||||
{ label: "Gallery", href: "/gallery" },
|
||||
{ label: "Reviews", href: "/about" },
|
||||
{ label: "About Us", href: "/about" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
bottomLeftText="© 2025 Northwest Concrete & Masonry. All rights reserved."
|
||||
bottomRightText="Built with precision and care."
|
||||
/>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ "title": "Navigate", "items": [{ "label": "Home", "href": "/" }, { "label": "Services", "href": "#services" }, { "label": "Gallery", "href": "/gallery" }, { "label": "About", "href": "/about" }] },
|
||||
{ "title": "Services", "items": [{ "label": "Driveways", "href": "/services" }, { "label": "Garage Floors", "href": "/services" }, { "label": "Patios", "href": "/services" }, { "label": "Steps & Entries", "href": "/services" }] },
|
||||
{ "title": "Contact", "items": [{ "label": "Request a Quote", "href": "/contact" }, { "label": "Gallery", "href": "/gallery" }, { "label": "Reviews", "href": "#testimonials" }, { "label": "About Us", "href": "/about" }] },
|
||||
{ "title": "Legal", "items": [{ "label": "Privacy Policy", "href": "#" }, { "label": "Terms of Service", "href": "#" }] }
|
||||
]}
|
||||
bottomLeftText="© 2025 Northwest Concrete & Masonry. All rights reserved."
|
||||
bottomRightText="Built with precision and care."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user