{"id":10,"date":"2026-05-15T19:30:27","date_gmt":"2026-05-15T19:30:27","guid":{"rendered":"https:\/\/clientworkdesign.com\/leon-hammerson-design\/?page_id=10"},"modified":"2026-05-16T22:22:15","modified_gmt":"2026-05-16T22:22:15","slug":"home","status":"publish","type":"page","link":"https:\/\/clientworkdesign.com\/leon-hammerson-design\/","title":{"rendered":"Home"},"content":{"rendered":"<style>\n        @keyframes logoHeavyGlow {\n          0%, 100% { \n            box-shadow: 0 0 8px rgba(217, 115, 13, 0.5), inset 0 0 4px rgba(217, 115, 13, 0.3); \n            transform: scale(1); \n            filter: drop-shadow(0 0 4px rgba(217, 115, 13, 0.4));\n          }\n          50% { \n            box-shadow: 0 0 30px rgba(217, 115, 13, 0.95), 0 0 15px rgba(217, 115, 13, 0.6), inset 0 0 8px rgba(217, 115, 13, 0.5); \n            transform: scale(1.04); \n            filter: drop-shadow(0 0 15px rgba(217, 115, 13, 0.9));\n          }\n        }\n        @keyframes textHeavyGlow {\n          0%, 100% { \n            color: #ffffff; \n            text-shadow: 0 0 4px rgba(255, 255, 255, 0.3); \n          }\n          50% { \n            color: #ffffff; \n            text-shadow: 0 0 14px rgba(217, 115, 13, 0.95), 0 0 28px rgba(217, 115, 13, 0.6); \n          }\n        }\n        .enhanced-logo-box {\n          background-color: #ffffff; \n          width: 44px; \n          height: 44px; \n          border-radius: 50%; \n          display: flex; \n          align-items: center; \n          justify-content: center;\n          animation: logoHeavyGlow 2.5s infinite ease-in-out;\n        }\n        .enhanced-logo-text {\n          font-family: 'Oswald', sans-serif; \n          font-size: 18px; \n          font-weight: 700; \n          letter-spacing: 0.5px;\n          text-transform: uppercase;\n          animation: textHeavyGlow 2.5s infinite ease-in-out;\n        }\n        \/* Responsive Media Query Core Logic *\/\n        #janney-menu-toggle {\n          display: none;\n        }\n        .janney-menu-btn {\n          display: none;\n          flex-direction: column;\n          gap: 5px;\n          cursor: pointer;\n          z-index: 10001;\n        }\n        .janney-menu-btn span {\n          background-color: #ffffff;\n          height: 3px;\n          width: 28px;\n          border-radius: 2px;\n          transition: all 0.3s ease;\n        }\n        @media (max-width: 1024px) {\n          .janney-menu-btn {\n            display: flex;\n          }\n          .janney-responsive-nav {\n            position: absolute;\n            top: calc(100% + 15px);\n            right: -5%;\n            background-color: #0b0b0b;\n            width: 100vw;\n            flex-direction: column;\n            align-items: center;\n            gap: 0 !important;\n            padding: 20px 0;\n            border-top: 1px solid #1c1c1c;\n            border-bottom: 1px solid #1c1c1c;\n            display: none !important;\n            box-shadow: 0 10px 25px rgba(0,0,0,0.5);\n          }\n          .janney-responsive-nav nav {\n            flex-direction: column;\n            width: 100%;\n            gap: 15px !important;\n            margin-bottom: 20px;\n          }\n          .janney-responsive-nav nav a {\n            width: 100%;\n            text-align: center;\n            padding: 8px 0;\n          }\n          .janney-btn-wrapper {\n            flex-direction: column;\n            width: 100%;\n            padding: 0 20px;\n            box-sizing: border-box;\n          }\n          .janney-btn-wrapper a {\n            width: 100%;\n            justify-content: center;\n          }\n          \/* Checkbox Trigger Toggle Actions *\/\n          #janney-menu-toggle:checked ~ .janney-responsive-nav {\n            display: flex !important;\n          }\n          #janney-menu-toggle:checked ~ .janney-menu-btn span:nth-child(1) {\n            transform: translateY(8px) rotate(45deg);\n          }\n          #janney-menu-toggle:checked ~ .janney-menu-btn span:nth-child(2) {\n            opacity: 0;\n          }\n          #janney-menu-toggle:checked ~ .janney-menu-btn span:nth-child(3) {\n            transform: translateY(-8px) rotate(-45deg);\n          }\n        }\n      <\/style>\n<p>      YOUR LOGO HERE<br \/>\n    <input type=\"checkbox\" id=\"janney-menu-toggle\"><br \/>\n    <label for=\"janney-menu-toggle\"><br \/>\n    <\/label><\/p>\n<nav style=\"display: flex; align-items: center; gap: 22px; font-family: 'Inter', sans-serif; font-size: 15px; font-weight: 600; box-sizing: border-box;\">\n        <a href=\"#\" style=\"color: #ffffff; text-decoration: none; display: inline-flex; align-items: center; gap: 5px; transition: color 0.2s;\"><br \/>\n          Services &#9660;<br \/>\n        <\/a><br \/>\n        <a href=\"#\" style=\"color: #ffffff; text-decoration: none; display: inline-flex; align-items: center; gap: 5px; transition: color 0.2s;\"><br \/>\n          Locations &#9660;<br \/>\n        <\/a><br \/>\n        <a href=\"#\" style=\"color: #ffffff; text-decoration: none; display: inline-flex; align-items: center; gap: 5px; transition: color 0.2s;\"><br \/>\n          About &#9660;<br \/>\n        <\/a><br \/>\n        <a href=\"#\" style=\"color: #ffffff; text-decoration: none; transition: color 0.2s;\">Financing<\/a><br \/>\n        <a href=\"#\" style=\"color: #ffffff; text-decoration: none; transition: color 0.2s;\">Blog<\/a><br \/>\n        <a href=\"#\" style=\"color: #ffffff; text-decoration: none; transition: color 0.2s;\">Contact Us<\/a><br \/>\n      <\/nav>\n<p>        <a href=\"#\" style=\"display: inline-flex; align-items: center; background-color: #d9730d; color: #ffffff; text-decoration: none; font-size: 15px; font-weight: 700; text-transform: uppercase; padding: 10px 24px; border-radius: 4px; letter-spacing: 0.5px; transition: background-color 0.2s; white-space: nowrap; height: 42px; box-sizing: border-box;\"><br \/>\n          FREE INSPECTION<br \/>\n        <\/a><br \/>\n        <a href=\"tel:4073055049\" style=\"display: inline-flex; align-items: center; border: 1px solid #d9730d; color: #ffffff; text-decoration: none; font-size: 15px; font-weight: 700; padding: 10px 20px; border-radius: 4px; letter-spacing: 0.5px; white-space: nowrap; height: 42px; box-sizing: border-box; transition: all 0.2s;\"><br \/>\n          407-305-5049<br \/>\n        <\/a><\/p>\n<style>\n    .janney-hero-container {\n      width: 100%; \n      max-width: 1400px; \n      display: flex; \n      flex-wrap: wrap; \n      gap: 60px; \n      align-items: center; \n      box-sizing: border-box;\n    }\n    .janney-hero-text-panel {\n      flex: 1.2; \n      min-width: 320px; \n      box-sizing: border-box;\n    }\n    .janney-hero-form-panel {\n      flex: 1; \n      min-width: 320px; \n      max-width: 650px; \n      background-color: #0b0b0b; \n      border: 1px solid #333333; \n      border-radius: 20px; \n      padding: 50px 45px; \n      box-sizing: border-box; \n      box-shadow: 0 20px 60px rgba(0,0,0,0.6);\n    }\n    .janney-form-row {\n      display: flex; \n      gap: 20px; \n      margin-bottom: 20px;\n    }\n    .janney-main-title {\n      color: #ffffff; \n      font-size: 75px; \n      line-height: 1.05; \n      text-transform: uppercase; \n      margin: 0 0 30px 0; \n      font-weight: 900; \n      letter-spacing: -2px;\n    }\n    \/* Tablet Layout Breakpoint *\/\n    @media (max-width: 1024px) {\n      .janney-main-title {\n        font-size: 52px;\n        letter-spacing: -1px;\n      }\n      .janney-hero-container {\n        gap: 40px;\n      }\n    }\n    \/* Mobile Layout Breakpoint *\/\n    @media (max-width: 767px) {\n      .janney-main-title {\n        font-size: 40px;\n        line-height: 1.1;\n        margin-bottom: 20px;\n      }\n      .janney-hero-text-panel {\n        text-align: center;\n      }\n      .janney-hero-text-panel p {\n        font-size: 16px !important;\n        line-height: 1.6 !important;\n      }\n      .janney-hero-form-panel {\n        padding: 30px 20px;\n        border-radius: 12px;\n      }\n      .janney-hero-form-panel h2 {\n        font-size: 28px !important;\n        margin-bottom: 25px !important;\n        text-align: center;\n      }\n      \/* Force Form inputs from side-by-side to stacked rows *\/\n      .janney-form-row {\n        flex-direction: column;\n        gap: 15px;\n        margin-bottom: 15px;\n      }\n      .janney-form-row-last {\n        margin-bottom: 15px !important;\n      }\n      .janney-hero-form-panel button {\n        width: 100%;\n        font-size: 20px !important;\n      }\n    }\n  <\/style>\n<h1>\n         ROOFERS YOU <br \/>\n        CAN TRUST<br \/>\n      <\/h1>\n<p style=\"font-family: 'Open Sans', Helvetica, Arial, sans-serif; color: #ffffff; font-size: 20px; line-height: 1.7; margin: 0; font-weight: 400; letter-spacing: 0.3px;\">\n        <strong style=\"font-weight: 700;\">Your home matters.<\/strong> Roofing problems don\u2019t have to be stressful or complicated. Whether you need a repair or complete replacement, the experts at Janney Roofing have you covered from start to finish.\n      <\/p>\n<h2 style=\"color: #ffffff; font-size: 36px; text-transform: uppercase; margin: 0 0 35px 0; font-weight: 700; letter-spacing: 0.5px; line-height: 1.15;\">\n        SCHEDULE YOUR FREE INSPECTION<br \/>\n      <\/h2>\n<form onsubmit=\"event.preventDefault();\" style=\"margin: 0; font-family: 'Open Sans', Helvetica, Arial, sans-serif;\">\n            <label style=\"display: block; color: #ffffff; font-size: 14px; font-weight: 600; margin-bottom: 8px;\">First Name<\/label><br \/>\n            <input type=\"text\" style=\"width: 100%; background-color: #ffffff; border: none; border-radius: 6px; padding: 15px; font-size: 16px; box-sizing: border-box; height: 50px; outline: none;\" \/><br \/>\n            <label style=\"display: block; color: #ffffff; font-size: 14px; font-weight: 600; margin-bottom: 8px;\">Last Name<\/label><br \/>\n            <input type=\"text\" style=\"width: 100%; background-color: #ffffff; border: none; border-radius: 6px; padding: 15px; font-size: 16px; box-sizing: border-box; height: 50px; outline: none;\" \/><br \/>\n            <label style=\"display: block; color: #ffffff; font-size: 14px; font-weight: 600; margin-bottom: 8px;\">Janney services<\/label><br \/>\n            <select style=\"width: 100%; background-color: #ffffff; border: none; border-radius: 6px; padding: 12px 15px; font-size: 16px; box-sizing: border-box; height: 50px; appearance: auto; color: #777; outline: none;\"><option>Choose a service<\/option><\/select><br \/>\n            <label style=\"display: block; color: #ffffff; font-size: 14px; font-weight: 600; margin-bottom: 8px;\">Phone Number<\/label><br \/>\n            <input type=\"tel\" style=\"width: 100%; background-color: #ffffff; border: none; border-radius: 6px; padding: 15px; font-size: 16px; box-sizing: border-box; height: 50px; outline: none;\" \/><br \/>\n            <label style=\"display: block; color: #ffffff; font-size: 14px; font-weight: 600; margin-bottom: 8px;\">Email Address<\/label><br \/>\n            <input type=\"email\" style=\"width: 100%; background-color: #ffffff; border: none; border-radius: 6px; padding: 15px; font-size: 16px; box-sizing: border-box; height: 50px; outline: none;\" \/><br \/>\n            <label style=\"display: block; color: #ffffff; font-size: 14px; font-weight: 600; margin-bottom: 8px;\">Zip<\/label><br \/>\n            <input type=\"text\" style=\"width: 100%; background-color: #ffffff; border: none; border-radius: 6px; padding: 15px; font-size: 16px; box-sizing: border-box; height: 50px; outline: none;\" \/><br \/>\n          <label style=\"display: block; color: #ffffff; font-size: 14px; font-weight: 600; margin-bottom: 8px;\">How can Janney help you?<\/label><br \/>\n          <select style=\"width: 100%; background-color: #ffffff; border: none; border-radius: 6px; padding: 12px 15px; font-size: 16px; box-sizing: border-box; height: 50px; appearance: auto; color: #333; outline: none;\"><option>I&#8217;m inquiring about your roofing services<\/option><\/select><br \/>\n          <input type=\"checkbox\" id=\"consent\" style=\"margin-top: 3px; cursor: pointer; transform: scale(1.1);\" \/><br \/>\n          <label for=\"consent\" style=\"color: #bbbbbb; font-family: sans-serif; font-size: 11px; line-height: 1.5; cursor: pointer; user-select: none; font-weight: 400;\"><br \/>\n            By checking this box, I agree to receive calls, text messages, and emails from Janney Roofing regarding my request, services, promotions, and related updates. Message and data rates may apply. Message frequency may vary. I understand I may opt out at any time by replying STOP to a text message, clicking unsubscribe in an email, or contacting Janney directly.<br \/>\n          <\/label><br \/>\n          <button type=\"submit\" style=\"font-family: 'Oswald', sans-serif; background-color: #d9730d; color: #ffffff; border: none; border-radius: 8px; padding: 15px 60px; font-size: 22px; font-weight: 700; text-transform: uppercase; cursor: pointer; transition: background-color 0.2s, transform 0.1s; height: 55px; display: inline-flex; align-items: center; justify-content: center; letter-spacing: 0.5px; box-shadow: 0 5px 15px rgba(217, 115, 13, 0.3);\"><br \/>\n            SUBMIT<br \/>\n          <\/button><br \/>\n      <\/form>\n<p>        01.<\/p>\n<h3 style=\"color: #000000; font-size: 28px; line-height: 1.1; font-weight: 700; text-transform: uppercase; margin: 0 0 15px 0; letter-spacing: 0.5px;\">\n        START YOUR<br \/>FREE INSPECTION<br \/>\n      <\/h3>\n<p style=\"font-family: 'Inter', 'Open Sans', Arial, sans-serif; color: #333333; font-size: 15px; line-height: 1.6; margin: 0; font-weight: 400; max-width: 290px;\">\n        Our roofing expert will inspect your roof, answer your questions and provide a detailed quote.\n      <\/p>\n<p>        02.<\/p>\n<h3 style=\"color: #000000; font-size: 28px; line-height: 1.1; font-weight: 700; text-transform: uppercase; margin: 0 0 15px 0; letter-spacing: 0.5px;\">\n        SELECT COLORS<br \/>AND MATERIALS<br \/>\n      <\/h3>\n<p style=\"font-family: 'Inter', 'Open Sans', Arial, sans-serif; color: #333333; font-size: 15px; line-height: 1.6; margin: 0; font-weight: 400; max-width: 290px;\">\n        Your home should reflect your taste and preferences. The choices are yours.\n      <\/p>\n<p>        03.<\/p>\n<h3 style=\"color: #000000; font-size: 28px; line-height: 1.1; font-weight: 700; text-transform: uppercase; margin: 0 0 15px 0; letter-spacing: 0.5px;\">\n        WE BUILD<br \/>YOUR ROOF<br \/>\n      <\/h3>\n<p style=\"font-family: 'Inter', 'Open Sans', Arial, sans-serif; color: #333333; font-size: 15px; line-height: 1.6; margin: 0; font-weight: 400; max-width: 290px;\">\n        Enjoy a 5-Star roofing experience from start to finish.\n      <\/p>\n<style>\n    .janney-split-header {\n      width: 100%; max-width: 1140px; display: flex; align-items: center; gap: 30px; margin-bottom: 40px; flex-wrap: wrap;\n    }\n    .janney-split-grid {\n      width: 100%; max-width: 1140px; display: flex; flex-wrap: wrap; align-items: stretch; box-sizing: border-box; border-radius: 4px; overflow: hidden; background-color: #ffffff;\n    }\n    .janney-split-left {\n      flex: 1; min-width: 320px; background-color: #000000; box-sizing: border-box; display: flex; flex-direction: column;\n    }\n    .janney-split-right {\n      flex: 1; min-width: 320px; background-color: #ffffff; padding: 45px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; overflow: hidden; position: relative; min-height: 480px;\n    }\n    @keyframes customReviewFade {\n      0%, 20% { opacity: 0; transform: translateY(15px); }\n      2.5%, 17.5% { opacity: 1; transform: translateY(0); }\n    }\n    .j-slider-node {\n      position: absolute; left: 45px; right: 45px; opacity: 0; animation: customReviewFade 32s infinite ease-in-out; display: flex; flex-direction: column;\n    }\n    .sr-1 { animation-delay: 0s; }\n    .sr-2 { animation-delay: 8s; }\n    .sr-3 { animation-delay: 16s; }\n    .sr-4 { animation-delay: 24s; }\n    \/* Tablet and Small Screens Scaling *\/\n    @media (max-width: 991px) {\n      .janney-split-header h3 {\n        font-size: 24px !important;\n      }\n      .janney-split-right {\n        padding: 35px 25px;\n        min-height: 440px;\n      }\n      .j-slider-node {\n        left: 25px;\n        right: 25px;\n      }\n    }\n    \/* Mobile Breakpoint Core Logic *\/\n    @media (max-width: 767px) {\n      .janney-split-header {\n        flex-direction: column;\n        align-items: center;\n        text-align: center;\n        gap: 15px;\n        margin-bottom: 30px;\n      }\n      .janney-split-header h3 {\n        font-size: 20px !important;\n        line-height: 1.3 !important;\n      }\n      .janney-split-grid {\n        flex-direction: column;\n      }\n      \/* Convert absolute slides to auto flow if text overflows on small viewport *\/\n      .janney-split-right {\n        min-height: auto;\n        padding: 40px 20px;\n      }\n      .j-slider-node {\n        position: relative;\n        left: 0;\n        right: 0;\n        top: 0;\n        display: none;\n      }\n      \/* Keep only the first prominent review active statically on small mobile views to prevent breaking box height *\/\n      .j-slider-node.sr-1 {\n        display: flex;\n        opacity: 1;\n        animation: none;\n      }\n      .janney-split-right div[style*=\"text-align: left\"] {\n        text-align: center !important;\n        margin-top: 20px !important;\n      }\n      .janney-split-right div[style*=\"text-align: left\"] a {\n        width: 100%;\n        text-align: center;\n        box-sizing: border-box;\n      }\n    }\n  <\/style>\n<h2 style=\"color: #ffffff; font-size: 22px; line-height: 1.1; margin: 0; font-weight: 900; letter-spacing: -0.5px; text-transform: uppercase;\">\n         HIGHEST<br \/>RATED ROOFER\u00ae<br \/>\n      <\/h2>\n<p>      The Janney Difference<\/p>\n<h3 style=\"color: #ffffff; font-size: 30px; line-height: 1.2; margin: 0; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px;\">\n        HELPING GUIDE YOU THROUGH THE<br \/>ROOFING PROCESS.<br \/>\n      <\/h3>\n<p>        <img decoding=\"async\" src=\"https:\/\/picsum.photos\/id\/1029\/800\/600\" alt=\"Florida Roofing Janney\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\" \/><\/p>\n<p style=\"font-family: 'Inter', sans-serif; color: #ffffff; font-size: 13.5px; line-height: 1.6; margin: 0 0 15px 0; font-weight: 400; opacity: 0.95;\">\n          Let&#8217;s face it. Any level of roof repair can send your stress levels through the&#8230; well, roof. The good news is that the experts at Janney Roofing make it easy. With nearly 20 years of Florida roofing experience, we help you understand what to expect and guide you every step of the way. Our exceptional service and quality guarantees are why we&#8217;re the Florida roofers you can trust.\n        <\/p>\n<p style=\"font-family: 'Inter', sans-serif; color: #ffffff; font-size: 13.5px; line-height: 1.6; margin: 0; font-weight: 400; opacity: 0.95;\">\n          Our family-founded company owes its success to our four guiding principles.\n        <\/p>\n<p style=\"font-family: 'Inter', sans-serif; color: #333333; font-size: 15px; line-height: 1.7; margin: 0 0 25px 0; font-style: italic; font-weight: 400;\">\n          &#8220;Janney Roofing exceeded my expectations from start to finish. They made the entire process incredibly smooth and stress-free. The pricing was competitive, and the value we received was excellent.&#8221;\n        <\/p>\n<p>          <img decoding=\"async\" src=\"https:\/\/picsum.photos\/id\/64\/150\/150\" alt=\"Client Matthew Clancy\" style=\"width: 50px; height: 50px; border-radius: 50%; object-fit: cover;\" \/><\/p>\n<h4 style=\"font-family: 'Inter', sans-serif; color: #000000; font-size: 15px; margin: 0; font-weight: 700;\">Matthew Clancy<\/h4>\n<p>            Verified Homeowner<\/p>\n<p style=\"font-family: 'Inter', sans-serif; color: #333333; font-size: 15px; line-height: 1.7; margin: 0 0 25px 0; font-style: italic; font-weight: 400;\">\n          &#8220;They were very organized and completed the replacement of our entire large roof in just one day. They did a great job cleaning up afterwards. We would definitely recommend them.&#8221;\n        <\/p>\n<p>          <img decoding=\"async\" src=\"https:\/\/picsum.photos\/id\/338\/150\/150\" alt=\"Client Lizzie Walters\" style=\"width: 50px; height: 50px; border-radius: 50%; object-fit: cover;\" \/><\/p>\n<h4 style=\"font-family: 'Inter', sans-serif; color: #000000; font-size: 15px; margin: 0; font-weight: 700;\">Lizzie Walters<\/h4>\n<p>            Verified Homeowner<\/p>\n<p style=\"font-family: 'Inter', sans-serif; color: #333333; font-size: 15px; line-height: 1.7; margin: 0 0 25px 0; font-style: italic; font-weight: 400;\">\n          &#8220;As a perfectionist, I was expecting to do some cleanup, but there was nothing. Not one nail, not one shred of paper! Hats off to Janney Roofing &#8211; you run a tight ship.&#8221;\n        <\/p>\n<p>          <img decoding=\"async\" src=\"https:\/\/picsum.photos\/id\/342\/150\/150\" alt=\"Client Denise Thomas\" style=\"width: 50px; height: 50px; border-radius: 50%; object-fit: cover;\" \/><\/p>\n<h4 style=\"font-family: 'Inter', sans-serif; color: #000000; font-size: 15px; margin: 0; font-weight: 700;\">Denise Thomas<\/h4>\n<p>            Verified Homeowner<\/p>\n<p style=\"font-family: 'Inter', sans-serif; color: #333333; font-size: 15px; line-height: 1.7; margin: 0 0 25px 0; font-style: italic; font-weight: 400;\">\n          &#8220;This company has been the absolute best I&#8217;ve ever dealt with. They even repaired attic water damage from years of neglect. Everyone has been friendly, courteous, and patient.&#8221;\n        <\/p>\n<p>          <img decoding=\"async\" src=\"https:\/\/picsum.photos\/id\/91\/150\/150\" alt=\"Client Greg Poole\" style=\"width: 50px; height: 50px; border-radius: 50%; object-fit: cover;\" \/><\/p>\n<h4 style=\"font-family: 'Inter', sans-serif; color: #000000; font-size: 15px; margin: 0; font-weight: 700;\">Greg Poole<\/h4>\n<p>            Verified Homeowner<br \/>\n        <a href=\"#\" style=\"display: inline-block; background-color: #d9730d; color: #ffffff; text-decoration: none; font-family: 'Oswald', sans-serif; font-size: 15px; font-weight: 700; text-transform: uppercase; padding: 12px 30px; border-radius: 4px; letter-spacing: 0.5px; transition: background-color 0.2s;\"><br \/>\n          START MY FREE INSPECTION<br \/>\n        <\/a><\/p>\n<style>\n      @keyframes janneyLogoScroll {\n        0% { transform: translateX(0); }\n        100% { transform: translateX(-50%); }\n      }\n      .janney-logo-track {\n        display: flex;\n        width: max-content;\n        gap: 60px; \/* Enhanced gap for premium spacing *\/\n        animation: janneyLogoScroll 20s linear infinite; \/* Stabilized animation speed *\/\n        will-change: transform;\n      }\n      .janney-logo-track:hover {\n        animation-play-state: paused;\n      }\n      .janney-logo-wrapper {\n        width: 160px;\n        height: 80px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        box-sizing: border-box;\n      }\n      .janney-logo-item {\n        width: 100%;\n        height: 100%;\n        object-fit: contain;\n        filter: grayscale(100%) opacity(0.5);\n        transition: filter 0.3s ease, transform 0.3s ease;\n        cursor: pointer;\n      }\n      .janney-logo-item:hover {\n        filter: grayscale(0%) opacity(1);\n        transform: scale(1.05);\n      }\n      \/* Tablet Scale Alignment Adjustments *\/\n      @media (max-width: 1024px) {\n        .janney-logo-track {\n          gap: 45px;\n          animation-duration: 18s; \/* Smoother pace on tablets *\/\n        }\n        .janney-logo-wrapper {\n          width: 130px;\n          height: 70px;\n        }\n      }\n      \/* Mobile Sizing Breakpoint Optimization *\/\n      @media (max-width: 767px) {\n        .janney-logo-track {\n          gap: 30px;\n          animation-duration: 15s; \/* Balanced timing loop for compact width *\/\n        }\n        .janney-logo-wrapper {\n          width: 110px;\n          height: 60px;\n        }\n        \/* Keep tracking active on touch devices smoothly without accidental scale jumps *\/\n        .janney-logo-track:hover {\n          animation-play-state: running;\n        }\n      }\n    <\/style>\n<p>        <img decoding=\"async\" src=\"https:\/\/picsum.photos\/id\/64\/180\/100\" alt=\"Roofing Award 1\" \/><br \/>\n        <img decoding=\"async\" src=\"https:\/\/picsum.photos\/id\/91\/180\/100\" alt=\"Roofing Award 2\" \/><br \/>\n        <img decoding=\"async\" src=\"https:\/\/picsum.photos\/id\/338\/180\/100\" alt=\"Roofing Award 3\" \/><br \/>\n        <img decoding=\"async\" src=\"https:\/\/picsum.photos\/id\/342\/180\/100\" alt=\"Roofing Award 4\" \/><br \/>\n        <img decoding=\"async\" src=\"https:\/\/picsum.photos\/id\/524\/180\/100\" alt=\"Roofing Award 5\" \/><br \/>\n        <img decoding=\"async\" src=\"https:\/\/picsum.photos\/id\/64\/180\/100\" alt=\"Roofing Award 1 Duplicate\" \/><br \/>\n        <img decoding=\"async\" src=\"https:\/\/picsum.photos\/id\/91\/180\/100\" alt=\"Roofing Award 2 Duplicate\" \/><br \/>\n        <img decoding=\"async\" src=\"https:\/\/picsum.photos\/id\/338\/180\/100\" alt=\"Roofing Award 3 Duplicate\" \/><br \/>\n        <img decoding=\"async\" src=\"https:\/\/picsum.photos\/id\/342\/180\/100\" alt=\"Roofing Award 4 Duplicate\" \/><br \/>\n        <img decoding=\"async\" src=\"https:\/\/picsum.photos\/id\/524\/180\/100\" alt=\"Roofing Award 5 Duplicate\" \/><\/p>\n<style>\n    .janney-services-header {\n      text-align: center; margin-bottom: 50px; padding: 0 20px; box-sizing: border-box;\n    }\n    .janney-row-wrapper {\n      width: 100%; max-width: 1140px; margin: 0 auto 40px auto; display: flex; flex-wrap: wrap; align-items: stretch; box-sizing: border-box; background-color: #ffffff;\n    }\n    .janney-text-col {\n      flex: 1; min-width: 320px; padding: 45px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; background-color: #fdfdfd;\n    }\n    .janney-img-col {\n      flex: 1; min-width: 320px; min-height: 350px; overflow: hidden; position: relative;\n    }\n    .janney-img-col img {\n      width: 100%; height: 100%; object-fit: cover; display: block;\n    }\n    \/* Tablet and Responsive Viewport Scaling *\/\n    @media (max-width: 991px) {\n      .janney-text-col {\n        padding: 30px;\n      }\n      .janney-img-col {\n        min-height: 280px;\n      }\n    }\n    \/* Mobile View Flow Restructuring Logic *\/\n    @media (max-width: 767px) {\n      .janney-services-header h2 {\n        font-size: 30px !important;\n        margin-bottom: 10px;\n      }\n      .janney-row-wrapper {\n        margin-bottom: 30px;\n      }\n      \/* Row 1 Handling: Keep image container on top of text on mobile views *\/\n      .janney-row-wrapper-first {\n        flex-direction: column-reverse;\n      }\n      \/* Row 2 Handling: Forces standard stacked alignment *\/\n      .janney-row-wrapper-second {\n        flex-direction: column;\n      }\n      .janney-text-col {\n        padding: 35px 20px;\n        text-align: center;\n      }\n      .janney-text-col h3 {\n        font-size: 22px !important;\n      }\n      .janney-text-col div[style*=\"display: flex\"] {\n        justify-content: center !important;\n        gap: 12px !important;\n      }\n      .janney-text-col a {\n        width: 100%;\n        text-align: center;\n        box-sizing: border-box;\n      }\n      .janney-img-col {\n        min-height: 240px;\n      }\n    }\n  <\/style>\n<h2 style=\"color: #000000; font-size: 38px; font-weight: 700; text-transform: uppercase; margin: 0; letter-spacing: 0.5px;\">\n      ROOFING SERVICES<br \/>\n    <\/h2>\n<h3 style=\"color: #000000; font-size: 26px; font-weight: 700; text-transform: uppercase; margin: 0 0 15px 0; letter-spacing: -0.5px; line-height: 1.2;\">\n        RESIDENTIAL ROOFING<br \/>\n      <\/h3>\n<p style=\"font-family: 'Inter', sans-serif; color: #444444; font-size: 14px; line-height: 1.6; margin: 0 0 25px 0; font-weight: 400;\">\n        Need a new roof on your residential property? Janney Roofing has you covered. Once one of our experts provides you with a free inspection, you\u2019ll have all the information you need to make an informed decision. Give your home your unique look and feel by selecting the colors and materials you prefer, and our award-winning teams get to work, providing you with timely updates and communication every step of the way.\n      <\/p>\n<p>        <a href=\"#\" style=\"display: inline-block; background-color: #000000; color: #ffffff; text-decoration: none; font-size: 13px; font-weight: 700; text-transform: uppercase; padding: 12px 24px; border-radius: 4px; letter-spacing: 0.5px; transition: background-color 0.2s;\"><br \/>\n          ROOF REPLACEMENT<br \/>\n        <\/a><br \/>\n        <a href=\"#\" style=\"display: inline-block; background-color: #000000; color: #ffffff; text-decoration: none; font-size: 13px; font-weight: 700; text-transform: uppercase; padding: 12px 24px; border-radius: 4px; letter-spacing: 0.5px; transition: background-color 0.2s;\"><br \/>\n          ROOF REPAIR<br \/>\n        <\/a><br \/>\n      <img decoding=\"async\" src=\"https:\/\/picsum.photos\/id\/445\/800\/600\" alt=\"Residential Shingle Roofing Florida\" \/><br \/>\n      <img decoding=\"async\" src=\"https:\/\/picsum.photos\/id\/524\/800\/600\" alt=\"Multi-Family Metal Roofing Florida\" \/><\/p>\n<h3 style=\"color: #000000; font-size: 26px; font-weight: 700; text-transform: uppercase; margin: 0 0 15px 0; letter-spacing: -0.5px; line-height: 1.2;\">\n        MULTI-FAMILY ROOFING<br \/>\n      <\/h3>\n<p style=\"font-family: 'Inter', sans-serif; color: #444444; font-size: 14px; line-height: 1.6; margin: 0; font-weight: 400;\">\n        Choosing the right contractor for your commercial roofing needs doesn\u2019t have to be a drawn-out, painful process. The highly trained professionals at Janney Roofing have served the commercial roofing needs of Central Florida for over a decade. Our process was developed with you in mind, not only in the direct impact of your day-to-day but also for any possible tenants or occupants and your bottom line. We stand by our work and look forward to discussing the needs of your commercial property.\n      <\/p>\n<h2 style=\"color: #000000; font-size: 38px; font-weight: 700; text-transform: uppercase; margin: 0 0 12px 0; letter-spacing: 0.5px; line-height: 1.2;\">\n      HIGHEST RATED ROOFER\u00ae<br \/>\n    <\/h2>\n<p style=\"font-family: 'Inter', sans-serif; color: #888888; font-size: 13px; font-weight: 600; text-transform: uppercase; margin: 0; letter-spacing: 0.5px; line-height: 1.5;\">\n      WE COULD SAY MORE TO CONVINCE YOU TO CHOOSE OUR ROOFING SERVICES, BUT WE&#8217;D RATHER LET OUR SATISFIED CUSTOMERS SPEAK FOR US.\n    <\/p>\n<style>\n    .janney-reviews-wrapper {\n      width: 100%; max-width: 1200px; display: flex; align-items: center; gap: 30px; padding: 0 20px; box-sizing: border-box; font-family: 'Inter', sans-serif; position: relative;\n    }\n    .janney-badge-panel {\n      min-width: 200px; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; padding-right: 20px; border-right: 1px solid #eeeeee; box-sizing: border-box;\n    }\n    .janney-slider-mask {\n      flex-grow: 1; overflow: hidden; position: relative; padding: 10px 0; box-sizing: border-box;\n    }\n    @keyframes janneyReviewScroll {\n      0% { transform: translateX(0); }\n      100% { transform: translateX(-50%); }\n    }\n    .janney-review-track {\n      display: flex; width: max-content; gap: 20px; animation: janneyReviewScroll 35s linear infinite; will-change: transform;\n    }\n    .janney-review-track:hover {\n      animation-play-state: paused;\n    }\n    .janney-review-card {\n      width: 290px; background-color: #f5f5f5; border-radius: 8px; padding: 20px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; min-height: 200px; position: relative;\n    }\n    \/* Tablet Screen Refinements *\/\n    @media (max-width: 991px) {\n      .janney-reviews-wrapper {\n        gap: 20px;\n      }\n      .janney-badge-panel {\n        min-width: 180px;\n        padding-right: 15px;\n      }\n    }\n    \/* Mobile Structured Re-Alignment Logic *\/\n    @media (max-width: 767px) {\n      .janney-reviews-wrapper {\n        flex-direction: column;\n        align-items: center;\n        gap: 35px;\n      }\n      .janney-badge-panel {\n        width: 100%;\n        padding-right: 0;\n        padding-bottom: 25px;\n        border-right: none;\n        border-bottom: 1px solid #eeeeee;\n      }\n      .janney-slider-mask {\n        width: 100vw;\n        margin-left: -5%;\n        padding: 10px 20px;\n      }\n      .janney-review-track {\n        animation-duration: 25s;\n      }\n      .janney-review-track:hover {\n        animation-play-state: running;\n      }\n    }\n  <\/style>\n<h4 style=\"color: #000000; font-size: 18px; font-weight: 800; text-transform: uppercase; margin: 0 0 10px 0; letter-spacing: 0.5px;\">\n        EXCELLENT<br \/>\n      <\/h4>\n<p>        &#9733;&#9733;&#9733;&#9733;&#9733;<\/p>\n<p style=\"color: #333333; font-size: 13px; margin: 0 0 12px 0; font-weight: 500;\">\n        Based on <strong style=\"text-decoration: underline; font-weight: 700; cursor: pointer;\">2,817 reviews<\/strong>\n      <\/p>\n<p>        &#10004;<br \/>\n        Trustindex<br \/>\n              <strong style=\"color: #000000; font-size: 14px; font-weight: 700;\">John Copeland<\/strong><br \/>\n              <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/2\/2f\/Google_2015_logo.svg\" alt=\"Google G\" style=\"width: 35px; height: auto; object-fit: contain; display: block;\" \/><br \/>\n            8 April 2026<br \/>\n            &#9733;&#9733;&#9733;&#9733;&#9733;<\/p>\n<p style=\"color: #222222; font-size: 12.5px; line-height: 1.5; margin: 0;\">\n              We had our roof replaced by this team and overall the workmanship, communication, and professionalism were excellent&#8230;.\n            <\/p>\n<p>          Read more<br \/>\n              <strong style=\"color: #000000; font-size: 14px; font-weight: 700;\">Mathew Clancy<\/strong><br \/>\n              <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/2\/2f\/Google_2015_logo.svg\" alt=\"Google G\" style=\"width: 35px; height: auto; object-fit: contain; display: block;\" \/><br \/>\n            3 April 2026<br \/>\n            &#9733;&#9733;&#9733;&#9733;&#9733;<\/p>\n<p style=\"color: #222222; font-size: 12.5px; line-height: 1.5; margin: 0;\">\n              We had wind damage to our roof, and our insurance company chose the experts to perform the repair. The process was very easy, and they&#8230;\n            <\/p>\n<p>          Read more<br \/>\n              <strong style=\"color: #000000; font-size: 14px; font-weight: 700;\">Lizzie Walters<\/strong><br \/>\n              <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/2\/2f\/Google_2015_logo.svg\" alt=\"Google G\" style=\"width: 35px; height: auto; object-fit: contain; display: block;\" \/><br \/>\n            28 March 2026<br \/>\n            &#9733;&#9733;&#9733;&#9733;&#9733;<\/p>\n<p style=\"color: #222222; font-size: 12.5px; line-height: 1.5; margin: 0;\">\n              They were very organized and completed the replacement of our entire large roof in just one day. Great service from start to finish!\n            <\/p>\n<p>          Read more<br \/>\n              <strong style=\"color: #000000; font-size: 14px; font-weight: 700;\">John Copeland<\/strong><br \/>\n              <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/2\/2f\/Google_2015_logo.svg\" alt=\"Google G\" style=\"width: 35px; height: auto; object-fit: contain; display: block;\" \/><br \/>\n            8 April 2026<br \/>\n            &#9733;&#9733;&#9733;&#9733;&#9733;<\/p>\n<p style=\"color: #222222; font-size: 12.5px; line-height: 1.5; margin: 0;\">\n              We had our roof replaced by this team and overall the workmanship, communication, and professionalism were excellent&#8230;.\n            <\/p>\n<p>          Read more<br \/>\n              <strong style=\"color: #000000; font-size: 14px; font-weight: 700;\">Mathew Clancy<\/strong><br \/>\n              <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/2\/2f\/Google_2015_logo.svg\" alt=\"Google G\" style=\"width: 35px; height: auto; object-fit: contain; display: block;\" \/><br \/>\n            3 April 2026<br \/>\n            &#9733;&#9733;&#9733;&#9733;&#9733;<\/p>\n<p style=\"color: #222222; font-size: 12.5px; line-height: 1.5; margin: 0;\">\n              We had wind damage to our roof, and our insurance company chose the experts to perform the repair. The process was very easy, and they&#8230;\n            <\/p>\n<p>          Read more<br \/>\n              <strong style=\"color: #000000; font-size: 14px; font-weight: 700;\">Lizzie Walters<\/strong><br \/>\n              <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/2\/2f\/Google_2015_logo.svg\" alt=\"Google G\" style=\"width: 35px; height: auto; object-fit: contain; display: block;\" \/><br \/>\n            28 March 2026<br \/>\n            &#9733;&#9733;&#9733;&#9733;&#9733;<\/p>\n<p style=\"color: #222222; font-size: 12.5px; line-height: 1.5; margin: 0;\">\n              They were very organized and completed the replacement of our entire large roof in just one day. Great service from start to finish!\n            <\/p>\n<p>          Read more<\/p>\n<h2 style=\"color: #000000; font-size: 36px; font-weight: 700; text-transform: uppercase; margin: 0; letter-spacing: 0.5px;\">\n      COMPLETED ROOFS, JUST LIKE YOURS<br \/>\n    <\/h2>\n<style>\n    .roofing-filter-bar {\n      display: flex; justify-content: center; gap: 15px; margin-bottom: 40px; font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 600; flex-wrap: wrap; padding: 0 20px; box-sizing: border-box;\n    }\n    .roofing-filter-bar button {\n      background-color: transparent; color: #555555; border: none; padding: 8px 18px; border-radius: 4px; cursor: pointer; font-family: 'Inter', sans-serif; transition: all 0.2s; outline: none; box-sizing: border-box;\n    }\n    .roofing-filter-bar button.j-btn-active {\n      background-color: #000000; color: #ffffff;\n    }\n    .roofing-portfolio-grid {\n      display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; width: 100%; max-width: 1140px; margin: 0 auto; padding: 0 20px; box-sizing: border-box;\n    }\n    .j-card {\n      border-radius: 8px; overflow: hidden; height: 200px; transition: all 0.4s ease; box-sizing: border-box; background-color: #f5f5f5;\n    }\n    .j-card img {\n      width: 100%; height: 100%; object-fit: cover; display: block;\n    }\n    \/* Tablet Responsive Breakpoint Layout (2 Columns) *\/\n    @media (max-width: 991px) {\n      .roofing-portfolio-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 15px;\n      }\n      .j-card {\n        height: 220px; \/* Slightly enhanced card scale for tablets *\/\n      }\n    }\n    \/* Mobile Responsive Breakpoint Layout (1 Column Full Width) *\/\n    @media (max-width: 580px) {\n      .roofing-filter-bar {\n        gap: 10px;\n        margin-bottom: 30px;\n      }\n      .roofing-filter-bar button {\n        padding: 8px 14px;\n        font-size: 13px;\n        flex-grow: 1; \/* Fits full row screen layout on narrow sliders *\/\n        text-align: center;\n      }\n      .roofing-portfolio-grid {\n        grid-template-columns: 1fr;\n        gap: 15px;\n      }\n      .j-card {\n        height: 240px; \/* Fully responsive image depth focus on mobile *\/\n      }\n    }\n  <\/style>\n<p>    <button onclick=\"filterJanneyRoofs('all', this)\">All<\/button><br \/>\n    <button onclick=\"filterJanneyRoofs('shingle', this)\">Shingle<\/button><br \/>\n    <button onclick=\"filterJanneyRoofs('tile', this)\">Tile<\/button><br \/>\n    <button onclick=\"filterJanneyRoofs('metal', this)\">Metal<\/button><br \/>\n    <img decoding=\"async\" src=\"https:\/\/picsum.photos\/id\/445\/400\/300\" alt=\"Completed Roof 1\" \/><br \/>\n    <img decoding=\"async\" src=\"https:\/\/picsum.photos\/id\/524\/400\/300\" alt=\"Completed Roof 2\" \/><br \/>\n    <img decoding=\"async\" src=\"https:\/\/picsum.photos\/id\/532\/400\/300\" alt=\"Completed Roof 3\" \/><br \/>\n    <img decoding=\"async\" src=\"https:\/\/picsum.photos\/id\/547\/400\/300\" alt=\"Completed Roof 4\" \/><br \/>\n    <img decoding=\"async\" src=\"https:\/\/picsum.photos\/id\/551\/400\/300\" alt=\"Completed Roof 5\" \/><br \/>\n    <img decoding=\"async\" src=\"https:\/\/picsum.photos\/id\/558\/400\/300\" alt=\"Completed Roof 6\" \/><br \/>\n    <img decoding=\"async\" src=\"https:\/\/picsum.photos\/id\/577\/400\/300\" alt=\"Completed Roof 7\" \/><br \/>\n    <img decoding=\"async\" src=\"https:\/\/picsum.photos\/id\/582\/400\/300\" alt=\"Completed Roof 8\" \/><br \/>\n    <img decoding=\"async\" src=\"https:\/\/picsum.photos\/id\/593\/400\/300\" alt=\"Completed Roof 9\" \/><br \/>\n    <img decoding=\"async\" src=\"https:\/\/picsum.photos\/id\/604\/400\/300\" alt=\"Completed Roof 10\" \/><br \/>\n    <img decoding=\"async\" src=\"https:\/\/picsum.photos\/id\/623\/400\/300\" alt=\"Completed Roof 11\" \/><br \/>\n    <img decoding=\"async\" src=\"https:\/\/picsum.photos\/id\/652\/400\/300\" alt=\"Completed Roof 12\" \/><br \/>\n    <img decoding=\"async\" src=\"https:\/\/picsum.photos\/id\/659\/400\/300\" alt=\"Completed Roof 13\" \/><br \/>\n    <img decoding=\"async\" src=\"https:\/\/picsum.photos\/id\/668\/400\/300\" alt=\"Completed Roof 14\" \/><br \/>\n    <img decoding=\"async\" src=\"https:\/\/picsum.photos\/id\/684\/400\/300\" alt=\"Completed Roof 15\" \/><br \/>\n    <img decoding=\"async\" src=\"https:\/\/picsum.photos\/id\/690\/400\/300\" alt=\"Completed Roof 16\" \/><\/p>\n<h2 style=\"color: #000000; font-size: 38px; font-weight: 700; text-transform: uppercase; margin: 0 0 15px 0; letter-spacing: 0.5px;\">\n      NEWS &#038; BLOG<br \/>\n    <\/h2>\n<p style=\"font-family: 'Inter', sans-serif; color: #444444; font-size: 14px; line-height: 1.6; margin: 0; font-weight: 400;\">\n      Want to learn more about available roofing options? Click below to read articles that answer our most frequently asked questions and to see what our professional roofing team has to offer.\n    <\/p>\n<style>\n    .roofing-blog-grid {\n      display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; width: 100%; max-width: 1140px; margin: 0 auto 50px auto; padding: 0 20px; box-sizing: border-box;\n    }\n    .blog-item-card {\n      background-color: #ffffff; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.08); display: flex; flex-direction: column; box-sizing: border-box; transition: transform 0.3s ease; cursor: pointer;\n    }\n    .blog-item-card:hover {\n      transform: translateY(-5px);\n    }\n    \/* Tablet Screen Refinements (2 Columns Layout) *\/\n    @media (max-width: 991px) {\n      .roofing-blog-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 20px;\n        margin-bottom: 40px;\n      }\n    }\n    \/* Mobile Structured Realignment (1 Column Layout) *\/\n    @media (max-width: 767px) {\n      .roofing-blog-grid {\n        grid-template-columns: 1fr;\n        gap: 25px;\n        margin-bottom: 35px;\n      }\n      .roofing-blog-grid img {\n        height: 200px !important;\n      }\n      .blog-item-card h3 {\n        font-size: 15px !important;\n      }\n    }\n  <\/style>\n<p>        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?auto=format&#038;fit=crop&#038;w=600&#038;h=400&#038;q=80\" alt=\"Impact Windows\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\" \/><\/p>\n<h3 style=\"font-family: 'Inter', sans-serif; color: #000000; font-size: 16px; font-weight: 700; line-height: 1.5; margin: 0;\">\n          When to Replace Windows in Florida: 5 Signs Now is a Good Time for New Impact Windows<br \/>\n        <\/h3>\n<p>        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1515187029135-18ee286d815b?auto=format&#038;fit=crop&#038;w=600&#038;h=400&#038;q=80\" alt=\"Team Award\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\" \/><\/p>\n<h3 style=\"font-family: 'Inter', sans-serif; color: #000000; font-size: 16px; font-weight: 700; line-height: 1.5; margin: 0;\">\n          A Culture That Wins: Our Roofing Team Earns Owens Corning Pinnacle Innovation Award<br \/>\n        <\/h3>\n<p>        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1454165804606-c3d57bc86b40?auto=format&#038;fit=crop&#038;w=600&#038;h=400&#038;q=80\" alt=\"Insurance Myths\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\" \/><\/p>\n<h3 style=\"font-family: 'Inter', sans-serif; color: #000000; font-size: 16px; font-weight: 700; line-height: 1.5; margin: 0;\">\n          Top 3 Roof Insurance Myths Florida Homeowners Still Believe<br \/>\n        <\/h3>\n<p>    <a href=\"#\" style=\"display: inline-block; background-color: #000000; color: #ffffff; text-decoration: none; font-family: 'Oswald', sans-serif; font-size: 15px; font-weight: 700; text-transform: uppercase; padding: 14px 40px; border-radius: 4px; letter-spacing: 1px; transition: background-color 0.2s; box-sizing: border-box;\"><br \/>\n      VIEW ALL BLOGS<br \/>\n    <\/a><\/p>\n<style>\n    .roofing-cta-container {\n      width: 100%; max-width: 1140px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 40px; position: relative; box-sizing: border-box;\n    }\n    .roofing-download-box {\n      background-color: #b3b3b3; padding: 40px 35px; box-sizing: border-box; width: 100%; max-width: 440px; border-radius: 6px; box-shadow: 0 15px 35px rgba(0,0,0,0.4); display: flex; flex-direction: column; align-items: center; text-align: center; margin-top: -60px; margin-bottom: -60px; z-index: 10; min-height: 340px; justify-content: center;\n    }\n    .roofing-content-panel {\n      flex: 1; min-width: 320px; color: #ffffff; padding: 20px 0; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; box-sizing: border-box;\n    }\n    \/* Tablet Structural Compression Layout *\/\n    @media (max-width: 991px) {\n      .roofing-download-box {\n        margin-top: -30px;\n        margin-bottom: -30px;\n        padding: 30px 25px;\n      }\n      .roofing-download-box h3 {\n        font-size: 26px !important;\n      }\n    }\n    \/* Mobile Responsive Stacking Logic *\/\n    @media (max-width: 767px) {\n      .roofing-cta-container {\n        flex-direction: column;\n        align-items: center;\n        gap: 30px;\n      }\n      \/* Reset negative margins to prevent crushing adjacent elements *\/\n      .roofing-download-box {\n        margin-top: 0 !important;\n        margin-bottom: 0 !important;\n        max-width: 100%;\n        min-height: auto;\n        padding: 35px 20px;\n        border-radius: 8px;\n      }\n      .roofing-download-box h3 {\n        font-size: 22px !important;\n        margin-bottom: 20px !important;\n      }\n      .roofing-download-box a, .roofing-content-panel a[style*=\"background-color\"] {\n        width: 100%;\n        text-align: center;\n        box-sizing: border-box;\n      }\n      .roofing-content-panel {\n        align-items: center;\n        text-align: center;\n        padding: 10px 0 0 0;\n        width: 100%;\n      }\n      .roofing-content-panel a[style*=\"font-size: 32px\"] {\n        font-size: 28px !important;\n        margin-bottom: 15px !important;\n      }\n      .roofing-content-panel div {\n        width: 100%;\n      }\n    }\n  <\/style>\n<h3 style=\"font-family: 'Oswald', sans-serif; color: #111111; font-size: 32px; line-height: 1.15; font-weight: 700; text-transform: uppercase; margin: 0 0 25px 0; letter-spacing: -0.5px;\">\n        DOWNLOAD OUR GUIDE ON WHAT TO EXPECT IN THE ROOFING PROCESS.<br \/>\n      <\/h3>\n<p>      <a href=\"#\" style=\"display: inline-block; background-color: #000000; color: #ffffff; text-decoration: none; font-family: 'Oswald', sans-serif; font-size: 15px; font-weight: 700; text-transform: uppercase; padding: 12px 30px; border-radius: 4px; letter-spacing: 0.5px; transition: background-color 0.2s;\"><br \/>\n        DOWNLOAD FREE GUIDE<br \/>\n      <\/a><\/p>\n<p style=\"font-family: 'Inter', sans-serif; color: #eeeeee; font-size: 16px; line-height: 1.5; margin: 0 0 5px 0; font-weight: 400;\">\n        Ready to schedule your free inspection and quote?\n      <\/p>\n<p style=\"font-family: 'Inter', sans-serif; color: #dddddd; font-size: 15px; line-height: 1.4; margin: 0 0 15px 0; font-weight: 400;\">\n        Click to call now\n      <\/p>\n<p>      <a href=\"tel:4073055049\" style=\"font-family: 'Oswald', sans-serif; color: #ffffff; font-size: 32px; font-weight: 700; text-decoration: none; margin: 0 0 20px 0; letter-spacing: 0.5px; display: block; line-height: 1;\"><br \/>\n        (801) 613-1880<br \/>\n      <\/a><br \/>\n        <a href=\"#\" style=\"display: inline-block; background-color: #d9730d; color: #ffffff; text-decoration: none; font-family: 'Oswald', sans-serif; font-size: 16px; font-weight: 700; text-transform: uppercase; padding: 14px 35px; border-radius: 4px; letter-spacing: 0.5px; transition: background-color 0.2s; box-shadow: 0 4px 15px rgba(217, 115, 13, 0.3);\"><br \/>\n          SCHEDULE MY FREE INSPECTION<br \/>\n        <\/a><\/p>\n<style>\n    \/* Only targets tablets and smaller screens *\/\n    @media (max-width: 991px) {\n      .responsive-overlap-card {\n        padding: 30px !important;\n        margin-top: -40px !important;\n        margin-bottom: 40px !important;\n      }\n      .responsive-overlap-card h3 {\n        font-size: 26px !important;\n      }\n      .responsive-columns-grid {\n        grid-template-columns: repeat(2, 1fr) !important;\n        gap: 40px !important;\n      }\n      .responsive-col-left {\n        border-right: none !important;\n        padding-right: 0 !important;\n      }\n      .responsive-col-right {\n        border-left: none !important;\n        padding-left: 0 !important;\n        text-align: center !important;\n      }\n    }\n    \/* Only targets mobile screens *\/\n    @media (max-width: 767px) {\n      .responsive-overlap-card {\n        padding: 30px 20px !important;\n        margin-top: 0 !important; \n        margin-bottom: 35px !important;\n        text-align: center !important;\n        justify-content: center !important;\n      }\n      .responsive-overlap-card h3 {\n        font-size: 22px !important;\n        line-height: 1.2 !important;\n      }\n      .responsive-overlap-card div {\n        width: 100% !important;\n      }\n      .responsive-overlap-card a {\n        width: 100% !important;\n        text-align: center !important;\n        box-sizing: border-box !important;\n      }\n      .responsive-columns-grid {\n        grid-template-columns: 1fr !important;\n        gap: 35px !important;\n        margin-bottom: 40px !important;\n      }\n      .responsive-col-right h4 {\n        text-align: center !important;\n      }\n    }\n  <\/style>\n<h3 style=\"font-size: 32px; font-weight: 700; text-transform: uppercase; margin: 0 0 12px 0; letter-spacing: 0.5px;\">\n        START YOUR FREE INSPECTION NOW<br \/>\n      <\/h3>\n<p style=\"font-family: 'Inter', sans-serif; color: #cccccc; font-size: 14px; line-height: 1.5; margin: 0; font-weight: 400; max-width: 580px;\">\n        Ready to get started? Schedule your free roof or window inspection. All we need is your contact information and details about the damage. We&#8217;ll contact you within 48 hours to schedule your appointment.\n      <\/p>\n<p>      <a href=\"#\" style=\"display: inline-block; background-color: #d9730d; color: #ffffff; text-decoration: none; font-size: 16px; font-weight: 700; text-transform: uppercase; padding: 14px 35px; border-radius: 4px; letter-spacing: 0.5px; transition: background-color 0.2s;\"><br \/>\n        FREE INSPECTION<br \/>\n      <\/a><\/p>\n<style>\n        @keyframes footerHeavyGlow {\n          0%, 100% { \n            box-shadow: 0 0 8px rgba(217, 115, 13, 0.5), inset 0 0 4px rgba(217, 115, 13, 0.3); \n            transform: scale(1); \n            filter: drop-shadow(0 0 4px rgba(217, 115, 13, 0.4));\n          }\n          50% { \n            box-shadow: 0 0 30px rgba(217, 115, 13, 0.95), 0 0 15px rgba(217, 115, 13, 0.6), inset 0 0 8px rgba(217, 115, 13, 0.5); \n            transform: scale(1.04); \n            filter: drop-shadow(0 0 15px rgba(217, 115, 13, 0.9));\n          }\n        }\n        .footer-glow-circle {\n          background-color: #ffffff; \n          width: 55px; \n          height: 55px; \n          border-radius: 50%; \n          margin-bottom: 20px;\n          animation: footerHeavyGlow 2.5s infinite ease-in-out;\n        }\n      <\/style>\n<p>        LICENSED &#038; INSURED<\/p>\n<p style=\"font-family: 'Inter', sans-serif; color: #cccccc; font-size: 14px; margin: 0 0 20px 0; font-weight: 600; letter-spacing: 0.5px;\">\n        CCC1335906 | CRC1335621\n      <\/p>\n<p>        <a href=\"#\" style=\"background-color: #ffffff; color: #000000; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; text-decoration: none; font-weight: bold; font-size: 14px;\">f<\/a><br \/>\n        <a href=\"#\" style=\"background-color: #ffffff; color: #000000; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; text-decoration: none; font-weight: bold; font-size: 14px;\">i<\/a><br \/>\n        <a href=\"#\" style=\"background-color: #ffffff; color: #000000; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; text-decoration: none; font-weight: bold; font-size: 14px;\">&#9654;<\/a><br \/>\n      <a href=\"#\" style=\"display: inline-block; border: 2px solid #ffffff; color: #ffffff; text-decoration: none; font-size: 14px; font-weight: 700; text-transform: uppercase; padding: 10px 25px; border-radius: 4px; letter-spacing: 0.5px; transition: all 0.2s;\"><br \/>\n        MAKE A PAYMENT<br \/>\n      <\/a><\/p>\n<h4 style=\"font-family: 'Oswald', sans-serif; font-size: 22px; font-weight: 700; text-transform: uppercase; margin: 0 0 20px 0; letter-spacing: 0.5px;\">\n        USEFUL LINKS<br \/>\n      <\/h4>\n<p>        <a href=\"#\" style=\"color: #ffffff; text-decoration: none; transition: color 0.2s;\">Instant Roof Estimate<\/a><br \/>\n        <a href=\"#\" style=\"color: #ffffff; text-decoration: none; transition: color 0.2s;\">License &#038; Insurance Information<\/a><br \/>\n        <a href=\"#\" style=\"color: #ffffff; text-decoration: none; transition: color 0.2s;\">Terms and Conditions<\/a><br \/>\n        <a href=\"#\" style=\"color: #ffffff; text-decoration: none; transition: color 0.2s;\">Privacy Policy<\/a><br \/>\n        <a href=\"#\" style=\"color: #ffffff; text-decoration: none; transition: color 0.2s;\">Branding<\/a><br \/>\n        <a href=\"#\" style=\"color: #ffffff; text-decoration: none; transition: color 0.2s;\">Financing<\/a><br \/>\n        <a href=\"#\" style=\"color: #ffffff; text-decoration: none; transition: color 0.2s;\">Refer A Neighbor<\/a><br \/>\n        <a href=\"#\" style=\"color: #ffffff; text-decoration: none; transition: color 0.2s;\">Careers<\/a><br \/>\n        <a href=\"#\" style=\"color: #ffffff; text-decoration: none; transition: color 0.2s;\">Contact Us<\/a><br \/>\n        <a href=\"#\" style=\"color: #ffffff; text-decoration: none; transition: color 0.2s;\">For Insurance Agencies<\/a><\/p>\n<h4 style=\"font-family: 'Oswald', sans-serif; font-size: 22px; font-weight: 700; text-transform: uppercase; margin: 0 0 20px 0; letter-spacing: 0.5px; text-align: left;\">\n        OFFICE LOCATIONS<br \/>\n      <\/h4>\n<p>          &#128205; Orlando<br \/>\n          &#128205; Tampa<br \/>\n          &#128205; Jacksonville<\/p>\n<p style=\"margin: 0 0 10px 0; font-weight: 500;\">\n      Copyright &copy; 2026 yourwebsite.com | All rights reserved\n    <\/p>\n<p style=\"margin: 0; font-weight: 400; letter-spacing: 0.2px;\">\n      This site is protected by reCAPTCHA and the Google <a href=\"#\" style=\"color: #d9730d; text-decoration: none;\">Privacy Policy<\/a> and <a href=\"#\" style=\"color: #d9730d; text-decoration: none;\">Terms of Service<\/a> apply.\n    <\/p>\n","protected":false},"excerpt":{"rendered":"<p>YOUR LOGO HERE Services &#9660; Locations &#9660; About &#9660; Financing Blog Contact Us FREE INSPECTION 407-305-5049 ROOFERS YOU CAN TRUST Your home matters. Roofing problems don\u2019t have to be stressful or complicated. Whether you need a repair or complete replacement, the experts at Janney Roofing have you covered from start to finish. SCHEDULE YOUR FREE [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/clientworkdesign.com\/leon-hammerson-design\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/clientworkdesign.com\/leon-hammerson-design\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/clientworkdesign.com\/leon-hammerson-design\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/clientworkdesign.com\/leon-hammerson-design\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/clientworkdesign.com\/leon-hammerson-design\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":127,"href":"https:\/\/clientworkdesign.com\/leon-hammerson-design\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":160,"href":"https:\/\/clientworkdesign.com\/leon-hammerson-design\/wp-json\/wp\/v2\/pages\/10\/revisions\/160"}],"wp:attachment":[{"href":"https:\/\/clientworkdesign.com\/leon-hammerson-design\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}