diff --git a/src/app/page.tsx b/src/app/page.tsx
index 53865ca..bb129e5 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,15 +1,16 @@
 "use client";
 
+import Link from 'next/link';
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import HeroSplit from '@/components/sections/hero/HeroSplit';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
-import SplitAbout from '@/components/sections/about/SplitAbout';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
+import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import { CloudLightning, CheckCircle, FileText, Zap, Shield, Hammer, MessageSquare, Sparkles, Award, MapPin, Star } from "lucide-react";
+import { Star, CloudLightning } from 'lucide-react';
 
 export default function HomePage() {
   return (
@@ -28,13 +29,16 @@ export default function HomePage() {
       <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>
@@ -44,16 +48,16 @@ export default function HomePage() {
           title="North Dakota Roofing Built for Real Weather"
           description="Residential and commercial roofing, repairs, and storm restoration. Fast estimates. Clean installs. Strong warranties. Licensed, insured, and storm damage specialists serving North Dakota."
           tag="Licensed & Insured • Warranty-Backed • Storm Specialists"
-          background={{ variant: "glowing-orb" }}
+          tagAnimation="entrance-slide"
+          background={{ variant: 'glowing-orb' }}
           buttons={[
-            { text: "Get Free Estimate", href: "/contact" },
-            { text: "Call Now", href: "tel:+1-701-555-0100" }
+            { text: 'Get Free Estimate', href: '/contact' },
+            { text: 'Call Now', href: 'tel:+1-701-555-0100' }
           ]}
-          imageSrc="http://img.b2bpic.net/free-photo/houses-surrounded-by-trees-covered-snow-larvik-norway_181624-11854.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/houses-surrounded-by-trees-covered-snow-larvik-norway_181624-11854.jpg?_wi=1"
           imageAlt="Modern roofline against North Dakota winter sky"
           imagePosition="right"
           mediaAnimation="slide-up"
-          tagAnimation="entrance-slide"
         />
       </div>
 
@@ -64,14 +68,8 @@ export default function HomePage() {
           tag="Customer Reviews"
           textboxLayout="default"
           useInvertedBackground={false}
-          logos={[
-            "http://img.b2bpic.net/free-vector/star-rating-with-two-different-backgrounds_1017-6190.jpg",
-            "http://img.b2bpic.net/free-vector/social-media-logo-collection_23-2148061324.jpg",
-            "http://img.b2bpic.net/free-vector/labor-day-badges-collection-flat-style_23-2147864471.jpg",
-            "http://img.b2bpic.net/free-vector/flat-design-eleicoes-2020-background_23-2148699148.jpg",
-            "http://img.b2bpic.net/free-vector/real-estate-open-house-label_23-2148479337.jpg",
-            "http://img.b2bpic.net/free-photo/approved-authentic-quality-guaranteed-product-concept_53876-13748.jpg",
-            "http://img.b2bpic.net/free-vector/rate-remark-us-business-background-client-feedback-opinion-matter_1017-60953.jpg"
+          names={[
+            "Premium Quality Reviews",            "Professional Social Media Presence",            "Industry Recognition Awards",            "Top Rated Contractor",            "Licensed Property Experts",            "Certified Quality Assurance",            "Customer Satisfaction Leader"
           ]}
           speed={35}
           showCard={true}
@@ -84,27 +82,15 @@ export default function HomePage() {
           description="Complete solutions for residential and commercial properties across North Dakota"
           features={[
             {
-              id: "1",
-              title: "Roof Replacement",
-              author: "Full Coverage Solutions",
-              description: "Complete roof replacement with premium materials. New shingles, underlayment, and structural inspection. Warranty-backed workmanship.",
-              tags: ["Residential", "Commercial", "Warranty"],
+              id: "1",              title: "Roof Replacement",              author: "Full Coverage Solutions",              description: "Complete roof replacement with premium materials. New shingles, underlayment, and structural inspection. Warranty-backed workmanship.",              tags: ["Residential", "Commercial", "Warranty"],
               imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530695.jpg?_wi=1"
             },
             {
-              id: "2",
-              title: "Roof Repair & Maintenance",
-              author: "Fast Response Team",
-              description: "Quick repairs for leaks, damaged shingles, flashing, and ventilation. Emergency storm damage repairs available 24/7.",
-              tags: ["Emergency", "Fast Service", "Affordable"],
-              imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530689.jpg?_wi=1"
+              id: "2",              title: "Roof Repair & Maintenance",              author: "Fast Response Team",              description: "Quick repairs for leaks, damaged shingles, flashing, and ventilation. Emergency storm damage repairs available 24/7.",              tags: ["Emergency", "Fast Service", "Affordable"],
+              imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530689.jpg"
             },
             {
-              id: "3",
-              title: "Storm Damage Restoration",
-              author: "Insurance Claims Experts",
-              description: "Hail, wind, and ice damage assessment and restoration. We handle insurance paperwork and documentation for faster claims processing.",
-              tags: ["Insurance", "Hail Damage", "Documentation"],
+              id: "3",              title: "Storm Damage Restoration",              author: "Insurance Claims Experts",              description: "Hail, wind, and ice damage assessment and restoration. We handle insurance paperwork and documentation for faster claims processing.",              tags: ["Insurance", "Hail Damage", "Documentation"],
               imageSrc: "http://img.b2bpic.net/free-photo/old-rusty-metallic-surface_23-2148846057.jpg?_wi=1"
             }
           ]}
@@ -114,85 +100,6 @@ export default function HomePage() {
         />
       </div>
 
-      <div id="storm-damage" data-section="storm-damage">
-        <SplitAbout
-          title="Storm Damage? We're Here to Help"
-          description="Hail, wind, and ice damage? Our expert team handles the entire process from inspection to insurance claim support to final installation. Get your roof restored quickly and properly."
-          tag="Storm Response"
-          tagIcon={CloudLightning}
-          textboxLayout="default"
-          useInvertedBackground={true}
-          bulletPoints={[
-            {
-              title: "Free Storm Inspection",
-              description: "Same-day inspections available. Detailed damage assessment and photo documentation for your insurance claim.",
-              icon: CheckCircle
-            },
-            {
-              title: "Insurance Claim Support",
-              description: "We work directly with your insurance company. Professional documentation ensures faster claim approval and maximum coverage.",
-              icon: FileText
-            },
-            {
-              title: "Quick Response Time",
-              description: "24/7 emergency availability. Most urgent repairs completed within 24-48 hours to prevent further water damage.",
-              icon: Zap
-            },
-            {
-              title: "Licensed & Bonded",
-              description: "Full North Dakota licensing and bonding. Your protection and peace of mind guaranteed on every project.",
-              icon: Shield
-            }
-          ]}
-          buttons={[{ text: "Book Storm Inspection", href: "/contact" }]}
-          imageSrc="http://img.b2bpic.net/free-photo/close-up-businessman-standing-front-table-writing-diary-with-pen_23-2148087135.jpg?_wi=1"
-          imageAlt="Storm damage inspection and assessment"
-          imagePosition="right"
-          mediaAnimation="slide-up"
-        />
-      </div>
-
-      <div id="why-northstar" data-section="why-northstar">
-        <SplitAbout
-          title="Why Choose Northstar Roofing?"
-          description="Over 15 years of trusted roofing experience serving North Dakota families and businesses with unmatched craftsmanship and reliability."
-          tag="Local ND Team"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          bulletPoints={[
-            {
-              title: "Expert Craftsmanship",
-              description: "Every roof installed with precision and attention to detail. Quality materials combined with skilled workmanship.",
-              icon: Hammer
-            },
-            {
-              title: "Clear Communication",
-              description: "You're always informed. Regular updates, honest pricing, and transparent project timelines from start to finish.",
-              icon: MessageSquare
-            },
-            {
-              title: "Clean Job Sites",
-              description: "Professional work environment. We protect your property and leave job sites spotless every single time.",
-              icon: Sparkles
-            },
-            {
-              title: "Lifetime Warranty",
-              description: "Comprehensive warranty on labor and materials. Your investment is protected for years to come.",
-              icon: Award
-            },
-            {
-              title: "Local North Dakota Team",
-              description: "Proud local business. We understand ND weather, building codes, and the needs of our neighbors.",
-              icon: MapPin
-            }
-          ]}
-          imageSrc="http://img.b2bpic.net/free-photo/three-men-looking-aside-construction-site_259150-57679.jpg?_wi=1"
-          imageAlt="Northstar Roofing professional team"
-          imagePosition="left"
-          mediaAnimation="slide-up"
-        />
-      </div>
-
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardTwelve
           cardTitle="Over 500 North Dakota families and businesses trust Northstar Roofing for their roofing needs"
@@ -202,38 +109,55 @@ export default function HomePage() {
           useInvertedBackground={false}
           testimonials={[
             {
-              id: "1",
-              name: "Sarah Johnson",
-              imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg"
+              id: "1",              name: "Sarah Johnson",              imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=1"
             },
             {
-              id: "2",
-              name: "Michael Chen",
-              imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg"
+              id: "2",              name: "Michael Chen",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg"
             },
             {
-              id: "3",
-              name: "Emily Rodriguez",
-              imageSrc: "http://img.b2bpic.net/free-photo/front-view-lawyer-portrait_23-2151202433.jpg"
+              id: "3",              name: "Emily Rodriguez",              imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=2"
             },
             {
-              id: "4",
-              name: "David Kim",
-              imageSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg"
+              id: "4",              name: "David Kim",              imageSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg"
             }
           ]}
         />
       </div>
 
+      <div id="service-area" data-section="service-area">
+        <MetricCardTwo
+          title="Service Areas"
+          description="Proudly serving communities across North Dakota"
+          metrics={[
+            {
+              id: "1",              value: "Bismarck",              description: "Capital Region & Surrounding Area"
+            },
+            {
+              id: "2",              value: "Fargo",              description: "Red River Valley Region"
+            },
+            {
+              id: "3",              value: "Grand Forks",              description: "Northeast North Dakota"
+            },
+            {
+              id: "4",              value: "Minot",              description: "North Central Region"
+            }
+          ]}
+          gridVariant="uniform-all-items-equal"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={true}
+        />
+      </div>
+
       <div id="final-cta" data-section="final-cta">
         <ContactText
           text="Ready to protect your property? Get a free roof estimate in 24 hours. No obligation. No pressure. Just honest expertise."
           animationType="entrance-slide"
           buttons={[
-            { text: "Get Free Estimate", href: "/contact" },
-            { text: "Call: 701-555-0100", href: "tel:+1-701-555-0100" }
+            { text: 'Get Free Estimate', href: '/contact' },
+            { text: 'Call: 701-555-0100', href: 'tel:+1-701-555-0100' }
           ]}
-          background={{ variant: "plain" }}
+          background={{ variant: 'plain' }}
           useInvertedBackground={false}
         />
       </div>
@@ -244,34 +168,34 @@ export default function HomePage() {
           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' }
               ]
             }
           ]}