{"id":21,"date":"2025-12-24T00:46:26","date_gmt":"2025-12-24T00:46:26","guid":{"rendered":"https:\/\/nonstopcommercialplumbing.com\/?page_id=21"},"modified":"2025-12-24T00:47:17","modified_gmt":"2025-12-24T00:47:17","slug":"nonstopcommercialplumbing","status":"publish","type":"page","link":"https:\/\/nonstopcommercialplumbing.com\/","title":{"rendered":"NonStop Commercial Plumbing"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"21\" class=\"elementor elementor-21\">\n\t\t\t\t<div class=\"elementor-element elementor-element-109a7f9 e-flex e-con-boxed e-con e-parent\" data-id=\"109a7f9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-97f23f4 elementor-widget elementor-widget-html\" data-id=\"97f23f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>NonStop Commercial Plumbing | Emergency Service Within 1 Hour | Franklin, TN<\/title>\n    <meta name=\"description\" content=\"24\/7 emergency commercial plumbing services in Franklin, Tennessee. Response within 1 hour for businesses within 30 miles. Call now!\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=Source+Sans+3:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n    <style>\n        :root {\n            --orange: #F7941D;\n            --orange-dark: #E07A00;\n            --charcoal: #4A4A4A;\n            --charcoal-dark: #3A3A3A;\n            --charcoal-light: #5A5A5A;\n            --white: #FFFFFF;\n            --off-white: #F5F5F5;\n            --light-gray: #E8E8E8;\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        html {\n            scroll-behavior: smooth;\n        }\n\n        img {\n            max-width: 100%;\n            height: auto;\n        }\n\n        body {\n            font-family: 'Source Sans 3', -apple-system, sans-serif;\n            background: var(--charcoal);\n            color: var(--white);\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        \/* Utility *\/\n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 24px;\n        }\n\n        \/* Header *\/\n        header {\n            position: fixed;\n            top: 0;\n            left: 0;\n            right: 0;\n            z-index: 9999;\n            background: #3A3A3A;\n            border-bottom: 3px solid var(--orange);\n            transition: all 0.3s ease;\n        }\n\n        header.scrolled {\n            padding: 5px 0;\n            box-shadow: 0 4px 20px rgba(0,0,0,0.3);\n        }\n\n        header.scrolled .header-inner {\n            padding: 10px 24px;\n            gap: 10px;\n        }\n\n        header.scrolled .logo {\n            height: 60px !important;\n            width: 220px !important;\n            max-height: 60px !important;\n        }\n\n        header.scrolled .header-cta {\n            gap: 15px;\n        }\n\n        header.scrolled .phone-number {\n            font-size: 1.2rem;\n        }\n\n        header.scrolled .btn {\n            padding: 10px 20px;\n            font-size: 1rem;\n        }\n\n        .header-inner {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            padding: 20px 24px;\n            max-width: 1400px;\n            margin: 0 auto;\n            gap: 15px;\n            transition: all 0.3s ease;\n        }\n\n        .logo {\n            height: 300px !important;\n            width: 1080px !important;\n            max-width: 90vw !important;\n            max-height: 300px !important;\n            object-fit: contain;\n            display: block;\n            margin: 0 auto;\n            transition: all 0.3s ease;\n        }\n\n        .header-cta {\n            display: flex;\n            align-items: center;\n            gap: 24px;\n        }\n\n        .phone-number {\n            font-family: 'Bebas Neue', sans-serif;\n            font-size: 1.5rem;\n            color: var(--white);\n            text-decoration: none;\n            letter-spacing: 1px;\n            transition: color 0.2s;\n        }\n\n        .phone-number:hover {\n            color: var(--orange);\n        }\n\n        .btn {\n            font-family: 'Bebas Neue', sans-serif;\n            font-size: 1.1rem;\n            letter-spacing: 2px;\n            padding: 14px 32px;\n            border: none;\n            cursor: pointer;\n            text-decoration: none;\n            display: inline-flex;\n            align-items: center;\n            gap: 10px;\n            transition: all 0.25s ease;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .btn-primary {\n            background: var(--orange);\n            color: var(--white);\n        }\n\n        .btn-primary:hover {\n            background: var(--orange-dark);\n            transform: translateY(-2px);\n            box-shadow: 0 8px 25px rgba(247, 148, 29, 0.4);\n        }\n\n        .btn-outline {\n            background: transparent;\n            color: var(--white);\n            border: 2px solid var(--white);\n        }\n\n        .btn-outline:hover {\n            background: var(--white);\n            color: var(--charcoal);\n        }\n\n        \/* Hero Section *\/\n        .hero {\n            min-height: 100vh;\n            display: flex;\n            align-items: center;\n            position: relative;\n            padding-top: 420px;\n            padding-bottom: 60px;\n            background: \n                linear-gradient(135deg, rgba(58, 58, 58, 0.97) 0%, rgba(74, 74, 74, 0.95) 100%),\n                url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n        }\n\n        .hero-content {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 60px;\n            align-items: center;\n        }\n\n        .hero-text {\n            animation: slideInLeft 0.8s ease-out;\n        }\n\n        @keyframes slideInLeft {\n            from {\n                opacity: 0;\n                transform: translateX(-40px);\n            }\n            to {\n                opacity: 1;\n                transform: translateX(0);\n            }\n        }\n\n        .badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            background: rgba(247, 148, 29, 0.15);\n            border: 1px solid var(--orange);\n            padding: 8px 16px;\n            margin-bottom: 24px;\n            font-size: 0.9rem;\n            font-weight: 600;\n            letter-spacing: 1px;\n            text-transform: uppercase;\n            color: var(--orange);\n        }\n\n        .badge::before {\n            content: '';\n            width: 8px;\n            height: 8px;\n            background: var(--orange);\n            border-radius: 50%;\n            animation: pulse 1.5s infinite;\n        }\n\n        @keyframes pulse {\n            0%, 100% { opacity: 1; transform: scale(1); }\n            50% { opacity: 0.5; transform: scale(1.2); }\n        }\n\n        .hero h1 {\n            font-family: 'Bebas Neue', sans-serif;\n            font-size: clamp(3rem, 6vw, 5rem);\n            line-height: 1;\n            margin-bottom: 24px;\n            letter-spacing: 2px;\n        }\n\n        .hero h1 span {\n            color: var(--orange);\n        }\n\n        .hero-subtitle {\n            font-size: 1.25rem;\n            color: rgba(255, 255, 255, 0.8);\n            margin-bottom: 16px;\n            max-width: 500px;\n        }\n\n        .response-time {\n            display: inline-flex;\n            align-items: center;\n            gap: 12px;\n            background: var(--charcoal-dark);\n            padding: 16px 24px;\n            margin: 24px 0;\n            border-left: 4px solid var(--orange);\n        }\n\n        .response-time-icon {\n            width: 48px;\n            height: 48px;\n            background: var(--orange);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.5rem;\n        }\n\n        .response-time-text {\n            font-family: 'Bebas Neue', sans-serif;\n            font-size: 1.8rem;\n            letter-spacing: 1px;\n        }\n\n        .response-time-text span {\n            color: var(--orange);\n        }\n\n        .hero-buttons {\n            display: flex;\n            gap: 16px;\n            margin-top: 32px;\n            flex-wrap: wrap;\n        }\n\n        .hero-visual {\n            position: relative;\n            animation: slideInRight 0.8s ease-out 0.2s both;\n        }\n\n        @keyframes slideInRight {\n            from {\n                opacity: 0;\n                transform: translateX(40px);\n            }\n            to {\n                opacity: 1;\n                transform: translateX(0);\n            }\n        }\n\n        .hero-card {\n            background: var(--charcoal-dark);\n            border: 2px solid var(--charcoal-light);\n            padding: 40px;\n            position: relative;\n        }\n\n        .hero-card::before {\n            content: '';\n            position: absolute;\n            top: -4px;\n            left: -4px;\n            right: -4px;\n            bottom: -4px;\n            border: 2px solid var(--orange);\n            opacity: 0.3;\n            pointer-events: none;\n        }\n\n        .hero-card h3 {\n            font-family: 'Bebas Neue', sans-serif;\n            font-size: 1.8rem;\n            letter-spacing: 2px;\n            margin-bottom: 24px;\n            color: var(--orange);\n        }\n\n        .service-area-list {\n            list-style: none;\n        }\n\n        .service-area-list li {\n            padding: 12px 0;\n            border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            font-size: 1.1rem;\n        }\n\n        .service-area-list li:last-child {\n            border-bottom: none;\n        }\n\n        .service-area-list li::before {\n            content: '\u2713';\n            color: var(--orange);\n            font-weight: bold;\n        }\n\n        \/* Stats Section *\/\n        .stats {\n            background: var(--orange);\n            padding: 60px 0;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .stats::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: repeating-linear-gradient(\n                90deg,\n                transparent,\n                transparent 100px,\n                rgba(0,0,0,0.05) 100px,\n                rgba(0,0,0,0.05) 101px\n            );\n        }\n\n        .stats-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 40px;\n            position: relative;\n            z-index: 1;\n        }\n\n        .stat-item {\n            text-align: center;\n        }\n\n        .stat-number {\n            font-family: 'Bebas Neue', sans-serif;\n            font-size: 4rem;\n            line-height: 1;\n            color: var(--white);\n            margin-bottom: 8px;\n        }\n\n        .stat-label {\n            font-size: 1rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            color: rgba(255, 255, 255, 0.9);\n        }\n\n        \/* Services Section *\/\n        .services {\n            padding: 100px 0;\n            background: var(--off-white);\n            color: var(--charcoal);\n        }\n\n        .section-header {\n            text-align: center;\n            margin-bottom: 60px;\n        }\n\n        .section-label {\n            font-family: 'Bebas Neue', sans-serif;\n            font-size: 1rem;\n            letter-spacing: 4px;\n            color: var(--orange);\n            margin-bottom: 12px;\n        }\n\n        .section-title {\n            font-family: 'Bebas Neue', sans-serif;\n            font-size: clamp(2.5rem, 4vw, 3.5rem);\n            letter-spacing: 2px;\n            color: var(--charcoal);\n            margin-bottom: 16px;\n        }\n\n        .section-subtitle {\n            font-size: 1.1rem;\n            color: var(--charcoal-light);\n            max-width: 600px;\n            margin: 0 auto;\n        }\n\n        .services-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 30px;\n        }\n\n        .service-card {\n            background: var(--white);\n            padding: 40px 30px;\n            border: 2px solid var(--light-gray);\n            transition: all 0.3s ease;\n            position: relative;\n        }\n\n        .service-card::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            height: 4px;\n            background: var(--orange);\n            transform: scaleX(0);\n            transition: transform 0.3s ease;\n        }\n\n        .service-card:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\n            border-color: var(--orange);\n        }\n\n        .service-card:hover::after {\n            transform: scaleX(1);\n        }\n\n        .service-icon {\n            width: 60px;\n            height: 60px;\n            background: var(--charcoal);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 24px;\n            font-size: 1.8rem;\n        }\n\n        .service-card h3 {\n            font-family: 'Bebas Neue', sans-serif;\n            font-size: 1.5rem;\n            letter-spacing: 1px;\n            margin-bottom: 12px;\n            color: var(--charcoal);\n        }\n\n        .service-card p {\n            color: var(--charcoal-light);\n            line-height: 1.7;\n        }\n\n        \/* Why Choose Us *\/\n        .why-us {\n            padding: 100px 0;\n            background: var(--charcoal);\n        }\n\n        .why-us-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 80px;\n            align-items: center;\n        }\n\n        .why-us-content h2 {\n            font-family: 'Bebas Neue', sans-serif;\n            font-size: clamp(2.5rem, 4vw, 3.5rem);\n            letter-spacing: 2px;\n            margin-bottom: 24px;\n        }\n\n        .why-us-content h2 span {\n            color: var(--orange);\n        }\n\n        .why-us-content p {\n            font-size: 1.1rem;\n            color: rgba(255, 255, 255, 0.8);\n            margin-bottom: 32px;\n            line-height: 1.8;\n        }\n\n        .feature-list {\n            list-style: none;\n        }\n\n        .feature-list li {\n            display: flex;\n            align-items: flex-start;\n            gap: 16px;\n            padding: 20px 0;\n            border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n        }\n\n        .feature-list li:last-child {\n            border-bottom: none;\n        }\n\n        .feature-icon {\n            width: 48px;\n            height: 48px;\n            min-width: 48px;\n            background: var(--orange);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.3rem;\n        }\n\n        .feature-text h4 {\n            font-family: 'Bebas Neue', sans-serif;\n            font-size: 1.3rem;\n            letter-spacing: 1px;\n            margin-bottom: 4px;\n        }\n\n        .feature-text p {\n            font-size: 0.95rem;\n            color: rgba(255, 255, 255, 0.7);\n            margin-bottom: 0;\n        }\n\n        .coverage-map {\n            background: var(--charcoal-dark);\n            padding: 40px;\n            border: 2px solid var(--charcoal-light);\n            text-align: center;\n        }\n\n        .coverage-map h3 {\n            font-family: 'Bebas Neue', sans-serif;\n            font-size: 1.5rem;\n            letter-spacing: 2px;\n            margin-bottom: 24px;\n            color: var(--orange);\n        }\n\n        .radius-visual {\n            width: 250px;\n            height: 250px;\n            margin: 0 auto 24px;\n            border-radius: 50%;\n            background: \n                radial-gradient(circle, var(--orange) 8%, transparent 8%),\n                radial-gradient(circle, rgba(247, 148, 29, 0.3) 40%, transparent 40%),\n                radial-gradient(circle, rgba(247, 148, 29, 0.15) 70%, transparent 70%),\n                radial-gradient(circle, rgba(247, 148, 29, 0.05) 100%, transparent 100%);\n            position: relative;\n            animation: radarPulse 3s infinite;\n        }\n\n        @keyframes radarPulse {\n            0%, 100% { transform: scale(1); }\n            50% { transform: scale(1.02); }\n        }\n\n        .radius-label {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            font-family: 'Bebas Neue', sans-serif;\n            font-size: 2.5rem;\n            color: var(--white);\n            text-shadow: 0 2px 10px rgba(0,0,0,0.3);\n        }\n\n        .coverage-cities {\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: center;\n            gap: 12px;\n        }\n\n        .coverage-city {\n            background: rgba(247, 148, 29, 0.15);\n            border: 1px solid var(--orange);\n            padding: 8px 16px;\n            font-size: 0.9rem;\n            color: var(--white);\n        }\n\n        \/* CTA Section *\/\n        .cta {\n            padding: 100px 0;\n            background: \n                linear-gradient(135deg, var(--orange) 0%, var(--orange-dark) 100%);\n            text-align: center;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .cta::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: url(\"data:image\/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M0 0h40v40H0V0zm20 20v20H0V20h20zm20 0v20H20V20h20zM20 0v20H0V0h20zm20 0v20H20V0h20z' fill='%23000' fill-opacity='0.05'\/%3E%3C\/svg%3E\");\n        }\n\n        .cta-content {\n            position: relative;\n            z-index: 1;\n        }\n\n        .cta h2 {\n            font-family: 'Bebas Neue', sans-serif;\n            font-size: clamp(2.5rem, 5vw, 4rem);\n            letter-spacing: 3px;\n            margin-bottom: 16px;\n            color: var(--white);\n        }\n\n        .cta p {\n            font-size: 1.25rem;\n            color: rgba(255, 255, 255, 0.9);\n            margin-bottom: 40px;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .cta-buttons {\n            display: flex;\n            justify-content: center;\n            gap: 20px;\n            flex-wrap: wrap;\n        }\n\n        .btn-white {\n            background: var(--white);\n            color: var(--charcoal);\n        }\n\n        .btn-white:hover {\n            background: var(--off-white);\n            transform: translateY(-2px);\n            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);\n        }\n\n        .phone-large {\n            font-family: 'Bebas Neue', sans-serif;\n            font-size: 3rem;\n            color: var(--white);\n            text-decoration: none;\n            display: block;\n            margin-top: 32px;\n            letter-spacing: 3px;\n            transition: transform 0.2s;\n        }\n\n        .phone-large:hover {\n            transform: scale(1.05);\n        }\n\n        \/* Footer *\/\n        footer {\n            background: var(--charcoal-dark);\n            padding: 60px 0 30px;\n            border-top: 4px solid var(--orange);\n        }\n\n        .footer-content {\n            display: grid;\n            grid-template-columns: 2fr 1fr 1fr;\n            gap: 60px;\n            margin-bottom: 40px;\n        }\n\n        .footer-brand .logo {\n            height: 40px;\n            width: auto;\n            max-width: 160px;\n        }\n\n        .footer-brand p {\n            color: rgba(255, 255, 255, 0.7);\n            margin-top: 20px;\n            max-width: 350px;\n            line-height: 1.7;\n        }\n\n        .footer-section h4 {\n            font-family: 'Bebas Neue', sans-serif;\n            font-size: 1.2rem;\n            letter-spacing: 2px;\n            color: var(--orange);\n            margin-bottom: 20px;\n        }\n\n        .footer-section ul {\n            list-style: none;\n        }\n\n        .footer-section li {\n            margin-bottom: 12px;\n        }\n\n        .footer-section a {\n            color: rgba(255, 255, 255, 0.7);\n            text-decoration: none;\n            transition: color 0.2s;\n        }\n\n        .footer-section a:hover {\n            color: var(--orange);\n        }\n\n        .footer-bottom {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding-top: 30px;\n            border-top: 1px solid rgba(255, 255, 255, 0.1);\n        }\n\n        .footer-bottom p {\n            color: rgba(255, 255, 255, 0.5);\n            font-size: 0.9rem;\n        }\n\n        .footer-bottom a {\n            color: var(--orange);\n            text-decoration: none;\n        }\n\n        .footer-bottom a:hover {\n            text-decoration: underline;\n        }\n\n        \/* Emergency Float Button *\/\n        .emergency-float {\n            position: fixed;\n            bottom: 30px;\n            right: 30px;\n            z-index: 999;\n            animation: emergencyPulse 2s infinite;\n        }\n\n        @keyframes emergencyPulse {\n            0%, 100% { box-shadow: 0 0 0 0 rgba(247, 148, 29, 0.7); }\n            50% { box-shadow: 0 0 0 20px rgba(247, 148, 29, 0); }\n        }\n\n        .emergency-float .btn {\n            padding: 20px 30px;\n            font-size: 1.2rem;\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 1024px) {\n            .hero-content {\n                grid-template-columns: 1fr;\n                text-align: center;\n            }\n\n            .hero-text {\n                order: 1;\n            }\n\n            .hero-visual {\n                order: 2;\n            }\n\n            .hero-subtitle {\n                margin: 0 auto 16px;\n            }\n\n            .response-time {\n                justify-content: center;\n            }\n\n            .hero-buttons {\n                justify-content: center;\n            }\n\n            .services-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n\n            .why-us-grid {\n                grid-template-columns: 1fr;\n                gap: 50px;\n            }\n\n            .footer-content {\n                grid-template-columns: 1fr 1fr;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .header-inner {\n                flex-direction: column;\n                gap: 10px;\n                padding: 12px 16px;\n                min-height: auto;\n            }\n\n            .logo {\n                height: 35px;\n            }\n\n            .header-cta {\n                flex-direction: column;\n                gap: 10px;\n                width: 100%;\n                align-items: center;\n            }\n\n            .phone-number {\n                font-size: 1.1rem;\n            }\n\n            .header-cta .btn {\n                padding: 10px 20px;\n                font-size: 0.9rem;\n            }\n\n            .hero {\n                padding-top: 160px;\n            }\n\n            .stats-grid {\n                grid-template-columns: repeat(2, 1fr);\n                gap: 30px;\n            }\n\n            .stat-number {\n                font-size: 3rem;\n            }\n\n            .services-grid {\n                grid-template-columns: 1fr;\n            }\n\n            .footer-content {\n                grid-template-columns: 1fr;\n                gap: 40px;\n            }\n\n            .footer-bottom {\n                flex-direction: column;\n                gap: 16px;\n                text-align: center;\n            }\n\n            .emergency-float {\n                bottom: 20px;\n                right: 20px;\n                left: 20px;\n            }\n\n            .emergency-float .btn {\n                width: 100%;\n                justify-content: center;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .btn {\n                padding: 12px 24px;\n                font-size: 1rem;\n            }\n\n            .hero {\n                padding-top: 180px;\n            }\n\n            .hero h1 {\n                font-size: 2.2rem;\n            }\n\n            .response-time {\n                flex-direction: column;\n                text-align: center;\n                padding: 16px;\n            }\n\n            .response-time-text {\n                font-size: 1.4rem;\n            }\n\n            .stats-grid {\n                grid-template-columns: 1fr 1fr;\n            }\n\n            .stat-number {\n                font-size: 2.5rem;\n            }\n\n            .phone-large {\n                font-size: 1.8rem;\n            }\n\n            .radius-visual {\n                width: 200px;\n                height: 200px;\n            }\n\n            .radius-label {\n                font-size: 2rem;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <!-- Header -->\n    <header>\n        <div class=\"header-inner\">\n            <img decoding=\"async\" src=\"http:\/\/albrightco.com\/wp-content\/uploads\/2025\/12\/IMG_1054.jpeg\" alt=\"NonStop Commercial Plumbing\" class=\"logo\">\n            <div class=\"header-cta\">\n                <a href=\"tel:+16154058722\" class=\"phone-number\">\ud83d\udcde (615) 405-8722<\/a>\n                <a href=\"#contact\" class=\"btn btn-primary\">EMERGENCY SERVICE<\/a>\n            <\/div>\n        <\/div>\n    <\/header>\n\n    <!-- Hero Section -->\n    <section class=\"hero\">\n        <div class=\"container\">\n            <div class=\"hero-content\">\n                <div class=\"hero-text\">\n                    <div class=\"badge\">24\/7 Emergency Response<\/div>\n                    <h1>COMMERCIAL PLUMBING<br><span>EMERGENCIES<\/span> DON'T WAIT<\/h1>\n                    <p class=\"hero-subtitle\">Professional commercial plumbing services for businesses throughout Middle Tennessee. When your business can't afford downtime, we're there.<\/p>\n                    \n                    <div class=\"response-time\">\n                        <div class=\"response-time-icon\">\u26a1<\/div>\n                        <div class=\"response-time-text\">ON-SITE WITHIN <span>1 HOUR<\/span><\/div>\n                    <\/div>\n\n                    <p class=\"hero-subtitle\">For all businesses within 30 miles of Franklin, TN<\/p>\n\n                    <div class=\"hero-buttons\">\n                        <a href=\"tel:+16154058722\" class=\"btn btn-primary\">\n                            \ud83d\udcde CALL NOW\n                        <\/a>\n                        <a href=\"#services\" class=\"btn btn-outline\">\n                            VIEW SERVICES\n                        <\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"hero-visual\">\n                    <div class=\"hero-card\">\n                        <h3>IMMEDIATE SERVICE AREAS<\/h3>\n                        <ul class=\"service-area-list\">\n                            <li>Franklin & Brentwood<\/li>\n                            <li>Nashville & Downtown<\/li>\n                            <li>Cool Springs & Berry Farms<\/li>\n                            <li>Spring Hill & Thompson's Station<\/li>\n                            <li>Murfreesboro & Smyrna<\/li>\n                            <li>All of Williamson County<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Stats Section -->\n    <section class=\"stats\">\n        <div class=\"container\">\n            <div class=\"stats-grid\">\n                <div class=\"stat-item\">\n                    <div class=\"stat-number\">1 HR<\/div>\n                    <div class=\"stat-label\">Response Time<\/div>\n                <\/div>\n                <div class=\"stat-item\">\n                    <div class=\"stat-number\">24\/7<\/div>\n                    <div class=\"stat-label\">Availability<\/div>\n                <\/div>\n                <div class=\"stat-item\">\n                    <div class=\"stat-number\">30 MI<\/div>\n                    <div class=\"stat-label\">Service Radius<\/div>\n                <\/div>\n                <div class=\"stat-item\">\n                    <div class=\"stat-number\">100%<\/div>\n                    <div class=\"stat-label\">Commercial Focus<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Services Section -->\n    <section class=\"services\" id=\"services\">\n        <div class=\"container\">\n            <div class=\"section-header\">\n                <div class=\"section-label\">WHAT WE DO<\/div>\n                <h2 class=\"section-title\">COMMERCIAL PLUMBING SERVICES<\/h2>\n                <p class=\"section-subtitle\">Comprehensive plumbing solutions designed for businesses that can't afford downtime.<\/p>\n            <\/div>\n\n            <div class=\"services-grid\">\n                <div class=\"service-card\">\n                    <div class=\"service-icon\">\ud83d\udea8<\/div>\n                    <h3>EMERGENCY REPAIRS<\/h3>\n                    <p>Burst pipes, major leaks, sewer backups, and flooding. We respond within 1 hour to minimize damage and get your business back to normal.<\/p>\n                <\/div>\n\n                <div class=\"service-card\">\n                    <div class=\"service-icon\">\ud83d\udd27<\/div>\n                    <h3>DRAIN CLEANING<\/h3>\n                    <p>Commercial-grade drain cleaning for restaurants, offices, and industrial facilities. Preventive maintenance and emergency clearing.<\/p>\n                <\/div>\n\n                <div class=\"service-card\">\n                    <div class=\"service-icon\">\ud83c\udfe2<\/div>\n                    <h3>FIXTURE INSTALLATION<\/h3>\n                    <p>Toilets, sinks, water heaters, and specialized commercial fixtures. Code-compliant installation for any commercial application.<\/p>\n                <\/div>\n\n                <div class=\"service-card\">\n                    <div class=\"service-icon\">\ud83d\udd0d<\/div>\n                    <h3>LEAK DETECTION<\/h3>\n                    <p>Advanced leak detection technology to find hidden leaks before they become major problems. Protect your property and water bills.<\/p>\n                <\/div>\n\n                <div class=\"service-card\">\n                    <div class=\"service-icon\">\u267b\ufe0f<\/div>\n                    <h3>BACKFLOW PREVENTION<\/h3>\n                    <p>Installation, testing, and certification of backflow prevention devices. Keep your water supply safe and compliant.<\/p>\n                <\/div>\n\n                <div class=\"service-card\">\n                    <div class=\"service-icon\">\ud83d\udccb<\/div>\n                    <h3>MAINTENANCE CONTRACTS<\/h3>\n                    <p>Scheduled preventive maintenance programs to keep your plumbing systems running smoothly and avoid costly emergencies.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Why Choose Us Section -->\n    <section class=\"why-us\">\n        <div class=\"container\">\n            <div class=\"why-us-grid\">\n                <div class=\"why-us-content\">\n                    <h2>WHY BUSINESSES CHOOSE <span>NONSTOP<\/span><\/h2>\n                    <p>When plumbing emergencies strike, every minute counts. Lost revenue, unhappy customers, and potential property damage make fast response essential. That's why we built our entire operation around one goal: getting to you faster.<\/p>\n\n                    <ul class=\"feature-list\">\n                        <li>\n                            <div class=\"feature-icon\">\u26a1<\/div>\n                            <div class=\"feature-text\">\n                                <h4>GUARANTEED 1-HOUR RESPONSE<\/h4>\n                                <p>Within our 30-mile service radius, we guarantee a technician on-site within 60 minutes or the service call is free.<\/p>\n                            <\/div>\n                        <\/li>\n                        <li>\n                            <div class=\"feature-icon\">\ud83d\udee0\ufe0f<\/div>\n                            <div class=\"feature-text\">\n                                <h4>FULLY STOCKED TRUCKS<\/h4>\n                                <p>Our service vehicles carry the parts and equipment needed for 90% of commercial repairs\u2014no waiting for parts.<\/p>\n                            <\/div>\n                        <\/li>\n                        <li>\n                            <div class=\"feature-icon\">\ud83d\udcdc<\/div>\n                            <div class=\"feature-text\">\n                                <h4>LICENSED & INSURED<\/h4>\n                                <p>Fully licensed Tennessee commercial plumbers with comprehensive insurance coverage for your protection.<\/p>\n                            <\/div>\n                        <\/li>\n                        <li>\n                            <div class=\"feature-icon\">\ud83d\udcb3<\/div>\n                            <div class=\"feature-text\">\n                                <h4>UPFRONT PRICING<\/h4>\n                                <p>No surprises. We provide detailed quotes before any work begins, so you know exactly what to expect.<\/p>\n                            <\/div>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n\n                <div class=\"coverage-map\">\n                    <h3>SERVICE COVERAGE AREA<\/h3>\n                    <div class=\"radius-visual\">\n                        <span class=\"radius-label\">30 MI<\/span>\n                    <\/div>\n                    <div class=\"coverage-cities\">\n                        <span class=\"coverage-city\">Franklin<\/span>\n                        <span class=\"coverage-city\">Nashville<\/span>\n                        <span class=\"coverage-city\">Brentwood<\/span>\n                        <span class=\"coverage-city\">Cool Springs<\/span>\n                        <span class=\"coverage-city\">Spring Hill<\/span>\n                        <span class=\"coverage-city\">Murfreesboro<\/span>\n                        <span class=\"coverage-city\">Smyrna<\/span>\n                        <span class=\"coverage-city\">La Vergne<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- CTA Section -->\n    <section class=\"cta\" id=\"contact\">\n        <div class=\"container\">\n            <div class=\"cta-content\">\n                <h2>PLUMBING EMERGENCY?<\/h2>\n                <p>Don't let a plumbing problem shut down your business. Our team is standing by 24\/7 to respond to your emergency.<\/p>\n                <div class=\"cta-buttons\">\n                    <a href=\"tel:+16154058722\" class=\"btn btn-white\">\ud83d\udcde CALL FOR EMERGENCY SERVICE<\/a>\n                <\/div>\n                <a href=\"tel:+16154058722\" class=\"phone-large\">(615) 405-8722<\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Footer -->\n    <footer>\n        <div class=\"container\">\n            <div class=\"footer-content\">\n                <div class=\"footer-brand\">\n                    <img decoding=\"async\" src=\"http:\/\/albrightco.com\/wp-content\/uploads\/2025\/12\/IMG_1054.jpeg\" alt=\"NonStop Commercial Plumbing\" class=\"logo\">\n                    <p>Professional commercial plumbing services serving Middle Tennessee. When your business needs reliable plumbing solutions, NonStop delivers.<\/p>\n                <\/div>\n\n                <div class=\"footer-section\">\n                    <h4>SERVICES<\/h4>\n                    <ul>\n                        <li><a href=\"#services\">Emergency Repairs<\/a><\/li>\n                        <li><a href=\"#services\">Drain Cleaning<\/a><\/li>\n                        <li><a href=\"#services\">Fixture Installation<\/a><\/li>\n                        <li><a href=\"#services\">Leak Detection<\/a><\/li>\n                        <li><a href=\"#services\">Maintenance<\/a><\/li>\n                    <\/ul>\n                <\/div>\n\n                <div class=\"footer-section\">\n                    <h4>CONTACT<\/h4>\n                    <ul>\n                        <li><a href=\"tel:+16154058722\">(615) 405-8722<\/a><\/li>\n                        <li><a href=\"mailto:info@nonstopplumbing.com\">info@nonstopplumbing.com<\/a><\/li>\n                        <li>Franklin, TN<\/li>\n                        <li>Available 24\/7<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n\n            <div class=\"footer-bottom\">\n                <p>&copy; 2025 NonStop Commercial Plumbing. All rights reserved.<\/p>\n                <p>Website by <a href=\"https:\/\/albrightco.com\" target=\"_blank\" rel=\"noopener\">AlbrightCo.com 2025<\/a><\/p>\n            <\/div>\n        <\/div>\n    <\/footer>\n\n    <!-- Emergency Float Button -->\n    <div class=\"emergency-float\">\n        <a href=\"tel:+16154058722\" class=\"btn btn-primary\">\ud83d\udea8 EMERGENCY? CALL NOW<\/a>\n    <\/div>\n\n    <script>\n        \/\/ Smooth scroll for anchor links\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n            anchor.addEventListener('click', function(e) {\n                e.preventDefault();\n                const target = document.querySelector(this.getAttribute('href'));\n                if (target) {\n                    target.scrollIntoView({\n                        behavior: 'smooth',\n                        block: 'start'\n                    });\n                }\n            });\n        });\n\n        \/\/ Shrink header on scroll\n        window.addEventListener('scroll', function() {\n            const header = document.querySelector('header');\n            if (window.scrollY > 100) {\n                header.classList.add('scrolled');\n            } else {\n                header.classList.remove('scrolled');\n            }\n        });\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>NonStop Commercial Plumbing | Emergency Service Within 1 Hour | Franklin, TN \ud83d\udcde (615) 405-8722 EMERGENCY SERVICE 24\/7 Emergency Response [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-21","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nonstopcommercialplumbing.com\/index.php?rest_route=\/wp\/v2\/pages\/21","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nonstopcommercialplumbing.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nonstopcommercialplumbing.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nonstopcommercialplumbing.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nonstopcommercialplumbing.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=21"}],"version-history":[{"count":8,"href":"https:\/\/nonstopcommercialplumbing.com\/index.php?rest_route=\/wp\/v2\/pages\/21\/revisions"}],"predecessor-version":[{"id":29,"href":"https:\/\/nonstopcommercialplumbing.com\/index.php?rest_route=\/wp\/v2\/pages\/21\/revisions\/29"}],"wp:attachment":[{"href":"https:\/\/nonstopcommercialplumbing.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}