<svg xmlns="http://www.w3.org/2000/svg" width="800" height="520" viewBox="0 0 800 520">
  <rect width="800" height="520" fill="#09090b"/>
  <!-- nav -->
  <rect width="800" height="58" fill="#09090b"/>
  <line x1="0" y1="58" x2="800" y2="58" stroke="#27272a" stroke-width="1"/>
  <text x="36" y="36" font-family="Arial" font-size="19" fill="#facc15" font-weight="900" letter-spacing="2">FIT</text>
  <text x="78" y="36" font-family="Arial" font-size="19" fill="#fff" font-weight="900" letter-spacing="2">PRO</text>
  <text x="380" y="36" font-family="Arial" font-size="12" fill="#71717a">Rutinas</text>
  <text x="440" y="36" font-family="Arial" font-size="12" fill="#71717a">Nutrición</text>
  <text x="510" y="36" font-family="Arial" font-size="12" fill="#71717a">Planes</text>
  <text x="568" y="36" font-family="Arial" font-size="12" fill="#71717a">Comunidad</text>
  <rect x="650" y="16" width="110" height="28" rx="4" fill="#facc15"/>
  <text x="705" y="34" font-family="Arial" font-size="12" fill="#09090b" text-anchor="middle" font-weight="900">Empezar gratis</text>
  <!-- hero -->
  <rect y="58" width="800" height="230" fill="#111113"/>
  <rect x="0" y="58" width="800" height="230" fill="none" stroke="#facc15" stroke-width="0"/>
  <!-- diagonal accent -->
  <polygon points="0,58 300,58 180,288 0,288" fill="#facc15" opacity="0.04"/>
  <text x="50" y="120" font-family="Arial" font-size="11" fill="#facc15" letter-spacing="4" font-weight="700">TU TRANSFORMACIÓN EMPIEZA HOY</text>
  <text x="50" y="162" font-family="Arial" font-size="36" fill="#fff" font-weight="900">ENTRENÁ SIN</text>
  <text x="50" y="202" font-family="Arial" font-size="36" fill="#facc15" font-weight="900">LÍMITES</text>
  <text x="50" y="236" font-family="Arial" font-size="13" fill="#71717a">Planes personalizados · Coaches certificados · Comunidad activa</text>
  <rect x="50" y="252" width="140" height="36" rx="4" fill="#facc15"/>
  <text x="120" y="275" font-family="Arial" font-size="13" fill="#09090b" text-anchor="middle" font-weight="900">Ver planes</text>
  <rect x="204" y="252" width="140" height="36" rx="4" fill="none" stroke="#facc15" stroke-width="1.5"/>
  <text x="274" y="275" font-family="Arial" font-size="13" fill="#facc15" text-anchor="middle">Saber más</text>
  <!-- stats row -->
  <rect y="288" width="800" height="60" fill="#18181b"/>
  <text x="133" y="314" font-family="Arial" font-size="22" fill="#facc15" text-anchor="middle" font-weight="900">+10K</text>
  <text x="133" y="334" font-family="Arial" font-size="10" fill="#71717a" text-anchor="middle" letter-spacing="2">MIEMBROS</text>
  <line x1="266" y1="298" x2="266" y2="338" stroke="#27272a" stroke-width="1"/>
  <text x="400" y="314" font-family="Arial" font-size="22" fill="#facc15" text-anchor="middle" font-weight="900">350+</text>
  <text x="400" y="334" font-family="Arial" font-size="10" fill="#71717a" text-anchor="middle" letter-spacing="2">RUTINAS</text>
  <line x1="534" y1="298" x2="534" y2="338" stroke="#27272a" stroke-width="1"/>
  <text x="667" y="314" font-family="Arial" font-size="22" fill="#facc15" text-anchor="middle" font-weight="900">24/7</text>
  <text x="667" y="334" font-family="Arial" font-size="10" fill="#71717a" text-anchor="middle" letter-spacing="2">SOPORTE</text>
  <!-- plan cards -->
  <rect x="28" y="364" width="230" height="130" rx="8" fill="#18181b" stroke="#27272a" stroke-width="1"/>
  <text x="48" y="392" font-family="Arial" font-size="13" fill="#a1a1aa" font-weight="700">BÁSICO</text>
  <text x="48" y="422" font-family="Arial" font-size="24" fill="#fff" font-weight="900">$4.999</text>
  <text x="100" y="422" font-family="Arial" font-size="11" fill="#71717a">/mes</text>
  <text x="48" y="448" font-family="Arial" font-size="11" fill="#71717a">Acceso a rutinas base</text>
  <text x="48" y="464" font-family="Arial" font-size="11" fill="#71717a">Seguimiento semanal</text>
  <rect x="48" y="474" width="90" height="22" rx="4" fill="#27272a"/>
  <text x="93" y="489" font-family="Arial" font-size="11" fill="#a1a1aa" text-anchor="middle">Elegir</text>

  <rect x="284" y="364" width="230" height="130" rx="8" fill="#facc15" stroke="#facc15" stroke-width="1"/>
  <text x="304" y="392" font-family="Arial" font-size="13" fill="#09090b" font-weight="900">PRO ⭐</text>
  <text x="304" y="422" font-family="Arial" font-size="24" fill="#09090b" font-weight="900">$8.999</text>
  <text x="356" y="422" font-family="Arial" font-size="11" fill="#3f3f46">/mes</text>
  <text x="304" y="448" font-family="Arial" font-size="11" fill="#292524">Rutinas personalizadas</text>
  <text x="304" y="464" font-family="Arial" font-size="11" fill="#292524">Coach asignado</text>
  <rect x="304" y="474" width="90" height="22" rx="4" fill="#09090b"/>
  <text x="349" y="489" font-family="Arial" font-size="11" fill="#facc15" text-anchor="middle" font-weight="700">Elegir</text>

  <rect x="540" y="364" width="230" height="130" rx="8" fill="#18181b" stroke="#27272a" stroke-width="1"/>
  <text x="560" y="392" font-family="Arial" font-size="13" fill="#a1a1aa" font-weight="700">ÉLITE</text>
  <text x="560" y="422" font-family="Arial" font-size="24" fill="#fff" font-weight="900">$14.999</text>
  <text x="624" y="422" font-family="Arial" font-size="11" fill="#71717a">/mes</text>
  <text x="560" y="448" font-family="Arial" font-size="11" fill="#71717a">Plan 100% a medida</text>
  <text x="560" y="464" font-family="Arial" font-size="11" fill="#71717a">Nutrición incluida</text>
  <rect x="560" y="474" width="90" height="22" rx="4" fill="#27272a"/>
  <text x="605" y="489" font-family="Arial" font-size="11" fill="#a1a1aa" text-anchor="middle">Elegir</text>

  <rect y="500" width="800" height="20" fill="#09090b"/>
  <text x="400" y="514" font-family="Arial" font-size="10" fill="#3f3f46" text-anchor="middle">© 2026 FitPro · fitpro.com.ar</text>
</svg>
