From 63556cf6bfca5319a54036ebea06fdf944ea2dbb Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 27 Feb 2026 21:24:50 +0000
Subject: [PATCH] Update src/app/residential/page.tsx

---
 src/app/residential/page.tsx | 168 +++++++++++++++++------------------
 1 file changed, 83 insertions(+), 85 deletions(-)

diff --git a/src/app/residential/page.tsx b/src/app/residential/page.tsx
index 6e2447a..a1df09c 100644
--- a/src/app/residential/page.tsx
+++ b/src/app/residential/page.tsx
@@ -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' }
               ]
             }
           ]}