{"product_id":"confidenceher™-fitness-planner","title":"ConfidenceHer™ Fitness Planner","description":"\u003c!-- Fitness Planner – Fun + Interactive Product Description (Red\/Black) --\u003e\n\u003csection style=\"font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\"\u003e\n  \u003cstyle\u003e\n    :root{\n      --red:#E11D48;\n      --red2:#FB7185;\n      --black:#0B0B0F;\n      --muted:#4B4B57;\n      --bg:#FFF1F2;\n      --radius:18px;\n      --shadow: 0 14px 34px rgba(225,29,72,.18);\n      --border: 1px solid rgba(225,29,72,.18);\n    }\n\n    .fp-wrap{\n      background: radial-gradient(800px 400px at 15% 10%, rgba(225,29,72,.20), transparent 55%),\n                  radial-gradient(700px 350px at 85% 30%, rgba(251,113,133,.22), transparent 55%),\n                  linear-gradient(135deg, var(--bg), #ffffff);\n      padding:18px;\n      border-radius:22px;\n      border: var(--border);\n    }\n\n    .fp-hero{\n      background: linear-gradient(135deg, rgba(225,29,72,.16), rgba(11,11,15,.06));\n      border: var(--border);\n      border-radius: var(--radius);\n      padding:16px;\n      box-shadow: var(--shadow);\n    }\n\n    .fp-badge{\n      display:inline-flex; align-items:center; gap:8px;\n      background: rgba(225,29,72,.16);\n      color: var(--black);\n      padding:8px 12px;\n      border-radius: 999px;\n      font-weight:900;\n      border: 1px solid rgba(225,29,72,.25);\n    }\n    .fp-dot{\n      width:10px; height:10px; border-radius:999px;\n      background: var(--red);\n      box-shadow: 0 0 0 4px rgba(225,29,72,.14);\n    }\n\n    .fp-title{margin:12px 0 6px; font-size:26px; color:var(--black); line-height:1.15;}\n    .fp-sub{margin:0; color:var(--muted); font-size:14px; max-width:78ch;}\n\n    .fp-grid{display:grid; grid-template-columns: 1.15fr .85fr; gap:14px; margin-top:14px;}\n    .fp-card{\n      background: rgba(255,255,255,.92);\n      border: 1px solid rgba(225,29,72,.16);\n      border-radius: var(--radius);\n      padding:14px;\n      box-shadow: 0 8px 22px rgba(11,11,15,.06);\n    }\n\n    .fp-benefits{display:grid; gap:10px; margin-top:10px;}\n    .fp-benefit{\n      display:flex; gap:10px; align-items:flex-start;\n      padding:10px 12px;\n      border-radius: 14px;\n      background: linear-gradient(135deg, rgba(225,29,72,.10), rgba(251,113,133,.10));\n      border: 1px dashed rgba(225,29,72,.22);\n    }\n    .fp-icon{\n      width:34px; height:34px; border-radius:12px;\n      background: rgba(225,29,72,.16);\n      display:grid; place-items:center;\n      font-size:16px;\n      flex: 0 0 34px;\n    }\n    .fp-benefit b{color:var(--black);}\n    .fp-benefit p{margin:2px 0 0; color:var(--muted); font-size:13px; line-height:1.45;}\n\n    .fp-tabs{display:flex; gap:10px; flex-wrap:wrap; margin-top:10px;}\n    .fp-tab{\n      cursor:pointer; user-select:none;\n      border:none;\n      background: rgba(225,29,72,.12);\n      color: var(--black);\n      padding:8px 12px;\n      border-radius: 999px;\n      font-weight:900;\n      font-size:13px;\n      border: 1px solid rgba(225,29,72,.22);\n      transition: transform .08s ease, filter .2s ease;\n    }\n    .fp-tab:hover{transform: translateY(-1px); filter: brightness(1.02);}\n    .fp-tab[aria-selected=\"true\"]{\n      background: linear-gradient(135deg, rgba(225,29,72,.26), rgba(11,11,15,.06));\n      border-color: rgba(225,29,72,.30);\n    }\n    .fp-panel{display:none; margin-top:10px; color:var(--muted); font-size:13px; line-height:1.55;}\n    .fp-panel.active{display:block;}\n\n    details.fp-acc{\n      margin-top:10px;\n      border-radius: var(--radius);\n      border: 1px solid rgba(225,29,72,.16);\n      background:#fff;\n      padding:10px 12px;\n    }\n    details.fp-acc summary{\n      cursor:pointer;\n      font-weight:900;\n      color: var(--black);\n      list-style:none;\n    }\n    details.fp-acc summary::-webkit-details-marker{display:none;}\n    details.fp-acc p{margin:10px 0 0; color:var(--muted); font-size:13px; line-height:1.55;}\n\n    .fp-quiz{\n      margin-top:12px;\n      border-radius: var(--radius);\n      border: 1px solid rgba(225,29,72,.18);\n      background: linear-gradient(135deg, rgba(225,29,72,.12), rgba(251,113,133,.10));\n      padding:12px;\n    }\n    .fp-quiz h4{margin:0 0 6px; color:var(--black);}\n    .fp-quiz small{color:var(--muted); font-size:12px;}\n\n    .fp-btn{\n      width:100%;\n      cursor:pointer;\n      border:none;\n      background: rgba(11,11,15,.06);\n      border: 1px solid rgba(225,29,72,.18);\n      padding:10px 12px;\n      border-radius: 14px;\n      font-weight:900;\n      color: var(--black);\n      text-align:left;\n      margin-top:8px;\n      transition: transform .08s ease, background .2s ease;\n    }\n    .fp-btn:hover{transform: translateY(-1px); background: rgba(225,29,72,.12);}\n\n    .fp-result{\n      display:none;\n      margin-top:10px;\n      padding:10px 12px;\n      border-radius: 14px;\n      background:#fff;\n      border: 1px solid rgba(225,29,72,.16);\n      color: var(--muted);\n      font-size:13px;\n    }\n\n    .fp-note{\n      margin-top:12px;\n      padding:12px 14px;\n      border-radius: var(--radius);\n      border: 1px solid rgba(225,29,72,.18);\n      background: linear-gradient(135deg, rgba(225,29,72,.16), rgba(11,11,15,.04));\n      color: var(--black);\n      font-weight:900;\n    }\n    .fp-note span{font-weight:700; color:var(--muted); display:block; margin-top:4px; font-size:13px;}\n\n    @media (max-width: 780px){\n      .fp-grid{grid-template-columns:1fr;}\n      .fp-title{font-size:22px;}\n    }\n  \u003c\/style\u003e\n\n  \u003cdiv class=\"fp-wrap\"\u003e\n    \u003cdiv class=\"fp-hero\"\u003e\n      \u003cspan class=\"fp-badge\"\u003e\u003cspan class=\"fp-dot\"\u003e\u003c\/span\u003e ConfidenceHer • Fitness Planner\u003c\/span\u003e\n      \u003ch2 class=\"fp-title\"\u003eWrite your success story — one page at a time.\u003c\/h2\u003e\n      \u003cp class=\"fp-sub\"\u003e\n        Transform your fitness journey with a thoughtfully designed planner that helps you build confidence,\n        track progress, and celebrate every milestone — especially when you’re starting at home.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"fp-grid\"\u003e\n      \u003c!-- LEFT: Benefits + Tabs --\u003e\n      \u003cdiv class=\"fp-card\"\u003e\n        \u003ch3 style=\"margin:0 0 8px; color:var(--black);\"\u003eWhy a planner changes everything ❤️\u003c\/h3\u003e\n\n        \u003cdiv class=\"fp-benefits\"\u003e\n          \u003cdiv class=\"fp-benefit\"\u003e\n            \u003cdiv class=\"fp-icon\"\u003e📈\u003c\/div\u003e\n            \u003cdiv\u003e\n              \u003cb\u003eVisual progress\u003c\/b\u003e\n              \u003cp\u003eTrack measurements, workout logs, and personal bests — growth you can actually see.\u003c\/p\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"fp-benefit\"\u003e\n            \u003cdiv class=\"fp-icon\"\u003e🎯\u003c\/div\u003e\n            \u003cdiv\u003e\n              \u003cb\u003eMeaningful goals\u003c\/b\u003e\n              \u003cp\u003eBreak big dreams into weekly and monthly targets that don’t feel overwhelming.\u003c\/p\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"fp-benefit\"\u003e\n            \u003cdiv class=\"fp-icon\"\u003e🏆\u003c\/div\u003e\n            \u003cdiv\u003e\n              \u003cb\u003eCelebrate wins\u003c\/b\u003e\n              \u003cp\u003eReflection pages help you notice every achievement — progress is more than the scale.\u003c\/p\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"fp-benefit\"\u003e\n            \u003cdiv class=\"fp-icon\"\u003e🗓️\u003c\/div\u003e\n            \u003cdiv\u003e\n              \u003cb\u003ePlan workouts\u003c\/b\u003e\n              \u003cp\u003eWeekly schedules help you stay consistent with a routine that fits your real life.\u003c\/p\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"fp-benefit\"\u003e\n            \u003cdiv class=\"fp-icon\"\u003e🧠\u003c\/div\u003e\n            \u003cdiv\u003e\n              \u003cb\u003eTrack mindset\u003c\/b\u003e\n              \u003cp\u003eMood + energy trackers remind you fitness is mental strength too.\u003c\/p\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"fp-benefit\"\u003e\n            \u003cdiv class=\"fp-icon\"\u003e✅\u003c\/div\u003e\n            \u003cdiv\u003e\n              \u003cb\u003eStay accountable\u003c\/b\u003e\n              \u003cp\u003eDaily check-ins and habit trackers keep you moving even when motivation is low.\u003c\/p\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"fp-tabs\" role=\"tablist\" aria-label=\"Planner tabs\"\u003e\n          \u003cbutton class=\"fp-tab\" role=\"tab\" aria-selected=\"true\" data-tab=\"fp1\"\u003eProgress\u003c\/button\u003e\n          \u003cbutton class=\"fp-tab\" role=\"tab\" aria-selected=\"false\" data-tab=\"fp2\"\u003eConsistency\u003c\/button\u003e\n          \u003cbutton class=\"fp-tab\" role=\"tab\" aria-selected=\"false\" data-tab=\"fp3\"\u003eConfidence\u003c\/button\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv id=\"fp1\" class=\"fp-panel active\" role=\"tabpanel\"\u003e\n          When you can see your progress in black and white, motivation gets easier — because it’s real.\n        \u003c\/div\u003e\n        \u003cdiv id=\"fp2\" class=\"fp-panel\" role=\"tabpanel\"\u003e\n          A clear plan removes decision fatigue. You don’t need hype — you need direction.\n        \u003c\/div\u003e\n        \u003cdiv id=\"fp3\" class=\"fp-panel\" role=\"tabpanel\"\u003e\n          Every ticked-off goal is proof you keep promises to yourself. That’s confidence.\n        \u003c\/div\u003e\n\n        \u003cdetails class=\"fp-acc\"\u003e\n          \u003csummary\u003eThe benefits you’ll experience\u003c\/summary\u003e\n          \u003cp\u003e\n            • Increased motivation from seeing progress clearly\u003cbr\u003e\n            • Better consistency with a plan to follow\u003cbr\u003e\n            • Boosted confidence as you tick off goals\u003cbr\u003e\n            • Less anxiety about “doing it right”\u003cbr\u003e\n            • A record of your transformation journey\u003cbr\u003e\n            • More self-awareness of what works for you\n          \u003c\/p\u003e\n        \u003c\/details\u003e\n\n        \u003cdiv class=\"fp-note\"\u003e\n          It’s not about perfection — it’s about progress.\n          \u003cspan\u003eShow up for yourself every day. Your future self will thank you.\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- RIGHT: Interactive --\u003e\n      \u003cdiv class=\"fp-card\"\u003e\n        \u003cdiv class=\"fp-quiz\" aria-label=\"Interactive planner starter\"\u003e\n          \u003ch4\u003eStart here 🖤❤️\u003c\/h4\u003e\n          \u003csmall\u003eTap one and get a first-page idea.\u003c\/small\u003e\n\n          \u003cbutton class=\"fp-btn\" data-result=\"beginner\"\u003eI’m just starting\u003c\/button\u003e\n          \u003cbutton class=\"fp-btn\" data-result=\"restart\"\u003eI’m restarting\u003c\/button\u003e\n          \u003cbutton class=\"fp-btn\" data-result=\"levelup\"\u003eI want to level up\u003c\/button\u003e\n\n          \u003cdiv class=\"fp-result\" id=\"fpResult\" role=\"status\" aria-live=\"polite\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdetails class=\"fp-acc\"\u003e\n          \u003csummary\u003eWhat’s inside?\u003c\/summary\u003e\n          \u003cp\u003e\n            Workout logs • weekly plans • goal setting • habit trackers • mood \u0026amp; energy tracking • reflection pages\n          \u003c\/p\u003e\n        \u003c\/details\u003e\n\n        \u003cdetails class=\"fp-acc\"\u003e\n          \u003csummary\u003eYour reminder\u003c\/summary\u003e\n          \u003cp\u003e\n            Your journey deserves to be documented. Start writing your success story today.\n          \u003c\/p\u003e\n        \u003c\/details\u003e\n\n        \u003cdiv class=\"fp-note\" style=\"margin-top:12px;\"\u003e\n          You’ve got this. We’ve got you.\n          \u003cspan\u003eConsistency creates confidence.\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cscript\u003e\n    \/\/ Tabs\n    const fpTabs = document.querySelectorAll('.fp-tab');\n    const fpPanels = document.querySelectorAll('.fp-panel');\n\n    fpTabs.forEach(tab =\u003e {\n      tab.addEventListener('click', () =\u003e {\n        const target = tab.getAttribute('data-tab');\n        fpTabs.forEach(t =\u003e t.setAttribute('aria-selected', 'false'));\n        tab.setAttribute('aria-selected', 'true');\n        fpPanels.forEach(p =\u003e p.classList.remove('active'));\n        document.getElementById(target).classList.add('active');\n      });\n    });\n\n    \/\/ Interactive starter\n    const fpResult = document.getElementById('fpResult');\n    const fpMsgs = {\n      beginner: \"✅ First page: Write 1 goal + 3 simple habits (water, 10-min walk, 2 workouts\/week).\",\n      restart: \"❤️ First page: Note what worked before + what you’ll do differently this time (keep it simple).\",\n      levelup: \"🔥 First page: Pick 1 performance goal (more reps, longer plank) and track weekly progress.\"\n    };\n\n    document.querySelectorAll('.fp-btn').forEach(btn =\u003e {\n      btn.addEventListener('click', () =\u003e {\n        const key = btn.getAttribute('data-result');\n        fpResult.textContent = fpMsgs[key] || \"❤️ Start small. Stay consistent.\";\n        fpResult.style.display = 'block';\n        fpResult.scrollIntoView({behavior:'smooth', block:'nearest'});\n      });\n    });\n  \u003c\/script\u003e\n\u003c\/section\u003e","brand":"ConfidenceHer","offers":[{"title":"Default Title","offer_id":42570322608215,"sku":null,"price":249.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0660\/2774\/9463\/files\/ChatGPTImageFeb22_2026_03_41_21PM.png?v=1772133341","url":"https:\/\/confidenceher.co.za\/products\/confidenceher%e2%84%a2-fitness-planner","provider":"ConfidenceHer","version":"1.0","type":"link"}