{"id":143,"date":"2026-01-04T19:58:47","date_gmt":"2026-01-04T19:58:47","guid":{"rendered":"https:\/\/bizexceldemo.com\/websites\/wns\/?page_id=143"},"modified":"2026-07-10T18:25:38","modified_gmt":"2026-07-10T18:25:38","slug":"roofing","status":"publish","type":"page","link":"https:\/\/bizexceldemo.com\/websites\/wns\/roofing\/","title":{"rendered":"ROOFING SERVICES"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"143\" class=\"elementor elementor-143\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-29d4b6c elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"29d4b6c\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2ca7a83\" data-id=\"2ca7a83\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2981807 elementor-widget elementor-widget-html\" data-id=\"2981807\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* --- GLOBAL CSS TO HIDE CALL BUTTONS ON DESKTOP --- *\/\r\n    @media (min-width: 992px) {\r\n        a[href^=\"tel:\"] {\r\n            display: none !important;\r\n        }\r\n    }\r\n\r\n    \/* --- FONTS & ICONS --- *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700;800;900&display=swap');\r\n    @import url('https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css');\r\n\r\n    .tb-roofing-page {\r\n        width: 100%;\r\n        font-family: 'Inter', sans-serif;\r\n        color: #FFFFFF; \/* Base text white *\/\r\n        overflow-x: hidden;\r\n        box-sizing: border-box;\r\n        background-color: #0A0A0A; \/* Deep Obsidian *\/\r\n    }\r\n\r\n    \/* --- 1. HERO SECTION (Split) --- *\/\r\n    .tb-hero-split {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        min-height: 650px;\r\n        background-color: #0A0A0A; \/* Deep Obsidian *\/\r\n        position: relative;\r\n    }\r\n\r\n    \/* Left: Text Content *\/\r\n    .tb-hero-txt {\r\n        flex: 1;\r\n        min-width: 320px;\r\n        padding: 80px 5% 100px 8%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        z-index: 2;\r\n    }\r\n\r\n    .tb-license-badge {\r\n        display: inline-block;\r\n        background: rgba(197, 157, 95, 0.1); \/* Gold Tint *\/\r\n        color: #C59D5F; \/* Rich Gold *\/\r\n        border: 1px solid rgba(197, 157, 95, 0.3);\r\n        padding: 8px 16px;\r\n        border-radius: 99px;\r\n        font-weight: 700;\r\n        font-size: 14px;\r\n        margin-bottom: 24px;\r\n        width: fit-content;\r\n    }\r\n\r\n    .tb-hero-h1 {\r\n        font-family: 'Poppins', sans-serif;\r\n        font-weight: 800;\r\n        font-size: clamp(40px, 5vw, 64px);\r\n        line-height: 1.1;\r\n        color: #FFFFFF; \/* Crisp White *\/\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .tb-hero-sub {\r\n        font-family: 'Poppins', sans-serif;\r\n        font-size: 20px;\r\n        color: #E8CA8C; \/* Champagne Gold *\/\r\n        margin-bottom: 24px;\r\n        font-weight: 600;\r\n    }\r\n\r\n    .tb-hero-p {\r\n        font-size: 16px;\r\n        line-height: 1.7;\r\n        color: #9FA1A4; \/* Platinum Silver *\/\r\n        max-width: 600px;\r\n        margin-bottom: 40px;\r\n    }\r\n\r\n    \/* --- BUTTONS & HOVER EFFECTS --- *\/\r\n    .tb-btn-group {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 15px;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    \/* Subtle Outline Button *\/\r\n    .tb-hero-btn {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        background-color: transparent;\r\n        color: #C59D5F; \/* Rich Gold *\/\r\n        padding: 16px 34px;\r\n        border-radius: 99px;\r\n        font-weight: 700;\r\n        font-size: 16px;\r\n        font-family: 'Inter', sans-serif;\r\n        text-decoration: none;\r\n        transition: all 0.3s ease;\r\n        width: fit-content;\r\n        border: 2px solid #C59D5F;\r\n        cursor: pointer;\r\n    }\r\n    .tb-hero-btn:hover {\r\n        background-color: rgba(197, 157, 95, 0.1);\r\n        transform: translateY(-3px);\r\n    }\r\n\r\n    \/* Solid Primary Button *\/\r\n    .tb-btn-primary {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        background-color: #C59D5F; \/* Rich Gold *\/\r\n        color: #0A0A0A; \/* Deep Obsidian text *\/\r\n        padding: 18px 36px;\r\n        border-radius: 99px;\r\n        font-weight: 700;\r\n        font-size: 16px;\r\n        font-family: 'Inter', sans-serif;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n        width: fit-content;\r\n        border: none;\r\n        box-shadow: 0 10px 20px rgba(0,0,0,0.3);\r\n    }\r\n    .tb-btn-primary:hover {\r\n        background-color: #E8CA8C; \/* Champagne Gold *\/\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 15px 30px rgba(0,0,0,0.5);\r\n    }\r\n\r\n    \/* Right: Image *\/\r\n    .tb-hero-img {\r\n        flex: 1;\r\n        min-width: 320px;\r\n        position: relative;\r\n        background-image: url('https:\/\/bizexceldemo.com\/websites\/wns\/wp-content\/uploads\/2026\/01\/Storm-Damage-Siding.webp');\r\n        background-size: cover;\r\n        background-position: center;\r\n        min-height: 400px;\r\n    }\r\n    .tb-hero-img::before {\r\n        content: ''; position: absolute; inset: 0; background: rgba(10, 10, 10, 0.4); \/* Dark Overlay *\/\r\n    }\r\n\r\n    \/* --- 2. SERVICES GRID (Icons) --- *\/\r\n    .tb-icons-sec {\r\n        background-color: #121212; \/* Slightly lighter for contrast *\/\r\n        padding: 100px 5%;\r\n        border-top: 1px solid rgba(197, 157, 95, 0.1);\r\n    }\r\n    .tb-icons-container { max-width: 1200px; margin: 0 auto; }\r\n    \r\n    .tb-sec-header { text-align: center; margin-bottom: 60px; }\r\n    .tb-sec-h2 { \r\n        font-family: 'Poppins', sans-serif; \r\n        font-size: 36px; \r\n        font-weight: 800; \r\n        margin-bottom: 10px; \r\n        color: #FFFFFF;\r\n    }\r\n    .tb-sec-header p {\r\n        color: #9FA1A4; \/* Platinum Silver *\/\r\n        font-size: 18px;\r\n    }\r\n    \r\n    .tb-services-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n        gap: 30px;\r\n    }\r\n\r\n    .tb-service-card {\r\n        background: #1C1C1C; \/* Charcoal Shadow *\/\r\n        padding: 40px 30px;\r\n        border-radius: 20px;\r\n        text-align: center;\r\n        transition: transform 0.3s, background-color 0.3s, box-shadow 0.3s;\r\n        border: 1px solid rgba(197, 157, 95, 0.05);\r\n    }\r\n    .tb-service-card:hover {\r\n        transform: translateY(-10px);\r\n        background-color: #C59D5F; \/* Rich Gold Fill *\/\r\n        box-shadow: 0 15px 30px rgba(197, 157, 95, 0.15);\r\n    }\r\n    \r\n    .tb-serv-icon { font-size: 40px; color: #C59D5F; margin-bottom: 20px; display: block; transition: color 0.3s; }\r\n    .tb-serv-name { \r\n        font-family: 'Poppins', sans-serif; \r\n        font-weight: 700; \r\n        font-size: 18px; \r\n        color: #FFFFFF;\r\n        transition: color 0.3s;\r\n    }\r\n    \r\n    .tb-service-card:hover .tb-serv-icon,\r\n    .tb-service-card:hover .tb-serv-name {\r\n        color: #0A0A0A; \/* Dark elements on Gold hover *\/\r\n    }\r\n\r\n    \/* --- 3. DETAILED CONTENT (Zig Zag) --- *\/\r\n    .tb-details-sec {\r\n        background-color: #0A0A0A; \/* Back to Deep Obsidian *\/\r\n        padding: 100px 5%;\r\n        border-top-left-radius: 60px;\r\n        border-top-right-radius: 60px;\r\n        margin-top: -40px;\r\n        position: relative;\r\n        z-index: 3;\r\n    }\r\n\r\n    .tb-row {\r\n        max-width: 1200px;\r\n        margin: 0 auto 100px auto;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 60px;\r\n    }\r\n    .tb-row.reverse { flex-direction: row-reverse; }\r\n\r\n    \/* Image Wrapper with Notch *\/\r\n    .tb-img-wrapper {\r\n        flex: 1;\r\n        position: relative;\r\n        border-radius: 30px;\r\n        overflow: hidden;\r\n        min-height: 400px;\r\n        box-shadow: 0 20px 40px rgba(0,0,0,0.5);\r\n        border: 1px solid rgba(197, 157, 95, 0.1);\r\n    }\r\n\r\n    .tb-cont-img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        display: block;\r\n        transition: transform 0.5s ease;\r\n    }\r\n    .tb-img-wrapper:hover .tb-cont-img { transform: scale(1.05); }\r\n\r\n    .tb-txt-wrapper { flex: 1; }\r\n\r\n    .tb-cont-h3 {\r\n        font-family: 'Poppins', sans-serif;\r\n        font-size: 32px;\r\n        font-weight: 700;\r\n        margin-bottom: 20px;\r\n        color: #FFFFFF;\r\n    }\r\n    .tb-cont-p {\r\n        font-size: 17px;\r\n        line-height: 1.7;\r\n        color: #9FA1A4; \/* Platinum Silver *\/\r\n        margin-bottom: 24px;\r\n    }\r\n    .tb-cont-p strong {\r\n        color: #E8CA8C; \/* Highlight bold tags in Champagne Gold *\/\r\n    }\r\n    \r\n    \/* Hidden expanded description for the dynamic modal *\/\r\n    .tb-expanded-desc {\r\n        display: none;\r\n    }\r\n\r\n    \/* THE NOTCH *\/\r\n    .tb-notch {\r\n        position: absolute;\r\n        bottom: 0;\r\n        right: 0;\r\n        width: 100px;\r\n        height: 100px;\r\n        background-color: #0A0A0A; \/* Matches Section BG (Deep Obsidian) *\/\r\n        border-top-left-radius: 40px;\r\n        z-index: 5;\r\n        pointer-events: none;\r\n    }\r\n\r\n    \/* THE BUTTON *\/\r\n    .tb-corner-btn {\r\n        position: absolute;\r\n        bottom: 0;\r\n        right: 0;\r\n        width: 85px;\r\n        height: 85px;\r\n        background-color: #1C1C1C; \/* Charcoal Shadow *\/\r\n        border-top-left-radius: 30px;\r\n        display: flex;\r\n        flex-direction: column; \r\n        justify-content: center;\r\n        align-items: center;\r\n        z-index: 10;\r\n        text-decoration: none;\r\n        transition: all 0.3s;\r\n        gap: 2px;\r\n        border: none;\r\n        padding: 0;\r\n        cursor: pointer;\r\n    }\r\n    \r\n    .tb-btn-text {\r\n        font-family: 'Inter', sans-serif;\r\n        font-weight: 600;\r\n        font-size: 12px;\r\n        text-transform: uppercase;\r\n        color: #C59D5F; \/* Rich Gold *\/\r\n        line-height: 1;\r\n        transition: color 0.3s;\r\n    }\r\n\r\n    .tb-corner-btn i {\r\n        color: #C59D5F; \/* Rich Gold *\/\r\n        font-size: 20px;\r\n        transition: transform 0.3s, color 0.3s;\r\n        transform: rotate(-45deg);\r\n    }\r\n    .tb-corner-btn:hover {\r\n        background-color: #C59D5F; \/* Rich Gold *\/\r\n        width: 95px; height: 95px;\r\n    }\r\n    .tb-corner-btn:hover .tb-btn-text,\r\n    .tb-corner-btn:hover i {\r\n        color: #0A0A0A; \/* Deep Obsidian *\/\r\n    }\r\n    .tb-corner-btn:hover i { transform: rotate(0deg); }\r\n\r\n\r\n    \/* --- 4. LOCATIONS & INFO --- *\/\r\n    .tb-info-sec {\r\n        background-color: #1C1C1C; \/* Charcoal Shadow *\/\r\n        color: #fff;\r\n        padding: 80px 5%;\r\n        border-top: 1px solid rgba(197, 157, 95, 0.1);\r\n    }\r\n    .tb-info-grid {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n        gap: 50px;\r\n    }\r\n    \r\n    .tb-info-h4 {\r\n        font-family: 'Poppins', sans-serif;\r\n        font-size: 20px;\r\n        color: #C59D5F; \/* Rich Gold *\/\r\n        margin-bottom: 20px;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        font-weight: 700;\r\n    }\r\n\r\n    .tb-loc-item { margin-bottom: 20px; border-bottom: 1px solid rgba(197,157,95,0.1); padding-bottom: 15px; }\r\n    .tb-loc-name { font-weight: 700; display: block; margin-bottom: 5px; font-size: 16px; color: #FFFFFF; }\r\n    .tb-loc-addr { color: #9FA1A4; font-size: 14px; }\r\n\r\n    .tb-hours-list { list-style: none; padding: 0; }\r\n    .tb-hours-list li { display: flex; justify-content: space-between; margin-bottom: 10px; color: #9FA1A4; border-bottom: 1px dashed rgba(197,157,95,0.1); padding-bottom: 5px; }\r\n    \r\n    \/* --- NEW: CTA STRIP --- *\/\r\n    .tb-cta-strip {\r\n        background: #121212;\r\n        padding: 80px 5%;\r\n        text-align: center;\r\n        color: #fff;\r\n    }\r\n    .tb-cta-h3 {\r\n        font-family: 'Poppins', sans-serif;\r\n        font-size: 32px;\r\n        margin-bottom: 30px;\r\n        font-weight: 700;\r\n        color: #FFFFFF;\r\n    }\r\n    .tb-cta-btns {\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 20px;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    \/* RESPONSIVE *\/\r\n    @media (max-width: 991px) {\r\n        .tb-hero-split { flex-direction: column; }\r\n        .tb-hero-img { min-height: 300px; order: -1; }\r\n        .tb-hero-txt { padding: 60px 5%; }\r\n        \r\n        .tb-row { flex-direction: column; gap: 40px; margin-bottom: 60px; }\r\n        .tb-row.reverse { flex-direction: column; }\r\n        .tb-img-wrapper { width: 100%; min-height: 300px; }\r\n        .tb-notch { background-color: #0A0A0A; } \/* Mobile ensure match *\/\r\n        \r\n        \/* SYNC FIX: Force CTA Buttons to be full width and highly visible on Mobile *\/\r\n        .tb-btn-group, .tb-cta-btns {\r\n            flex-direction: column;\r\n            width: 100%;\r\n            gap: 12px;\r\n        }\r\n        .tb-hero-btn, .tb-btn-primary {\r\n            width: 100%;\r\n            justify-content: center;\r\n            text-align: center;\r\n        }\r\n    }\r\n\r\n    \/* --- POPUP MODAL STYLES --- *\/\r\n    .tb-roofing-modal-overlay {\r\n        position: fixed;\r\n        top: 0; left: 0; width: 100%; height: 100%;\r\n        background-color: rgba(10, 10, 10, 0.85); \/* Deep Obsidian transparency *\/\r\n        z-index: 9999999; \r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        padding: 20px;\r\n        opacity: 0;\r\n        visibility: hidden;\r\n        transition: all 0.3s ease;\r\n        backdrop-filter: blur(8px);\r\n        -webkit-backdrop-filter: blur(8px);\r\n    }\r\n\r\n    .tb-roofing-modal-overlay.active {\r\n        opacity: 1;\r\n        visibility: visible;\r\n    }\r\n\r\n    .tb-roofing-modal-content {\r\n        background-color: #1C1C1C; \/* Charcoal Shadow *\/\r\n        border: 1px solid rgba(197, 157, 95, 0.2); \r\n        width: 100%;\r\n        max-width: 550px; \r\n        border-radius: 20px;\r\n        overflow: hidden;\r\n        box-shadow: 0 30px 60px rgba(0,0,0,0.6); \r\n        transform: translateY(50px);\r\n        transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        display: flex;\r\n        flex-direction: column;\r\n        font-family: 'Inter', sans-serif;\r\n    }\r\n\r\n    .tb-roofing-modal-overlay.active .tb-roofing-modal-content {\r\n        transform: translateY(0);\r\n    }\r\n\r\n    .tb-roofing-modal-header {\r\n        background-color: #0A0A0A; \/* Deep Obsidian *\/\r\n        border-bottom: 1px solid rgba(197, 157, 95, 0.15); \r\n        padding: 20px 25px;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n    }\r\n\r\n    .tb-roofing-modal-header h4 {\r\n        margin: 0;\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        color: #FFFFFF !important; \/* Crisp White Heading *\/\r\n    }\r\n    \r\n    .tb-roofing-modal-header h4 i {\r\n        color: #C59D5F; \/* Gold Icon *\/\r\n    }\r\n\r\n    .tb-roofing-close {\r\n        background: rgba(197, 157, 95, 0.1); \r\n        border: none;\r\n        color: #C59D5F; \r\n        width: 32px; height: 32px;\r\n        border-radius: 50%;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        cursor: pointer;\r\n        transition: all 0.2s;\r\n        font-size: 16px;\r\n    }\r\n\r\n    .tb-roofing-close:hover {\r\n        background: #C59D5F; \r\n        color: #0A0A0A; \r\n        transform: rotate(90deg);\r\n    }\r\n\r\n    .tb-roofing-modal-body {\r\n        padding: 30px 25px;\r\n        background-color: #1C1C1C; \r\n        max-height: 80vh;\r\n        overflow-y: auto;\r\n    }\r\n    \r\n    \/* Dynamic Details Styling Inside Modal *\/\r\n    .tb-dynamic-details {\r\n        margin-bottom: 25px;\r\n        color: #9FA1A4;\r\n        font-size: 15px;\r\n        line-height: 1.6;\r\n    }\r\n    .tb-dynamic-details p { margin-bottom: 15px; }\r\n    .tb-dynamic-details ul { list-style: none; padding: 0; margin-bottom: 15px; }\r\n    .tb-dynamic-details ul li {\r\n        margin-bottom: 8px;\r\n        padding-left: 20px;\r\n        position: relative;\r\n        color: #D1D1D1;\r\n    }\r\n    .tb-dynamic-details ul li::before {\r\n        content: '\u2713';\r\n        color: #C59D5F;\r\n        position: absolute;\r\n        left: 0;\r\n        font-weight: bold;\r\n    }\r\n    \r\n    .tb-modal-divider {\r\n        border: 0;\r\n        height: 1px;\r\n        background: rgba(197, 157, 95, 0.2);\r\n        margin-bottom: 25px;\r\n    }\r\n    \r\n    .tb-modal-form-wrapper h4 {\r\n        color: #FFFFFF;\r\n        font-family: 'Poppins', sans-serif;\r\n        font-size: 18px;\r\n        margin-bottom: 15px;\r\n        text-align: center;\r\n    }\r\n    \r\n    \/* Force Elementor Form inner styling to match dark theme *\/\r\n    .tb-roofing-modal-body .elementor-form label {\r\n        color: #E8CA8C !important;\r\n        font-family: 'Inter', sans-serif !important;\r\n    }\r\n    .tb-roofing-modal-body .elementor-form input,\r\n    .tb-roofing-modal-body .elementor-form textarea {\r\n        background-color: #0A0A0A !important;\r\n        border: 1px solid rgba(197, 157, 95, 0.3) !important;\r\n        color: #FFF !important;\r\n        border-radius: 8px !important;\r\n    }\r\n    .tb-roofing-modal-body .elementor-form button[type=\"submit\"] {\r\n        background-color: #C59D5F !important;\r\n        color: #0A0A0A !important;\r\n        border-radius: 8px !important;\r\n        font-weight: 700 !important;\r\n    }\r\n<\/style>\r\n\r\n<div class=\"tb-roofing-page\">\r\n\r\n    <section class=\"tb-hero-split\">\r\n        <div class=\"tb-hero-txt\">\r\n            <span class=\"tb-license-badge\">CFC #1335216<\/span>\r\n            <h1 class=\"tb-hero-h1\">ROOFING SERVICES<\/h1>\r\n            <h2 class=\"tb-hero-sub\">Licensed & Insured Roofers in Florida<\/h2>\r\n            <p class=\"tb-hero-p\">\r\n                WNS Development Group stands out as the best licensed and insured roofing company in Florida. With our deep knowledge and extensive experience, we\u2019re equipped to handle any roofing job, no matter how complex. We pride ourselves on transparency, accuracy, and detailed quotes.\r\n            <\/p>\r\n            \r\n            <div class=\"tb-btn-group\">\r\n                <!-- Keep Phone Link, hidden on desktop automatically via CSS -->\r\n                <a href=\"tel:8135330070\" class=\"tb-hero-btn\">\r\n                    <i class=\"fa-solid fa-phone\"><\/i> (813) 533-0070\r\n                <\/a>\r\n                <button onclick=\"tbOpenRoofingModal()\" class=\"tb-btn-primary\">\r\n                    Book <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n                <\/button>\r\n            <\/div>\r\n\r\n        <\/div>\r\n        <div class=\"tb-hero-img\"><\/div>\r\n    <\/section>\r\n\r\n    <section class=\"tb-icons-sec\">\r\n        <div class=\"tb-icons-container\">\r\n            <div class=\"tb-sec-header\">\r\n                <h2 class=\"tb-sec-h2\">Our Roofing Expertise<\/h2>\r\n                <p>Comprehensive solutions for every type of roof<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"tb-services-grid\">\r\n                <div class=\"tb-service-card\">\r\n                    <i class=\"fa-solid fa-hammer tb-serv-icon\"><\/i>\r\n                    <div class=\"tb-serv-name\">Roof Repair<\/div>\r\n                <\/div>\r\n                <div class=\"tb-service-card\">\r\n                    <i class=\"fa-solid fa-house tb-serv-icon\"><\/i>\r\n                    <div class=\"tb-serv-name\">Roof Replacement<\/div>\r\n                <\/div>\r\n                <div class=\"tb-service-card\">\r\n                    <i class=\"fa-solid fa-cloud-bolt tb-serv-icon\"><\/i>\r\n                    <div class=\"tb-serv-name\">Storm Damage<\/div>\r\n                <\/div>\r\n                <div class=\"tb-service-card\">\r\n                    <i class=\"fa-solid fa-layer-group tb-serv-icon\"><\/i>\r\n                    <div class=\"tb-serv-name\">Siding<\/div>\r\n                <\/div>\r\n                <div class=\"tb-service-card\">\r\n                    <i class=\"fa-solid fa-droplet tb-serv-icon\"><\/i>\r\n                    <div class=\"tb-serv-name\">Gutters<\/div>\r\n                <\/div>\r\n                <div class=\"tb-service-card\">\r\n                    <i class=\"fa-solid fa-building tb-serv-icon\"><\/i>\r\n                    <div class=\"tb-serv-name\">TPO Roofing<\/div>\r\n                <\/div>\r\n                <div class=\"tb-service-card\">\r\n                    <i class=\"fa-solid fa-square tb-serv-icon\"><\/i>\r\n                    <div class=\"tb-serv-name\">EPDM Roofing<\/div>\r\n                <\/div>\r\n                <div class=\"tb-service-card\">\r\n                    <i class=\"fa-solid fa-sheet-plastic tb-serv-icon\"><\/i>\r\n                    <div class=\"tb-serv-name\">Metal Roofing<\/div>\r\n                <\/div>\r\n                <div class=\"tb-service-card\">\r\n                    <i class=\"fa-solid fa-fill-drip tb-serv-icon\"><\/i>\r\n                    <div class=\"tb-serv-name\">Silicon Coatings<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"tb-details-sec\">\r\n        \r\n        <!-- ROW 1: Added ID roof-1 -->\r\n        <div class=\"tb-row\" id=\"roof-1\">\r\n            <div class=\"tb-img-wrapper\">\r\n                <img decoding=\"async\" src=\"https:\/\/bizexceldemo.com\/websites\/wns\/wp-content\/uploads\/2026\/01\/Repair-Replacement.webp\" alt=\"Roof Repair\" class=\"tb-cont-img\">\r\n                <div class=\"tb-notch\"><\/div>\r\n                <!-- Passing ID to modal -->\r\n                <button onclick=\"tbOpenRoofingModal('roof-1')\" class=\"tb-corner-btn\" aria-label=\"Book Project\">\r\n                    <span class=\"tb-btn-text\">Details<\/span>\r\n                    <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n                <\/button>\r\n            <\/div>\r\n            \r\n            <div class=\"tb-txt-wrapper\">\r\n                <h3 class=\"tb-cont-h3\">Repair & Replacement<\/h3>\r\n                <p class=\"tb-cont-p\"><strong>Roof Repair:<\/strong> We offer comprehensive roof repair services covering everything from minor leaks to significant damage. We are committed to restoring the integrity of your roof while minimizing disruption to your daily life.<\/p>\r\n                <p class=\"tb-cont-p\"><strong>Roof Replacement:<\/strong> When repairs aren't enough, we provide full replacements that enhance your home\u2019s curb appeal. We walk you through the entire process, ensuring the new roof meets your specific needs.<\/p>\r\n                \r\n                <!-- Hidden expanded details for modal -->\r\n                <div class=\"tb-expanded-desc\">\r\n                    <p>Whether you need targeted leak repairs or a complete structural replacement, our team ensures your property is fully protected with premium materials.<\/p>\r\n                    <ul>\r\n                        <li>Emergency Leak Repairs<\/li>\r\n                        <li>Full Roof Replacements<\/li>\r\n                        <li>Premium Shingle, Tile & Metal Options<\/li>\r\n                        <li>Structural Integrity Assessments<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- ROW 2: Added ID roof-2 -->\r\n        <div class=\"tb-row reverse\" id=\"roof-2\">\r\n            <div class=\"tb-img-wrapper\">\r\n                <img decoding=\"async\" src=\"https:\/\/bizexceldemo.com\/websites\/wns\/wp-content\/uploads\/2026\/01\/Storm-Damage-Siding.webp\" alt=\"Storm Damage\" class=\"tb-cont-img\">\r\n                <div class=\"tb-notch\"><\/div>\r\n                <!-- Passing ID to modal -->\r\n                <button onclick=\"tbOpenRoofingModal('roof-2')\" class=\"tb-corner-btn\" aria-label=\"Book Project\">\r\n                    <span class=\"tb-btn-text\">Details<\/span>\r\n                    <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n                <\/button>\r\n            <\/div>\r\n            \r\n            <div class=\"tb-txt-wrapper\">\r\n                <h3 class=\"tb-cont-h3\">Storm Damage & Siding<\/h3>\r\n                <p class=\"tb-cont-p\"><strong>Storm Damage:<\/strong> We perform thorough inspections to assess damage, develop a personalized repair plan, and assist with insurance claims to return your roof to its pre-storm condition.<\/p>\r\n                <p class=\"tb-cont-p\"><strong>Siding:<\/strong> We offer top-quality siding services, from installation to repair. We work with a variety of materials to match your home\u2019s style and budget, ensuring beauty and durability.<\/p>\r\n                \r\n                <!-- Hidden expanded details for modal -->\r\n                <div class=\"tb-expanded-desc\">\r\n                    <p>Florida storms can be devastating. We respond quickly to secure your property, guide you through the insurance process, and restore your home's exterior.<\/p>\r\n                    <ul>\r\n                        <li>Comprehensive Damage Inspections<\/li>\r\n                        <li>Insurance Claim Assistance<\/li>\r\n                        <li>High-Durability Siding Installation<\/li>\r\n                        <li>Hurricane-Rated Materials<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- ROW 3: Added ID roof-3 -->\r\n        <div class=\"tb-row\" id=\"roof-3\">\r\n            <div class=\"tb-img-wrapper\">\r\n                <img decoding=\"async\" src=\"https:\/\/bizexceldemo.com\/websites\/wns\/wp-content\/uploads\/2026\/01\/Gutters-Commercial-Systems.webp\" alt=\"Gutters\" class=\"tb-cont-img\">\r\n                <div class=\"tb-notch\"><\/div>\r\n                <!-- Passing ID to modal -->\r\n                <button onclick=\"tbOpenRoofingModal('roof-3')\" class=\"tb-corner-btn\" aria-label=\"Book Project\">\r\n                    <span class=\"tb-btn-text\">Details<\/span>\r\n                    <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n                <\/button>\r\n            <\/div>\r\n            \r\n            <div class=\"tb-txt-wrapper\">\r\n                <h3 class=\"tb-cont-h3\">Gutters & Commercial Systems<\/h3>\r\n                <p class=\"tb-cont-p\"><strong>Gutters:<\/strong> A functional gutter system is essential. We specialize in installation, repair, and cleaning to ensure effective water drainage and safeguard your foundation.<\/p>\r\n                <p class=\"tb-cont-p\"><strong>Commercial Roofing:<\/strong> From TPO durability to EPDM versatility and robust Metal Roofing, we provide solutions that promise longevity and energy efficiency. We also offer Silicon Roof Coatings to extend roof life.<\/p>\r\n                \r\n                <!-- Hidden expanded details for modal -->\r\n                <div class=\"tb-expanded-desc\">\r\n                    <p>Protect your commercial investment and ensure proper drainage with our specialized flat-roof systems and seamless gutter installations.<\/p>\r\n                    <ul>\r\n                        <li>Seamless Gutter Installation & Maintenance<\/li>\r\n                        <li>TPO & EPDM Commercial Flat Roofs<\/li>\r\n                        <li>Silicon Coating Lifespan Extensions<\/li>\r\n                        <li>Energy Efficient Roofing Solutions<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n    <section class=\"tb-info-sec\">\r\n        <div class=\"tb-info-grid\">\r\n            \r\n            <div>\r\n                <h4 class=\"tb-info-h4\">Office Locations<\/h4>\r\n                <div class=\"tb-loc-item\">\r\n                    <span class=\"tb-loc-name\">WNS Development Group<\/span>\r\n                    <span class=\"tb-loc-addr\">1465 W Busch Blvd, Tampa, FL 33612<\/span>\r\n                <\/div>\r\n                <div class=\"tb-loc-item\">\r\n                    <span class=\"tb-loc-name\">WNS Development Group<\/span>\r\n                    <span class=\"tb-loc-addr\">2256 First Street, Suite 195, FT Myers, FL 33901<\/span>\r\n                <\/div>\r\n                <div class=\"tb-loc-item\">\r\n                    <span class=\"tb-loc-name\">WNS Development Group<\/span>\r\n                    <span class=\"tb-loc-addr\">80 SW 8th St Suite 2000, Miami, FL 33130<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div>\r\n                <h4 class=\"tb-info-h4\">Business Hours<\/h4>\r\n                <ul class=\"tb-hours-list\">\r\n                    <li><span>Monday<\/span> <span>6am - 9pm<\/span><\/li>\r\n                    <li><span>Tuesday<\/span> <span>6am - 9pm<\/span><\/li>\r\n                    <li><span>Wednesday<\/span> <span>6am - 9pm<\/span><\/li>\r\n                    <li><span>Thursday<\/span> <span>6am - 9pm<\/span><\/li>\r\n                    <li><span>Friday<\/span> <span>6am - 9pm<\/span><\/li>\r\n                <\/ul>\r\n            <\/div>\r\n\r\n            <div>\r\n                <h4 class=\"tb-info-h4\">Contact Us<\/h4>\r\n                <div class=\"tb-loc-item\">\r\n                    <span class=\"tb-loc-name\">Phone<\/span>\r\n                    <!-- Kept href tel link as the global CSS class will hide it on Desktop automatically -->\r\n                    <span class=\"tb-loc-addr\"><a href=\"tel:8135330070\" style=\"color:#C59D5F;text-decoration:none;\">(813) 533-0070<\/a><\/span>\r\n                <\/div>\r\n                <div class=\"tb-loc-item\">\r\n                    <span class=\"tb-loc-name\">Email<\/span>\r\n                    <span class=\"tb-loc-addr\"><a href=\"mailto:info@bizexceldemo.com\/websites\/wns\" style=\"color:#9FA1A4;text-decoration:none;\">info@bizexceldemo.com\/websites\/wns<\/a><\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"tb-cta-strip\">\r\n        <h3 class=\"tb-cta-h3\">Ready to protect your home?<\/h3>\r\n        <div class=\"tb-cta-btns\">\r\n            <!-- Keep Phone Link, hidden on desktop automatically via CSS -->\r\n            <a href=\"tel:8135330070\" class=\"tb-hero-btn\">\r\n                <i class=\"fa-solid fa-phone\"><\/i> Call Now\r\n            <\/a>\r\n            <button onclick=\"tbOpenRoofingModal()\" class=\"tb-btn-primary\">\r\n                Book <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n            <\/button>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/div>\r\n\r\n<!-- THE RESPONSIVE POPUP MODAL -->\r\n<div class=\"tb-roofing-modal-overlay\" id=\"tbRoofingModal\" onclick=\"tbCloseRoofingModal(event)\">\r\n    <div class=\"tb-roofing-modal-content\" onclick=\"event.stopPropagation()\">\r\n        \r\n        <div class=\"tb-roofing-modal-header\">\r\n            <h4><i class=\"fa-solid fa-calendar-check\"><\/i> Book Your Project<\/h4>\r\n            <button class=\"tb-roofing-close\" onclick=\"tbCloseRoofingModal(event)\" aria-label=\"Close\">\r\n                <i class=\"fa-solid fa-xmark\"><\/i>\r\n            <\/button>\r\n        <\/div>\r\n        \r\n        <div class=\"tb-roofing-modal-body\">\r\n            \r\n            <!-- Dynamic Details Container (Populated by JS if a specific service is clicked) -->\r\n            <div id=\"dynamicRoofingDetails\" class=\"tb-dynamic-details\" style=\"display: none;\">\r\n                <!-- Content injected via JS -->\r\n            <\/div>\r\n            \r\n            <hr id=\"roofingModalDivider\" class=\"tb-modal-divider\" style=\"display: none;\">\r\n\r\n            <div class=\"tb-modal-form-wrapper\">\r\n                <h4>Request a Quote<\/h4>\r\n                <!-- Injecting your required form shortcode -->\r\n                \t\t<div data-elementor-type=\"section\" data-elementor-id=\"935\" class=\"elementor elementor-935\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-69ce60f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"69ce60f\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3705a23\" data-id=\"3705a23\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bc5ee52 elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"bc5ee52\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;step_next_label&quot;:&quot;Next&quot;,&quot;step_previous_label&quot;:&quot;Previous&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"New Form\" aria-label=\"New Form\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"935\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"bc5ee52\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"Mechanical Service - WNS Development Group\" \/>\n\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"599\"\/>\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tName\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Name\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tEmail\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Email\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-tel elementor-field-group elementor-column elementor-field-group-phone elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-phone\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tPhone\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<input size=\"1\" type=\"tel\" name=\"form_fields[phone]\" id=\"form-field-phone\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Phone\" required=\"required\" pattern=\"[0-9()#&amp;+*-=.]+\" title=\"Only numbers and phone characters (#, -, *, etc) are accepted.\">\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-textarea elementor-field-group elementor-column elementor-field-group-question elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-question\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tQuestion\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<textarea class=\"elementor-field-textual elementor-field  elementor-size-sm\" name=\"form_fields[question]\" id=\"form-field-question\" rows=\"4\" placeholder=\"Question\"><\/textarea>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-sm\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Ask Question<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t\r\n            <\/div>\r\n            \r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- MODAL SCRIPT -->\r\n<script>\r\n    \/\/ Passing the cardId determines if the modal shows specific service details or just the form\r\n    function tbOpenRoofingModal(cardId = null) {\r\n        const detailsContainer = document.getElementById('dynamicRoofingDetails');\r\n        const divider = document.getElementById('roofingModalDivider');\r\n        \r\n        if(cardId) {\r\n            \/\/ Fetch data from the clicked section\r\n            const card = document.getElementById(cardId);\r\n            const title = card.querySelector('.tb-cont-h3').innerText;\r\n            const expandedDesc = card.querySelector('.tb-expanded-desc').innerHTML;\r\n            \r\n            \/\/ Inject and show details\r\n            detailsContainer.innerHTML = `<h3 style=\"color:#FFFFFF; margin-bottom:12px; font-family:'Poppins', sans-serif; font-size: 22px;\">${title}<\/h3>` + expandedDesc;\r\n            detailsContainer.style.display = 'block';\r\n            divider.style.display = 'block';\r\n        } else {\r\n            \/\/ Hide details if it's a general consultation click from the Hero or Bottom CTA\r\n            detailsContainer.style.display = 'none';\r\n            divider.style.display = 'none';\r\n        }\r\n\r\n        document.getElementById('tbRoofingModal').classList.add('active');\r\n        document.body.style.overflow = 'hidden'; \/\/ Stop page scrolling\r\n    }\r\n\r\n    function tbCloseRoofingModal(event) {\r\n        document.getElementById('tbRoofingModal').classList.remove('active');\r\n        document.body.style.overflow = 'auto'; \/\/ Restore page scrolling\r\n    }\r\n    \r\n    \/\/ Close modal when pressing the Escape key\r\n    document.addEventListener('keydown', function(event) {\r\n        if (event.key === \"Escape\") {\r\n            tbCloseRoofingModal();\r\n        }\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>CFC #1335216 ROOFING SERVICES Licensed &#038; Insured Roofers in Florida WNS Development Group stands out as the best licensed and [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","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-143","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>ROOFING SERVICES - WNS Development Group<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/bizexceldemo.com\/websites\/wns\/roofing\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"ROOFING SERVICES - WNS Development Group\" \/>\n<meta property=\"og:description\" content=\"CFC #1335216 ROOFING SERVICES Licensed &#038; Insured Roofers in Florida WNS Development Group stands out as the best licensed and [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bizexceldemo.com\/websites\/wns\/roofing\/\" \/>\n<meta property=\"og:site_name\" content=\"WNS Development Group\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-10T18:25:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/bizexceldemo.com\/websites\/wns\/wp-content\/uploads\/2026\/01\/Repair-Replacement.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/bizexceldemo.com\\\/websites\\\/wns\\\/roofing\\\/\",\"url\":\"https:\\\/\\\/bizexceldemo.com\\\/websites\\\/wns\\\/roofing\\\/\",\"name\":\"ROOFING SERVICES - WNS Development Group\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/bizexceldemo.com\\\/websites\\\/wns\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/bizexceldemo.com\\\/websites\\\/wns\\\/roofing\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/bizexceldemo.com\\\/websites\\\/wns\\\/roofing\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/bizexceldemo.com\\\/websites\\\/wns\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/Repair-Replacement.webp\",\"datePublished\":\"2026-01-04T19:58:47+00:00\",\"dateModified\":\"2026-07-10T18:25:38+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/bizexceldemo.com\\\/websites\\\/wns\\\/roofing\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/bizexceldemo.com\\\/websites\\\/wns\\\/roofing\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/bizexceldemo.com\\\/websites\\\/wns\\\/roofing\\\/#primaryimage\",\"url\":\"https:\\\/\\\/bizexceldemo.com\\\/websites\\\/wns\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/Repair-Replacement.webp\",\"contentUrl\":\"https:\\\/\\\/bizexceldemo.com\\\/websites\\\/wns\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/Repair-Replacement.webp\",\"width\":750,\"height\":353},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/bizexceldemo.com\\\/websites\\\/wns\\\/roofing\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/bizexceldemo.com\\\/websites\\\/wns\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"ROOFING SERVICES\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/bizexceldemo.com\\\/websites\\\/wns\\\/#website\",\"url\":\"https:\\\/\\\/bizexceldemo.com\\\/websites\\\/wns\\\/\",\"name\":\"WNS Development Group\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/bizexceldemo.com\\\/websites\\\/wns\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/bizexceldemo.com\\\/websites\\\/wns\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/bizexceldemo.com\\\/websites\\\/wns\\\/#organization\",\"name\":\"WNS Development Group\",\"url\":\"https:\\\/\\\/bizexceldemo.com\\\/websites\\\/wns\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/bizexceldemo.com\\\/websites\\\/wns\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/bizexceldemo.com\\\/websites\\\/wns\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/WNSlogo.jpeg\",\"contentUrl\":\"https:\\\/\\\/bizexceldemo.com\\\/websites\\\/wns\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/WNSlogo.jpeg\",\"width\":1254,\"height\":1254,\"caption\":\"WNS Development Group\"},\"image\":{\"@id\":\"https:\\\/\\\/bizexceldemo.com\\\/websites\\\/wns\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"ROOFING SERVICES - WNS Development Group","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/bizexceldemo.com\/websites\/wns\/roofing\/","og_locale":"en_US","og_type":"article","og_title":"ROOFING SERVICES - WNS Development Group","og_description":"CFC #1335216 ROOFING SERVICES Licensed &#038; Insured Roofers in Florida WNS Development Group stands out as the best licensed and [&hellip;]","og_url":"https:\/\/bizexceldemo.com\/websites\/wns\/roofing\/","og_site_name":"WNS Development Group","article_modified_time":"2026-07-10T18:25:38+00:00","og_image":[{"url":"https:\/\/bizexceldemo.com\/websites\/wns\/wp-content\/uploads\/2026\/01\/Repair-Replacement.webp","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/bizexceldemo.com\/websites\/wns\/roofing\/","url":"https:\/\/bizexceldemo.com\/websites\/wns\/roofing\/","name":"ROOFING SERVICES - WNS Development Group","isPartOf":{"@id":"https:\/\/bizexceldemo.com\/websites\/wns\/#website"},"primaryImageOfPage":{"@id":"https:\/\/bizexceldemo.com\/websites\/wns\/roofing\/#primaryimage"},"image":{"@id":"https:\/\/bizexceldemo.com\/websites\/wns\/roofing\/#primaryimage"},"thumbnailUrl":"https:\/\/bizexceldemo.com\/websites\/wns\/wp-content\/uploads\/2026\/01\/Repair-Replacement.webp","datePublished":"2026-01-04T19:58:47+00:00","dateModified":"2026-07-10T18:25:38+00:00","breadcrumb":{"@id":"https:\/\/bizexceldemo.com\/websites\/wns\/roofing\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bizexceldemo.com\/websites\/wns\/roofing\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bizexceldemo.com\/websites\/wns\/roofing\/#primaryimage","url":"https:\/\/bizexceldemo.com\/websites\/wns\/wp-content\/uploads\/2026\/01\/Repair-Replacement.webp","contentUrl":"https:\/\/bizexceldemo.com\/websites\/wns\/wp-content\/uploads\/2026\/01\/Repair-Replacement.webp","width":750,"height":353},{"@type":"BreadcrumbList","@id":"https:\/\/bizexceldemo.com\/websites\/wns\/roofing\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/bizexceldemo.com\/websites\/wns\/"},{"@type":"ListItem","position":2,"name":"ROOFING SERVICES"}]},{"@type":"WebSite","@id":"https:\/\/bizexceldemo.com\/websites\/wns\/#website","url":"https:\/\/bizexceldemo.com\/websites\/wns\/","name":"WNS Development Group","description":"","publisher":{"@id":"https:\/\/bizexceldemo.com\/websites\/wns\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bizexceldemo.com\/websites\/wns\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/bizexceldemo.com\/websites\/wns\/#organization","name":"WNS Development Group","url":"https:\/\/bizexceldemo.com\/websites\/wns\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bizexceldemo.com\/websites\/wns\/#\/schema\/logo\/image\/","url":"https:\/\/bizexceldemo.com\/websites\/wns\/wp-content\/uploads\/2026\/01\/WNSlogo.jpeg","contentUrl":"https:\/\/bizexceldemo.com\/websites\/wns\/wp-content\/uploads\/2026\/01\/WNSlogo.jpeg","width":1254,"height":1254,"caption":"WNS Development Group"},"image":{"@id":"https:\/\/bizexceldemo.com\/websites\/wns\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/bizexceldemo.com\/websites\/wns\/wp-json\/wp\/v2\/pages\/143","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bizexceldemo.com\/websites\/wns\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bizexceldemo.com\/websites\/wns\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bizexceldemo.com\/websites\/wns\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bizexceldemo.com\/websites\/wns\/wp-json\/wp\/v2\/comments?post=143"}],"version-history":[{"count":31,"href":"https:\/\/bizexceldemo.com\/websites\/wns\/wp-json\/wp\/v2\/pages\/143\/revisions"}],"predecessor-version":[{"id":1596,"href":"https:\/\/bizexceldemo.com\/websites\/wns\/wp-json\/wp\/v2\/pages\/143\/revisions\/1596"}],"wp:attachment":[{"href":"https:\/\/bizexceldemo.com\/websites\/wns\/wp-json\/wp\/v2\/media?parent=143"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}