Joana Fitness | The 333 Method<\/title>\n<meta name=\"description\" content=\"Transform your body and mindset in 90 days with the 333 Method. Three programmes, three phases, three months. Start your journey with Joana Fitness.\" \/>\n\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Manrope:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\" \/>\n\n<style>\n\/* =========================================================\n JOANA FITNESS Landing Page\n Colours derived from the brand logo:\n Black #000000 | White #FFFFFF | Lime green #87C506\n ========================================================= *\/\n\n:root{\n --black: #000000;\n --ink: #0A0A0A; \/* lifted panels *\/\n --card: #131313; \/* cards *\/\n --card-2: #1A1A1A; \/* inputs *\/\n --line: rgba(255,255,255,0.09);\n --line-2: rgba(255,255,255,0.16);\n\n --white: #FFFFFF;\n --mist: #B6B8B2; \/* secondary text *\/\n --dim: #7C7E78; \/* muted text *\/\n\n --green: #87C506; \/* brand accent *\/\n --green-br: #A5E82C; \/* hover \/ highlight *\/\n --green-dp: #6DA004; \/* deep *\/\n --green-soft: rgba(135,197,6,0.12);\n\n --serif: \"Cormorant Garamond\", Georgia, serif;\n --sans: \"Manrope\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n\n --wrap: 1200px;\n --radius: 16px;\n}\n\n*{ box-sizing:border-box; margin:0; padding:0; }\nhtml{ scroll-behavior:smooth; -webkit-text-size-adjust:100%; }\nbody{\n background:var(--black);\n color:var(--white);\n font-family:var(--sans);\n font-size:17px;\n line-height:1.6;\n font-weight:400;\n -webkit-font-smoothing:antialiased;\n overflow-x:hidden;\n}\nimg{ max-width:100%; display:block; }\na{ color:inherit; text-decoration:none; }\n\n.wrap{ width:100%; max-width:var(--wrap); margin:0 auto; padding:0 24px; }\n\n\/* ---------- shared type ---------- *\/\n.eyebrow{\n display:inline-flex; align-items:center; gap:14px;\n font-family:var(--sans);\n font-size:12.5px; font-weight:700; letter-spacing:.34em;\n text-transform:uppercase; color:var(--green);\n}\n.eyebrow::before,\n.eyebrow::after{\n content:\"\"; width:26px; height:1.5px; background:var(--green);\n opacity:.9;\n}\n.eyebrow.solo::after{ display:none; }\n\nh1,h2,h3{ font-family:var(--serif); font-weight:600; line-height:1.04; letter-spacing:-.01em; }\n.display{ font-size:clamp(2.9rem, 7vw, 5.6rem); font-weight:600; }\n.display em{ font-style:italic; color:var(--green); font-weight:500; }\n\n.section-title{ font-size:clamp(2.2rem, 5vw, 3.6rem); }\n.lead{ color:var(--mist); font-size:clamp(1rem,1.5vw,1.14rem); }\n\n\/* ---------- buttons ---------- *\/\n.btn{\n --pad-y:16px; --pad-x:28px;\n display:inline-flex; align-items:center; justify-content:center; gap:10px;\n font-family:var(--sans); font-weight:700; font-size:14.5px;\n letter-spacing:.06em; text-transform:uppercase;\n padding:var(--pad-y) var(--pad-x);\n border-radius:100px; border:none; cursor:pointer;\n transition:transform .25s ease, background .25s ease, box-shadow .25s ease;\n will-change:transform;\n}\n.btn-green{\n background:var(--green); color:#0a1500;\n box-shadow:0 8px 30px -8px rgba(135,197,6,.55);\n}\n.btn-green:hover{ background:var(--green-br); transform:translateY(-2px); box-shadow:0 14px 40px -10px rgba(135,197,6,.7); }\n.btn-ghost{\n background:transparent; color:var(--white);\n border:1.5px solid var(--line-2);\n}\n.btn-ghost:hover{ border-color:var(--green); color:var(--green); }\n.btn-full{ width:100%; }\n\n.wa-ico{ width:18px; height:18px; flex:0 0 auto; }\n\n\/* =========================================================\n HEADER\n ========================================================= *\/\n.site-header{\n position:sticky; top:0; z-index:50;\n background:rgba(0,0,0,.72);\n backdrop-filter:saturate(140%) blur(14px);\n border-bottom:1px solid var(--line);\n}\n.header-inner{ display:flex; align-items:center; justify-content:space-between; height:92px; }\n.brand{ display:flex; align-items:center; gap:12px; }\n.brand img{ height:68px; width:auto; }\n.header-nav{ display:flex; align-items:center; gap:30px; }\n.header-nav a.navlink{\n font-size:13px; font-weight:600; letter-spacing:.12em; text-transform:uppercase;\n color:var(--mist); transition:color .2s ease;\n}\n.header-nav a.navlink:hover{ color:var(--white); }\n.header-cta{ padding:12px 22px; }\n\n\/* =========================================================\n HERO (first fold: video + form)\n ========================================================= *\/\n.hero{ position:relative; padding:64px 0 80px; overflow:hidden; }\n.hero::before{ \/* ambient green glow *\/\n content:\"\"; position:absolute; top:-220px; right:-160px;\n width:620px; height:620px; border-radius:50%;\n background:radial-gradient(circle, rgba(135,197,6,.16), transparent 62%);\n pointer-events:none; z-index:0;\n}\n.hero .wrap{ position:relative; z-index:1; }\n\n.hero-head{ max-width:760px; margin-bottom:40px; }\n.hero-head h1{ margin:20px 0 18px; }\n.hero-head .lead{ max-width:560px; }\n\n.hero-grid{\n display:grid; grid-template-columns:1.55fr 1fr; gap:36px; align-items:start;\n}\n\n\/* video *\/\n.video-block{ position:relative; }\n.video-frame{\n position:relative; width:100%; aspect-ratio:16\/9;\n border-radius:var(--radius); overflow:hidden;\n border:1px solid var(--line-2);\n background:#050505;\n box-shadow:0 30px 80px -30px rgba(0,0,0,.9);\n}\n.video-frame video,\n.video-frame iframe{\n position:absolute; inset:0; width:100%; height:100%;\n object-fit:cover; border:0;\n}\n\/* play overlay for the poster state *\/\n.video-poster{\n position:absolute; inset:0; z-index:2;\n display:flex; align-items:center; justify-content:center;\n cursor:pointer; background:linear-gradient(180deg, rgba(0,0,0,.15), rgba(0,0,0,.55));\n transition:opacity .3s ease;\n}\n.video-poster.is-hidden{ opacity:0; pointer-events:none; }\n.play-btn{\n width:82px; height:82px; border-radius:50%;\n background:var(--green); color:#0a1500;\n display:grid; place-items:center;\n box-shadow:0 10px 40px -6px rgba(135,197,6,.6);\n transition:transform .25s ease, background .25s ease;\n}\n.video-poster:hover .play-btn{ transform:scale(1.08); background:var(--green-br); }\n.play-btn svg{ width:30px; height:30px; margin-left:4px; }\n.video-caption{\n margin-top:16px; display:flex; align-items:center; gap:10px;\n color:var(--dim); font-size:13.5px; letter-spacing:.02em;\n}\n.video-caption b{ color:var(--white); font-weight:700; }\n.pulse{ width:9px; height:9px; border-radius:50%; background:var(--green); box-shadow:0 0 0 0 rgba(135,197,6,.6); animation:pulse 2s infinite; }\n@keyframes pulse{ 0%{box-shadow:0 0 0 0 rgba(135,197,6,.5)} 70%{box-shadow:0 0 0 12px rgba(135,197,6,0)} 100%{box-shadow:0 0 0 0 rgba(135,197,6,0)} }\n\n\/* form card *\/\n.form-card{\n background:linear-gradient(180deg, var(--card), #0d0d0d);\n border:1px solid var(--line-2);\n border-radius:var(--radius);\n padding:32px 30px 30px;\n box-shadow:0 30px 80px -40px rgba(0,0,0,.9);\n}\n.form-card .card-eyebrow{\n font-size:11.5px; font-weight:700; letter-spacing:.28em; text-transform:uppercase; color:var(--green);\n}\n.form-card h3{ font-size:1.9rem; margin:10px 0 6px; }\n.form-card .card-sub{ color:var(--mist); font-size:14.5px; margin-bottom:22px; }\n\n.field{ margin-bottom:15px; }\n.field label{\n display:block; font-size:12px; font-weight:600; letter-spacing:.05em;\n text-transform:uppercase; color:var(--dim); margin-bottom:7px;\n}\n.field input{\n width:100%; padding:14px 16px;\n background:var(--card-2); color:var(--white);\n border:1.5px solid var(--line); border-radius:11px;\n font-family:var(--sans); font-size:15.5px;\n transition:border-color .2s ease, background .2s ease;\n}\n.field input::placeholder{ color:#5f615c; }\n.field input:focus{ outline:none; border-color:var(--green); background:#1e1e1e; }\n.field input.invalid{ border-color:#e05a3b; }\n\n.form-note{ display:flex; align-items:flex-start; gap:8px; margin-top:14px; color:var(--dim); font-size:12px; line-height:1.45; }\n.form-note svg{ width:15px; height:15px; flex:0 0 auto; margin-top:1px; color:var(--green); }\n.submit-btn{ margin-top:18px; }\n\n\/* =========================================================\n METHOD (the 333 signature section)\n ========================================================= *\/\n.method{ padding:96px 0; border-top:1px solid var(--line); background:linear-gradient(180deg, #050505, var(--black)); }\n.method-head{ text-align:center; max-width:720px; margin:0 auto 60px; }\n.method-head h2{ margin:18px 0 16px; }\n.method-head h2 span{ color:var(--green); font-style:italic; }\n\n.triple-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }\n.pillar{\n position:relative; padding:34px 28px 30px;\n background:var(--card); border:1px solid var(--line);\n border-radius:var(--radius);\n transition:transform .3s ease, border-color .3s ease;\n overflow:hidden;\n}\n.pillar:hover{ transform:translateY(-4px); border-color:rgba(135,197,6,.4); }\n.pillar .big3{\n font-family:var(--serif); font-size:5.4rem; line-height:.8; font-weight:600;\n color:transparent; -webkit-text-stroke:1.5px rgba(135,197,6,.55);\n margin-bottom:14px;\n}\n.pillar h3{ font-size:1.6rem; margin-bottom:10px; }\n.pillar p{ color:var(--mist); font-size:15px; }\n.pillar .tag{\n display:inline-block; margin-top:16px; font-size:11.5px; font-weight:700;\n letter-spacing:.16em; text-transform:uppercase; color:var(--green);\n}\n.pillar ul{ list-style:none; margin-top:14px; }\n.pillar ul li{ position:relative; padding-left:20px; color:var(--mist); font-size:14.5px; margin-bottom:7px; }\n.pillar ul li::before{ content:\"\"; position:absolute; left:0; top:9px; width:8px; height:8px; border-radius:2px; background:var(--green); }\n\n\/* =========================================================\n PHASES (timeline)\n ========================================================= *\/\n.phases{ padding:96px 0; border-top:1px solid var(--line); }\n.phases-head{ max-width:640px; margin-bottom:56px; }\n.phases-head h2{ margin:18px 0 0; }\n.phase-list{ display:grid; gap:0; }\n.phase{\n display:grid; grid-template-columns:130px 1fr; gap:34px;\n padding:34px 0; border-top:1px solid var(--line);\n align-items:start;\n}\n.phase:last-child{ border-bottom:1px solid var(--line); }\n.phase-weeks{ font-family:var(--serif); }\n.phase-weeks .num{ font-size:2.6rem; color:var(--green); line-height:1; }\n.phase-weeks .wk{ display:block; font-family:var(--sans); font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--dim); margin-top:8px; }\n.phase-body h3{ font-size:1.8rem; margin-bottom:10px; }\n.phase-body h3 em{ font-style:italic; color:var(--green); font-weight:500; }\n.phase-body p{ color:var(--mist); max-width:720px; }\n\n\/* =========================================================\n TESTIMONIALS\n ========================================================= *\/\n.reviews{ padding:96px 0; border-top:1px solid var(--line); background:linear-gradient(180deg, var(--black), #060606); }\n.reviews-head{ text-align:center; max-width:640px; margin:0 auto 56px; }\n.reviews-head h2{ margin-top:18px; }\n.reviews-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:22px; }\n.quote{\n background:var(--card); border:1px solid var(--line);\n border-radius:var(--radius); padding:30px 30px 26px;\n}\n.quote .stars{ color:var(--green); letter-spacing:3px; font-size:14px; margin-bottom:14px; }\n.quote p{ font-family:var(--serif); font-size:1.28rem; line-height:1.45; color:#EDEEEA; font-style:italic; }\n.quote .who{ margin-top:18px; font-family:var(--sans); font-size:13px; font-weight:700; letter-spacing:.06em; color:var(--green); text-transform:uppercase; }\n.quote .who span{ color:var(--dim); font-weight:500; text-transform:none; letter-spacing:0; }\n\n\/* =========================================================\n FINAL CTA\n ========================================================= *\/\n.cta-band{ padding:104px 0; border-top:1px solid var(--line); text-align:center; position:relative; overflow:hidden; }\n.cta-band::before{\n content:\"\"; position:absolute; inset:0;\n background:radial-gradient(600px 300px at 50% 0%, rgba(135,197,6,.14), transparent 70%);\n pointer-events:none;\n}\n.cta-band .wrap{ position:relative; }\n.cta-band h2{ font-size:clamp(2.4rem,5.5vw,4rem); max-width:800px; margin:20px auto 20px; }\n.cta-band h2 em{ font-style:italic; color:var(--green); font-weight:500; }\n.cta-band p{ color:var(--mist); max-width:520px; margin:0 auto 34px; }\n.cta-quote{ margin-top:60px; padding-top:34px; border-top:1px solid var(--line); }\n.cta-quote blockquote{ font-family:var(--serif); font-style:italic; font-size:1.5rem; color:#DFE0DC; max-width:760px; margin:0 auto 12px; line-height:1.4; }\n.cta-quote cite{ font-family:var(--sans); font-style:normal; font-size:13px; letter-spacing:.14em; text-transform:uppercase; color:var(--green); }\n\n\/* =========================================================\n FOOTER\n ========================================================= *\/\n.site-footer{ padding:60px 0 40px; border-top:1px solid var(--line); background:var(--black); }\n.footer-top{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:26px; padding-bottom:34px; border-bottom:1px solid var(--line); }\n.footer-top img{ height:84px; width:auto; }\n.socials{ display:flex; gap:14px; }\n.socials a{\n width:44px; height:44px; border-radius:50%;\n border:1px solid var(--line-2); display:grid; place-items:center;\n color:var(--mist); transition:all .25s ease;\n}\n.socials a:hover{ border-color:var(--green); color:var(--green); transform:translateY(-2px); }\n.socials svg{ width:19px; height:19px; }\n.footer-bottom{ padding-top:26px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; color:var(--dim); font-size:12.5px; }\n.footer-bottom a{ color:var(--dim); } .footer-bottom a:hover{ color:var(--green); }\n\n\/* =========================================================\n RESPONSIVE\n ========================================================= *\/\n@media (max-width: 980px){\n .hero-grid{ grid-template-columns:1fr; gap:28px; }\n .form-card{ order:-1; }\n .triple-grid{ grid-template-columns:1fr; }\n .reviews-grid{ grid-template-columns:1fr; }\n .header-nav .navlink{ display:none; }\n}\n@media (max-width: 640px){\n body{ font-size:16px; }\n .wrap{ padding:0 18px; }\n .hero{ padding:44px 0 60px; }\n .form-card{ order:0; padding:26px 22px; }\n .phase{ grid-template-columns:1fr; gap:12px; }\n .phase-weeks{ display:flex; align-items:baseline; gap:12px; }\n .phase-weeks .wk{ margin-top:0; }\n .brand img{ height:56px; }\n .header-cta{ padding:11px 18px; font-size:13px; }\n .footer-top{ justify-content:center; text-align:center; }\n}\n\n\/* keep the form BELOW the video on small screens (video is the star of the fold) *\/\n@media (max-width: 980px){ .form-card{ order:0; } }\n\n\/* accessibility *\/\n:focus-visible{ outline:3px solid var(--green); outline-offset:3px; border-radius:6px; }\n@media (prefers-reduced-motion: reduce){\n *{ animation:none !important; transition:none !important; scroll-behavior:auto !important; }\n}\n<\/style>\n<\/head>\n<body>\n\n\n<header class=\"site-header\">\n <div class=\"wrap header-inner\">\n <a href=\"#top\" class=\"brand\" aria-label=\"Joana Fitness home\">\n <img decoding=\"async\" src=\"https:\/\/joanafitness.com\/wp-content\/uploads\/2026\/07\/LOGO_2.png\" alt=\"Joana Fitness\" \/>\n <\/a>\n <nav class=\"header-nav\">\n <a href=\"#method\" class=\"navlink\">Method<\/a>\n <a href=\"#phases\" class=\"navlink\">Phases<\/a>\n <a href=\"#reviews\" class=\"navlink\">Results<\/a>\n <a href=\"https:\/\/wa.me\/447482089138\" class=\"btn btn-green header-cta\" target=\"_blank\" rel=\"noopener\">\n <svg class=\"wa-ico\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M17.5 14.4c-.3-.15-1.8-.9-2-1s-.5-.15-.7.15-.8 1-.98 1.2-.36.22-.66.08a8.2 8.2 0 0 1-2.4-1.48 9 9 0 0 1-1.66-2.06c-.17-.3 0-.46.13-.6l.45-.53c.15-.17.2-.3.3-.5s.05-.36 0-.5-.7-1.65-.95-2.26c-.24-.6-.5-.5-.7-.52h-.6c-.2 0-.53.08-.8.38s-1.05 1.02-1.05 2.5 1.08 2.9 1.23 3.1 2.12 3.24 5.14 4.55c.72.3 1.28.5 1.7.63.72.23 1.38.2 1.9.12.58-.08 1.8-.73 2.05-1.44s.25-1.3.17-1.44-.26-.2-.55-.35z\"\/><path d=\"M12 2a10 10 0 0 0-8.5 15.3L2 22l4.85-1.47A10 10 0 1 0 12 2zm0 18.2a8.2 8.2 0 0 1-4.2-1.15l-.3-.18-3.1.94.95-3-.2-.31A8.2 8.2 0 1 1 12 20.2z\"\/><\/svg>\n WhatsApp\n <\/a>\n <\/nav>\n <\/div>\n<\/header>\n\n\n<main id=\"top\">\n<section class=\"hero\">\n <div class=\"wrap\">\n\n <div class=\"hero-head\">\n <span class=\"eyebrow\">The 333 Method<\/span>\n <h1 class=\"display\">Your 90-day<br><em>transformation<\/em> starts here.<\/h1>\n <p class=\"lead\">Sustainable fitness isn't about extreme restriction. It's about strategic habit change. Watch how the 333 Method rebuilds your routine, then leave your details and start today on WhatsApp.<\/p>\n <\/div>\n\n <div class=\"hero-grid\">\n\n \n <div class=\"video-block\">\n <div class=\"video-frame\">\n \n <video id=\"promoVideo\"\n poster=\"assets\/video-poster.jpg\"\n preload=\"metadata\"\n playsinline\n controls>\n <source src=\"assets\/promo.mp4\" type=\"video\/mp4\" \/>\n Your browser does not support embedded video.\n <\/video>\n\n \n <div class=\"video-poster\" id=\"videoPoster\" role=\"button\" tabindex=\"0\" aria-label=\"Play the intro video\">\n <div class=\"play-btn\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"video-caption\">\n <span class=\"pulse\"><\/span>\n <span><b>Meet Joana:<\/b> how the 333 Method works in 90 days.<\/span>\n <\/div>\n <\/div>\n\n \n <aside class=\"form-card\">\n <span class=\"card-eyebrow\">Free intro call<\/span>\n <h3>Start your journey<\/h3>\n <p class=\"card-sub\">Fill in your details and we'll continue on WhatsApp. No obligation, just a plan built around you.<\/p>\n\n <form id=\"leadForm\" novalidate>\n <div class=\"field\">\n <label for=\"name\">Full name<\/label>\n <input type=\"text\" id=\"name\" name=\"name\" placeholder=\"e.g. Sarah Johnson\" autocomplete=\"name\" required \/>\n <\/div>\n <div class=\"field\">\n <label for=\"phone\">Phone number<\/label>\n <input type=\"tel\" id=\"phone\" name=\"phone\" placeholder=\"e.g. +44 7000 000000\" autocomplete=\"tel\" required \/>\n <\/div>\n <div class=\"field\">\n <label for=\"email\">Email address<\/label>\n <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"e.g. you@email.com\" autocomplete=\"email\" required \/>\n <\/div>\n\n <button type=\"submit\" class=\"btn btn-green btn-full submit-btn\">\n <svg class=\"wa-ico\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M17.5 14.4c-.3-.15-1.8-.9-2-1s-.5-.15-.7.15-.8 1-.98 1.2-.36.22-.66.08a8.2 8.2 0 0 1-2.4-1.48 9 9 0 0 1-1.66-2.06c-.17-.3 0-.46.13-.6l.45-.53c.15-.17.2-.3.3-.5s.05-.36 0-.5-.7-1.65-.95-2.26c-.24-.6-.5-.5-.7-.52h-.6c-.2 0-.53.08-.8.38s-1.05 1.02-1.05 2.5 1.08 2.9 1.23 3.1 2.12 3.24 5.14 4.55c.72.3 1.28.5 1.7.63.72.23 1.38.2 1.9.12.58-.08 1.8-.73 2.05-1.44s.25-1.3.17-1.44-.26-.2-.55-.35z\"\/><path d=\"M12 2a10 10 0 0 0-8.5 15.3L2 22l4.85-1.47A10 10 0 1 0 12 2zm0 18.2a8.2 8.2 0 0 1-4.2-1.15l-.3-.18-3.1.94.95-3-.2-.31A8.2 8.2 0 1 1 12 20.2z\"\/><\/svg>\n Continue on WhatsApp\n <\/button>\n\n <p class=\"form-note\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n <span>Your details are only used to start the conversation. No spam, ever.<\/span>\n <\/p>\n <\/form>\n <\/aside>\n\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"method\" id=\"method\">\n <div class=\"wrap\">\n <div class=\"method-head\">\n <span class=\"eyebrow solo\" style=\"margin:0 auto;\">Why it works<\/span>\n <h2 class=\"section-title\">One method. <span>Three<\/span> of everything.<\/h2>\n <p class=\"lead\">Real change happens in a structure. The 333 Method rebuilds your daily routine around three tailored programmes, three progressive phases, and three focused months.<\/p>\n <\/div>\n\n <div class=\"triple-grid\">\n <article class=\"pillar\">\n <div class=\"big3\">3<\/div>\n <h3>Specialised programmes<\/h3>\n <p>We align your training with your exact objective from day one.<\/p>\n <ul>\n <li>Weight loss: drop body fat safely and confidently.<\/li>\n <li>Muscle gain: build functional strength and lean mass.<\/li>\n <li>Injury prevention: bulletproof joints, move pain-free.<\/li>\n <\/ul>\n <span class=\"tag\">Choose your stream<\/span>\n <\/article>\n\n <article class=\"pillar\">\n <div class=\"big3\">3<\/div>\n <h3>Progressive phases<\/h3>\n <p>Habit change happens in stages, so you never burn out or plateau.<\/p>\n <ul>\n <li>Foundation: master form, kickstart new routines.<\/li>\n <li>Intensity: step up the challenge, accelerate results.<\/li>\n <li>Identity: fitness becomes who you are.<\/li>\n <\/ul>\n <span class=\"tag\">Build without burnout<\/span>\n <\/article>\n\n <article class=\"pillar\">\n <div class=\"big3\">3<\/div>\n <h3>Months of coaching<\/h3>\n <p>True habit loops take time to lock in, so you get 90 days of structure and accountability.<\/p>\n <ul>\n <li>Personalised coaching every week.<\/li>\n <li>Accountability that keeps you consistent.<\/li>\n <li>A sustainable blueprint you keep for life.<\/li>\n <\/ul>\n <span class=\"tag\">90 days to lasting change<\/span>\n <\/article>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"phases\" id=\"phases\">\n <div class=\"wrap\">\n <div class=\"phases-head\">\n <span class=\"eyebrow\">The journey<\/span>\n <h2 class=\"section-title\">Three phases, one new you.<\/h2>\n <\/div>\n\n <div class=\"phase-list\">\n <div class=\"phase\">\n <div class=\"phase-weeks\">\n <span class=\"num\">01<\/span>\n <span class=\"wk\">Weeks 1 to 4<\/span>\n <\/div>\n <div class=\"phase-body\">\n <h3>The Foundation: <em>Build the Blueprint<\/em><\/h3>\n <p>Before we change your body, we shift your baseline. This phase removes friction and builds bulletproof routines: effortless nutrition tracking, post-workout recovery breathing, and baseline supplementation, with no radical or unsustainable restrictions required.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"phase\">\n <div class=\"phase-weeks\">\n <span class=\"num\">02<\/span>\n <span class=\"wk\">Weeks 5 to 8<\/span>\n <\/div>\n <div class=\"phase-body\">\n <h3>The Intensity Shift: <em>Fuel the Performance<\/em><\/h3>\n <p>With your foundation set, we turn up the dial. The focus moves to metabolic adaptation and efficiency: strategically timing nutrition to fuel high-energy workouts, optimising gut health for maximum absorption, and using advanced recovery protocols to minimise stress.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"phase\">\n <div class=\"phase-weeks\">\n <span class=\"num\">03<\/span>\n <span class=\"wk\">Weeks 9 to 12<\/span>\n <\/div>\n <div class=\"phase-body\">\n <h3>The Identity Shift: <em>Own the Lifestyle<\/em><\/h3>\n <p>True transformation happens when the programme stops feeling like work and starts feeling like who you are. This final phase is about complete autonomy: navigating social settings effortlessly, transitioning into intuitive eating, and locking in the blueprint to own your results for life.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"reviews\" id=\"reviews\">\n <div class=\"wrap\">\n <div class=\"reviews-head\">\n <span class=\"eyebrow solo\" style=\"margin:0 auto;\">Real results<\/span>\n <h2 class=\"section-title\">What clients say<\/h2>\n <\/div>\n\n <div class=\"reviews-grid\">\n <figure class=\"quote\">\n <div class=\"stars\">★★★★★<\/div>\n <p>“Joana tailored each workout to my needs, addressing past injuries and focusing on posture and form. I've built strength safely and made steady progress, for a sustainable, injury-free experience.”<\/p>\n <figcaption class=\"who\">Miriam <span>· 2024<\/span><\/figcaption>\n <\/figure>\n\n <figure class=\"quote\">\n <div class=\"stars\">★★★★★<\/div>\n <p>“Jo was really encouraging and never made me feel self-conscious or judged. She pushed me to reach my potential, and I carry her dietary tips and workouts into my personal life. Highly recommend.”<\/p>\n <figcaption class=\"who\">Mariam <span>· 2024<\/span><\/figcaption>\n <\/figure>\n\n <figure class=\"quote\">\n <div class=\"stars\">★★★★★<\/div>\n <p>“Joana has been my PT for two years. She knows your limits and how to work around you. My mindset and appreciation toward training changed, and I couldn't be more grateful for what I've achieved.”<\/p>\n <figcaption class=\"who\">Sabrina <span>· 2023<\/span><\/figcaption>\n <\/figure>\n\n <figure class=\"quote\">\n <div class=\"stars\">★★★★★<\/div>\n <p>“I have scoliosis, and Joana worked carefully to strengthen my back with the right rest in between. Professional yet personal and friendly, my overall form and health improved. My highest recommendation.”<\/p>\n <figcaption class=\"who\">Ace <span>· 2021<\/span><\/figcaption>\n <\/figure>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"cta-band\">\n <div class=\"wrap\">\n <span class=\"eyebrow solo\" style=\"margin:0 auto;\">Your move<\/span>\n <h2>Ready to <em>stand up<\/em> and keep going?<\/h2>\n <p>Leave your details or message us directly. In 90 days, fitness stops being something you do and becomes who you are.<\/p>\n <a href=\"#top\" class=\"btn btn-green\">Start the 333 Method<\/a>\n\n <div class=\"cta-quote\">\n <blockquote>\"It's not about how many times you get rejected or fall down. It's about how many times you stand up and keep going.\"<\/blockquote>\n <cite>Joana Freitas<\/cite>\n <\/div>\n <\/div>\n<\/section>\n<\/main>\n\n\n<footer class=\"site-footer\">\n <div class=\"wrap\">\n <div class=\"footer-top\">\n <img decoding=\"async\" src=\"https:\/\/joanafitness.com\/wp-content\/uploads\/2026\/07\/LOGO_2.png\" alt=\"Joana Fitness\" \/>\n <div class=\"socials\">\n <a href=\"https:\/\/facebook.com\/FitnessJoana\" target=\"_blank\" rel=\"noopener\" aria-label=\"Facebook\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M14 9h3V5h-3c-2.2 0-4 1.8-4 4v2H7v4h3v7h4v-7h3l1-4h-4V9c0-.6.4-1 1-1z\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/www.instagram.com\/joanawellbeing\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><circle cx=\"17.5\" cy=\"6.5\" r=\"1.2\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/youtube.com\/channel\/UCuuWKJe5bOhg9cO9m3KykEg\" target=\"_blank\" rel=\"noopener\" aria-label=\"YouTube\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M22 8.2a3 3 0 0 0-2.1-2.1C18 5.5 12 5.5 12 5.5s-6 0-7.9.6A3 3 0 0 0 2 8.2 31 31 0 0 0 1.6 12 31 31 0 0 0 2 15.8a3 3 0 0 0 2.1 2.1c1.9.6 7.9.6 7.9.6s6 0 7.9-.6a3 3 0 0 0 2.1-2.1c.3-1.2.4-2.5.4-3.8s-.1-2.6-.4-3.8zM10 15V9l5 3z\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/wa.me\/447482089138\" target=\"_blank\" rel=\"noopener\" aria-label=\"WhatsApp\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.5 14.4c-.3-.15-1.8-.9-2-1s-.5-.15-.7.15-.8 1-.98 1.2-.36.22-.66.08a8.2 8.2 0 0 1-2.4-1.48 9 9 0 0 1-1.66-2.06c-.17-.3 0-.46.13-.6l.45-.53c.15-.17.2-.3.3-.5s.05-.36 0-.5-.7-1.65-.95-2.26c-.24-.6-.5-.5-.7-.52h-.6c-.2 0-.53.08-.8.38s-1.05 1.02-1.05 2.5 1.08 2.9 1.23 3.1 2.12 3.24 5.14 4.55c.72.3 1.28.5 1.7.63.72.23 1.38.2 1.9.12.58-.08 1.8-.73 2.05-1.44s.25-1.3.17-1.44-.26-.2-.55-.35z\"\/><path d=\"M12 2a10 10 0 0 0-8.5 15.3L2 22l4.85-1.47A10 10 0 1 0 12 2z\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <span>© 2026 Joana Fitness. All rights reserved.<\/span>\n <span>Photo credits: Karma Moreno, Anisha Sehmi & Finlay Batey.<\/span>\n <\/div>\n <\/div>\n<\/footer>\n\n\n<script>\n\/* ---- WhatsApp destination (digits only, no + or spaces) ---- *\/\nvar WHATSAPP_NUMBER = \"447482089138\";\n\n\/* ================= LEAD FORM -> WHATSAPP ================= *\/\n(function(){\n var form = document.getElementById(\"leadForm\");\n var name = document.getElementById(\"name\");\n var phone = document.getElementById(\"phone\");\n var email = document.getElementById(\"email\");\n\n function isEmail(v){ return \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(v); }\n\n function mark(el, ok){ el.classList.toggle(\"invalid\", !ok); }\n\n form.addEventListener(\"submit\", function(e){\n e.preventDefault();\n\n var nOk = name.value.trim().length > 1;\n var pOk = phone.value.replace(\/\\D\/g,\"\").length >= 7;\n var eOk = isEmail(email.value.trim());\n\n mark(name, nOk); mark(phone, pOk); mark(email, eOk);\n if(!(nOk && pOk && eOk)){\n var first = !nOk ? name : (!pOk ? phone : email);\n first.focus();\n return;\n }\n\n \/* Build a friendly pre-filled WhatsApp message with the lead's details *\/\n var msg =\n \"Hi Joana! \\uD83D\\uDC4B I'd like to start the 333 Method.\\n\\n\" +\n \"Name: \" + name.value.trim() + \"\\n\" +\n \"Phone: \" + phone.value.trim() + \"\\n\" +\n \"Email: \" + email.value.trim();\n\n var url = \"https:\/\/wa.me\/\" + WHATSAPP_NUMBER + \"?text=\" + encodeURIComponent(msg);\n window.location.href = url;\n });\n})();\n\n\/* ================= VIDEO PLAY OVERLAY ================= *\/\n(function(){\n var poster = document.getElementById(\"videoPoster\");\n var video = document.getElementById(\"promoVideo\");\n if(!poster || !video) return;\n\n function play(){\n poster.classList.add(\"is-hidden\");\n var p = video.play();\n if(p && p.catch){ p.catch(function(){ \/* autoplay blocked, controls remain *\/ }); }\n }\n poster.addEventListener(\"click\", play);\n poster.addEventListener(\"keydown\", function(e){\n if(e.key === \"Enter\" || e.key === \" \"){ e.preventDefault(); play(); }\n });\n})();\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Joana Fitness | The 333 Method Method Phases Results WhatsApp The 333 Method Your 90-daytransformation starts here. Sustainable fitness isn’t about extreme restriction. It’s about strategic habit change. Watch how the 333 Method rebuilds your routine, then leave your details and start today on WhatsApp. Your browser does not support embedded video. Meet Joana: how […]<\/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-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/joanafitness.com\/index.php\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/joanafitness.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/joanafitness.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/joanafitness.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/joanafitness.com\/index.php\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":19,"href":"https:\/\/joanafitness.com\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":34,"href":"https:\/\/joanafitness.com\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions\/34"}],"wp:attachment":[{"href":"https:\/\/joanafitness.com\/index.php\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n \t\t

\n\t\t\t\t\t\n\n\n\n\nJoana Fitness | The 333 Method<\/title>\n<meta name=\"description\" content=\"Transform your body and mindset in 90 days with the 333 Method. Three programmes, three phases, three months. Start your journey with Joana Fitness.\" \/>\n\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Manrope:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\" \/>\n\n<style>\n\/* =========================================================\n JOANA FITNESS Landing Page\n Colours derived from the brand logo:\n Black #000000 | White #FFFFFF | Lime green #87C506\n ========================================================= *\/\n\n:root{\n --black: #000000;\n --ink: #0A0A0A; \/* lifted panels *\/\n --card: #131313; \/* cards *\/\n --card-2: #1A1A1A; \/* inputs *\/\n --line: rgba(255,255,255,0.09);\n --line-2: rgba(255,255,255,0.16);\n\n --white: #FFFFFF;\n --mist: #B6B8B2; \/* secondary text *\/\n --dim: #7C7E78; \/* muted text *\/\n\n --green: #87C506; \/* brand accent *\/\n --green-br: #A5E82C; \/* hover \/ highlight *\/\n --green-dp: #6DA004; \/* deep *\/\n --green-soft: rgba(135,197,6,0.12);\n\n --serif: \"Cormorant Garamond\", Georgia, serif;\n --sans: \"Manrope\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n\n --wrap: 1200px;\n --radius: 16px;\n}\n\n*{ box-sizing:border-box; margin:0; padding:0; }\nhtml{ scroll-behavior:smooth; -webkit-text-size-adjust:100%; }\nbody{\n background:var(--black);\n color:var(--white);\n font-family:var(--sans);\n font-size:17px;\n line-height:1.6;\n font-weight:400;\n -webkit-font-smoothing:antialiased;\n overflow-x:hidden;\n}\nimg{ max-width:100%; display:block; }\na{ color:inherit; text-decoration:none; }\n\n.wrap{ width:100%; max-width:var(--wrap); margin:0 auto; padding:0 24px; }\n\n\/* ---------- shared type ---------- *\/\n.eyebrow{\n display:inline-flex; align-items:center; gap:14px;\n font-family:var(--sans);\n font-size:12.5px; font-weight:700; letter-spacing:.34em;\n text-transform:uppercase; color:var(--green);\n}\n.eyebrow::before,\n.eyebrow::after{\n content:\"\"; width:26px; height:1.5px; background:var(--green);\n opacity:.9;\n}\n.eyebrow.solo::after{ display:none; }\n\nh1,h2,h3{ font-family:var(--serif); font-weight:600; line-height:1.04; letter-spacing:-.01em; }\n.display{ font-size:clamp(2.9rem, 7vw, 5.6rem); font-weight:600; }\n.display em{ font-style:italic; color:var(--green); font-weight:500; }\n\n.section-title{ font-size:clamp(2.2rem, 5vw, 3.6rem); }\n.lead{ color:var(--mist); font-size:clamp(1rem,1.5vw,1.14rem); }\n\n\/* ---------- buttons ---------- *\/\n.btn{\n --pad-y:16px; --pad-x:28px;\n display:inline-flex; align-items:center; justify-content:center; gap:10px;\n font-family:var(--sans); font-weight:700; font-size:14.5px;\n letter-spacing:.06em; text-transform:uppercase;\n padding:var(--pad-y) var(--pad-x);\n border-radius:100px; border:none; cursor:pointer;\n transition:transform .25s ease, background .25s ease, box-shadow .25s ease;\n will-change:transform;\n}\n.btn-green{\n background:var(--green); color:#0a1500;\n box-shadow:0 8px 30px -8px rgba(135,197,6,.55);\n}\n.btn-green:hover{ background:var(--green-br); transform:translateY(-2px); box-shadow:0 14px 40px -10px rgba(135,197,6,.7); }\n.btn-ghost{\n background:transparent; color:var(--white);\n border:1.5px solid var(--line-2);\n}\n.btn-ghost:hover{ border-color:var(--green); color:var(--green); }\n.btn-full{ width:100%; }\n\n.wa-ico{ width:18px; height:18px; flex:0 0 auto; }\n\n\/* =========================================================\n HEADER\n ========================================================= *\/\n.site-header{\n position:sticky; top:0; z-index:50;\n background:rgba(0,0,0,.72);\n backdrop-filter:saturate(140%) blur(14px);\n border-bottom:1px solid var(--line);\n}\n.header-inner{ display:flex; align-items:center; justify-content:space-between; height:92px; }\n.brand{ display:flex; align-items:center; gap:12px; }\n.brand img{ height:68px; width:auto; }\n.header-nav{ display:flex; align-items:center; gap:30px; }\n.header-nav a.navlink{\n font-size:13px; font-weight:600; letter-spacing:.12em; text-transform:uppercase;\n color:var(--mist); transition:color .2s ease;\n}\n.header-nav a.navlink:hover{ color:var(--white); }\n.header-cta{ padding:12px 22px; }\n\n\/* =========================================================\n HERO (first fold: video + form)\n ========================================================= *\/\n.hero{ position:relative; padding:64px 0 80px; overflow:hidden; }\n.hero::before{ \/* ambient green glow *\/\n content:\"\"; position:absolute; top:-220px; right:-160px;\n width:620px; height:620px; border-radius:50%;\n background:radial-gradient(circle, rgba(135,197,6,.16), transparent 62%);\n pointer-events:none; z-index:0;\n}\n.hero .wrap{ position:relative; z-index:1; }\n\n.hero-head{ max-width:760px; margin-bottom:40px; }\n.hero-head h1{ margin:20px 0 18px; }\n.hero-head .lead{ max-width:560px; }\n\n.hero-grid{\n display:grid; grid-template-columns:1.55fr 1fr; gap:36px; align-items:start;\n}\n\n\/* video *\/\n.video-block{ position:relative; }\n.video-frame{\n position:relative; width:100%; aspect-ratio:16\/9;\n border-radius:var(--radius); overflow:hidden;\n border:1px solid var(--line-2);\n background:#050505;\n box-shadow:0 30px 80px -30px rgba(0,0,0,.9);\n}\n.video-frame video,\n.video-frame iframe{\n position:absolute; inset:0; width:100%; height:100%;\n object-fit:cover; border:0;\n}\n\/* play overlay for the poster state *\/\n.video-poster{\n position:absolute; inset:0; z-index:2;\n display:flex; align-items:center; justify-content:center;\n cursor:pointer; background:linear-gradient(180deg, rgba(0,0,0,.15), rgba(0,0,0,.55));\n transition:opacity .3s ease;\n}\n.video-poster.is-hidden{ opacity:0; pointer-events:none; }\n.play-btn{\n width:82px; height:82px; border-radius:50%;\n background:var(--green); color:#0a1500;\n display:grid; place-items:center;\n box-shadow:0 10px 40px -6px rgba(135,197,6,.6);\n transition:transform .25s ease, background .25s ease;\n}\n.video-poster:hover .play-btn{ transform:scale(1.08); background:var(--green-br); }\n.play-btn svg{ width:30px; height:30px; margin-left:4px; }\n.video-caption{\n margin-top:16px; display:flex; align-items:center; gap:10px;\n color:var(--dim); font-size:13.5px; letter-spacing:.02em;\n}\n.video-caption b{ color:var(--white); font-weight:700; }\n.pulse{ width:9px; height:9px; border-radius:50%; background:var(--green); box-shadow:0 0 0 0 rgba(135,197,6,.6); animation:pulse 2s infinite; }\n@keyframes pulse{ 0%{box-shadow:0 0 0 0 rgba(135,197,6,.5)} 70%{box-shadow:0 0 0 12px rgba(135,197,6,0)} 100%{box-shadow:0 0 0 0 rgba(135,197,6,0)} }\n\n\/* form card *\/\n.form-card{\n background:linear-gradient(180deg, var(--card), #0d0d0d);\n border:1px solid var(--line-2);\n border-radius:var(--radius);\n padding:32px 30px 30px;\n box-shadow:0 30px 80px -40px rgba(0,0,0,.9);\n}\n.form-card .card-eyebrow{\n font-size:11.5px; font-weight:700; letter-spacing:.28em; text-transform:uppercase; color:var(--green);\n}\n.form-card h3{ font-size:1.9rem; margin:10px 0 6px; }\n.form-card .card-sub{ color:var(--mist); font-size:14.5px; margin-bottom:22px; }\n\n.field{ margin-bottom:15px; }\n.field label{\n display:block; font-size:12px; font-weight:600; letter-spacing:.05em;\n text-transform:uppercase; color:var(--dim); margin-bottom:7px;\n}\n.field input{\n width:100%; padding:14px 16px;\n background:var(--card-2); color:var(--white);\n border:1.5px solid var(--line); border-radius:11px;\n font-family:var(--sans); font-size:15.5px;\n transition:border-color .2s ease, background .2s ease;\n}\n.field input::placeholder{ color:#5f615c; }\n.field input:focus{ outline:none; border-color:var(--green); background:#1e1e1e; }\n.field input.invalid{ border-color:#e05a3b; }\n\n.form-note{ display:flex; align-items:flex-start; gap:8px; margin-top:14px; color:var(--dim); font-size:12px; line-height:1.45; }\n.form-note svg{ width:15px; height:15px; flex:0 0 auto; margin-top:1px; color:var(--green); }\n.submit-btn{ margin-top:18px; }\n\n\/* =========================================================\n METHOD (the 333 signature section)\n ========================================================= *\/\n.method{ padding:96px 0; border-top:1px solid var(--line); background:linear-gradient(180deg, #050505, var(--black)); }\n.method-head{ text-align:center; max-width:720px; margin:0 auto 60px; }\n.method-head h2{ margin:18px 0 16px; }\n.method-head h2 span{ color:var(--green); font-style:italic; }\n\n.triple-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }\n.pillar{\n position:relative; padding:34px 28px 30px;\n background:var(--card); border:1px solid var(--line);\n border-radius:var(--radius);\n transition:transform .3s ease, border-color .3s ease;\n overflow:hidden;\n}\n.pillar:hover{ transform:translateY(-4px); border-color:rgba(135,197,6,.4); }\n.pillar .big3{\n font-family:var(--serif); font-size:5.4rem; line-height:.8; font-weight:600;\n color:transparent; -webkit-text-stroke:1.5px rgba(135,197,6,.55);\n margin-bottom:14px;\n}\n.pillar h3{ font-size:1.6rem; margin-bottom:10px; }\n.pillar p{ color:var(--mist); font-size:15px; }\n.pillar .tag{\n display:inline-block; margin-top:16px; font-size:11.5px; font-weight:700;\n letter-spacing:.16em; text-transform:uppercase; color:var(--green);\n}\n.pillar ul{ list-style:none; margin-top:14px; }\n.pillar ul li{ position:relative; padding-left:20px; color:var(--mist); font-size:14.5px; margin-bottom:7px; }\n.pillar ul li::before{ content:\"\"; position:absolute; left:0; top:9px; width:8px; height:8px; border-radius:2px; background:var(--green); }\n\n\/* =========================================================\n PHASES (timeline)\n ========================================================= *\/\n.phases{ padding:96px 0; border-top:1px solid var(--line); }\n.phases-head{ max-width:640px; margin-bottom:56px; }\n.phases-head h2{ margin:18px 0 0; }\n.phase-list{ display:grid; gap:0; }\n.phase{\n display:grid; grid-template-columns:130px 1fr; gap:34px;\n padding:34px 0; border-top:1px solid var(--line);\n align-items:start;\n}\n.phase:last-child{ border-bottom:1px solid var(--line); }\n.phase-weeks{ font-family:var(--serif); }\n.phase-weeks .num{ font-size:2.6rem; color:var(--green); line-height:1; }\n.phase-weeks .wk{ display:block; font-family:var(--sans); font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--dim); margin-top:8px; }\n.phase-body h3{ font-size:1.8rem; margin-bottom:10px; }\n.phase-body h3 em{ font-style:italic; color:var(--green); font-weight:500; }\n.phase-body p{ color:var(--mist); max-width:720px; }\n\n\/* =========================================================\n TESTIMONIALS\n ========================================================= *\/\n.reviews{ padding:96px 0; border-top:1px solid var(--line); background:linear-gradient(180deg, var(--black), #060606); }\n.reviews-head{ text-align:center; max-width:640px; margin:0 auto 56px; }\n.reviews-head h2{ margin-top:18px; }\n.reviews-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:22px; }\n.quote{\n background:var(--card); border:1px solid var(--line);\n border-radius:var(--radius); padding:30px 30px 26px;\n}\n.quote .stars{ color:var(--green); letter-spacing:3px; font-size:14px; margin-bottom:14px; }\n.quote p{ font-family:var(--serif); font-size:1.28rem; line-height:1.45; color:#EDEEEA; font-style:italic; }\n.quote .who{ margin-top:18px; font-family:var(--sans); font-size:13px; font-weight:700; letter-spacing:.06em; color:var(--green); text-transform:uppercase; }\n.quote .who span{ color:var(--dim); font-weight:500; text-transform:none; letter-spacing:0; }\n\n\/* =========================================================\n FINAL CTA\n ========================================================= *\/\n.cta-band{ padding:104px 0; border-top:1px solid var(--line); text-align:center; position:relative; overflow:hidden; }\n.cta-band::before{\n content:\"\"; position:absolute; inset:0;\n background:radial-gradient(600px 300px at 50% 0%, rgba(135,197,6,.14), transparent 70%);\n pointer-events:none;\n}\n.cta-band .wrap{ position:relative; }\n.cta-band h2{ font-size:clamp(2.4rem,5.5vw,4rem); max-width:800px; margin:20px auto 20px; }\n.cta-band h2 em{ font-style:italic; color:var(--green); font-weight:500; }\n.cta-band p{ color:var(--mist); max-width:520px; margin:0 auto 34px; }\n.cta-quote{ margin-top:60px; padding-top:34px; border-top:1px solid var(--line); }\n.cta-quote blockquote{ font-family:var(--serif); font-style:italic; font-size:1.5rem; color:#DFE0DC; max-width:760px; margin:0 auto 12px; line-height:1.4; }\n.cta-quote cite{ font-family:var(--sans); font-style:normal; font-size:13px; letter-spacing:.14em; text-transform:uppercase; color:var(--green); }\n\n\/* =========================================================\n FOOTER\n ========================================================= *\/\n.site-footer{ padding:60px 0 40px; border-top:1px solid var(--line); background:var(--black); }\n.footer-top{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:26px; padding-bottom:34px; border-bottom:1px solid var(--line); }\n.footer-top img{ height:84px; width:auto; }\n.socials{ display:flex; gap:14px; }\n.socials a{\n width:44px; height:44px; border-radius:50%;\n border:1px solid var(--line-2); display:grid; place-items:center;\n color:var(--mist); transition:all .25s ease;\n}\n.socials a:hover{ border-color:var(--green); color:var(--green); transform:translateY(-2px); }\n.socials svg{ width:19px; height:19px; }\n.footer-bottom{ padding-top:26px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; color:var(--dim); font-size:12.5px; }\n.footer-bottom a{ color:var(--dim); } .footer-bottom a:hover{ color:var(--green); }\n\n\/* =========================================================\n RESPONSIVE\n ========================================================= *\/\n@media (max-width: 980px){\n .hero-grid{ grid-template-columns:1fr; gap:28px; }\n .form-card{ order:-1; }\n .triple-grid{ grid-template-columns:1fr; }\n .reviews-grid{ grid-template-columns:1fr; }\n .header-nav .navlink{ display:none; }\n}\n@media (max-width: 640px){\n body{ font-size:16px; }\n .wrap{ padding:0 18px; }\n .hero{ padding:44px 0 60px; }\n .form-card{ order:0; padding:26px 22px; }\n .phase{ grid-template-columns:1fr; gap:12px; }\n .phase-weeks{ display:flex; align-items:baseline; gap:12px; }\n .phase-weeks .wk{ margin-top:0; }\n .brand img{ height:56px; }\n .header-cta{ padding:11px 18px; font-size:13px; }\n .footer-top{ justify-content:center; text-align:center; }\n}\n\n\/* keep the form BELOW the video on small screens (video is the star of the fold) *\/\n@media (max-width: 980px){ .form-card{ order:0; } }\n\n\/* accessibility *\/\n:focus-visible{ outline:3px solid var(--green); outline-offset:3px; border-radius:6px; }\n@media (prefers-reduced-motion: reduce){\n *{ animation:none !important; transition:none !important; scroll-behavior:auto !important; }\n}\n<\/style>\n<\/head>\n<body>\n\n\n<header class=\"site-header\">\n <div class=\"wrap header-inner\">\n <a href=\"#top\" class=\"brand\" aria-label=\"Joana Fitness home\">\n <img decoding=\"async\" src=\"https:\/\/joanafitness.com\/wp-content\/uploads\/2026\/07\/LOGO_2.png\" alt=\"Joana Fitness\" \/>\n <\/a>\n <nav class=\"header-nav\">\n <a href=\"#method\" class=\"navlink\">Method<\/a>\n <a href=\"#phases\" class=\"navlink\">Phases<\/a>\n <a href=\"#reviews\" class=\"navlink\">Results<\/a>\n <a href=\"https:\/\/wa.me\/447482089138\" class=\"btn btn-green header-cta\" target=\"_blank\" rel=\"noopener\">\n <svg class=\"wa-ico\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M17.5 14.4c-.3-.15-1.8-.9-2-1s-.5-.15-.7.15-.8 1-.98 1.2-.36.22-.66.08a8.2 8.2 0 0 1-2.4-1.48 9 9 0 0 1-1.66-2.06c-.17-.3 0-.46.13-.6l.45-.53c.15-.17.2-.3.3-.5s.05-.36 0-.5-.7-1.65-.95-2.26c-.24-.6-.5-.5-.7-.52h-.6c-.2 0-.53.08-.8.38s-1.05 1.02-1.05 2.5 1.08 2.9 1.23 3.1 2.12 3.24 5.14 4.55c.72.3 1.28.5 1.7.63.72.23 1.38.2 1.9.12.58-.08 1.8-.73 2.05-1.44s.25-1.3.17-1.44-.26-.2-.55-.35z\"\/><path d=\"M12 2a10 10 0 0 0-8.5 15.3L2 22l4.85-1.47A10 10 0 1 0 12 2zm0 18.2a8.2 8.2 0 0 1-4.2-1.15l-.3-.18-3.1.94.95-3-.2-.31A8.2 8.2 0 1 1 12 20.2z\"\/><\/svg>\n WhatsApp\n <\/a>\n <\/nav>\n <\/div>\n<\/header>\n\n\n<main id=\"top\">\n<section class=\"hero\">\n <div class=\"wrap\">\n\n <div class=\"hero-head\">\n <span class=\"eyebrow\">The 333 Method<\/span>\n <h1 class=\"display\">Your 90-day<br><em>transformation<\/em> starts here.<\/h1>\n <p class=\"lead\">Sustainable fitness isn't about extreme restriction. It's about strategic habit change. Watch how the 333 Method rebuilds your routine, then leave your details and start today on WhatsApp.<\/p>\n <\/div>\n\n <div class=\"hero-grid\">\n\n \n <div class=\"video-block\">\n <div class=\"video-frame\">\n \n <video id=\"promoVideo\"\n poster=\"assets\/video-poster.jpg\"\n preload=\"metadata\"\n playsinline\n controls>\n <source src=\"assets\/promo.mp4\" type=\"video\/mp4\" \/>\n Your browser does not support embedded video.\n <\/video>\n\n \n <div class=\"video-poster\" id=\"videoPoster\" role=\"button\" tabindex=\"0\" aria-label=\"Play the intro video\">\n <div class=\"play-btn\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"video-caption\">\n <span class=\"pulse\"><\/span>\n <span><b>Meet Joana:<\/b> how the 333 Method works in 90 days.<\/span>\n <\/div>\n <\/div>\n\n \n <aside class=\"form-card\">\n <span class=\"card-eyebrow\">Free intro call<\/span>\n <h3>Start your journey<\/h3>\n <p class=\"card-sub\">Fill in your details and we'll continue on WhatsApp. No obligation, just a plan built around you.<\/p>\n\n <form id=\"leadForm\" novalidate>\n <div class=\"field\">\n <label for=\"name\">Full name<\/label>\n <input type=\"text\" id=\"name\" name=\"name\" placeholder=\"e.g. Sarah Johnson\" autocomplete=\"name\" required \/>\n <\/div>\n <div class=\"field\">\n <label for=\"phone\">Phone number<\/label>\n <input type=\"tel\" id=\"phone\" name=\"phone\" placeholder=\"e.g. +44 7000 000000\" autocomplete=\"tel\" required \/>\n <\/div>\n <div class=\"field\">\n <label for=\"email\">Email address<\/label>\n <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"e.g. you@email.com\" autocomplete=\"email\" required \/>\n <\/div>\n\n <button type=\"submit\" class=\"btn btn-green btn-full submit-btn\">\n <svg class=\"wa-ico\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M17.5 14.4c-.3-.15-1.8-.9-2-1s-.5-.15-.7.15-.8 1-.98 1.2-.36.22-.66.08a8.2 8.2 0 0 1-2.4-1.48 9 9 0 0 1-1.66-2.06c-.17-.3 0-.46.13-.6l.45-.53c.15-.17.2-.3.3-.5s.05-.36 0-.5-.7-1.65-.95-2.26c-.24-.6-.5-.5-.7-.52h-.6c-.2 0-.53.08-.8.38s-1.05 1.02-1.05 2.5 1.08 2.9 1.23 3.1 2.12 3.24 5.14 4.55c.72.3 1.28.5 1.7.63.72.23 1.38.2 1.9.12.58-.08 1.8-.73 2.05-1.44s.25-1.3.17-1.44-.26-.2-.55-.35z\"\/><path d=\"M12 2a10 10 0 0 0-8.5 15.3L2 22l4.85-1.47A10 10 0 1 0 12 2zm0 18.2a8.2 8.2 0 0 1-4.2-1.15l-.3-.18-3.1.94.95-3-.2-.31A8.2 8.2 0 1 1 12 20.2z\"\/><\/svg>\n Continue on WhatsApp\n <\/button>\n\n <p class=\"form-note\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n <span>Your details are only used to start the conversation. No spam, ever.<\/span>\n <\/p>\n <\/form>\n <\/aside>\n\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"method\" id=\"method\">\n <div class=\"wrap\">\n <div class=\"method-head\">\n <span class=\"eyebrow solo\" style=\"margin:0 auto;\">Why it works<\/span>\n <h2 class=\"section-title\">One method. <span>Three<\/span> of everything.<\/h2>\n <p class=\"lead\">Real change happens in a structure. The 333 Method rebuilds your daily routine around three tailored programmes, three progressive phases, and three focused months.<\/p>\n <\/div>\n\n <div class=\"triple-grid\">\n <article class=\"pillar\">\n <div class=\"big3\">3<\/div>\n <h3>Specialised programmes<\/h3>\n <p>We align your training with your exact objective from day one.<\/p>\n <ul>\n <li>Weight loss: drop body fat safely and confidently.<\/li>\n <li>Muscle gain: build functional strength and lean mass.<\/li>\n <li>Injury prevention: bulletproof joints, move pain-free.<\/li>\n <\/ul>\n <span class=\"tag\">Choose your stream<\/span>\n <\/article>\n\n <article class=\"pillar\">\n <div class=\"big3\">3<\/div>\n <h3>Progressive phases<\/h3>\n <p>Habit change happens in stages, so you never burn out or plateau.<\/p>\n <ul>\n <li>Foundation: master form, kickstart new routines.<\/li>\n <li>Intensity: step up the challenge, accelerate results.<\/li>\n <li>Identity: fitness becomes who you are.<\/li>\n <\/ul>\n <span class=\"tag\">Build without burnout<\/span>\n <\/article>\n\n <article class=\"pillar\">\n <div class=\"big3\">3<\/div>\n <h3>Months of coaching<\/h3>\n <p>True habit loops take time to lock in, so you get 90 days of structure and accountability.<\/p>\n <ul>\n <li>Personalised coaching every week.<\/li>\n <li>Accountability that keeps you consistent.<\/li>\n <li>A sustainable blueprint you keep for life.<\/li>\n <\/ul>\n <span class=\"tag\">90 days to lasting change<\/span>\n <\/article>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"phases\" id=\"phases\">\n <div class=\"wrap\">\n <div class=\"phases-head\">\n <span class=\"eyebrow\">The journey<\/span>\n <h2 class=\"section-title\">Three phases, one new you.<\/h2>\n <\/div>\n\n <div class=\"phase-list\">\n <div class=\"phase\">\n <div class=\"phase-weeks\">\n <span class=\"num\">01<\/span>\n <span class=\"wk\">Weeks 1 to 4<\/span>\n <\/div>\n <div class=\"phase-body\">\n <h3>The Foundation: <em>Build the Blueprint<\/em><\/h3>\n <p>Before we change your body, we shift your baseline. This phase removes friction and builds bulletproof routines: effortless nutrition tracking, post-workout recovery breathing, and baseline supplementation, with no radical or unsustainable restrictions required.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"phase\">\n <div class=\"phase-weeks\">\n <span class=\"num\">02<\/span>\n <span class=\"wk\">Weeks 5 to 8<\/span>\n <\/div>\n <div class=\"phase-body\">\n <h3>The Intensity Shift: <em>Fuel the Performance<\/em><\/h3>\n <p>With your foundation set, we turn up the dial. The focus moves to metabolic adaptation and efficiency: strategically timing nutrition to fuel high-energy workouts, optimising gut health for maximum absorption, and using advanced recovery protocols to minimise stress.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"phase\">\n <div class=\"phase-weeks\">\n <span class=\"num\">03<\/span>\n <span class=\"wk\">Weeks 9 to 12<\/span>\n <\/div>\n <div class=\"phase-body\">\n <h3>The Identity Shift: <em>Own the Lifestyle<\/em><\/h3>\n <p>True transformation happens when the programme stops feeling like work and starts feeling like who you are. This final phase is about complete autonomy: navigating social settings effortlessly, transitioning into intuitive eating, and locking in the blueprint to own your results for life.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"reviews\" id=\"reviews\">\n <div class=\"wrap\">\n <div class=\"reviews-head\">\n <span class=\"eyebrow solo\" style=\"margin:0 auto;\">Real results<\/span>\n <h2 class=\"section-title\">What clients say<\/h2>\n <\/div>\n\n <div class=\"reviews-grid\">\n <figure class=\"quote\">\n <div class=\"stars\">★★★★★<\/div>\n <p>“Joana tailored each workout to my needs, addressing past injuries and focusing on posture and form. I've built strength safely and made steady progress, for a sustainable, injury-free experience.”<\/p>\n <figcaption class=\"who\">Miriam <span>· 2024<\/span><\/figcaption>\n <\/figure>\n\n <figure class=\"quote\">\n <div class=\"stars\">★★★★★<\/div>\n <p>“Jo was really encouraging and never made me feel self-conscious or judged. She pushed me to reach my potential, and I carry her dietary tips and workouts into my personal life. Highly recommend.”<\/p>\n <figcaption class=\"who\">Mariam <span>· 2024<\/span><\/figcaption>\n <\/figure>\n\n <figure class=\"quote\">\n <div class=\"stars\">★★★★★<\/div>\n <p>“Joana has been my PT for two years. She knows your limits and how to work around you. My mindset and appreciation toward training changed, and I couldn't be more grateful for what I've achieved.”<\/p>\n <figcaption class=\"who\">Sabrina <span>· 2023<\/span><\/figcaption>\n <\/figure>\n\n <figure class=\"quote\">\n <div class=\"stars\">★★★★★<\/div>\n <p>“I have scoliosis, and Joana worked carefully to strengthen my back with the right rest in between. Professional yet personal and friendly, my overall form and health improved. My highest recommendation.”<\/p>\n <figcaption class=\"who\">Ace <span>· 2021<\/span><\/figcaption>\n <\/figure>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"cta-band\">\n <div class=\"wrap\">\n <span class=\"eyebrow solo\" style=\"margin:0 auto;\">Your move<\/span>\n <h2>Ready to <em>stand up<\/em> and keep going?<\/h2>\n <p>Leave your details or message us directly. In 90 days, fitness stops being something you do and becomes who you are.<\/p>\n <a href=\"#top\" class=\"btn btn-green\">Start the 333 Method<\/a>\n\n <div class=\"cta-quote\">\n <blockquote>\"It's not about how many times you get rejected or fall down. It's about how many times you stand up and keep going.\"<\/blockquote>\n <cite>Joana Freitas<\/cite>\n <\/div>\n <\/div>\n<\/section>\n<\/main>\n\n\n<footer class=\"site-footer\">\n <div class=\"wrap\">\n <div class=\"footer-top\">\n <img decoding=\"async\" src=\"https:\/\/joanafitness.com\/wp-content\/uploads\/2026\/07\/LOGO_2.png\" alt=\"Joana Fitness\" \/>\n <div class=\"socials\">\n <a href=\"https:\/\/facebook.com\/FitnessJoana\" target=\"_blank\" rel=\"noopener\" aria-label=\"Facebook\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M14 9h3V5h-3c-2.2 0-4 1.8-4 4v2H7v4h3v7h4v-7h3l1-4h-4V9c0-.6.4-1 1-1z\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/www.instagram.com\/joanawellbeing\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><circle cx=\"17.5\" cy=\"6.5\" r=\"1.2\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/youtube.com\/channel\/UCuuWKJe5bOhg9cO9m3KykEg\" target=\"_blank\" rel=\"noopener\" aria-label=\"YouTube\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M22 8.2a3 3 0 0 0-2.1-2.1C18 5.5 12 5.5 12 5.5s-6 0-7.9.6A3 3 0 0 0 2 8.2 31 31 0 0 0 1.6 12 31 31 0 0 0 2 15.8a3 3 0 0 0 2.1 2.1c1.9.6 7.9.6 7.9.6s6 0 7.9-.6a3 3 0 0 0 2.1-2.1c.3-1.2.4-2.5.4-3.8s-.1-2.6-.4-3.8zM10 15V9l5 3z\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/wa.me\/447482089138\" target=\"_blank\" rel=\"noopener\" aria-label=\"WhatsApp\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.5 14.4c-.3-.15-1.8-.9-2-1s-.5-.15-.7.15-.8 1-.98 1.2-.36.22-.66.08a8.2 8.2 0 0 1-2.4-1.48 9 9 0 0 1-1.66-2.06c-.17-.3 0-.46.13-.6l.45-.53c.15-.17.2-.3.3-.5s.05-.36 0-.5-.7-1.65-.95-2.26c-.24-.6-.5-.5-.7-.52h-.6c-.2 0-.53.08-.8.38s-1.05 1.02-1.05 2.5 1.08 2.9 1.23 3.1 2.12 3.24 5.14 4.55c.72.3 1.28.5 1.7.63.72.23 1.38.2 1.9.12.58-.08 1.8-.73 2.05-1.44s.25-1.3.17-1.44-.26-.2-.55-.35z\"\/><path d=\"M12 2a10 10 0 0 0-8.5 15.3L2 22l4.85-1.47A10 10 0 1 0 12 2z\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <span>© 2026 Joana Fitness. All rights reserved.<\/span>\n <span>Photo credits: Karma Moreno, Anisha Sehmi & Finlay Batey.<\/span>\n <\/div>\n <\/div>\n<\/footer>\n\n\n<script>\n\/* ---- WhatsApp destination (digits only, no + or spaces) ---- *\/\nvar WHATSAPP_NUMBER = \"447482089138\";\n\n\/* ================= LEAD FORM -> WHATSAPP ================= *\/\n(function(){\n var form = document.getElementById(\"leadForm\");\n var name = document.getElementById(\"name\");\n var phone = document.getElementById(\"phone\");\n var email = document.getElementById(\"email\");\n\n function isEmail(v){ return \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(v); }\n\n function mark(el, ok){ el.classList.toggle(\"invalid\", !ok); }\n\n form.addEventListener(\"submit\", function(e){\n e.preventDefault();\n\n var nOk = name.value.trim().length > 1;\n var pOk = phone.value.replace(\/\\D\/g,\"\").length >= 7;\n var eOk = isEmail(email.value.trim());\n\n mark(name, nOk); mark(phone, pOk); mark(email, eOk);\n if(!(nOk && pOk && eOk)){\n var first = !nOk ? name : (!pOk ? phone : email);\n first.focus();\n return;\n }\n\n \/* Build a friendly pre-filled WhatsApp message with the lead's details *\/\n var msg =\n \"Hi Joana! \\uD83D\\uDC4B I'd like to start the 333 Method.\\n\\n\" +\n \"Name: \" + name.value.trim() + \"\\n\" +\n \"Phone: \" + phone.value.trim() + \"\\n\" +\n \"Email: \" + email.value.trim();\n\n var url = \"https:\/\/wa.me\/\" + WHATSAPP_NUMBER + \"?text=\" + encodeURIComponent(msg);\n window.location.href = url;\n });\n})();\n\n\/* ================= VIDEO PLAY OVERLAY ================= *\/\n(function(){\n var poster = document.getElementById(\"videoPoster\");\n var video = document.getElementById(\"promoVideo\");\n if(!poster || !video) return;\n\n function play(){\n poster.classList.add(\"is-hidden\");\n var p = video.play();\n if(p && p.catch){ p.catch(function(){ \/* autoplay blocked, controls remain *\/ }); }\n }\n poster.addEventListener(\"click\", play);\n poster.addEventListener(\"keydown\", function(e){\n if(e.key === \"Enter\" || e.key === \" \"){ e.preventDefault(); play(); }\n });\n})();\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Joana Fitness | The 333 Method Method Phases Results WhatsApp The 333 Method Your 90-daytransformation starts here. Sustainable fitness isn’t about extreme restriction. It’s about strategic habit change. Watch how the 333 Method rebuilds your routine, then leave your details and start today on WhatsApp. Your browser does not support embedded video. Meet Joana: how […]<\/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-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/joanafitness.com\/index.php\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/joanafitness.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/joanafitness.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/joanafitness.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/joanafitness.com\/index.php\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":19,"href":"https:\/\/joanafitness.com\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":34,"href":"https:\/\/joanafitness.com\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions\/34"}],"wp:attachment":[{"href":"https:\/\/joanafitness.com\/index.php\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}