{"id":8452,"date":"2026-06-02T14:07:21","date_gmt":"2026-06-02T14:07:21","guid":{"rendered":"https:\/\/trghost.com\/premiumroofing\/?page_id=8452"},"modified":"2026-06-02T14:09:05","modified_gmt":"2026-06-02T14:09:05","slug":"chicago","status":"publish","type":"page","link":"https:\/\/trghost.com\/premiumroofing\/chicago\/","title":{"rendered":"Chicago"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8452\" class=\"elementor elementor-8452\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0b36484 e-flex e-con-boxed pxl-row-scroll-none pxl-column-none pxl-full-content-with-space-none pxl-container-line-none pxl-container-video-background-none pxl-none overflow-visible e-con e-parent \" data-id=\"0b36484\" data-element_type=\"container\" data-e-type=\"container\">\t\t\t<div class=\"e-con-inner\">\r\n\t\t<div class=\"elementor-element elementor-element-36cb53f e-con-full e-flex pxl-row-scroll-none pxl-column-none pxl-full-content-with-space-none pxl-container-line-none pxl-container-video-background-none pxl-none overflow-visible e-con e-child \" data-id=\"36cb53f\" data-element_type=\"container\" data-e-type=\"container\"><div class=\"elementor-element elementor-element-d3b553c e-con-full e-flex pxl-row-scroll-none pxl-column-none pxl-full-content-with-space-none pxl-container-line-none pxl-container-video-background-none pxl-none overflow-visible e-con e-child \" data-id=\"d3b553c\" data-element_type=\"container\" data-e-type=\"container\"><div class=\"elementor-element elementor-element-dbe1bd8 e-con-full e-flex pxl-row-scroll-none pxl-column-none pxl-full-content-with-space-none pxl-container-line-none pxl-container-video-background-none pxl-none overflow-visible e-con e-child \" data-id=\"dbe1bd8\" data-element_type=\"container\" data-e-type=\"container\"><div class=\"elementor-element elementor-element-2126133 e-con-full e-flex pxl-row-scroll-none pxl-column-none pxl-full-content-with-space-none pxl-container-line-none pxl-container-video-background-none pxl-none overflow-visible e-con e-child \" data-id=\"2126133\" data-element_type=\"container\" data-e-type=\"container\"><div class=\"elementor-element elementor-element-bf06811 e-con-full e-flex pxl-row-scroll-none pxl-column-none pxl-full-content-with-space-none pxl-container-line-none pxl-container-video-background-none pxl-none overflow-visible e-con e-child \" data-id=\"bf06811\" data-element_type=\"container\" data-e-type=\"container\"><div class=\"elementor-element elementor-element-c1a41b4 e-con-full e-flex pxl-row-scroll-none pxl-column-none pxl-full-content-with-space-none pxl-container-line-none pxl-container-video-background-none pxl-none overflow-visible e-con e-child \" data-id=\"c1a41b4\" data-element_type=\"container\" data-e-type=\"container\">\t\t<div class=\"elementor-element elementor-element-fd7715f pxl-none overflow-visible elementor-widget elementor-widget-pxl_text_editor\" data-id=\"fd7715f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pxl_text_editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"pxl-text-editor default \">\n\t<div class=\"pxl-item--inner  \" data-wow-delay=\"ms\">\n\t\t<p><a href=\"https:\/\/trghost.com\/premiumroofing\/wp-content\/uploads\/2025\/12\/text.svg\"><img decoding=\"async\" class=\"alignnone size-full wp-image-231\" src=\"https:\/\/trghost.com\/premiumroofing\/wp-content\/uploads\/2025\/12\/text.svg\" alt=\"\" width=\"59\" height=\"30\" \/><\/a> New York City<\/p>\t\t\n\t<\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-625c49c pxl-none overflow-visible elementor-widget elementor-widget-pxl_heading\" data-id=\"625c49c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pxl_heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div id=\"pxl-pxl_heading-625c49c-2597\" class=\"pxl-heading   px-sub-title-default-style \">\n\t<div class=\"pxl-heading--inner\">\n\t\t\n\t\t<h3 class=\"pxl-item--title style-default color highlight-default style-scroll-bg\" data-wow-delay=\"ms\">\n\t\t\t\t\tTrusted Statewide Coverage Across NY City\t\n\t\t\t\n\t\t<\/h3>\n\t\t\n\t<\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3b151e5 pxl-none overflow-visible elementor-widget elementor-widget-pxl_text_editor\" data-id=\"3b151e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pxl_text_editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"pxl-text-editor default \">\n\t<div class=\"pxl-item--inner  \" data-wow-delay=\"ms\">\n\t\t<p>From the bustling neighborhoods of New York City to the surrounding communities, TRG Roofing delivers dependable roofing solutions for residential and commercial properties alike. Our network of highly trained roofing professionals is equipped to handle everything from emergency roof repairs and storm damage restoration to complete roof replacements and preventative maintenance. No matter where your property is located within our New York service area, you can rely on us for exceptional craftsmanship, transparent pricing, rapid response times, and the personalized service of a trusted local roofing partner.<\/p>\t\t\n\t<\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8714d96 e-con-full e-flex pxl-row-scroll-none pxl-column-none pxl-full-content-with-space-none pxl-container-line-none pxl-container-video-background-none pxl-none overflow-visible e-con e-child \" data-id=\"8714d96\" data-element_type=\"container\" data-e-type=\"container\">\t\t<div class=\"elementor-element elementor-element-0c41de8 pxl-none overflow-visible elementor-widget elementor-widget-pxl_button\" data-id=\"0c41de8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pxl_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"pxl-pxl_button-0c41de8-7649\" class=\"pxl-button pxl-atc-link \" data-wow-delay=\"ms\">\r\n    <a href=\"https:\/\/trghost.com\/premiumroofing\/contact-us\/\"    class=\"btn  btn-default  btn-style-2  pxl-icon--right\"\r\n    data-wow-delay=\"ms\"\r\n    data-target=\".pxl-page-popup-template-0\">\r\n\r\n        \r\n            \r\n                            <i aria-hidden=\"true\" class=\"bootstrap-icons bi-chevron-double-right\"><\/i>            \r\n            \r\n            <span class=\"pxl--btn-text\" data-text=\"Contact Us\">\r\n                \r\n                Contact Us            <\/span>\r\n\r\n            <\/a>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c31fa57 pxl-none overflow-visible elementor-widget elementor-widget-pxl_link\" data-id=\"c31fa57\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pxl_link.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"pxl-link-wrap\">\r\n            <ul id=\"pxl-link-pxl_link-c31fa57-5413\" class=\"pxl-link pxl-link-l1 style-default type-vertical\">\r\n            <h3 class=\"pxl-widget-title pxl-empty\"><\/h3>\r\n                                <li class=\"pxl-item--link  \">\r\n                        <div class=\"link-holder \">\r\n                            <div class=\"icon-link\">\r\n                                <i aria-hidden=\"true\" class=\"bootstrap-icons bi-telephone-outbound\"><\/i>                            <\/div>\r\n                            <div class=\"link-content\">\r\n                                <div class=\"sub-text el-empty\"><\/div>\r\n                                <a href=\"tell:13463262231\">Need Help : +1 (346) 326-2231<\/a>\r\n                            <\/div>\r\n                                                    <\/div>\r\n                    <\/li>\r\n                    <\/ul>\r\n    <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t<div class=\"elementor-element elementor-element-a22887d e-con-full e-flex pxl-row-scroll-none pxl-column-none pxl-full-content-with-space-none pxl-container-line-none pxl-container-video-background-none pxl-none overflow-visible e-con e-child \" data-id=\"a22887d\" data-element_type=\"container\" data-e-type=\"container\">\t\t<div class=\"elementor-element elementor-element-d31e39e pxl-none overflow-visible elementor-invisible elementor-widget elementor-widget-pxl_image\" data-id=\"d31e39e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:500}\" data-widget_type=\"pxl_image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"pxl_image-d31e39e-8177\" class=\"pxl-image-single  pxl-disable-parallax-sm pxl-hide-sr-lg  \" data-wow-delay=\"ms\"  >\r\n    <div class=\"pxl-item--inner\" data-wow-delay=\"120ms\">\r\n        \r\n                    <div class=\"pxl-item--image \" data-parallax-value=\"\">\r\n                                <img fetchpriority=\"high\" decoding=\"async\" width=\"1200\" height=\"800\" src=\"https:\/\/trghost.com\/premiumroofing\/wp-content\/uploads\/2025\/12\/compressed_portfoliod9.webp\" class=\"no-lazyload attachment-full\" alt=\"\" \/>                            <\/div>\r\n                \r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t<div class=\"elementor-element elementor-element-347b662 e-flex e-con-boxed pxl-row-scroll-none pxl-column-none pxl-full-content-with-space-none pxl-container-line-none pxl-container-video-background-none pxl-none overflow-visible e-con e-parent \" data-id=\"347b662\" data-element_type=\"container\" data-e-type=\"container\">\t\t\t<div class=\"e-con-inner\">\r\n\t\t<div class=\"elementor-element elementor-element-e48701b e-con-full e-flex pxl-row-scroll-none pxl-column-none pxl-full-content-with-space-none pxl-container-line-none pxl-container-video-background-none pxl-none overflow-visible e-con e-child \" data-id=\"e48701b\" data-element_type=\"container\" data-e-type=\"container\"><div class=\"elementor-element elementor-element-b3dc7c0 e-con-full e-flex pxl-row-scroll-none pxl-column-none pxl-full-content-with-space-none pxl-container-line-none pxl-container-video-background-none pxl-none overflow-visible e-con e-child \" data-id=\"b3dc7c0\" data-element_type=\"container\" data-e-type=\"container\"><div class=\"elementor-element elementor-element-acb6589 e-con-full e-flex pxl-row-scroll-none pxl-column-none pxl-full-content-with-space-none pxl-container-line-none pxl-container-video-background-none pxl-none overflow-visible e-con e-child \" data-id=\"acb6589\" data-element_type=\"container\" data-e-type=\"container\"><div class=\"elementor-element elementor-element-e8c3fca e-con-full e-flex pxl-row-scroll-none pxl-column-none pxl-full-content-with-space-none pxl-container-line-none pxl-container-video-background-none pxl-none overflow-visible e-con e-child \" data-id=\"e8c3fca\" data-element_type=\"container\" data-e-type=\"container\"><div class=\"elementor-element elementor-element-e7bfad4 e-con-full e-flex pxl-row-scroll-none pxl-column-none pxl-full-content-with-space-none pxl-container-line-none pxl-container-video-background-none pxl-none overflow-visible e-con e-child \" data-id=\"e7bfad4\" data-element_type=\"container\" data-e-type=\"container\"><div class=\"elementor-element elementor-element-adfd35a e-con-full e-flex pxl-row-scroll-none pxl-column-none pxl-full-content-with-space-none pxl-container-line-none pxl-container-video-background-none pxl-none overflow-visible e-con e-child \" data-id=\"adfd35a\" data-element_type=\"container\" data-e-type=\"container\">\t\t<div class=\"elementor-element elementor-element-edc473b pxl-none overflow-visible elementor-widget elementor-widget-pxl_text_editor\" data-id=\"edc473b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pxl_text_editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"pxl-text-editor default \">\n\t<div class=\"pxl-item--inner  \" data-wow-delay=\"ms\">\n\t\t<p><a href=\"https:\/\/trghost.com\/premiumroofing\/wp-content\/uploads\/2025\/12\/text.svg\"><img decoding=\"async\" class=\"alignnone size-full wp-image-231\" src=\"https:\/\/trghost.com\/premiumroofing\/wp-content\/uploads\/2025\/12\/text.svg\" alt=\"\" width=\"59\" height=\"30\" \/><\/a> New York City<\/p>\t\t\n\t<\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bd2d0af pxl-none overflow-visible elementor-widget elementor-widget-pxl_heading\" data-id=\"bd2d0af\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pxl_heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div id=\"pxl-pxl_heading-bd2d0af-1484\" class=\"pxl-heading   px-sub-title-default-style \">\n\t<div class=\"pxl-heading--inner\">\n\t\t\n\t\t<h3 class=\"pxl-item--title style-default color highlight-default style-scroll-bg\" data-wow-delay=\"ms\">\n\t\t\t\t\tTrusted Statewide Coverage Across Chicago\t\n\t\t\t\n\t\t<\/h3>\n\t\t\n\t<\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7d42ed9 pxl-none overflow-visible elementor-widget elementor-widget-pxl_text_editor\" data-id=\"7d42ed9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pxl_text_editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"pxl-text-editor default \">\n\t<div class=\"pxl-item--inner  \" data-wow-delay=\"ms\">\n\t\t<p>From the bustling neighborhoods of New York City to the surrounding communities, TRG Roofing delivers dependable roofing solutions for residential and commercial properties alike. Our network of highly trained roofing professionals is equipped to handle everything from emergency roof repairs and storm damage restoration to complete roof replacements and preventative maintenance. No matter where your property is located within our New York service area, you can rely on us for exceptional craftsmanship, transparent pricing, rapid response times, and the personalized service of a trusted local roofing partner.<\/p>\t\t\n\t<\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6abdb6a e-con-full e-flex pxl-row-scroll-none pxl-column-none pxl-full-content-with-space-none pxl-container-line-none pxl-container-video-background-none pxl-none overflow-visible e-con e-child \" data-id=\"6abdb6a\" data-element_type=\"container\" data-e-type=\"container\">\t\t<div class=\"elementor-element elementor-element-9e5c416 pxl-none overflow-visible elementor-widget elementor-widget-pxl_button\" data-id=\"9e5c416\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pxl_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"pxl-pxl_button-9e5c416-5995\" class=\"pxl-button pxl-atc-link \" data-wow-delay=\"ms\">\r\n    <a href=\"https:\/\/trghost.com\/premiumroofing\/contact-us\/\"    class=\"btn  btn-default  btn-style-2  pxl-icon--right\"\r\n    data-wow-delay=\"ms\"\r\n    data-target=\".pxl-page-popup-template-0\">\r\n\r\n        \r\n            \r\n                            <i aria-hidden=\"true\" class=\"bootstrap-icons bi-chevron-double-right\"><\/i>            \r\n            \r\n            <span class=\"pxl--btn-text\" data-text=\"Contact Us\">\r\n                \r\n                Contact Us            <\/span>\r\n\r\n            <\/a>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ba0d64f pxl-none overflow-visible elementor-widget elementor-widget-pxl_link\" data-id=\"ba0d64f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pxl_link.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"pxl-link-wrap\">\r\n            <ul id=\"pxl-link-pxl_link-ba0d64f-3434\" class=\"pxl-link pxl-link-l1 style-default type-vertical\">\r\n            <h3 class=\"pxl-widget-title pxl-empty\"><\/h3>\r\n                                <li class=\"pxl-item--link  \">\r\n                        <div class=\"link-holder \">\r\n                            <div class=\"icon-link\">\r\n                                <i aria-hidden=\"true\" class=\"bootstrap-icons bi-telephone-outbound\"><\/i>                            <\/div>\r\n                            <div class=\"link-content\">\r\n                                <div class=\"sub-text el-empty\"><\/div>\r\n                                <a href=\"tell:13463262231\">Need Help : +1 (346) 326-2231<\/a>\r\n                            <\/div>\r\n                                                    <\/div>\r\n                    <\/li>\r\n                    <\/ul>\r\n    <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t<div class=\"elementor-element elementor-element-ab85c0e e-con-full e-flex pxl-row-scroll-none pxl-column-none pxl-full-content-with-space-none pxl-container-line-none pxl-container-video-background-none pxl-none overflow-visible e-con e-child \" data-id=\"ab85c0e\" data-element_type=\"container\" data-e-type=\"container\">\t\t<div class=\"elementor-element elementor-element-ed15c1f pxl-none overflow-visible elementor-invisible elementor-widget elementor-widget-pxl_image\" data-id=\"ed15c1f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:500}\" data-widget_type=\"pxl_image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"pxl_image-ed15c1f-1700\" class=\"pxl-image-single  pxl-disable-parallax-sm pxl-hide-sr-lg  \" data-wow-delay=\"ms\"  >\r\n    <div class=\"pxl-item--inner\" data-wow-delay=\"120ms\">\r\n        \r\n                    <div class=\"pxl-item--image \" data-parallax-value=\"\">\r\n                                <img fetchpriority=\"high\" decoding=\"async\" width=\"1200\" height=\"800\" src=\"https:\/\/trghost.com\/premiumroofing\/wp-content\/uploads\/2025\/12\/compressed_portfoliod9.webp\" class=\"no-lazyload attachment-full\" alt=\"\" \/>                            <\/div>\r\n                \r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t<div class=\"elementor-element elementor-element-3955ef9 e-flex e-con-boxed pxl-row-scroll-none pxl-column-none pxl-full-content-with-space-none pxl-container-line-none pxl-container-video-background-none pxl-none overflow-visible e-con e-parent \" data-id=\"3955ef9\" data-element_type=\"container\" data-e-type=\"container\">\t\t\t<div class=\"e-con-inner\">\r\n\t\t<div class=\"elementor-element elementor-element-f7a73da e-con-full e-flex pxl-row-scroll-none pxl-column-none pxl-full-content-with-space-none pxl-container-line-none pxl-container-video-background-none pxl-none overflow-visible e-con e-child \" data-id=\"f7a73da\" data-element_type=\"container\" data-e-type=\"container\"><div class=\"elementor-element elementor-element-7f069a8 e-con-full e-flex pxl-row-scroll-none pxl-column-none pxl-full-content-with-space-none pxl-container-line-none pxl-container-video-background-none pxl-none overflow-visible e-con e-child \" data-id=\"7f069a8\" data-element_type=\"container\" data-e-type=\"container\">\t\t<div class=\"elementor-element elementor-element-85b5c7f pxl-none overflow-visible elementor-widget elementor-widget-html\" data-id=\"85b5c7f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.css\" \/>\r\n<script src=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.js\"><\/script>\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700&display=swap');\r\n  * { margin: 0; padding: 0; box-sizing: border-box; }\r\n  .map-wrapper { width: 100%; max-width: 1810px; font-family: 'Poppins', sans-serif; border-radius: 16px; overflow: hidden; box-shadow: 0 20px 60px rgba(0,0,0,0.15); position: relative; }\r\n  .map-header { background: linear-gradient(135deg, #b30008 0%, #F61E26 100%); padding: 24px 32px; display: flex; align-items: center; gap: 16px; position: relative; overflow: hidden; }\r\n  .map-header::before { content: ''; position: absolute; top: -50%; right: -10%; width: 300px; height: 300px; background: radial-gradient(circle, rgba(255,255,255,0.08) 0%, transparent 70%); border-radius: 50%; }\r\n  .header-left { display: flex; align-items: center; gap: 16px; flex: 1; }\r\n  .map-header h2 { color: #fff; font-size: 22px; font-weight: 700; letter-spacing: -0.3px; }\r\n  .map-header p { color: rgba(255,255,255,0.85); font-size: 13px; font-weight: 400; margin-top: 2px; }\r\n  .header-dropdown-wrap { position: relative; z-index: 10; flex-shrink: 0; }\r\n  .header-dropdown-wrap label { display: block; color: rgba(255,255,255,0.7); font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 5px; }\r\n  .area-dropdown { appearance: none; -webkit-appearance: none; background: rgba(255,255,255,0.15); backdrop-filter: blur(6px); border: 1.5px solid rgba(255,255,255,0.35); border-radius: 10px; color: #fff; font-family: 'Poppins', sans-serif; font-size: 13.5px; font-weight: 600; padding: 10px 42px 10px 16px; cursor: pointer; min-width: 220px; transition: all 0.25s ease; background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C\/polyline%3E%3C\/svg%3E\"); background-repeat: no-repeat; background-position: right 14px center; }\r\n  .area-dropdown:hover { background-color: rgba(255,255,255,0.25); border-color: rgba(255,255,255,0.55); }\r\n  .area-dropdown:focus { outline: none; background-color: rgba(255,255,255,0.3); border-color: #fff; box-shadow: 0 0 0 3px rgba(255,255,255,0.15); }\r\n  .area-dropdown option { background: #b30008; color: #fff; font-weight: 500; padding: 8px; }\r\n  .header-icon { width: 44px; height: 44px; flex-shrink: 0; }\r\n  #map { width: 100%; height: 450px; background: #ffe5e6; }\r\n  .city-legend { background: #fff; padding: 16px 24px; display: flex; justify-content: center; gap: 28px; flex-wrap: wrap; border-top: 2px solid #fde8e8; }\r\n  .legend-item { display: flex; align-items: center; gap: 8px; cursor: pointer; padding: 6px 14px; border-radius: 20px; transition: all 0.25s ease; font-size: 13px; font-weight: 600; color: #b30008; border: 1.5px solid transparent; }\r\n  .legend-item:hover { background: #fde8e8; border-color: #F61E26; }\r\n  .legend-item.active { background: #F61E26; color: #fff; }\r\n  .legend-dot { width: 10px; height: 10px; border-radius: 50%; background: #F61E26; flex-shrink: 0; }\r\n  .legend-item.active .legend-dot { background: #fff; }\r\n  .leaflet-popup-content-wrapper { border-radius: 14px !important; box-shadow: 0 8px 32px rgba(0,0,0,0.18) !important; padding: 0 !important; overflow: hidden; border: none !important; }\r\n  .leaflet-popup-content { margin: 0 !important; min-width: 240px; }\r\n  .leaflet-popup-tip { box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important; }\r\n  .popup-card { font-family: 'Poppins', sans-serif; }\r\n  .popup-banner { background: linear-gradient(135deg, #b30008, #F61E26); padding: 16px 20px; display: flex; align-items: center; gap: 12px; }\r\n  .popup-banner svg { flex-shrink: 0; }\r\n  .popup-city-name { color: #fff; font-size: 18px; font-weight: 700; line-height: 1.2; }\r\n  .popup-body { padding: 14px 20px 16px; background: #fff; }\r\n  .popup-badge { display: inline-flex; align-items: center; gap: 5px; background: #fde8e8; color: #8b0000; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 12px; margin-bottom: 8px; }\r\n  .popup-badge::before { content: '\u2713'; font-weight: 800; }\r\n  .popup-desc { color: #555; font-size: 12.5px; line-height: 1.5; }\r\n  .popup-cta { display: block; margin-top: 12px; padding: 9px 0; background: linear-gradient(135deg, #b30008, #F61E26); color: #ffffff !important; text-align: center; border-radius: 8px; font-size: 12.5px; font-weight: 600; text-decoration: none; transition: transform 0.2s, box-shadow 0.2s; cursor: pointer; border: none; width: 100%; font-family: 'Poppins', sans-serif; -webkit-text-fill-color: #ffffff; }\r\n  .popup-cta:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(246, 30, 38, 0.35); }\r\n  .plumbing-marker { position: relative; cursor: pointer; transition: transform 0.3s ease; }\r\n  .plumbing-marker:hover { transform: scale(1.2); }\r\n  .plumbing-pulse { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50px; height: 50px; border-radius: 50%; background: rgba(246, 30, 38, 0.25); animation: pulse 2s ease-out infinite; pointer-events: none; }\r\n  @keyframes pulse { 0% { transform: translate(-50%, -50%) scale(0.8); opacity: 1; } 100% { transform: translate(-50%, -50%) scale(2.2); opacity: 0; } }\r\n  .leaflet-popup-close-button { color: #fff !important; font-size: 20px !important; top: 6px !important; right: 8px !important; z-index: 10; }\r\n  @media (max-width: 600px) { #map { height: 400px; } .map-header { padding: 16px 20px; flex-wrap: wrap; } .map-header h2 { font-size: 18px; } .header-dropdown-wrap { width: 100%; } .area-dropdown { width: 100%; min-width: unset; } .city-legend { gap: 8px; padding: 12px 16px; } .legend-item { font-size: 11.5px; padding: 5px 10px; } }\r\n<\/style>\r\n\r\n<div class=\"map-wrapper\">\r\n  <div class=\"map-header\">\r\n    <div class=\"header-left\">\r\n      <svg class=\"header-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n        <path d=\"M12 2C12 2 6 8.5 6 12.5C6 15.8137 8.68629 18.5 12 18.5C15.3137 18.5 18 15.8137 18 12.5C18 8.5 12 2 12 2Z\" fill=\"rgba(255,255,255,0.25)\" stroke=\"#fff\" stroke-width=\"1.5\"\/>\r\n        <path d=\"M19 15L22 18L19 21\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n        <path d=\"M5 15L2 18L5 21\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n      <\/svg>\r\n      <div>\r\n        <h2>Our Service Areas<\/h2>\r\n        <p>Professional Roofing services across New York City & Chicago<\/p>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"header-dropdown-wrap\">\r\n      <label>Jump to Area<\/label>\r\n      <select class=\"area-dropdown\" id=\"areaDropdown\">\r\n        <option value=\"\">Select Location...<\/option>\r\n        <option value=\"New York City\">New York City<\/option>\r\n        <option value=\"Chicago\">Chicago<\/option>\r\n      <\/select>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div id=\"map\"><\/div>\r\n  <div class=\"city-legend\" id=\"legend\"><\/div>\r\n<\/div>\r\n\r\n<script>\r\nconst locations = [\r\n  {\r\n    name: \"New York City\",\r\n    state: \"NY\",\r\n    lat: 40.7128,\r\n    lng: -74.0060,\r\n    zoom: 11,\r\n    desc: \"24\/7 localized emergency repairs, roof installation, and repairs throughout New York City.\",\r\n    boundary: [\r\n      [40.917, -74.259], [40.917, -73.700], [40.495, -73.700],\r\n      [40.495, -74.259], [40.917, -74.259]\r\n    ]\r\n  },\r\n  {\r\n    name: \"Chicago\",\r\n    state: \"IL\",\r\n    lat: 41.8781,\r\n    lng: -87.6298,\r\n    zoom: 11,\r\n    desc: \"Extensive regional roofing framework serving multi-county operations across the Greater Chicago area.\",\r\n    boundary: [\r\n      [42.023, -87.940], [42.023, -87.524], [41.644, -87.524],\r\n      [41.644, -87.940], [42.023, -87.940]\r\n    ]\r\n  }\r\n];\r\n\r\nfunction createPlumbingSVG(size = 48) {\r\n  return `<svg width=\"${size}\" height=\"${size}\" viewBox=\"0 0 80 80\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><g filter=\"url(#shadow)\"><path d=\"M40 70C56.5685 70 70 56.5685 70 40C70 23.4315 40 10 40 10C40 10 10 23.4315 10 40C10 56.5685 23.4315 70 40 70Z\" fill=\"#b30008\"\/><path d=\"M40 64C51.0457 64 60 55.0457 60 44C60 32.9543 40 16 40 16C40 16 20 32.9543 20 44C20 55.0457 31.0457 64 40 64Z\" fill=\"#F61E26\"\/><path d=\"M35 30L37 26L39 30L43 31L39 32L37 36L35 32L31 31L35 30Z\" fill=\"#FFFFFF\"\/><\/g><defs><filter id=\"shadow\" x=\"-4\" y=\"-2\" width=\"88\" height=\"88\" filterUnits=\"userSpaceOnUse\"><feDropShadow dx=\"0\" dy=\"2\" stdDeviation=\"3\" flood-opacity=\"0.3\"\/><\/filter><\/defs><\/svg>`;\r\n}\r\n\r\nconst map = L.map('map', {\r\n  center: [41.3, -80.9],\r\n  zoom: 5,\r\n  zoomControl: false,\r\n  scrollWheelZoom: false,\r\n  attributionControl: true\r\n});\r\n\r\nL.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/light_all\/{z}\/{x}\/{y}{r}.png', {\r\n  attribution: '\u00a9 OpenStreetMap \u00a9 CARTO',\r\n  maxZoom: 19\r\n}).addTo(map);\r\n\r\nconst markers = {};\r\nconst polygons = {};\r\nlet activeLoc = null;\r\n\r\nfunction popupHTML(loc) {\r\n  return `<div class=\"popup-card\"><div class=\"popup-banner\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 2C12 2 6 8.5 6 12.5C6 15.8137 8.68629 18.5 12 18.5C15.3137 18.5 18 15.8137 18 12.5C18 8.5 12 2 12 2Z\" fill=\"#ffffff\"\/><\/svg><div class=\"popup-city-name\">${loc.name}, ${loc.state}<\/div><\/div><div class=\"popup-body\"><div class=\"popup-badge\">Verified Local Contractor<\/div><div class=\"popup-desc\">${loc.desc}<\/div><button class=\"popup-cta\" style=\"color:#ffffff !important;\" onclick=\"window.open('https:\/\/trghost.com\/premiumroofing\/contact-us\/','_blank')\">Request Roofing Service \u2192<\/button><\/div><\/div>`;\r\n}\r\n\r\nlocations.forEach((loc) => {\r\n  const polygon = L.polygon(loc.boundary, {\r\n    color: '#b30008', weight: 2.5, fillColor: '#F61E26',\r\n    fillOpacity: 0.0, opacity: 0, dashArray: '6,4'\r\n  }).addTo(map);\r\n  polygons[loc.name] = polygon;\r\n\r\n  const plumbingIcon = L.divIcon({\r\n    html: `<div class=\"plumbing-marker\"><div class=\"plumbing-pulse\"><\/div>${createPlumbingSVG(44)}<\/div>`,\r\n    iconSize: [44, 44], iconAnchor: [22, 38], popupAnchor: [0, -32], className: ''\r\n  });\r\n\r\n  const marker = L.marker([loc.lat, loc.lng], { icon: plumbingIcon }).addTo(map);\r\n  marker.bindPopup(popupHTML(loc), { maxWidth: 270, closeButton: true, autoPan: true, keepInView: true });\r\n  markers[loc.name] = marker;\r\n\r\n  marker.on('mouseover', function () {\r\n    if (activeLoc !== loc.name) polygon.setStyle({ fillOpacity: 0.15, opacity: 0.5 });\r\n  });\r\n  marker.on('mouseout', function () {\r\n    if (activeLoc !== loc.name) polygon.setStyle({ fillOpacity: 0.0, opacity: 0 });\r\n  });\r\n  marker.on('click', function () {\r\n    if (activeLoc && activeLoc !== loc.name) {\r\n      polygons[activeLoc].setStyle({ fillOpacity: 0.0, opacity: 0 });\r\n      document.querySelectorAll('.legend-item').forEach(el => el.classList.remove('active'));\r\n    }\r\n    activeLoc = loc.name;\r\n    polygon.setStyle({ fillOpacity: 0.25, opacity: 0.8 });\r\n    const offsetLat = loc.lat - 0.05;\r\n    map.flyTo([offsetLat, loc.lng], loc.zoom, { duration: 1.2 });\r\n    document.querySelectorAll('.legend-item').forEach(el => {\r\n      el.classList.toggle('active', el.dataset.loc === loc.name);\r\n    });\r\n    document.getElementById('areaDropdown').value = loc.name;\r\n  });\r\n});\r\n\r\nmap.on('popupclose', function () {\r\n  if (activeLoc) {\r\n    polygons[activeLoc].setStyle({ fillOpacity: 0.0, opacity: 0 });\r\n    document.querySelectorAll('.legend-item').forEach(el => el.classList.remove('active'));\r\n    document.getElementById('areaDropdown').value = '';\r\n    activeLoc = null;\r\n  }\r\n});\r\n\r\nconst legend = document.getElementById('legend');\r\nlocations.forEach(loc => {\r\n  const item = document.createElement('div');\r\n  item.className = 'legend-item';\r\n  item.dataset.loc = loc.name;\r\n  item.innerHTML = `<span class=\"legend-dot\"><\/span>${loc.name}`;\r\n  item.addEventListener('click', () => selectLocation(loc.name));\r\n  legend.appendChild(item);\r\n});\r\n\r\nfunction selectLocation(name) {\r\n  markers[name].fire('click');\r\n  markers[name].openPopup();\r\n  document.getElementById('areaDropdown').value = name;\r\n}\r\n\r\ndocument.getElementById('areaDropdown').addEventListener('change', function () {\r\n  const val = this.value;\r\n  if (val && markers[val]) selectLocation(val);\r\n});\r\n\r\nconst group = new L.featureGroup(Object.values(markers));\r\nmap.fitBounds(group.getBounds().pad(0.3));\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>New York City Trusted Statewide Coverage Across NY City From the bustling neighborhoods of New York City to the surrounding communities, TRG Roofing delivers dependable roofing solutions for residential and commercial properties alike. Our network of highly trained roofing professionals is equipped to handle everything from emergency roof repairs and storm damage restoration to complete [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8452","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/trghost.com\/premiumroofing\/wp-json\/wp\/v2\/pages\/8452","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trghost.com\/premiumroofing\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/trghost.com\/premiumroofing\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/trghost.com\/premiumroofing\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/trghost.com\/premiumroofing\/wp-json\/wp\/v2\/comments?post=8452"}],"version-history":[{"count":4,"href":"https:\/\/trghost.com\/premiumroofing\/wp-json\/wp\/v2\/pages\/8452\/revisions"}],"predecessor-version":[{"id":8456,"href":"https:\/\/trghost.com\/premiumroofing\/wp-json\/wp\/v2\/pages\/8452\/revisions\/8456"}],"wp:attachment":[{"href":"https:\/\/trghost.com\/premiumroofing\/wp-json\/wp\/v2\/media?parent=8452"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}