Service Areas | Roofing365<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\" \/>\r\n <style>\r\n \/* ---------- RESET & ROOT NAMESPACE ---------- *\/\r\n .r365-areas-wrapper {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n .r365-areas-wrapper *,\r\n .r365-areas-wrapper *::before,\r\n .r365-areas-wrapper *::after {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: inherit;\r\n }\r\n\r\n \/* ---------- SERVICE AREAS SECTION (green background) ---------- *\/\r\n .r365-areas-section {\r\n position: relative;\r\n width: 100%;\r\n background: #0f3d2e; \/* deep green *\/\r\n overflow: hidden;\r\n font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n padding: 80px 24px 100px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .r365-areas-container {\r\n max-width: 1300px;\r\n width: 100%;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 10;\r\n }\r\n\r\n \/* ---------- FLOATING ELEMENTS (gold & green) ---------- *\/\r\n .r365-areas-floating {\r\n position: absolute;\r\n inset: 0;\r\n z-index: 1;\r\n pointer-events: none;\r\n overflow: hidden;\r\n }\r\n .r365-areas-float {\r\n position: absolute;\r\n font-size: 2.6rem;\r\n color: #FFD700;\r\n opacity: 0.10;\r\n animation: r365AreasFloatAnim 20s infinite alternate ease-in-out;\r\n }\r\n .r365-areas-float-icon {\r\n position: absolute;\r\n font-size: 2.8rem;\r\n color: #FFD700;\r\n opacity: 0.08;\r\n animation: r365AreasFloatAnim 24s infinite alternate ease-in-out;\r\n }\r\n .r365-areas-float-shape {\r\n position: absolute;\r\n border-radius: 50%;\r\n background: #FFD700;\r\n opacity: 0.06;\r\n animation: r365AreasShapeFloat 26s infinite alternate ease-in-out;\r\n }\r\n .r365-areas-float-dot {\r\n position: absolute;\r\n width: 16px;\r\n height: 16px;\r\n border-radius: 50%;\r\n background: #FFD700;\r\n opacity: 0.07;\r\n animation: r365AreasDotPulse 3s infinite alternate;\r\n }\r\n \/* green floating accents *\/\r\n .r365-areas-float-green {\r\n position: absolute;\r\n font-size: 2.4rem;\r\n color: #6fcf97;\r\n opacity: 0.08;\r\n animation: r365AreasFloatAnim 22s infinite alternate ease-in-out;\r\n }\r\n .r365-areas-float-icon-green {\r\n position: absolute;\r\n font-size: 2.6rem;\r\n color: #6fcf97;\r\n opacity: 0.07;\r\n animation: r365AreasFloatAnim 26s infinite alternate ease-in-out;\r\n }\r\n .r365-areas-float-shape-green {\r\n position: absolute;\r\n border-radius: 50%;\r\n background: #6fcf97;\r\n opacity: 0.05;\r\n animation: r365AreasShapeFloat 28s infinite alternate ease-in-out;\r\n }\r\n .r365-areas-float-dot-green {\r\n position: absolute;\r\n width: 16px;\r\n height: 16px;\r\n border-radius: 50%;\r\n background: #6fcf97;\r\n opacity: 0.06;\r\n animation: r365AreasDotPulse 3.4s infinite alternate;\r\n }\r\n\r\n \/* positions gold *\/\r\n .r365-af1 { top: 6%; left: 3%; animation-duration: 22s; }\r\n .r365-af2 { top: 18%; right: 4%; animation-duration: 26s; }\r\n .r365-af3 { bottom: 15%; left: 4%; animation-duration: 24s; }\r\n .r365-af4 { bottom: 25%; right: 5%; animation-duration: 28s; }\r\n .r365-af5 { top: 50%; left: 6%; animation-duration: 20s; }\r\n .r365-af6 { top: 60%; right: 7%; animation-duration: 30s; }\r\n .r365-afi1 { top: 30%; right: 12%; animation-duration: 26s; }\r\n .r365-afi2 { bottom: 40%; left: 10%; animation-duration: 30s; }\r\n .r365-afi3 { top: 45%; left: 20%; animation-duration: 22s; }\r\n .r365-ashape1 { width: 60px; height: 60px; top: 25%; left: 15%; animation-duration: 24s; }\r\n .r365-ashape2 { width: 80px; height: 80px; bottom: 20%; right: 14%; animation-duration: 28s; }\r\n .r365-ashape3 { width: 40px; height: 40px; top: 65%; left: 35%; animation-duration: 22s; }\r\n .r365-adot1 { top: 12%; left: 40%; width: 18px; height: 18px; animation-duration: 2.8s; }\r\n .r365-adot2 { top: 48%; right: 32%; width: 14px; height: 14px; animation-duration: 3.2s; }\r\n .r365-adot3 { bottom: 18%; left: 45%; width: 20px; height: 20px; animation-duration: 2.6s; }\r\n\r\n \/* positions green *\/\r\n .r365-agf1 { top: 10%; left: 22%; animation-duration: 24s; }\r\n .r365-agf2 { top: 35%; right: 18%; animation-duration: 28s; }\r\n .r365-agf3 { bottom: 12%; left: 28%; animation-duration: 22s; }\r\n .r365-agf4 { bottom: 30%; right: 26%; animation-duration: 26s; }\r\n .r365-agfi1 { top: 55%; left: 12%; animation-duration: 30s; }\r\n .r365-agfi2 { bottom: 45%; right: 10%; animation-duration: 32s; }\r\n .r365-agsh1 { width: 50px; height: 50px; top: 20%; left: 45%; animation-duration: 26s; }\r\n .r365-agsh2 { width: 70px; height: 70px; bottom: 35%; right: 22%; animation-duration: 30s; }\r\n .r365-agdot1 { top: 25%; left: 55%; width: 16px; height: 16px; animation-duration: 3.0s; }\r\n .r365-agdot2 { top: 70%; right: 40%; width: 14px; height: 14px; animation-duration: 3.6s; }\r\n .r365-agdot3 { bottom: 8%; left: 60%; width: 18px; height: 18px; animation-duration: 2.8s; }\r\n\r\n @keyframes r365AreasFloatAnim {\r\n 0% { transform: translate(0,0) rotate(0deg) scale(1); }\r\n 100% { transform: translate(25px,-20px) rotate(6deg) scale(1.05); }\r\n }\r\n @keyframes r365AreasShapeFloat {\r\n 0% { transform: translate(0,0) scale(1); }\r\n 100% { transform: translate(20px,-25px) scale(1.1); }\r\n }\r\n @keyframes r365AreasDotPulse {\r\n 0% { transform: scale(0.5); opacity: 0.02; }\r\n 100% { transform: scale(1.5); opacity: 0.08; }\r\n }\r\n\r\n \/* ---------- CONTENT (centered) ---------- *\/\r\n .r365-areas-content {\r\n position: relative;\r\n z-index: 10;\r\n text-align: center;\r\n }\r\n\r\n \/* headline *\/\r\n .r365-areas-headline {\r\n font-size: 2.8rem;\r\n font-weight: 800;\r\n color: #ffffff;\r\n line-height: 1.15;\r\n margin-bottom: 0.4rem;\r\n letter-spacing: -0.01em;\r\n }\r\n .r365-areas-headline span {\r\n color: #FFD700;\r\n }\r\n\r\n .r365-areas-underline {\r\n width: 80px;\r\n height: 4px;\r\n background: #FFD700;\r\n margin: 0.6rem auto 1.8rem;\r\n border-radius: 4px;\r\n }\r\n\r\n .r365-areas-subhead {\r\n font-size: 1.05rem;\r\n line-height: 1.7;\r\n color: rgba(255, 255, 255, 0.85);\r\n max-width: 700px;\r\n margin: 0 auto 2.4rem;\r\n }\r\n\r\n \/* ---------- GRID: LEFT (areas list) + RIGHT (map) ---------- *\/\r\n .r365-areas-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 50px;\r\n align-items: start;\r\n text-align: left;\r\n }\r\n\r\n \/* LEFT COLUMN - Areas List *\/\r\n .r365-areas-list {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 12px 24px;\r\n background: rgba(255, 255, 255, 0.04);\r\n border: 1px solid rgba(255, 215, 0, 0.08);\r\n border-radius: 20px;\r\n padding: 28px 30px;\r\n }\r\n .r365-areas-item {\r\n font-size: 0.95rem;\r\n color: rgba(255, 255, 255, 0.85);\r\n padding: 6px 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n border-bottom: 1px solid rgba(255, 215, 0, 0.05);\r\n }\r\n .r365-areas-item i {\r\n color: #FFD700;\r\n font-size: 0.75rem;\r\n width: 18px;\r\n text-align: center;\r\n }\r\n .r365-areas-item:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .r365-areas-cta {\r\n margin-top: 20px;\r\n font-size: 0.95rem;\r\n color: rgba(255, 255, 255, 0.75);\r\n grid-column: 1 \/ -1;\r\n text-align: center;\r\n padding-top: 12px;\r\n border-top: 1px solid rgba(255, 215, 0, 0.08);\r\n }\r\n .r365-areas-cta strong {\r\n color: #FFD700;\r\n font-weight: 600;\r\n }\r\n\r\n \/* RIGHT COLUMN - Google Map *\/\r\n .r365-areas-map {\r\n border-radius: 20px;\r\n overflow: hidden;\r\n border: 1px solid rgba(255, 215, 0, 0.08);\r\n box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);\r\n height: 100%;\r\n min-height: 380px;\r\n transition: all 0.4s ease;\r\n }\r\n .r365-areas-map:hover {\r\n border-color: #FFD700;\r\n box-shadow: 0 12px 40px rgba(255, 215, 0, 0.10);\r\n }\r\n .r365-areas-map iframe {\r\n width: 100%;\r\n height: 100%;\r\n min-height: 380px;\r\n display: block;\r\n border: 0;\r\n }\r\n\r\n \/* ---------- responsive ---------- *\/\r\n @media (max-width: 1024px) {\r\n .r365-areas-headline { font-size: 2.4rem; }\r\n .r365-areas-grid { gap: 35px; }\r\n .r365-areas-list { padding: 24px 24px; }\r\n }\r\n @media (max-width: 820px) {\r\n .r365-areas-section { padding: 70px 20px 80px; }\r\n .r365-areas-headline { font-size: 2.2rem; }\r\n .r365-areas-grid { grid-template-columns: 1fr; gap: 30px; }\r\n .r365-areas-map { min-height: 320px; }\r\n .r365-areas-map iframe { min-height: 320px; }\r\n }\r\n @media (max-width: 768px) {\r\n .r365-areas-floating { display: none; }\r\n .r365-areas-headline { font-size: 1.8rem; }\r\n .r365-areas-underline { width: 60px; }\r\n .r365-areas-subhead { font-size: 0.95rem; }\r\n .r365-areas-list { grid-template-columns: 1fr 1fr; gap: 8px 16px; padding: 20px 18px; }\r\n .r365-areas-item { font-size: 0.85rem; padding: 5px 0; }\r\n .r365-areas-map { min-height: 280px; }\r\n .r365-areas-map iframe { min-height: 280px; }\r\n }\r\n @media (max-width: 576px) {\r\n .r365-areas-section { padding: 50px 16px 60px; }\r\n .r365-areas-headline { font-size: 1.6rem; }\r\n .r365-areas-list { grid-template-columns: 1fr; gap: 4px; padding: 16px 16px; }\r\n .r365-areas-item { font-size: 0.85rem; }\r\n .r365-areas-cta { font-size: 0.85rem; }\r\n .r365-areas-map { min-height: 220px; border-radius: 16px; }\r\n .r365-areas-map iframe { min-height: 220px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body style=\"margin:0; padding:0; background:#0f3d2e;\">\r\n<div class=\"r365-areas-wrapper\">\r\n\r\n \r\n <section class=\"r365-areas-section\">\r\n\r\n \r\n <div class=\"r365-areas-floating\">\r\n \r\n <div class=\"r365-areas-float r365-af1\"><i class=\"fas fa-map-marker-alt\"><\/i><\/div>\r\n <div class=\"r365-areas-float r365-af2\"><i class=\"fas fa-tools\"><\/i><\/div>\r\n <div class=\"r365-areas-float r365-af3\"><i class=\"fas fa-home\"><\/i><\/div>\r\n <div class=\"r365-areas-float r365-af4\"><i class=\"fas fa-hard-hat\"><\/i><\/div>\r\n <div class=\"r365-areas-float r365-af5\"><i class=\"fas fa-shield-alt\"><\/i><\/div>\r\n <div class=\"r365-areas-float r365-af6\"><i class=\"fas fa-helmet-safety\"><\/i><\/div>\r\n <div class=\"r365-areas-float-icon r365-afi1\"><i class=\"fas fa-cog\"><\/i><\/div>\r\n <div class=\"r365-areas-float-icon r365-afi2\"><i class=\"fas fa-cogs\"><\/i><\/div>\r\n <div class=\"r365-areas-float-icon r365-afi3\"><i class=\"fas fa-wind\"><\/i><\/div>\r\n <div class=\"r365-areas-float-shape r365-ashape1\"><\/div>\r\n <div class=\"r365-areas-float-shape r365-ashape2\"><\/div>\r\n <div class=\"r365-areas-float-shape r365-ashape3\"><\/div>\r\n <div class=\"r365-areas-float-dot r365-adot1\"><\/div>\r\n <div class=\"r365-areas-float-dot r365-adot2\"><\/div>\r\n <div class=\"r365-areas-float-dot r365-adot3\"><\/div>\r\n\r\n \r\n <div class=\"r365-areas-float-green r365-agf1\"><i class=\"fas fa-leaf\"><\/i><\/div>\r\n <div class=\"r365-areas-float-green r365-agf2\"><i class=\"fas fa-tree\"><\/i><\/div>\r\n <div class=\"r365-areas-float-green r365-agf3\"><i class=\"fas fa-seedling\"><\/i><\/div>\r\n <div class=\"r365-areas-float-green r365-agf4\"><i class=\"fas fa-recycle\"><\/i><\/div>\r\n <div class=\"r365-areas-float-icon-green r365-agfi1\"><i class=\"fas fa-cog\"><\/i><\/div>\r\n <div class=\"r365-areas-float-icon-green r365-agfi2\"><i class=\"fas fa-shield-halved\"><\/i><\/div>\r\n <div class=\"r365-areas-float-shape-green r365-agsh1\"><\/div>\r\n <div class=\"r365-areas-float-shape-green r365-agsh2\"><\/div>\r\n <div class=\"r365-areas-float-dot-green r365-agdot1\"><\/div>\r\n <div class=\"r365-areas-float-dot-green r365-agdot2\"><\/div>\r\n <div class=\"r365-areas-float-dot-green r365-agdot3\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"r365-areas-container\">\r\n <div class=\"r365-areas-content\">\r\n\r\n \r\n <div class=\"r365-areas-headline\">\r\n Service <span>Areas<\/span>\r\n <\/div>\r\n <div class=\"r365-areas-underline\"><\/div>\r\n <div class=\"r365-areas-subhead\">\r\n Roofing365 provides professional roofing services throughout County Meath and surrounding areas. Whether you need a roof repair, replacement, maintenance, or gutter service, our local team is ready to help.\r\n <\/div>\r\n\r\n \r\n <div class=\"r365-areas-grid\">\r\n\r\n \r\n <div class=\"r365-areas-list\">\r\n <div class=\"r365-areas-item\"><i class=\"fas fa-check-circle\"><\/i> Navan<\/div>\r\n <div class=\"r365-areas-item\"><i class=\"fas fa-check-circle\"><\/i> Trim<\/div>\r\n <div class=\"r365-areas-item\"><i class=\"fas fa-check-circle\"><\/i> Kells<\/div>\r\n <div class=\"r365-areas-item\"><i class=\"fas fa-check-circle\"><\/i> Ashbourne<\/div>\r\n <div class=\"r365-areas-item\"><i class=\"fas fa-check-circle\"><\/i> Dunboyne<\/div>\r\n <div class=\"r365-areas-item\"><i class=\"fas fa-check-circle\"><\/i> Ratoath<\/div>\r\n <div class=\"r365-areas-item\"><i class=\"fas fa-check-circle\"><\/i> Dunshaughlin<\/div>\r\n <div class=\"r365-areas-item\"><i class=\"fas fa-check-circle\"><\/i> Laytown \/ Bettystown<\/div>\r\n <div class=\"r365-areas-item\"><i class=\"fas fa-check-circle\"><\/i> Duleek<\/div>\r\n <div class=\"r365-areas-item\"><i class=\"fas fa-check-circle\"><\/i> Slane<\/div>\r\n <div class=\"r365-areas-cta\">\r\n <strong>Need a roofer in County Meath?<\/strong> Contact Roofing365 today for a free quote.\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"r365-areas-map\">\r\n <iframe \r\n src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d191199.2805521068!2d-6.852990896440226!3d53.66557249883087!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x48676b6369ecb789%3A0xa00c7a9973171a0!2sCounty%20Meath!5e0!3m2!1sen!2sie!4v1724765432100\" \r\n allowfullscreen=\"\" \r\n loading=\"lazy\" \r\n referrerpolicy=\"no-referrer-when-downgrade\"\r\n title=\"Roofing365 Service Areas - County Meath Map\"\r\n ><\/iframe>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n<\/div>\r\n\r\n<script>\r\n (function() {\r\n \/\/ ---- entrance animation ----\r\n const headline = document.querySelector('.r365-areas-headline');\r\n const underline = document.querySelector('.r365-areas-underline');\r\n const subhead = document.querySelector('.r365-areas-subhead');\r\n const list = document.querySelector('.r365-areas-list');\r\n const map = document.querySelector('.r365-areas-map');\r\n\r\n const elements = [headline, underline, subhead, list, map];\r\n elements.forEach((el, i) => {\r\n if (!el) return;\r\n el.style.opacity = '0';\r\n el.style.transform = 'translateY(28px)';\r\n setTimeout(() => {\r\n el.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\r\n el.style.opacity = '1';\r\n el.style.transform = 'translateY(0)';\r\n }, 100 + i * 80);\r\n });\r\n\r\n \/\/ ---- subtle parallax on floating elements (desktop) ----\r\n if (window.innerWidth > 768) {\r\n const floats = document.querySelectorAll('.r365-areas-float, .r365-areas-float-icon, .r365-areas-float-shape, .r365-areas-float-dot, .r365-areas-float-green, .r365-areas-float-icon-green, .r365-areas-float-shape-green, .r365-areas-float-dot-green');\r\n document.addEventListener('mousemove', (e) => {\r\n const x = e.clientX \/ window.innerWidth;\r\n const y = e.clientY \/ window.innerHeight;\r\n floats.forEach((el, idx) => {\r\n const speedX = 0.004 + (idx % 5) * 0.0007;\r\n const speedY = 0.004 + (idx % 5) * 0.0007;\r\n el.style.transform = `translate(${(x - 0.5) * 16 * speedX}px, ${(y - 0.5) * 16 * speedY}px)`;\r\n });\r\n });\r\n }\r\n\r\n \/\/ ---- list items stagger ----\r\n const items = document.querySelectorAll('.r365-areas-item');\r\n items.forEach((item, index) => {\r\n item.style.opacity = '0';\r\n item.style.transform = 'translateX(-12px)';\r\n setTimeout(() => {\r\n item.style.transition = 'opacity 0.4s ease, transform 0.4s ease';\r\n item.style.opacity = '1';\r\n item.style.transform = 'translateX(0)';\r\n }, 400 + index * 50);\r\n });\r\n\r\n document.documentElement.style.scrollBehavior = 'smooth';\r\n })();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\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>Service Areas | Roofing365 Service Areas Roofing365 provides professional roofing services throughout County Meath and surrounding areas. Whether you need a roof repair, replacement, maintenance, or gutter service, our local team is ready to help. Navan Trim Kells Ashbourne Dunboyne Ratoath Dunshaughlin Laytown \/ Bettystown Duleek Slane Need a roofer in County Meath? Contact Roofing365 […]<\/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":{"footnotes":""},"class_list":["post-34","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fabulous-blue-wombat.50-6-227-251.cpanel.site\/index.php?rest_route=\/wp\/v2\/pages\/34","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fabulous-blue-wombat.50-6-227-251.cpanel.site\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fabulous-blue-wombat.50-6-227-251.cpanel.site\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fabulous-blue-wombat.50-6-227-251.cpanel.site\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fabulous-blue-wombat.50-6-227-251.cpanel.site\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=34"}],"version-history":[{"count":7,"href":"https:\/\/fabulous-blue-wombat.50-6-227-251.cpanel.site\/index.php?rest_route=\/wp\/v2\/pages\/34\/revisions"}],"predecessor-version":[{"id":238,"href":"https:\/\/fabulous-blue-wombat.50-6-227-251.cpanel.site\/index.php?rest_route=\/wp\/v2\/pages\/34\/revisions\/238"}],"wp:attachment":[{"href":"https:\/\/fabulous-blue-wombat.50-6-227-251.cpanel.site\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=34"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Service Areas | Roofing365<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\" \/>\r\n <style>\r\n \/* ---------- RESET & ROOT NAMESPACE ---------- *\/\r\n .r365-areas-wrapper {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n .r365-areas-wrapper *,\r\n .r365-areas-wrapper *::before,\r\n .r365-areas-wrapper *::after {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: inherit;\r\n }\r\n\r\n \/* ---------- SERVICE AREAS SECTION (green background) ---------- *\/\r\n .r365-areas-section {\r\n position: relative;\r\n width: 100%;\r\n background: #0f3d2e; \/* deep green *\/\r\n overflow: hidden;\r\n font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n padding: 80px 24px 100px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .r365-areas-container {\r\n max-width: 1300px;\r\n width: 100%;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 10;\r\n }\r\n\r\n \/* ---------- FLOATING ELEMENTS (gold & green) ---------- *\/\r\n .r365-areas-floating {\r\n position: absolute;\r\n inset: 0;\r\n z-index: 1;\r\n pointer-events: none;\r\n overflow: hidden;\r\n }\r\n .r365-areas-float {\r\n position: absolute;\r\n font-size: 2.6rem;\r\n color: #FFD700;\r\n opacity: 0.10;\r\n animation: r365AreasFloatAnim 20s infinite alternate ease-in-out;\r\n }\r\n .r365-areas-float-icon {\r\n position: absolute;\r\n font-size: 2.8rem;\r\n color: #FFD700;\r\n opacity: 0.08;\r\n animation: r365AreasFloatAnim 24s infinite alternate ease-in-out;\r\n }\r\n .r365-areas-float-shape {\r\n position: absolute;\r\n border-radius: 50%;\r\n background: #FFD700;\r\n opacity: 0.06;\r\n animation: r365AreasShapeFloat 26s infinite alternate ease-in-out;\r\n }\r\n .r365-areas-float-dot {\r\n position: absolute;\r\n width: 16px;\r\n height: 16px;\r\n border-radius: 50%;\r\n background: #FFD700;\r\n opacity: 0.07;\r\n animation: r365AreasDotPulse 3s infinite alternate;\r\n }\r\n \/* green floating accents *\/\r\n .r365-areas-float-green {\r\n position: absolute;\r\n font-size: 2.4rem;\r\n color: #6fcf97;\r\n opacity: 0.08;\r\n animation: r365AreasFloatAnim 22s infinite alternate ease-in-out;\r\n }\r\n .r365-areas-float-icon-green {\r\n position: absolute;\r\n font-size: 2.6rem;\r\n color: #6fcf97;\r\n opacity: 0.07;\r\n animation: r365AreasFloatAnim 26s infinite alternate ease-in-out;\r\n }\r\n .r365-areas-float-shape-green {\r\n position: absolute;\r\n border-radius: 50%;\r\n background: #6fcf97;\r\n opacity: 0.05;\r\n animation: r365AreasShapeFloat 28s infinite alternate ease-in-out;\r\n }\r\n .r365-areas-float-dot-green {\r\n position: absolute;\r\n width: 16px;\r\n height: 16px;\r\n border-radius: 50%;\r\n background: #6fcf97;\r\n opacity: 0.06;\r\n animation: r365AreasDotPulse 3.4s infinite alternate;\r\n }\r\n\r\n \/* positions gold *\/\r\n .r365-af1 { top: 6%; left: 3%; animation-duration: 22s; }\r\n .r365-af2 { top: 18%; right: 4%; animation-duration: 26s; }\r\n .r365-af3 { bottom: 15%; left: 4%; animation-duration: 24s; }\r\n .r365-af4 { bottom: 25%; right: 5%; animation-duration: 28s; }\r\n .r365-af5 { top: 50%; left: 6%; animation-duration: 20s; }\r\n .r365-af6 { top: 60%; right: 7%; animation-duration: 30s; }\r\n .r365-afi1 { top: 30%; right: 12%; animation-duration: 26s; }\r\n .r365-afi2 { bottom: 40%; left: 10%; animation-duration: 30s; }\r\n .r365-afi3 { top: 45%; left: 20%; animation-duration: 22s; }\r\n .r365-ashape1 { width: 60px; height: 60px; top: 25%; left: 15%; animation-duration: 24s; }\r\n .r365-ashape2 { width: 80px; height: 80px; bottom: 20%; right: 14%; animation-duration: 28s; }\r\n .r365-ashape3 { width: 40px; height: 40px; top: 65%; left: 35%; animation-duration: 22s; }\r\n .r365-adot1 { top: 12%; left: 40%; width: 18px; height: 18px; animation-duration: 2.8s; }\r\n .r365-adot2 { top: 48%; right: 32%; width: 14px; height: 14px; animation-duration: 3.2s; }\r\n .r365-adot3 { bottom: 18%; left: 45%; width: 20px; height: 20px; animation-duration: 2.6s; }\r\n\r\n \/* positions green *\/\r\n .r365-agf1 { top: 10%; left: 22%; animation-duration: 24s; }\r\n .r365-agf2 { top: 35%; right: 18%; animation-duration: 28s; }\r\n .r365-agf3 { bottom: 12%; left: 28%; animation-duration: 22s; }\r\n .r365-agf4 { bottom: 30%; right: 26%; animation-duration: 26s; }\r\n .r365-agfi1 { top: 55%; left: 12%; animation-duration: 30s; }\r\n .r365-agfi2 { bottom: 45%; right: 10%; animation-duration: 32s; }\r\n .r365-agsh1 { width: 50px; height: 50px; top: 20%; left: 45%; animation-duration: 26s; }\r\n .r365-agsh2 { width: 70px; height: 70px; bottom: 35%; right: 22%; animation-duration: 30s; }\r\n .r365-agdot1 { top: 25%; left: 55%; width: 16px; height: 16px; animation-duration: 3.0s; }\r\n .r365-agdot2 { top: 70%; right: 40%; width: 14px; height: 14px; animation-duration: 3.6s; }\r\n .r365-agdot3 { bottom: 8%; left: 60%; width: 18px; height: 18px; animation-duration: 2.8s; }\r\n\r\n @keyframes r365AreasFloatAnim {\r\n 0% { transform: translate(0,0) rotate(0deg) scale(1); }\r\n 100% { transform: translate(25px,-20px) rotate(6deg) scale(1.05); }\r\n }\r\n @keyframes r365AreasShapeFloat {\r\n 0% { transform: translate(0,0) scale(1); }\r\n 100% { transform: translate(20px,-25px) scale(1.1); }\r\n }\r\n @keyframes r365AreasDotPulse {\r\n 0% { transform: scale(0.5); opacity: 0.02; }\r\n 100% { transform: scale(1.5); opacity: 0.08; }\r\n }\r\n\r\n \/* ---------- CONTENT (centered) ---------- *\/\r\n .r365-areas-content {\r\n position: relative;\r\n z-index: 10;\r\n text-align: center;\r\n }\r\n\r\n \/* headline *\/\r\n .r365-areas-headline {\r\n font-size: 2.8rem;\r\n font-weight: 800;\r\n color: #ffffff;\r\n line-height: 1.15;\r\n margin-bottom: 0.4rem;\r\n letter-spacing: -0.01em;\r\n }\r\n .r365-areas-headline span {\r\n color: #FFD700;\r\n }\r\n\r\n .r365-areas-underline {\r\n width: 80px;\r\n height: 4px;\r\n background: #FFD700;\r\n margin: 0.6rem auto 1.8rem;\r\n border-radius: 4px;\r\n }\r\n\r\n .r365-areas-subhead {\r\n font-size: 1.05rem;\r\n line-height: 1.7;\r\n color: rgba(255, 255, 255, 0.85);\r\n max-width: 700px;\r\n margin: 0 auto 2.4rem;\r\n }\r\n\r\n \/* ---------- GRID: LEFT (areas list) + RIGHT (map) ---------- *\/\r\n .r365-areas-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 50px;\r\n align-items: start;\r\n text-align: left;\r\n }\r\n\r\n \/* LEFT COLUMN - Areas List *\/\r\n .r365-areas-list {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 12px 24px;\r\n background: rgba(255, 255, 255, 0.04);\r\n border: 1px solid rgba(255, 215, 0, 0.08);\r\n border-radius: 20px;\r\n padding: 28px 30px;\r\n }\r\n .r365-areas-item {\r\n font-size: 0.95rem;\r\n color: rgba(255, 255, 255, 0.85);\r\n padding: 6px 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n border-bottom: 1px solid rgba(255, 215, 0, 0.05);\r\n }\r\n .r365-areas-item i {\r\n color: #FFD700;\r\n font-size: 0.75rem;\r\n width: 18px;\r\n text-align: center;\r\n }\r\n .r365-areas-item:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .r365-areas-cta {\r\n margin-top: 20px;\r\n font-size: 0.95rem;\r\n color: rgba(255, 255, 255, 0.75);\r\n grid-column: 1 \/ -1;\r\n text-align: center;\r\n padding-top: 12px;\r\n border-top: 1px solid rgba(255, 215, 0, 0.08);\r\n }\r\n .r365-areas-cta strong {\r\n color: #FFD700;\r\n font-weight: 600;\r\n }\r\n\r\n \/* RIGHT COLUMN - Google Map *\/\r\n .r365-areas-map {\r\n border-radius: 20px;\r\n overflow: hidden;\r\n border: 1px solid rgba(255, 215, 0, 0.08);\r\n box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);\r\n height: 100%;\r\n min-height: 380px;\r\n transition: all 0.4s ease;\r\n }\r\n .r365-areas-map:hover {\r\n border-color: #FFD700;\r\n box-shadow: 0 12px 40px rgba(255, 215, 0, 0.10);\r\n }\r\n .r365-areas-map iframe {\r\n width: 100%;\r\n height: 100%;\r\n min-height: 380px;\r\n display: block;\r\n border: 0;\r\n }\r\n\r\n \/* ---------- responsive ---------- *\/\r\n @media (max-width: 1024px) {\r\n .r365-areas-headline { font-size: 2.4rem; }\r\n .r365-areas-grid { gap: 35px; }\r\n .r365-areas-list { padding: 24px 24px; }\r\n }\r\n @media (max-width: 820px) {\r\n .r365-areas-section { padding: 70px 20px 80px; }\r\n .r365-areas-headline { font-size: 2.2rem; }\r\n .r365-areas-grid { grid-template-columns: 1fr; gap: 30px; }\r\n .r365-areas-map { min-height: 320px; }\r\n .r365-areas-map iframe { min-height: 320px; }\r\n }\r\n @media (max-width: 768px) {\r\n .r365-areas-floating { display: none; }\r\n .r365-areas-headline { font-size: 1.8rem; }\r\n .r365-areas-underline { width: 60px; }\r\n .r365-areas-subhead { font-size: 0.95rem; }\r\n .r365-areas-list { grid-template-columns: 1fr 1fr; gap: 8px 16px; padding: 20px 18px; }\r\n .r365-areas-item { font-size: 0.85rem; padding: 5px 0; }\r\n .r365-areas-map { min-height: 280px; }\r\n .r365-areas-map iframe { min-height: 280px; }\r\n }\r\n @media (max-width: 576px) {\r\n .r365-areas-section { padding: 50px 16px 60px; }\r\n .r365-areas-headline { font-size: 1.6rem; }\r\n .r365-areas-list { grid-template-columns: 1fr; gap: 4px; padding: 16px 16px; }\r\n .r365-areas-item { font-size: 0.85rem; }\r\n .r365-areas-cta { font-size: 0.85rem; }\r\n .r365-areas-map { min-height: 220px; border-radius: 16px; }\r\n .r365-areas-map iframe { min-height: 220px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body style=\"margin:0; padding:0; background:#0f3d2e;\">\r\n<div class=\"r365-areas-wrapper\">\r\n\r\n \r\n <section class=\"r365-areas-section\">\r\n\r\n \r\n <div class=\"r365-areas-floating\">\r\n \r\n <div class=\"r365-areas-float r365-af1\"><i class=\"fas fa-map-marker-alt\"><\/i><\/div>\r\n <div class=\"r365-areas-float r365-af2\"><i class=\"fas fa-tools\"><\/i><\/div>\r\n <div class=\"r365-areas-float r365-af3\"><i class=\"fas fa-home\"><\/i><\/div>\r\n <div class=\"r365-areas-float r365-af4\"><i class=\"fas fa-hard-hat\"><\/i><\/div>\r\n <div class=\"r365-areas-float r365-af5\"><i class=\"fas fa-shield-alt\"><\/i><\/div>\r\n <div class=\"r365-areas-float r365-af6\"><i class=\"fas fa-helmet-safety\"><\/i><\/div>\r\n <div class=\"r365-areas-float-icon r365-afi1\"><i class=\"fas fa-cog\"><\/i><\/div>\r\n <div class=\"r365-areas-float-icon r365-afi2\"><i class=\"fas fa-cogs\"><\/i><\/div>\r\n <div class=\"r365-areas-float-icon r365-afi3\"><i class=\"fas fa-wind\"><\/i><\/div>\r\n <div class=\"r365-areas-float-shape r365-ashape1\"><\/div>\r\n <div class=\"r365-areas-float-shape r365-ashape2\"><\/div>\r\n <div class=\"r365-areas-float-shape r365-ashape3\"><\/div>\r\n <div class=\"r365-areas-float-dot r365-adot1\"><\/div>\r\n <div class=\"r365-areas-float-dot r365-adot2\"><\/div>\r\n <div class=\"r365-areas-float-dot r365-adot3\"><\/div>\r\n\r\n \r\n <div class=\"r365-areas-float-green r365-agf1\"><i class=\"fas fa-leaf\"><\/i><\/div>\r\n <div class=\"r365-areas-float-green r365-agf2\"><i class=\"fas fa-tree\"><\/i><\/div>\r\n <div class=\"r365-areas-float-green r365-agf3\"><i class=\"fas fa-seedling\"><\/i><\/div>\r\n <div class=\"r365-areas-float-green r365-agf4\"><i class=\"fas fa-recycle\"><\/i><\/div>\r\n <div class=\"r365-areas-float-icon-green r365-agfi1\"><i class=\"fas fa-cog\"><\/i><\/div>\r\n <div class=\"r365-areas-float-icon-green r365-agfi2\"><i class=\"fas fa-shield-halved\"><\/i><\/div>\r\n <div class=\"r365-areas-float-shape-green r365-agsh1\"><\/div>\r\n <div class=\"r365-areas-float-shape-green r365-agsh2\"><\/div>\r\n <div class=\"r365-areas-float-dot-green r365-agdot1\"><\/div>\r\n <div class=\"r365-areas-float-dot-green r365-agdot2\"><\/div>\r\n <div class=\"r365-areas-float-dot-green r365-agdot3\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"r365-areas-container\">\r\n <div class=\"r365-areas-content\">\r\n\r\n \r\n <div class=\"r365-areas-headline\">\r\n Service <span>Areas<\/span>\r\n <\/div>\r\n <div class=\"r365-areas-underline\"><\/div>\r\n <div class=\"r365-areas-subhead\">\r\n Roofing365 provides professional roofing services throughout County Meath and surrounding areas. Whether you need a roof repair, replacement, maintenance, or gutter service, our local team is ready to help.\r\n <\/div>\r\n\r\n \r\n <div class=\"r365-areas-grid\">\r\n\r\n \r\n <div class=\"r365-areas-list\">\r\n <div class=\"r365-areas-item\"><i class=\"fas fa-check-circle\"><\/i> Navan<\/div>\r\n <div class=\"r365-areas-item\"><i class=\"fas fa-check-circle\"><\/i> Trim<\/div>\r\n <div class=\"r365-areas-item\"><i class=\"fas fa-check-circle\"><\/i> Kells<\/div>\r\n <div class=\"r365-areas-item\"><i class=\"fas fa-check-circle\"><\/i> Ashbourne<\/div>\r\n <div class=\"r365-areas-item\"><i class=\"fas fa-check-circle\"><\/i> Dunboyne<\/div>\r\n <div class=\"r365-areas-item\"><i class=\"fas fa-check-circle\"><\/i> Ratoath<\/div>\r\n <div class=\"r365-areas-item\"><i class=\"fas fa-check-circle\"><\/i> Dunshaughlin<\/div>\r\n <div class=\"r365-areas-item\"><i class=\"fas fa-check-circle\"><\/i> Laytown \/ Bettystown<\/div>\r\n <div class=\"r365-areas-item\"><i class=\"fas fa-check-circle\"><\/i> Duleek<\/div>\r\n <div class=\"r365-areas-item\"><i class=\"fas fa-check-circle\"><\/i> Slane<\/div>\r\n <div class=\"r365-areas-cta\">\r\n <strong>Need a roofer in County Meath?<\/strong> Contact Roofing365 today for a free quote.\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"r365-areas-map\">\r\n <iframe \r\n src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d191199.2805521068!2d-6.852990896440226!3d53.66557249883087!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x48676b6369ecb789%3A0xa00c7a9973171a0!2sCounty%20Meath!5e0!3m2!1sen!2sie!4v1724765432100\" \r\n allowfullscreen=\"\" \r\n loading=\"lazy\" \r\n referrerpolicy=\"no-referrer-when-downgrade\"\r\n title=\"Roofing365 Service Areas - County Meath Map\"\r\n ><\/iframe>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n<\/div>\r\n\r\n<script>\r\n (function() {\r\n \/\/ ---- entrance animation ----\r\n const headline = document.querySelector('.r365-areas-headline');\r\n const underline = document.querySelector('.r365-areas-underline');\r\n const subhead = document.querySelector('.r365-areas-subhead');\r\n const list = document.querySelector('.r365-areas-list');\r\n const map = document.querySelector('.r365-areas-map');\r\n\r\n const elements = [headline, underline, subhead, list, map];\r\n elements.forEach((el, i) => {\r\n if (!el) return;\r\n el.style.opacity = '0';\r\n el.style.transform = 'translateY(28px)';\r\n setTimeout(() => {\r\n el.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\r\n el.style.opacity = '1';\r\n el.style.transform = 'translateY(0)';\r\n }, 100 + i * 80);\r\n });\r\n\r\n \/\/ ---- subtle parallax on floating elements (desktop) ----\r\n if (window.innerWidth > 768) {\r\n const floats = document.querySelectorAll('.r365-areas-float, .r365-areas-float-icon, .r365-areas-float-shape, .r365-areas-float-dot, .r365-areas-float-green, .r365-areas-float-icon-green, .r365-areas-float-shape-green, .r365-areas-float-dot-green');\r\n document.addEventListener('mousemove', (e) => {\r\n const x = e.clientX \/ window.innerWidth;\r\n const y = e.clientY \/ window.innerHeight;\r\n floats.forEach((el, idx) => {\r\n const speedX = 0.004 + (idx % 5) * 0.0007;\r\n const speedY = 0.004 + (idx % 5) * 0.0007;\r\n el.style.transform = `translate(${(x - 0.5) * 16 * speedX}px, ${(y - 0.5) * 16 * speedY}px)`;\r\n });\r\n });\r\n }\r\n\r\n \/\/ ---- list items stagger ----\r\n const items = document.querySelectorAll('.r365-areas-item');\r\n items.forEach((item, index) => {\r\n item.style.opacity = '0';\r\n item.style.transform = 'translateX(-12px)';\r\n setTimeout(() => {\r\n item.style.transition = 'opacity 0.4s ease, transform 0.4s ease';\r\n item.style.opacity = '1';\r\n item.style.transform = 'translateX(0)';\r\n }, 400 + index * 50);\r\n });\r\n\r\n document.documentElement.style.scrollBehavior = 'smooth';\r\n })();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\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>Service Areas | Roofing365 Service Areas Roofing365 provides professional roofing services throughout County Meath and surrounding areas. Whether you need a roof repair, replacement, maintenance, or gutter service, our local team is ready to help. Navan Trim Kells Ashbourne Dunboyne Ratoath Dunshaughlin Laytown \/ Bettystown Duleek Slane Need a roofer in County Meath? Contact Roofing365 […]<\/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":{"footnotes":""},"class_list":["post-34","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fabulous-blue-wombat.50-6-227-251.cpanel.site\/index.php?rest_route=\/wp\/v2\/pages\/34","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fabulous-blue-wombat.50-6-227-251.cpanel.site\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fabulous-blue-wombat.50-6-227-251.cpanel.site\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fabulous-blue-wombat.50-6-227-251.cpanel.site\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fabulous-blue-wombat.50-6-227-251.cpanel.site\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=34"}],"version-history":[{"count":7,"href":"https:\/\/fabulous-blue-wombat.50-6-227-251.cpanel.site\/index.php?rest_route=\/wp\/v2\/pages\/34\/revisions"}],"predecessor-version":[{"id":238,"href":"https:\/\/fabulous-blue-wombat.50-6-227-251.cpanel.site\/index.php?rest_route=\/wp\/v2\/pages\/34\/revisions\/238"}],"wp:attachment":[{"href":"https:\/\/fabulous-blue-wombat.50-6-227-251.cpanel.site\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=34"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}