{"id":30,"date":"2026-04-28T00:40:35","date_gmt":"2026-04-28T00:40:35","guid":{"rendered":"https:\/\/doamarco.com\/?page_id=30"},"modified":"2026-04-28T00:40:35","modified_gmt":"2026-04-28T00:40:35","slug":"tankyou-page","status":"publish","type":"page","link":"https:\/\/doamarco.com\/?page_id=30","title":{"rendered":"Tankyou page"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Thank You \u2014 Marco&#8217;s Campaign<\/title>\n\n<!-- Meta Pixel Code -->\n<script>\n!function(f,b,e,v,n,t,s)\n{if(f.fbq)return;n=f.fbq=function(){n.callMethod?\nn.callMethod.apply(n,arguments):n.queue.push(arguments)};\nif(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';\nn.queue=[];t=b.createElement(e);t.async=!0;\nt.src=v;s=b.getElementsByTagName(e)[0];\ns.parentNode.insertBefore(t,s)}(window, document,'script',\n'https:\/\/connect.facebook.net\/en_US\/fbevents.js');\nfbq('init', '1318068536891992');\nfbq('track', 'PageView');\nfbq('track', 'Donate');\n<\/script>\n<noscript><img height=\"1\" width=\"1\" style=\"display:none\"\nsrc=\"https:\/\/www.facebook.com\/tr?id=1318068536891992&#038;ev=PageView&#038;noscript=1\"\n\/><\/noscript>\n<!-- End Meta Pixel Code -->\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&#038;family=DM+Sans:wght@300;400;500&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n  :root {\n    --cream: #fdf8f2;\n    --warm: #f5ede0;\n    --brown: #8b5e3c;\n    --deep: #2c1810;\n    --gold: #c9913a;\n    --gold-light: #e8c07a;\n    --text: #3a2a1e;\n    --muted: #7a6458;\n  }\n\n  html, body {\n    min-height: 100vh;\n    font-family: 'DM Sans', sans-serif;\n    background: var(--cream);\n    color: var(--text);\n    overflow-x: hidden;\n  }\n\n  \/* Animated background *\/\n  body::before {\n    content: '';\n    position: fixed;\n    inset: 0;\n    background:\n      radial-gradient(ellipse at 20% 20%, rgba(201,145,58,0.07) 0%, transparent 50%),\n      radial-gradient(ellipse at 80% 80%, rgba(139,94,60,0.05) 0%, transparent 50%);\n    pointer-events: none;\n    z-index: 0;\n  }\n\n  \/* ===== MAIN LAYOUT ===== *\/\n  .page {\n    position: relative;\n    z-index: 1;\n    min-height: 100vh;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 60px 24px;\n    text-align: center;\n  }\n\n  \/* ===== HEART ANIMATION ===== *\/\n  .heart-wrap {\n    margin-bottom: 32px;\n    position: relative;\n  }\n\n  .heart {\n    font-size: 72px;\n    display: inline-block;\n    animation: heartbeat 1.4s ease infinite;\n    filter: drop-shadow(0 8px 24px rgba(201,145,58,0.4));\n  }\n\n  .heart-rings {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 100px;\n    height: 100px;\n  }\n\n  .ring {\n    position: absolute;\n    inset: 0;\n    border-radius: 50%;\n    border: 2px solid rgba(201,145,58,0.3);\n    animation: ring-expand 2s ease-out infinite;\n  }\n  .ring:nth-child(2) { animation-delay: 0.6s; }\n  .ring:nth-child(3) { animation-delay: 1.2s; }\n\n  \/* ===== TEXT ===== *\/\n  .tag {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: rgba(201,145,58,0.1);\n    border: 1px solid rgba(201,145,58,0.25);\n    color: var(--gold);\n    font-size: 11px;\n    font-weight: 500;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    padding: 8px 20px;\n    border-radius: 100px;\n    margin-bottom: 28px;\n  }\n\n  h1 {\n    font-family: 'Playfair Display', serif;\n    font-size: clamp(40px, 6vw, 72px);\n    line-height: 1.1;\n    color: var(--deep);\n    margin-bottom: 16px;\n    animation: fadeUp 0.8s ease 0.2s both;\n  }\n\n  h1 em {\n    font-style: italic;\n    color: var(--gold);\n  }\n\n  .subtitle {\n    font-size: clamp(16px, 2vw, 20px);\n    color: var(--muted);\n    font-weight: 300;\n    line-height: 1.7;\n    max-width: 560px;\n    margin: 0 auto 48px;\n    animation: fadeUp 0.8s ease 0.4s both;\n  }\n\n  .subtitle strong {\n    color: var(--text);\n    font-weight: 500;\n  }\n\n  \/* ===== IMPACT CARD ===== *\/\n  .impact-card {\n    background: white;\n    border-radius: 20px;\n    padding: 40px 48px;\n    box-shadow: 0 16px 56px rgba(44,24,16,0.1);\n    max-width: 520px;\n    width: 100%;\n    margin-bottom: 48px;\n    animation: fadeUp 0.8s ease 0.6s both;\n  }\n\n  .impact-card .icon {\n    font-size: 40px;\n    margin-bottom: 16px;\n    display: block;\n  }\n\n  .impact-card h3 {\n    font-family: 'Playfair Display', serif;\n    font-size: 22px;\n    color: var(--deep);\n    margin-bottom: 12px;\n  }\n\n  .impact-card p {\n    font-size: 15px;\n    color: var(--muted);\n    line-height: 1.7;\n    font-weight: 300;\n  }\n\n  .impact-card p strong {\n    color: var(--text);\n    font-weight: 500;\n  }\n\n  \/* ===== SHARE SECTION ===== *\/\n  .share-section {\n    animation: fadeUp 0.8s ease 0.8s both;\n    margin-bottom: 40px;\n  }\n\n  .share-label {\n    font-size: 13px;\n    color: var(--muted);\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    margin-bottom: 16px;\n    display: block;\n  }\n\n  .share-buttons {\n    display: flex;\n    gap: 12px;\n    justify-content: center;\n    flex-wrap: wrap;\n  }\n\n  .share-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 13px 24px;\n    border-radius: 8px;\n    font-size: 14px;\n    font-weight: 500;\n    text-decoration: none;\n    transition: all 0.2s ease;\n    cursor: pointer;\n    border: none;\n    font-family: 'DM Sans', sans-serif;\n  }\n\n  .share-btn-fb {\n    background: #1877F2;\n    color: white;\n  }\n  .share-btn-fb:hover { background: #1464d8; transform: translateY(-2px); }\n\n  .share-btn-wa {\n    background: #25D366;\n    color: white;\n  }\n  .share-btn-wa:hover { background: #1dba58; transform: translateY(-2px); }\n\n  .share-btn-copy {\n    background: var(--warm);\n    color: var(--text);\n    border: 1.5px solid #e8d5be;\n  }\n  .share-btn-copy:hover { background: #eddec8; transform: translateY(-2px); }\n\n  \/* ===== BACK LINK ===== *\/\n  .back-link {\n    font-size: 14px;\n    color: var(--muted);\n    text-decoration: none;\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    animation: fadeUp 0.8s ease 1s both;\n    transition: color 0.2s;\n  }\n  .back-link:hover { color: var(--gold); }\n\n  \/* ===== FOOTER ===== *\/\n  .footer {\n    position: fixed;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background: var(--deep);\n    color: rgba(255,255,255,0.4);\n    font-size: 11px;\n    text-align: center;\n    padding: 12px 24px;\n    letter-spacing: 0.5px;\n  }\n\n  \/* ===== CONFETTI ===== *\/\n  .confetti-piece {\n    position: fixed;\n    width: 8px;\n    height: 8px;\n    border-radius: 2px;\n    top: -10px;\n    animation: confetti-fall linear forwards;\n    z-index: 999;\n    pointer-events: none;\n  }\n\n  \/* ===== ANIMATIONS ===== *\/\n  @keyframes heartbeat {\n    0%, 100% { transform: scale(1); }\n    14% { transform: scale(1.15); }\n    28% { transform: scale(1); }\n    42% { transform: scale(1.1); }\n    56% { transform: scale(1); }\n  }\n\n  @keyframes ring-expand {\n    0% { transform: scale(0.5); opacity: 0.8; }\n    100% { transform: scale(2.5); opacity: 0; }\n  }\n\n  @keyframes fadeUp {\n    from { opacity: 0; transform: translateY(20px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  @keyframes confetti-fall {\n    0% { top: -10px; opacity: 1; transform: rotate(0deg) translateX(0); }\n    100% { top: 110vh; opacity: 0; transform: rotate(720deg) translateX(100px); }\n  }\n\n  \/* ===== COPY TOAST ===== *\/\n  .toast {\n    position: fixed;\n    bottom: 60px;\n    left: 50%;\n    transform: translateX(-50%) translateY(20px);\n    background: var(--deep);\n    color: white;\n    padding: 12px 24px;\n    border-radius: 8px;\n    font-size: 14px;\n    opacity: 0;\n    transition: all 0.3s ease;\n    pointer-events: none;\n    z-index: 1000;\n  }\n  .toast.show {\n    opacity: 1;\n    transform: translateX(-50%) translateY(0);\n  }\n\n  @media (max-width: 600px) {\n    .impact-card { padding: 32px 24px; }\n    .share-buttons { flex-direction: column; align-items: center; }\n    .share-btn { width: 100%; max-width: 280px; justify-content: center; }\n  }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"page\">\n\n  <!-- Heart -->\n  <div class=\"heart-wrap\">\n    <div class=\"heart-rings\">\n      <div class=\"ring\"><\/div>\n      <div class=\"ring\"><\/div>\n      <div class=\"ring\"><\/div>\n    <\/div>\n    <span class=\"heart\">\ud83d\udc9b<\/span>\n  <\/div>\n\n  <!-- Tag -->\n  <div class=\"tag\">\u2713 Donation received<\/div>\n\n  <!-- Title -->\n  <h1>Thank you<br>from <em>Marco&#8217;s<\/em> heart<\/h1>\n\n  <!-- Subtitle -->\n  <p class=\"subtitle\">\n    Your generosity means everything. <strong>Every dollar you gave<\/strong> brings Marco one step closer to the treatment he needs to live safely and with dignity.\n  <\/p>\n\n  <!-- Impact Card -->\n  <div class=\"impact-card\">\n    <span class=\"icon\">\ud83e\udde1<\/span>\n    <h3>What your donation does<\/h3>\n    <p>\n      Marco lives with <strong>Down Syndrome<\/strong> and <strong>Vasovagal Syndrome<\/strong> \u2014 a condition that causes dangerous, unpredictable fainting episodes. Your contribution helps fund the specialized medical care that can protect him from serious injury.\n      <br><br>\n      You didn&#8217;t just donate money. <strong>You gave Marco a safer tomorrow.<\/strong>\n    <\/p>\n  <\/div>\n\n  <!-- Share -->\n  <div class=\"share-section\">\n    <span class=\"share-label\">Help spread the word<\/span>\n    <div class=\"share-buttons\">\n      <a\n        href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https:\/\/doamarco.com\"\n        target=\"_blank\"\n        class=\"share-btn share-btn-fb\">\n        \ud83d\udc4d Share on Facebook\n      <\/a>\n      <a\n        href=\"https:\/\/wa.me\/?text=I%20just%20donated%20to%20help%20Marco%2C%20a%20young%20man%20with%20Down%20Syndrome%20fighting%20a%20serious%20illness.%20Even%20%241%20helps%3A%20https%3A%2F%2Fdoamarco.com\"\n        target=\"_blank\"\n        class=\"share-btn share-btn-wa\">\n        \ud83d\udcac Share on WhatsApp\n      <\/a>\n      <button onclick=\"copyLink()\" class=\"share-btn share-btn-copy\">\n        \ud83d\udd17 Copy link\n      <\/button>\n    <\/div>\n  <\/div>\n\n  <!-- Back -->\n  <a href=\"https:\/\/doamarco.com\" class=\"back-link\">\n    \u2190 Back to Marco&#8217;s campaign\n  <\/a>\n\n<\/div>\n\n<!-- Toast -->\n<div class=\"toast\" id=\"toast\">\u2713 Link copied!<\/div>\n\n<!-- Footer -->\n<div class=\"footer\">\n  All donations are processed securely via Stripe \u00b7 Thank you for your kindness\n<\/div>\n\n<script>\n  \/\/ Confetti on load\n  var colors = ['#c9913a', '#e8c07a', '#8b5e3c', '#f5ede0', '#2c1810'];\n  function launchConfetti() {\n    for (var i = 0; i < 60; i++) {\n      (function(i) {\n        setTimeout(function() {\n          var el = document.createElement('div');\n          el.classList.add('confetti-piece');\n          el.style.left = Math.random() * 100 + 'vw';\n          el.style.background = colors[Math.floor(Math.random() * colors.length)];\n          el.style.animationDuration = (2.5 + Math.random() * 2) + 's';\n          el.style.animationDelay = '0s';\n          el.style.width = (6 + Math.random() * 8) + 'px';\n          el.style.height = (6 + Math.random() * 8) + 'px';\n          document.body.appendChild(el);\n          setTimeout(function() { el.remove(); }, 5000);\n        }, i * 60);\n      })(i);\n    }\n  }\n  launchConfetti();\n\n  \/\/ Copy link\n  function copyLink() {\n    var url = 'https:\/\/doamarco.com';\n    if (navigator.clipboard) {\n      navigator.clipboard.writeText(url);\n    } else {\n      var ta = document.createElement('textarea');\n      ta.value = url;\n      document.body.appendChild(ta);\n      ta.select();\n      document.execCommand('copy');\n      document.body.removeChild(ta);\n    }\n    var toast = document.getElementById('toast');\n    toast.classList.add('show');\n    setTimeout(function() { toast.classList.remove('show'); }, 2500);\n  }\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Thank You \u2014 Marco&#8217;s Campaign \ud83d\udc9b \u2713 Donation received Thank youfrom Marco&#8217;s heart Your generosity means everything. Every dollar you gave brings Marco one step closer to the treatment he needs to live safely and with dignity. \ud83e\udde1 What your donation does Marco lives with Down Syndrome and Vasovagal Syndrome \u2014 a condition that causes [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-30","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/doamarco.com\/index.php?rest_route=\/wp\/v2\/pages\/30","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/doamarco.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/doamarco.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/doamarco.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/doamarco.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=30"}],"version-history":[{"count":1,"href":"https:\/\/doamarco.com\/index.php?rest_route=\/wp\/v2\/pages\/30\/revisions"}],"predecessor-version":[{"id":31,"href":"https:\/\/doamarco.com\/index.php?rest_route=\/wp\/v2\/pages\/30\/revisions\/31"}],"wp:attachment":[{"href":"https:\/\/doamarco.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}