{"id":5851,"date":"2026-08-08T15:38:36","date_gmt":"2026-08-08T14:38:36","guid":{"rendered":"https:\/\/casdale.com\/?page_id=5851"},"modified":"2026-08-08T15:42:54","modified_gmt":"2026-08-08T14:42:54","slug":"ready-to-explore","status":"publish","type":"page","link":"https:\/\/casdale.com\/index.php\/ready-to-explore\/","title":{"rendered":"Ready to explore?"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5851\" class=\"elementor elementor-5851\" data-elementor-post-type=\"page\">\n\t\t\t\t        <section class=\"elementor-section elementor-top-section elementor-element elementor-element-b6ca38f elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-row-max-none\" data-id=\"b6ca38f\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n            \n                        <div class=\"elementor-container elementor-column-gap-default \">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4ed7375\" data-id=\"4ed7375\" data-element_type=\"column\" data-e-type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-1dc61d6 elementor-widget elementor-widget-html\" data-id=\"1dc61d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- START: Custom Utility Bill Callout Section with Exact External Heart Image -->\r\n<style>\r\n  .utility-callout-section {\r\n    width: 100vw;\r\n    position: relative;\r\n    left: 50%;\r\n    right: 50%;\r\n    margin-left: -50vw;\r\n    margin-right: -50vw;\r\n    background-color: #eee8f8;\r\n    padding: 80px 20px;\r\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    box-sizing: border-box;\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* Pseudo-element for the blurred watermark background *\/\r\n  .utility-callout-section::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: url('https:\/\/casdale.com\/wp-content\/uploads\/2026\/08\/now.png') no-repeat center center \/ 650px auto;\r\n    filter: blur(4px);\r\n    opacity: 0.50;\r\n    z-index: 1;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .utility-callout-container {\r\n    max-width: 950px;\r\n    width: 100%;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* Main Wrapper Card with Entrance Animation *\/\r\n  .uc-card {\r\n    background-color: #eaeaea;\r\n    border: 1px solid #dcdcdc;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 50px 60px;\r\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\r\n    position: relative;\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n    transition: all 0.7s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease, border-color 0.3s ease;\r\n  }\r\n\r\n  .uc-card.animate-in {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  .uc-card:hover {\r\n    box-shadow: 0 10px 30px rgba(49, 35, 71, 0.12);\r\n    border-color: #312347;\r\n  }\r\n\r\n  .uc-content {\r\n    flex: 1;\r\n    padding-right: 40px;\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  \/* Heading with Dark Purple Background Block *\/\r\n  .uc-title-wrapper {\r\n    background-color: #312347;\r\n    padding: 16px 24px;\r\n    margin-bottom: 24px;\r\n    display: inline-block;\r\n  }\r\n\r\n  .uc-title {\r\n    font-size: 32px;\r\n    font-weight: 800;\r\n    color: #ffffff;\r\n    line-height: 1.2;\r\n    margin: 0;\r\n    letter-spacing: -0.5px;\r\n  }\r\n\r\n  \/* Subtitle Description *\/\r\n  .uc-subtitle {\r\n    font-size: 19px;\r\n    font-weight: 400;\r\n    color: #1a1a1a;\r\n    line-height: 1.4;\r\n    margin: 0 0 24px 0;\r\n  }\r\n\r\n  \/* Thin separator lines matching the layout *\/\r\n  .uc-divider {\r\n    width: 100%;\r\n    height: 1px;\r\n    background-color: #d0d0d0;\r\n    margin: 0 0 24px 0;\r\n  }\r\n\r\n  \/* Bottom highlighted text portion *\/\r\n  .uc-highlight-text {\r\n    font-size: 28px;\r\n    font-weight: 800;\r\n    color: #1a1a1a;\r\n    line-height: 1.25;\r\n    margin: 0;\r\n    letter-spacing: -0.5px;\r\n  }\r\n\r\n  \/* Right Side Animated Image Graphic Container *\/\r\n  .uc-graphic-container {\r\n    flex-shrink: 0;\r\n    width: 220px;\r\n    height: 180px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    animation: heartFloat 4s infinite ease-in-out;\r\n  }\r\n\r\n  @keyframes heartFloat {\r\n    0% { transform: translateY(0) scale(1); }\r\n    50% { transform: translateY(-8px) scale(1.03); }\r\n    100% { transform: translateY(0) scale(1); }\r\n  }\r\n\r\n  .uc-graphic-container img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: contain;\r\n    filter: drop-shadow(0 6px 15px rgba(0,0,0,0.1));\r\n  }\r\n\r\n  \/* Responsive Design *\/\r\n  @media (max-width: 850px) {\r\n    .uc-card {\r\n      flex-direction: column;\r\n      padding: 35px 25px;\r\n      gap: 30px;\r\n      text-align: left;\r\n    }\r\n    .uc-content {\r\n      padding-right: 0;\r\n      width: 100%;\r\n    }\r\n    .uc-title {\r\n      font-size: 24px;\r\n    }\r\n    .uc-subtitle {\r\n      font-size: 16px;\r\n    }\r\n    .uc-highlight-text {\r\n      font-size: 22px;\r\n    }\r\n    .uc-graphic-container {\r\n      width: 160px;\r\n      height: 130px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"utility-callout-section\">\r\n  <div class=\"utility-callout-container\">\r\n    \r\n    <!-- Main Card -->\r\n    <div class=\"uc-card\" id=\"ucCard\">\r\n      \r\n      <!-- Left Content Area -->\r\n      <div class=\"uc-content\">\r\n        \r\n        <!-- Header Banner Block -->\r\n        <div class=\"uc-title-wrapper\">\r\n          <h2 class=\"uc-title\">Send us a recent utility bill.<\/h2>\r\n        <\/div>\r\n\r\n        <!-- Description Paragraph -->\r\n        <p class=\"uc-subtitle\">\r\n          We'll review your current procurement strategy and provide competitive procurement options at\r\n        <\/p>\r\n\r\n        <!-- Divider Line -->\r\n        <div class=\"uc-divider\"><\/div>\r\n\r\n        <!-- Action \/ Offer Highlight Text -->\r\n        <h3 class=\"uc-highlight-text\">\r\n          no cost and with no obligation.\r\n        <\/h3>\r\n\r\n      <\/div>\r\n\r\n      <!-- Right Graphic Area using the exact provided image URL -->\r\n      <div class=\"uc-graphic-container\">\r\n        <img decoding=\"async\" src=\"https:\/\/casdale.com\/wp-content\/uploads\/2026\/08\/now.png\" alt=\"Heart Lightning Graphic\">\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  \/\/ Intersection Observer for scroll-triggered entrance animation\r\n  document.addEventListener(\"DOMContentLoaded\", function() {\r\n    const card = document.getElementById('ucCard');\r\n    \r\n    const observerOptions = {\r\n      root: null,\r\n      rootMargin: '0px',\r\n      threshold: 0.15\r\n    };\r\n\r\n    const observer = new IntersectionObserver((entries, observer) => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n          entry.target.classList.add('animate-in');\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, observerOptions);\r\n\r\n    if (card) {\r\n      observer.observe(card);\r\n    }\r\n  });\r\n<\/script>\r\n<!-- END: Custom Utility Bill Callout Section -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                    <\/div>\n        <\/section>\n        \t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Send us a recent utility bill. We&#8217;ll review your current procurement strategy and provide competitive procurement options at no cost and with no obligation.<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5851","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/casdale.com\/index.php\/wp-json\/wp\/v2\/pages\/5851","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/casdale.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/casdale.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/casdale.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/casdale.com\/index.php\/wp-json\/wp\/v2\/comments?post=5851"}],"version-history":[{"count":10,"href":"https:\/\/casdale.com\/index.php\/wp-json\/wp\/v2\/pages\/5851\/revisions"}],"predecessor-version":[{"id":5866,"href":"https:\/\/casdale.com\/index.php\/wp-json\/wp\/v2\/pages\/5851\/revisions\/5866"}],"wp:attachment":[{"href":"https:\/\/casdale.com\/index.php\/wp-json\/wp\/v2\/media?parent=5851"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}