{"id":1898,"date":"2026-01-16T15:01:10","date_gmt":"2026-01-16T15:01:10","guid":{"rendered":"https:\/\/dayhomdigital.com\/webinar\/?page_id=1898"},"modified":"2026-01-16T15:05:14","modified_gmt":"2026-01-16T15:05:14","slug":"order-details-cb","status":"publish","type":"page","link":"https:\/\/dayhomdigital.com\/webinar\/order-details-cb\/","title":{"rendered":"Order details &#8211; CB"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1898\" class=\"elementor elementor-1898\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a002ab5 e-flex e-con-boxed e-con e-parent\" data-id=\"a002ab5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7df27fd elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"7df27fd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <title>DaayHom Digital - Course Access<\/title>\r\n  <style>\r\n    :root {\r\n      --orange: #ff6a00;\r\n      --black: #0b0b0c;\r\n      --text: #121214;\r\n      --muted: #5b5b63;\r\n      --bg: #f6f6f7;\r\n      --card: #ffffff;\r\n      --border: #ececee;\r\n    }\r\n\r\n    * {\r\n      margin: 0;\r\n      padding: 0;\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    body {\r\n      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;\r\n      background: var(--bg);\r\n      color: var(--text);\r\n      line-height: 1.6;\r\n      overflow-x: hidden;\r\n    }\r\n\r\n    .container {\r\n      max-width: 100vw;\r\n      margin: 0 auto;\r\n      padding: 2rem 1rem;\r\n    }\r\n\r\n    .header {\r\n      text-align: center;\r\n      padding: 2rem 0;\r\n      background: var(--card);\r\n      border-radius: 20px;\r\n      box-shadow: 0 10px 40px rgba(0,0,0,0.1);\r\n      margin-bottom: 2rem;\r\n      border: 1px solid var(--border);\r\n    }\r\n\r\n    .logo {\r\n      font-size: 2.5rem;\r\n      font-weight: 900;\r\n      background: linear-gradient(135deg, var(--orange), #ff8c00);\r\n      -webkit-background-clip: text;\r\n      -webkit-text-fill-color: transparent;\r\n      background-clip: text;\r\n      letter-spacing: -1px;\r\n      margin-bottom: 0.5rem;\r\n    }\r\n\r\n    .subtitle {\r\n      color: var(--muted);\r\n      font-size: 1.1rem;\r\n      font-weight: 500;\r\n    }\r\n\r\n    .hero {\r\n      background: var(--card);\r\n      border-radius: 20px;\r\n      padding: 3rem 2rem;\r\n      text-align: center;\r\n      box-shadow: 0 20px 60px rgba(0,0,0,0.1);\r\n      border: 1px solid var(--border);\r\n      margin-bottom: 2rem;\r\n      animation: slideUp 0.8s ease-out;\r\n    }\r\n\r\n    @keyframes slideUp {\r\n      from { opacity: 0; transform: translateY(30px); }\r\n      to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    .hero h1 {\r\n      font-size: 2.8rem;\r\n      font-weight: 900;\r\n      background: linear-gradient(135deg, var(--black), var(--text));\r\n      -webkit-background-clip: text;\r\n      -webkit-text-fill-color: transparent;\r\n      background-clip: text;\r\n      margin-bottom: 1rem;\r\n      line-height: 1.2;\r\n    }\r\n\r\n    .hero p {\r\n      font-size: 1.3rem;\r\n      color: var(--text);\r\n      margin-bottom: 2.5rem;\r\n      max-width: 600px;\r\n      margin-left: auto;\r\n      margin-right: auto;\r\n    }\r\n\r\n    .cta-section {\r\n      display: grid;\r\n      grid-template-columns: 1fr;\r\n      gap: 2rem;\r\n      margin-bottom: 3rem;\r\n    }\r\n\r\n    @media (min-width: 768px) {\r\n      .cta-section { grid-template-columns: 1fr 1fr; }\r\n    }\r\n\r\n    .cta-card {\r\n      background: var(--card);\r\n      border-radius: 16px;\r\n      padding: 2.5rem 2rem;\r\n      text-align: center;\r\n      border: 1px solid var(--border);\r\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .cta-card::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      right: 0;\r\n      height: 4px;\r\n      background: var(--orange);\r\n      transform: scaleX(0);\r\n      transition: transform 0.3s ease;\r\n    }\r\n\r\n    .cta-card.course::before { background: var(--orange); }\r\n    .cta-card.community::before { background: var(--black); }\r\n\r\n    .cta-card:hover {\r\n      transform: translateY(-8px);\r\n      box-shadow: 0 25px 50px rgba(0,0,0,0.15);\r\n    }\r\n\r\n    .cta-card:hover::before { transform: scaleX(1); }\r\n\r\n    .cta-card h3 {\r\n      font-size: 1.5rem;\r\n      font-weight: 800;\r\n      margin-bottom: 1rem;\r\n      color: var(--text);\r\n    }\r\n\r\n    .cta-card.course h3 { color: var(--orange); }\r\n    .cta-card.community h3 { color: var(--black); }\r\n\r\n    .cta-card p {\r\n      color: var(--muted);\r\n      margin-bottom: 2rem;\r\n      font-size: 1rem;\r\n    }\r\n\r\n    .cta-btn {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 0.75rem;\r\n      background: var(--orange);\r\n      color: white;\r\n      padding: 1rem 2rem;\r\n      border-radius: 12px;\r\n      font-weight: 700;\r\n      font-size: 1.1rem;\r\n      text-decoration: none;\r\n      transition: all 0.3s ease;\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .cta-card.course .cta-btn { background: var(--orange); }\r\n    .cta-card.community .cta-btn { background: var(--black); }\r\n\r\n    .cta-btn:hover {\r\n      transform: scale(1.05);\r\n      box-shadow: 0 15px 35px rgba(255,106,0,0.4);\r\n    }\r\n\r\n    .cta-card.community .cta-btn:hover { box-shadow: 0 15px 35px rgba(11,11,12,0.4); }\r\n\r\n    .copy-link {\r\n      margin-top: 1.5rem;\r\n      padding: 0.75rem 1.5rem;\r\n      background: var(--bg);\r\n      border: 2px dashed var(--border);\r\n      border-radius: 10px;\r\n      font-size: 0.95rem;\r\n      color: var(--muted);\r\n      cursor: pointer;\r\n      transition: all 0.3s ease;\r\n      font-family: monospace;\r\n    }\r\n\r\n    .copy-link:hover {\r\n      background: var(--orange);\r\n      color: white;\r\n      border-color: var(--orange);\r\n    }\r\n\r\n    .features {\r\n      display: grid;\r\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n      gap: 2rem;\r\n      margin: 4rem 0;\r\n    }\r\n\r\n    .feature-card {\r\n      background: var(--card);\r\n      padding: 2rem;\r\n      border-radius: 16px;\r\n      text-align: center;\r\n      border: 1px solid var(--border);\r\n      transition: transform 0.3s ease;\r\n    }\r\n\r\n    .feature-card:hover { transform: translateY(-5px); }\r\n\r\n    .feature-icon {\r\n      width: 60px;\r\n      height: 60px;\r\n      background: var(--orange);\r\n      border-radius: 50%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      margin: 0 auto 1rem;\r\n      font-size: 1.5rem;\r\n      color: white;\r\n    }\r\n\r\n    .footer {\r\n      text-align: center;\r\n      padding: 3rem 0 2rem;\r\n      color: var(--muted);\r\n      border-top: 1px solid var(--border);\r\n      margin-top: 4rem;\r\n    }\r\n\r\n    .pulse {\r\n      animation: pulse 2s infinite;\r\n    }\r\n\r\n    @keyframes pulse {\r\n      0% { box-shadow: 0 0 0 0 rgba(255,106,0,0.7); }\r\n      70% { box-shadow: 0 0 0 20px rgba(255,106,0,0); }\r\n      100% { box-shadow: 0 0 0 0 rgba(255,106,0,0); }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .hero h1 { font-size: 2.2rem; }\r\n      .container { padding: 1rem; }\r\n      .cta-section { grid-template-columns: 1fr; }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n  <div class=\"container\">\r\n    <!-- Header -->\r\n    <header class=\"header\">\r\n      <div class=\"logo\">DayHom Digital<\/div>\r\n      <div class=\"subtitle\">Your course access portal<\/div>\r\n    <\/header>\r\n\r\n    <!-- Hero -->\r\n    <section class=\"hero\">\r\n      <h1>Welcome aboard!<\/h1>\r\n      <p>Your purchase has been confirmed. Access your course materials and join our exclusive community below.<\/p>\r\n    <\/section>\r\n\r\n    <!-- CTA Cards -->\r\n    <section class=\"cta-section\">\r\n      <div class=\"cta-card course pulse\">\r\n        <h3>\ud83c\udf93 Access Course<\/h3>\r\n        <p>Start learning immediately with your purchased course materials<\/p>\r\n        <a href=\"https:\/\/dayhom.systeme.io\/tg\" class=\"cta-btn\" target=\"_blank\">\r\n          Open Course\r\n        <\/a>\r\n        <div class=\"copy-link\" onclick=\"copyLink('course')\">\r\n          \ud83d\udccb Copy course link\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cta-card community\">\r\n        <h3>\ud83d\udcac WhatsApp Community<\/h3>\r\n        <p>Get updates, support, and connect with other students<\/p>\r\n        <a href=\"https:\/\/chat.whatsapp.com\/DZ5JzakrdMWGcfDCJNDLLv\" class=\"cta-btn\" target=\"_blank\">\r\n          Join Community\r\n        <\/a>\r\n        <div class=\"copy-link\" onclick=\"copyLink('community')\">\r\n          \ud83d\udccb Copy WhatsApp link\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- Features -->\r\n    <section class=\"features\">\r\n      <div class=\"feature-card\">\r\n        <div class=\"feature-icon\">\ud83d\udcda<\/div>\r\n        <h3>Instant Access<\/h3>\r\n        <p>Login to your course immediately using the button above<\/p>\r\n      <\/div>\r\n      <div class=\"feature-card\">\r\n        <div class=\"feature-icon\">\ud83d\udee1\ufe0f<\/div>\r\n        <h3>Secure Links<\/h3>\r\n        <p>Your access links are protected and personalized<\/p>\r\n      <\/div>\r\n      <div class=\"feature-card\">\r\n        <div class=\"feature-icon\">\ud83d\udc65<\/div>\r\n        <h3>Active Community<\/h3>\r\n        <p>Connect with students and get support 24\/7<\/p>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- Footer -->\r\n    <footer class=\"footer\">\r\n      <p>\u00a9 2026 DayHom Digital. All rights reserved.<\/p>\r\n      <p>Need help? Reply to your purchase confirmation email.<\/p>\r\n    <\/footer>\r\n  <\/div>\r\n\r\n  <script>\r\n    const links = {\r\n      course: 'https:\/\/dayhom.systeme.io\/tg',\r\n      community: 'https:\/\/chat.whatsapp.com\/DZ5JzakrdMWGcfDCJNDLLv'\r\n    };\r\n\r\n    function copyLink(type) {\r\n      navigator.clipboard.writeText(links[type]).then(() => {\r\n        const btn = event.target;\r\n        const originalText = btn.textContent;\r\n        btn.textContent = '\u2705 Copied!';\r\n        btn.style.background = 'var(--orange)';\r\n        btn.style.color = 'white';\r\n        \r\n        setTimeout(() => {\r\n          btn.textContent = originalText;\r\n          btn.style.background = 'var(--bg)';\r\n          btn.style.color = 'var(--muted)';\r\n        }, 2000);\r\n      }).catch(() => {\r\n        alert('Copy failed. Please select and copy manually.');\r\n      });\r\n    }\r\n\r\n    \/\/ Add smooth scroll behavior\r\n    document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n      anchor.addEventListener('click', function (e) {\r\n        e.preventDefault();\r\n        document.querySelector(this.getAttribute('href')).scrollIntoView({\r\n          behavior: 'smooth'\r\n        });\r\n      });\r\n    });\r\n\r\n    \/\/ Add entrance animations\r\n    const observer = new IntersectionObserver((entries) => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n          entry.target.style.animation = 'slideUp 0.6s ease-out forwards';\r\n        }\r\n      });\r\n    });\r\n\r\n    document.querySelectorAll('.cta-card, .feature-card').forEach(el => {\r\n      observer.observe(el);\r\n    });\r\n  <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\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>DaayHom Digital &#8211; Course Access DayHom Digital Your course access portal Welcome aboard! Your purchase has been confirmed. Access your course materials and join our exclusive community below. \ud83c\udf93 Access Course Start learning immediately with your purchased course materials Open Course \ud83d\udccb Copy course link \ud83d\udcac WhatsApp Community Get updates, support, and connect with other [&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-1898","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dayhomdigital.com\/webinar\/wp-json\/wp\/v2\/pages\/1898","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dayhomdigital.com\/webinar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dayhomdigital.com\/webinar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dayhomdigital.com\/webinar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dayhomdigital.com\/webinar\/wp-json\/wp\/v2\/comments?post=1898"}],"version-history":[{"count":5,"href":"https:\/\/dayhomdigital.com\/webinar\/wp-json\/wp\/v2\/pages\/1898\/revisions"}],"predecessor-version":[{"id":1904,"href":"https:\/\/dayhomdigital.com\/webinar\/wp-json\/wp\/v2\/pages\/1898\/revisions\/1904"}],"wp:attachment":[{"href":"https:\/\/dayhomdigital.com\/webinar\/wp-json\/wp\/v2\/media?parent=1898"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}