{"id":5154,"date":"2026-02-10T10:01:00","date_gmt":"2026-02-10T10:01:00","guid":{"rendered":"https:\/\/collabor8digital.io\/?page_id=5154"},"modified":"2026-02-26T02:11:28","modified_gmt":"2026-02-26T02:11:28","slug":"thank-you","status":"publish","type":"page","link":"https:\/\/collabor8digital.io\/blogs\/thank-you\/","title":{"rendered":"Thank You"},"content":{"rendered":"<p><!DOCTYPE html><br \/>\n<html lang=\"en\"><br \/>\n<head><br \/>\n<meta charset=\"UTF-8\"><br \/>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><\/p>\n<style>\n    \/* Font Import *\/\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600;700&display=swap');\n    \/* Main Container Styles *\/\n    .c8-thankyou-wrapper {\n        font-family: 'Poppins', sans-serif;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        width: 100%;\n        padding: 20px;\n        box-sizing: border-box;\n    }\n    .c8-card {\n        display: flex;\n        flex-direction: row;\n        \/* Blue Gradient Background matching reference *\/\n        background: linear-gradient(135deg, #0061ff 0%, #60efff 100%);\n        border-radius: 30px;\n        box-shadow: 0 20px 40px rgba(0, 97, 255, 0.3);\n        width: 100%;\n        max-width: 900px;\n        overflow: hidden;\n        position: relative;\n        min-height: 450px;\n    }\n    \/* Decorative Background Shapes *\/\n    .c8-blob {\n        position: absolute;\n        background: rgba(255, 255, 255, 0.1);\n        border-radius: 50%;\n        z-index: 0;\n    }\n    .c8-blob-1 { width: 300px; height: 300px; top: -100px; left: -100px; }\n    .c8-blob-2 { width: 200px; height: 200px; bottom: -50px; left: 30%; }\n    \/* Left Side: Content *\/\n    .c8-content {\n        flex: 1;\n        padding: 60px 40px;\n        z-index: 1;\n        color: #fff;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }\n    .c8-logo-text {\n        font-size: 18px;\n        font-weight: 600;\n        margin-bottom: 40px;\n        display: flex;\n        align-items: center;\n        gap: 10px;\n    }\n    .c8-circle-icon {\n        width: 24px;\n        height: 24px;\n        border: 2px solid #fff;\n        border-radius: 50%;\n        display: inline-block;\n    }\n    .c8-subtitle {\n        font-size: 16px;\n        font-weight: 300;\n        opacity: 0.9;\n        margin-bottom: 10px;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n    }\n    .c8-title {\n        font-size: 48px;\n        font-weight: 700;\n        line-height: 1.1;\n        margin-bottom: 20px;\n    }\n    .c8-desc {\n        font-size: 15px;\n        line-height: 1.6;\n        opacity: 0.85;\n        margin-bottom: 30px;\n        max-width: 90%;\n    }\n    .c8-btn {\n        display: inline-flex;\n        align-items: center;\n        padding: 12px 30px;\n        border: 2px solid rgba(255, 255, 255, 0.4);\n        border-radius: 50px;\n        color: #fff;\n        text-decoration: none;\n        font-weight: 500;\n        transition: all 0.3s ease;\n        width: fit-content;\n        background: rgba(255, 255, 255, 0.1);\n        backdrop-filter: blur(5px);\n    }\n    .c8-btn:hover {\n        background: #fff;\n        color: #0061ff;\n        border-color: #fff;\n        transform: translateY(-2px);\n    }\n    .c8-btn svg {\n        margin-left: 10px;\n        width: 18px;\n        height: 18px;\n        fill: currentColor;\n    }\n    \/* Right Side: Image & Animation *\/\n    .c8-visuals {\n        flex: 1;\n        position: relative;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden; \/* Ensures animation stays inside card bounds if needed *\/\n    }\n    \/* The White Background Shape behind image *\/\n    .c8-bg-shape {\n        position: absolute;\n        width: 120%;\n        height: 100%;\n        background: #fff;\n        top: 0;\n        right: -40%;\n        border-radius: 50% 0 0 50%;\n        transform: skewX(-5deg);\n        z-index: 0;\n        display: none; \/* Hidden for now to match your circle style better *\/\n    }\n    \/* Container for the image and rotating ring *\/\n    .c8-image-wrapper {\n        position: relative;\n        width: 320px;\n        height: 320px;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        z-index: 2;\n    }\n    \/* The Image Itself *\/\n    .c8-img {\n        width: 280px;\n        height: 280px;\n        border-radius: 50%;\n        object-fit: cover;\n        z-index: 5;\n        border: 8px solid #fff; \/* Inner white border *\/\n        box-shadow: 0 10px 30px rgba(0,0,0,0.15);\n        position: relative;\n    }\n    \/* ANIMATION RING (Bahir wala design) *\/\n    .c8-anim-ring {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n        border: 4px solid transparent;\n        \/* Creating the arc look *\/\n        border-top-color: rgba(255, 255, 255, 0.6);\n        border-right-color: rgba(255, 255, 255, 0.6);\n        border-bottom-color: transparent;\n        border-left-color: transparent;\n        z-index: 4;\n        \/* Animation *\/\n        animation: spin-ring 6s linear infinite;\n    }\n    .c8-anim-ring-2 {\n        position: absolute;\n        top: -20px;\n        left: -20px;\n        width: calc(100% + 40px);\n        height: calc(100% + 40px);\n        border-radius: 50%;\n        border: 2px dashed rgba(255, 255, 255, 0.3);\n        z-index: 3;\n        animation: spin-ring-reverse 15s linear infinite;\n    }\n    \/* Keyframes for rotation *\/\n    @keyframes spin-ring {\n        0% { transform: rotate(0deg); }\n        100% { transform: rotate(360deg); }\n    }\n    @keyframes spin-ring-reverse {\n        0% { transform: rotate(360deg); }\n        100% { transform: rotate(0deg); }\n    }\n    \/* Responsive Design for Mobile *\/\n    @media (max-width: 768px) {\n        .c8-card {\n            flex-direction: column-reverse; \/* Image on top, text below on mobile *\/\n            text-align: center;\n            padding-bottom: 40px;\n            height: auto;\n        }\n        .c8-visuals {\n            padding: 40px 0 20px 0;\n            width: 100%;\n        }\n        .c8-image-wrapper {\n            width: 240px;\n            height: 240px;\n        }\n        .c8-img {\n            width: 200px;\n            height: 200px;\n        }\n        .c8-content {\n            padding: 20px 30px;\n            align-items: center;\n        }\n        .c8-logo-text {\n            justify-content: center;\n        }\n        .c8-title {\n            font-size: 32px;\n        }\n    }\n<\/style>\n<p><\/head><br \/>\n<body><br \/>\n        <!-- Background Blobs --><br \/>\n        <!-- Text Content Side --><br \/>\n                 Collabor8Digital<br \/>\n            It&#8217;s Time To Execute<\/p>\n<h1>Thank You!<\/h1>\n<p>\n                We have successfully received your request. You now have access to the strategic sales play that will accelerate your pipeline opportunities. Check your inbox for details.\n            <\/p>\n<p>            <a href=\"https:\/\/collabor8digital.io\/\"><br \/>\n                Get Back to Home<br \/>\n                <!-- SVG Download Icon --><br \/>\n                <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z\"\/><\/svg><br \/>\n            <\/a><br \/>\n        <!-- Image & Animation Side --><br \/>\n                <!-- Rotating Rings (The Animation) --><br \/>\n                <!-- Main Image --><br \/>\n                <img decoding=\"async\" src=\"https:\/\/collabor8digital.io\/wp-content\/uploads\/2026\/01\/istockphoto-2174402413-612x612-1.jpg\" alt=\"Collabor8 Team\" title=\"\"><br \/>\n<\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Collabor8Digital It&#8217;s Time To Execute Thank You! We have successfully received your request. You now have access to the strategic sales play that will&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-5154","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/collabor8digital.io\/blogs\/wp-json\/wp\/v2\/pages\/5154","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/collabor8digital.io\/blogs\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/collabor8digital.io\/blogs\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/collabor8digital.io\/blogs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/collabor8digital.io\/blogs\/wp-json\/wp\/v2\/comments?post=5154"}],"version-history":[{"count":13,"href":"https:\/\/collabor8digital.io\/blogs\/wp-json\/wp\/v2\/pages\/5154\/revisions"}],"predecessor-version":[{"id":5494,"href":"https:\/\/collabor8digital.io\/blogs\/wp-json\/wp\/v2\/pages\/5154\/revisions\/5494"}],"wp:attachment":[{"href":"https:\/\/collabor8digital.io\/blogs\/wp-json\/wp\/v2\/media?parent=5154"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}