{"product_id":"free-alphabet-tracing-100-pages","title":"Free Alphabet Tracing 100 pages","description":"\u003csection class=\"alphabet-sampler\"\u003e\n  \u003ca href=\"https:\/\/sapphireclub.gumroad.com\/l\/alphabet-sampler\" class=\"top-buy-now\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n  \u003cspan class=\"top-buy-sparkle\"\u003e✦\u003c\/span\u003e\n  \u003cspan\u003eBUY NOW — IT'S FREE\u003c\/span\u003e\n  \u003cspan class=\"top-buy-arrow\"\u003e→\u003c\/span\u003e\n\u003c\/a\u003e\n  \u003cdiv class=\"alphabet-glow glow-one\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"alphabet-glow glow-two\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"sampler-card\"\u003e\n    \u003cdiv class=\"sampler-badge\"\u003e\n      ✨ FREE 100-PAGE SAMPLER\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sampler-content\"\u003e\n      \u003cdiv class=\"sampler-copy\"\u003e\n        \u003cspan class=\"sampler-eyebrow\"\u003eTRY IT BEFORE YOU BUY\u003c\/span\u003e\n\n        \u003ch2\u003e\n          Make Learning Letters\n          \u003cspan\u003eFun \u0026amp; Easy.\u003c\/span\u003e\n        \u003c\/h2\u003e\n\n        \u003cp class=\"sampler-description\"\u003e\n          A free 100-page sample from our full Alphabet Tracing Workbook —\n          perfect for parents and homeschoolers who want to try before they buy.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"sampler-features\"\u003e\n          \u003cdiv class=\"feature\"\u003e\n            \u003cspan class=\"feature-icon\"\u003e✓\u003c\/span\u003e\n            \u003cspan\u003e100 printable letter tracing pages\u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"feature\"\u003e\n            \u003cspan class=\"feature-icon\"\u003e✓\u003c\/span\u003e\n            \u003cspan\u003eClear, kid-friendly fonts designed for little hands\u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"feature\"\u003e\n            \u003cspan class=\"feature-icon\"\u003e✓\u003c\/span\u003e\n            \u003cspan\u003eUppercase \u0026amp; lowercase practice\u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"feature\"\u003e\n            \u003cspan class=\"feature-icon\"\u003e✓\u003c\/span\u003e\n            \u003cspan\u003ePrint as many times as you want\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"sampler-perfect\"\u003e\n          \u003ch3\u003ePerfect for:\u003c\/h3\u003e\n\n          \u003cdiv class=\"perfect-tags\"\u003e\n            \u003cspan\u003e🎨 Preschoolers 3–5\u003c\/span\u003e\n            \u003cspan\u003e📚 Kindergarten Prep\u003c\/span\u003e\n            \u003cspan\u003e🏡 Homeschool Families\u003c\/span\u003e\n            \u003cspan\u003e✏️ Handwriting Practice\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003ca href=\"https:\/\/sapphireclub.gumroad.com\/l\/alphabet-sampler\" class=\"gumroad-buy-button\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n          \u003cspan class=\"button-shine\"\u003e\u003c\/span\u003e\n\n          \u003cspan class=\"button-text\"\u003e\n            \u003cstrong\u003eGet Your FREE Workbook\u003c\/strong\u003e\n            \u003csmall\u003eInstant download • No payment required\u003c\/small\u003e\n          \u003c\/span\u003e\n\n          \u003cspan class=\"button-arrow\"\u003e→\u003c\/span\u003e\n        \u003c\/a\u003e\n\n        \u003cp class=\"sampler-note\"\u003e\n          🔒 Just enter your email at checkout — no payment required.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"sampler-visual\"\u003e\n        \u003cdiv class=\"floating-letter letter-a\"\u003eA\u003c\/div\u003e\n        \u003cdiv class=\"floating-letter letter-b\"\u003eB\u003c\/div\u003e\n        \u003cdiv class=\"floating-letter letter-c\"\u003eC\u003c\/div\u003e\n\n        \u003cdiv class=\"workbook\"\u003e\n          \u003cdiv class=\"workbook-top\"\u003e\n            \u003cspan\u003eALPHABET\u003c\/span\u003e\n            \u003cspan\u003e✦\u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"workbook-title\"\u003e\n            \u003csmall\u003eMY\u003c\/small\u003e\n            \u003cstrong\u003eLETTER\u003c\/strong\u003e\n            \u003cstrong\u003eTRACING\u003c\/strong\u003e\n            \u003cem\u003eWORKBOOK\u003c\/em\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"tracing-letter\"\u003e\n            \u003cspan\u003eA\u003c\/span\u003e\n            \u003cdiv class=\"trace-lines\"\u003e\u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"workbook-footer\"\u003e\n            \u003cspan\u003e100+ PAGES\u003c\/span\u003e\n            \u003cspan\u003eFREE SAMPLE\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n  .alphabet-sampler {\n    --accent: #7c3aed;\n    --accent-light: #a78bfa;\n    --pink: #ec4899;\n    --dark: #171322;\n    position: relative;\n    overflow: hidden;\n    padding: 90px 20px;\n    background:\n      radial-gradient(circle at 15% 20%, rgba(124, 58, 237, .18), transparent 30%),\n      radial-gradient(circle at 85% 80%, rgba(236, 72, 153, .15), transparent 30%),\n      #faf9ff;\n  }\n\n  .sampler-card {\n    position: relative;\n    max-width: 1180px;\n    margin: 0 auto;\n    overflow: hidden;\n    border-radius: 32px;\n    background: rgba(255, 255, 255, .82);\n    border: 1px solid rgba(124, 58, 237, .12);\n    box-shadow:\n      0 30px 80px rgba(52, 35, 89, .12),\n      0 5px 20px rgba(52, 35, 89, .05);\n    backdrop-filter: blur(20px);\n  }\n\n  .sampler-content {\n    display: grid;\n    grid-template-columns: 1.15fr .85fr;\n    align-items: center;\n    gap: 40px;\n    padding: 65px;\n  }\n\n  .sampler-copy {\n    position: relative;\n    z-index: 2;\n  }\n\n  .sampler-badge {\n    position: absolute;\n    top: 25px;\n    left: 25px;\n    padding: 8px 15px;\n    border-radius: 999px;\n    color: white;\n    font-size: 11px;\n    font-weight: 800;\n    letter-spacing: .12em;\n    background: linear-gradient(135deg, #7c3aed, #ec4899);\n    box-shadow: 0 8px 25px rgba(124, 58, 237, .25);\n    animation: badgePulse 3s ease-in-out infinite;\n  }\n\n  .sampler-eyebrow {\n    display: inline-block;\n    margin-bottom: 13px;\n    color: var(--accent);\n    font-size: 12px;\n    font-weight: 800;\n    letter-spacing: .16em;\n  }\n\n  .sampler-copy h2 {\n    max-width: 650px;\n    margin: 0 0 20px;\n    color: var(--dark);\n    font-size: clamp(42px, 5vw, 68px);\n    line-height: .98;\n    letter-spacing: -.055em;\n    font-weight: 900;\n  }\n\n  .sampler-copy h2 span {\n    display: block;\n    background: linear-gradient(100deg, #7c3aed, #ec4899);\n    -webkit-background-clip: text;\n    background-clip: text;\n    color: transparent;\n  }\n\n  .sampler-description {\n    max-width: 620px;\n    margin: 0 0 28px;\n    color: #686276;\n    font-size: 17px;\n    line-height: 1.7;\n  }\n\n  .sampler-features {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 12px;\n    margin-bottom: 28px;\n  }\n\n  .feature {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    color: #3e3948;\n    font-size: 14px;\n    line-height: 1.45;\n  }\n\n  .feature-icon {\n    flex: 0 0 22px;\n    width: 22px;\n    height: 22px;\n    display: grid;\n    place-items: center;\n    border-radius: 50%;\n    color: white;\n    background: linear-gradient(135deg, #7c3aed, #ec4899);\n    font-size: 12px;\n    font-weight: 900;\n  }\n\n  .sampler-perfect {\n    margin-bottom: 28px;\n  }\n\n  .sampler-perfect h3 {\n    margin: 0 0 12px;\n    color: var(--dark);\n    font-size: 15px;\n    font-weight: 800;\n  }\n\n  .perfect-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n  }\n\n  .perfect-tags span {\n    padding: 8px 12px;\n    border-radius: 100px;\n    background: #f5f1ff;\n    color: #5b526a;\n    font-size: 12px;\n    font-weight: 600;\n  }\n\n  \/* BUY BUTTON *\/\n\n  .gumroad-buy-button {\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 20px;\n    width: 100%;\n    max-width: 500px;\n    min-height: 72px;\n    padding: 12px 18px 12px 24px;\n    overflow: hidden;\n    border-radius: 18px;\n    color: white;\n    text-decoration: none;\n    background: linear-gradient(110deg, #6d28d9, #8b5cf6, #ec4899);\n    background-size: 200% 200%;\n    box-shadow:\n      0 15px 35px rgba(124, 58, 237, .28),\n      0 4px 10px rgba(124, 58, 237, .12);\n    transition:\n      transform .25s ease,\n      box-shadow .25s ease,\n      background-position .5s ease;\n    animation: gradientMove 5s ease infinite;\n  }\n\n  .gumroad-buy-button:hover {\n    transform: translateY(-4px) scale(1.015);\n    box-shadow:\n      0 22px 45px rgba(124, 58, 237, .35),\n      0 6px 15px rgba(236, 72, 153, .18);\n    background-position: 100% 50%;\n  }\n\n  .gumroad-buy-button:active {\n    transform: translateY(-1px) scale(.99);\n  }\n\n  .button-text {\n    position: relative;\n    z-index: 2;\n    display: flex;\n    flex-direction: column;\n    text-align: left;\n  }\n\n  .button-text strong {\n    font-size: 17px;\n    line-height: 1.3;\n  }\n\n  .button-text small {\n    margin-top: 2px;\n    opacity: .8;\n    font-size: 11px;\n  }\n\n  .button-arrow {\n    position: relative;\n    z-index: 2;\n    display: grid;\n    place-items: center;\n    width: 45px;\n    height: 45px;\n    flex: 0 0 45px;\n    border-radius: 50%;\n    background: rgba(255,255,255,.18);\n    font-size: 22px;\n    transition: transform .25s ease;\n  }\n\n  .gumroad-buy-button:hover .button-arrow {\n    transform: translateX(5px);\n  }\n\n  .button-shine {\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 50%;\n    height: 100%;\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(255,255,255,.28),\n      transparent\n    );\n    transform: skewX(-20deg);\n    animation: shine 4s ease-in-out infinite;\n  }\n\n  .sampler-note {\n    margin: 12px 0 0 5px;\n    color: #8b8495;\n    font-size: 11px;\n  }\n\n  \/* WORKBOOK VISUAL *\/\n\n  .sampler-visual {\n    position: relative;\n    min-height: 500px;\n    display: grid;\n    place-items: center;\n  }\n\n  .workbook {\n    position: relative;\n    z-index: 3;\n    width: 280px;\n    min-height: 380px;\n    padding: 22px;\n    border-radius: 10px 18px 18px 10px;\n    background: linear-gradient(145deg, #ffffff, #f5f0ff);\n    box-shadow:\n      20px 25px 50px rgba(42, 28, 72, .2),\n      inset 0 0 0 1px rgba(124, 58, 237, .08);\n    transform: rotate(4deg);\n    animation: workbookFloat 5s ease-in-out infinite;\n  }\n\n  .workbook::before {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    top: 0;\n    bottom: 0;\n    width: 8px;\n    border-radius: 10px 0 0 10px;\n    background: linear-gradient(#7c3aed, #ec4899);\n  }\n\n  .workbook-top,\n  .workbook-footer {\n    display: flex;\n    justify-content: space-between;\n    color: #8b5cf6;\n    font-size: 9px;\n    font-weight: 900;\n    letter-spacing: .15em;\n  }\n\n  .workbook-title {\n    display: flex;\n    flex-direction: column;\n    margin-top: 35px;\n    text-align: center;\n  }\n\n  .workbook-title small {\n    color: #9b93a8;\n    font-size: 11px;\n    letter-spacing: .25em;\n  }\n\n  .workbook-title strong {\n    color: #21182f;\n    font-size: 29px;\n    line-height: .95;\n    letter-spacing: -.04em;\n  }\n\n  .workbook-title em {\n    margin-top: 7px;\n    color: #ec4899;\n    font-size: 12px;\n    font-weight: 800;\n    letter-spacing: .15em;\n    font-style: normal;\n  }\n\n  .tracing-letter {\n    display: grid;\n    place-items: center;\n    height: 175px;\n    margin: 20px 0;\n    border: 2px dashed #d9cef5;\n    border-radius: 12px;\n    background: rgba(255,255,255,.7);\n  }\n\n  .tracing-letter span {\n    color: transparent;\n    -webkit-text-stroke: 2px #c4b5fd;\n    font-size: 105px;\n    font-weight: 900;\n  }\n\n  .trace-lines {\n    position: absolute;\n    width: 190px;\n    height: 1px;\n    background: #e6def5;\n    box-shadow: 0 35px #e6def5, 0 -35px #e6def5;\n  }\n\n  .floating-letter {\n    position: absolute;\n    z-index: 4;\n    display: grid;\n    place-items: center;\n    width: 62px;\n    height: 62px;\n    border-radius: 20px;\n    color: white;\n    font-size: 27px;\n    font-weight: 900;\n    box-shadow: 0 15px 35px rgba(70, 40, 100, .2);\n  }\n\n  .letter-a {\n    top: 60px;\n    left: 30px;\n    background: linear-gradient(135deg, #ec4899, #f97316);\n    transform: rotate(-12deg);\n    animation: floatA 4s ease-in-out infinite;\n  }\n\n  .letter-b {\n    top: 130px;\n    right: 10px;\n    background: linear-gradient(135deg, #06b6d4, #6366f1);\n    transform: rotate(12deg);\n    animation: floatB 4.5s ease-in-out infinite;\n  }\n\n  .letter-c {\n    bottom: 55px;\n    left: 20px;\n    background: linear-gradient(135deg, #22c55e, #14b8a6);\n    transform: rotate(10deg);\n    animation: floatC 5s ease-in-out infinite;\n  }\n\n  .alphabet-glow {\n    position: absolute;\n    width: 350px;\n    height: 350px;\n    border-radius: 50%;\n    filter: blur(80px);\n    opacity: .25;\n    pointer-events: none;\n  }\n\n  .glow-one {\n    top: -150px;\n    left: -100px;\n    background: #8b5cf6;\n  }\n\n  .glow-two {\n    right: -100px;\n    bottom: -150px;\n    background: #ec4899;\n  }\n\n  @keyframes workbookFloat {\n    0%, 100% { transform: rotate(4deg) translateY(0); }\n    50% { transform: rotate(2deg) translateY(-12px); }\n  }\n\n  @keyframes floatA {\n    0%, 100% { transform: rotate(-12deg) translateY(0); }\n    50% { transform: rotate(-6deg) translateY(-12px); }\n  }\n\n  @keyframes floatB {\n    0%, 100% { transform: rotate(12deg) translateY(0); }\n    50% { transform: rotate(7deg) translateY(10px); }\n  }\n\n  @keyframes floatC {\n    0%, 100% { transform: rotate(10deg) translateY(0); }\n    50% { transform: rotate(4deg) translateY(-9px); }\n  }\n\n  @keyframes gradientMove {\n    0%, 100% { background-position: 0% 50%; }\n    50% { background-position: 100% 50%; }\n  }\n\n  @keyframes shine {\n    0% { left: -100%; }\n    35%, 100% { left: 150%; }\n  }\n\n  @keyframes badgePulse {\n    0%, 100% { transform: scale(1); }\n    50% { transform: scale(1.04); }\n  }\n\n  @media (max-width: 850px) {\n    .sampler-content {\n      grid-template-columns: 1fr;\n      padding: 60px 30px 40px;\n    }\n\n    .sampler-visual {\n      min-height: 440px;\n      order: -1;\n    }\n\n    .sampler-copy h2 {\n      font-size: 48px;\n    }\n  }\n\n  @media (max-width: 600px) {\n    .alphabet-sampler {\n      padding: 45px 12px;\n    }\n\n    .sampler-card {\n      border-radius: 24px;\n    }\n\n    .sampler-content {\n      padding: 55px 20px 30px;\n    }\n\n    .sampler-badge {\n      left: 18px;\n      top: 18px;\n      font-size: 9px;\n    }\n\n    .sampler-visual {\n      min-height: 380px;\n    }\n\n    .workbook {\n      width: 235px;\n      min-height: 330px;\n    }\n\n    .sampler-features {\n      grid-template-columns: 1fr;\n    }\n\n    .sampler-copy h2 {\n      font-size: 42px;\n    }\n\n    .sampler-description {\n      font-size: 15px;\n    }\n\n    .gumroad-buy-button {\n      min-height: 68px;\n    }\n\n    .button-text strong {\n      font-size: 15px;\n    }\n\n    .floating-letter {\n      width: 52px;\n      height: 52px;\n      border-radius: 16px;\n      font-size: 22px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .alphabet-sampler *,\n    .alphabet-sampler *::before,\n    .alphabet-sampler *::after {\n      animation: none !important;\n      transition: none !important;\n    }\n  }\n\u003c\/style\u003e\n\n{% schema %}\n{\n  \"name\": \"Alphabet Sampler\",\n  \"settings\": [],\n  \"presets\": [\n    {\n      \"name\": \"Alphabet Sampler\"\n    }\n  ]\n}\n{% endschema %}","brand":"sapphire club kids","offers":[{"title":"Default Title","offer_id":48980719403263,"sku":null,"price":0.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0834\/0144\/1535\/files\/hand5.png?v=1786184150","url":"https:\/\/sapphirekids.online\/products\/free-alphabet-tracing-100-pages","provider":"sapphire club kids","version":"1.0","type":"link"}