Update src/app/residential/page.tsx
This commit is contained in:
@@ -1,11 +1,12 @@
|
||||
"use client";
|
||||
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import Link from 'next/link';
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import { CheckCircle, Home, Shield } from 'lucide-react';
|
||||
|
||||
export default function ResidentialPage() {
|
||||
return (
|
||||
@@ -24,63 +25,65 @@ export default function ResidentialPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Residential", id: "/residential" },
|
||||
{ name: "Commercial", id: "/commercial" },
|
||||
{ name: "Storm Damage", id: "/storm-damage" },
|
||||
{ name: "Gallery", id: "/gallery" }
|
||||
{ name: 'Home', id: '/' },
|
||||
{ name: 'Residential', id: '/residential' },
|
||||
{ name: 'Commercial', id: '/commercial' },
|
||||
{ name: 'Storm Damage', id: '/storm-damage' },
|
||||
{ name: 'Gallery', id: '/gallery' }
|
||||
]}
|
||||
button={{ text: "Get Free Estimate", href: "/contact" }}
|
||||
button={{
|
||||
text: 'Get Free Estimate',
|
||||
href: '/contact'
|
||||
}}
|
||||
brandName="Northstar Roofing"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
<div id="residential-hero" data-section="residential-hero">
|
||||
<SplitAbout
|
||||
title="Residential Roofing Excellence"
|
||||
description="Protect your North Dakota home with premium roofing solutions. From new installations to emergency repairs, we deliver craftsmanship that stands up to harsh ND weather."
|
||||
tag="Home Protection Specialists"
|
||||
background={{ variant: "glowing-orb" }}
|
||||
buttons={[
|
||||
{ text: "Get Home Estimate", href: "/contact" },
|
||||
{ text: "View Gallery", href: "/gallery" }
|
||||
description="Protecting North Dakota homes with premium roofing solutions. From new installations to emergency repairs, we deliver quality craftsmanship with comprehensive warranties for your peace of mind."
|
||||
tag="Residential Services"
|
||||
tagIcon={Home}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Complete Roof Replacement", description: "Full system replacement with premium materials and professional installation. Comprehensive structural inspection included.", icon: CheckCircle
|
||||
},
|
||||
{
|
||||
title: "Emergency Repairs", description: "24/7 emergency response for urgent roof issues. Fast, reliable repairs to prevent further damage to your home.", icon: Shield
|
||||
},
|
||||
{
|
||||
title: "Warranty Protection", description: "Lifetime warranty on workmanship and extended manufacturer warranties on all materials for complete protection.", icon: Shield
|
||||
}
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-house-with-chimney-blue-sky_23-2149627194.jpg?_wi=1"
|
||||
buttons={[
|
||||
{ text: 'Schedule Inspection', href: '/contact' }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/houses-surrounded-by-trees-covered-snow-larvik-norway_181624-11854.jpg?_wi=2"
|
||||
imageAlt="Beautiful residential home with quality roofing"
|
||||
imagePosition="right"
|
||||
mediaAnimation="slide-up"
|
||||
tagAnimation="entrance-slide"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<div id="residential-services" data-section="residential-services">
|
||||
<FeatureCardTwentyFour
|
||||
title="Residential Roofing Services"
|
||||
description="Comprehensive roofing solutions designed specifically for North Dakota homes"
|
||||
title="Comprehensive Residential Services"
|
||||
description="Everything your home needs for complete roof protection"
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "New Roof Installation",
|
||||
author: "Complete Home Protection",
|
||||
description: "Brand new roofing systems with architectural shingles, premium underlayment, and ventilation. Built to withstand ND winters and severe weather.",
|
||||
tags: ["New Construction", "Upgrades", "Premium Materials"],
|
||||
id: "1", title: "Architectural Shingles", author: "Premium Materials", description: "High-quality architectural shingles with enhanced durability and aesthetic appeal. Multiple color and style options available.", tags: ["Premium", "Durable", "Stylish"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530695.jpg?_wi=2"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Roof Repairs",
|
||||
author: "Quick Fix Solutions",
|
||||
description: "Fast, reliable repairs for leaks, missing shingles, damaged flashing, and storm damage. Emergency services available for urgent situations.",
|
||||
tags: ["Emergency", "Fast Response", "Leak Repair"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530689.jpg?_wi=2"
|
||||
id: "2", title: "Gutter Systems", author: "Complete Protection", description: "Professional gutter installation and maintenance. Seamless gutters with proper drainage to protect your foundation.", tags: ["Drainage", "Foundation", "Protection"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-roof-drain-pipe_181624-46535.jpg"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Gutter Systems",
|
||||
author: "Water Management",
|
||||
description: "Complete gutter installation and repair services. Protect your home's foundation with proper water drainage and ice dam prevention.",
|
||||
tags: ["Drainage", "Foundation Protection", "Ice Dams"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-roof-drain-pipe_181624-46535.jpg"
|
||||
id: "3", title: "Attic Ventilation", author: "Energy Efficiency", description: "Proper attic ventilation systems to improve energy efficiency and prevent moisture problems. Extends roof life significantly.", tags: ["Efficiency", "Moisture", "Longevity"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-house-with-chimney-blue-sky_23-2149627194.jpg?_wi=1"
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
@@ -89,36 +92,31 @@ export default function ResidentialPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="service-areas" data-section="service-areas">
|
||||
<MetricCardTwo
|
||||
title="Residential Service Areas"
|
||||
description="Trusted by homeowners across North Dakota"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "Bismarck",
|
||||
description: "Capital Region & Surrounding Communities"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "Fargo",
|
||||
description: "Red River Valley Homes"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "Grand Forks",
|
||||
description: "Northeast ND Residences"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "Minot",
|
||||
description: "North Central Region Homes"
|
||||
}
|
||||
]
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
<div id="residential-process" data-section="residential-process">
|
||||
<SplitAbout
|
||||
title="Our Residential Process"
|
||||
description="From initial consultation to project completion, we ensure every step meets our high standards and your expectations."
|
||||
tag="Our Process"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Free Consultation", description: "Comprehensive roof inspection and detailed estimate. No hidden costs or surprise fees.", icon: CheckCircle
|
||||
},
|
||||
{
|
||||
title: "Professional Installation", description: "Skilled craftsmen use premium materials and proven techniques for lasting results.", icon: CheckCircle
|
||||
},
|
||||
{
|
||||
title: "Final Inspection", description: "Thorough quality check and cleanup. Your satisfaction is guaranteed before project completion.", icon: CheckCircle
|
||||
}
|
||||
]}
|
||||
buttons={[
|
||||
{ text: 'Get Started Today', href: '/contact' }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/three-men-looking-aside-construction-site_259150-57679.jpg?_wi=1"
|
||||
imageAlt="Professional roofing team at work"
|
||||
imagePosition="left"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -128,34 +126,34 @@ export default function ResidentialPage() {
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Residential Roofing", href: "/residential" },
|
||||
{ label: "Commercial Roofing", href: "/commercial" },
|
||||
{ label: "Storm Damage", href: "/storm-damage" }
|
||||
{ label: 'Home', href: '/' },
|
||||
{ label: 'Residential Roofing', href: '/residential' },
|
||||
{ label: 'Commercial Roofing', href: '/commercial' },
|
||||
{ label: 'Storm Damage', href: '/storm-damage' }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Project Gallery", href: "/gallery" },
|
||||
{ label: "Customer Reviews", href: "/reviews" },
|
||||
{ label: "Contact Us", href: "/contact" }
|
||||
{ label: 'About Us', href: '/about' },
|
||||
{ label: 'Project Gallery', href: '/gallery' },
|
||||
{ label: 'Customer Reviews', href: '/reviews' },
|
||||
{ label: 'Contact Us', href: '/contact' }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Licensed & Insured", href: "#" },
|
||||
{ label: "Warranty Information", href: "#" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" }
|
||||
{ label: 'Licensed & Insured' },
|
||||
{ label: 'Warranty Information' },
|
||||
{ label: 'Privacy Policy' },
|
||||
{ label: 'Terms of Service' }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Emergency Service", href: "tel:+1-701-555-0100" },
|
||||
{ label: "701-555-0100", href: "tel:+1-701-555-0100" },
|
||||
{ label: "Monday - Friday: 8AM - 6PM", href: "#" },
|
||||
{ label: "24/7 Emergency Hotline", href: "tel:+1-701-555-0101" }
|
||||
{ label: 'Emergency Service', href: 'tel:+1-701-555-0100' },
|
||||
{ label: '701-555-0100', href: 'tel:+1-701-555-0100' },
|
||||
{ label: 'Monday - Friday: 8AM - 6PM' },
|
||||
{ label: '24/7 Emergency Hotline', href: 'tel:+1-701-555-0101' }
|
||||
]
|
||||
}
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user