<!doctype html>
<html lang="en">
  <head>
    <style data-vite-theme="" data-inject-first="">:root {
      --background: 0 0% 100%;
--foreground: 20 14.3% 4.1%;
--muted: 60 4.8% 95.9%;
--muted-foreground: 25 5.3% 44.7%;
--popover: 0 0% 100%;
--popover-foreground: 20 14.3% 4.1%;
--card: 0 0% 100%;
--card-foreground: 20 14.3% 4.1%;
--border: 20 5.9% 90%;
--input: 20 5.9% 90%;
--primary: NaN 0% 0%;
--primary-foreground: 344 0% 96%;
--secondary: 60 4.8% 95.9%;
--secondary-foreground: 24 9.8% 10%;
--accent: 60 4.8% 95.9%;
--accent-foreground: 24 9.8% 10%;
--destructive: 0 84.2% 60.2%;
--destructive-foreground: 60 9.1% 97.8%;
--ring: 20 14.3% 4.1%;
--radius: 0.5rem;
  }
  .dark {
      --background: 240 10% 3.9%;
--foreground: 0 0% 98%;
--muted: 240 3.7% 15.9%;
--muted-foreground: 240 5% 64.9%;
--popover: 240 10% 3.9%;
--popover-foreground: 0 0% 98%;
--card: 240 10% 3.9%;
--card-foreground: 0 0% 98%;
--border: 240 3.7% 15.9%;
--input: 240 3.7% 15.9%;
--primary: NaN 0% 0%;
--primary-foreground: 344 0% 96%;
--secondary: 240 3.7% 15.9%;
--secondary-foreground: 0 0% 98%;
--accent: 240 3.7% 15.9%;
--accent-foreground: 0 0% 98%;
--destructive: 0 62.8% 30.6%;
--destructive-foreground: 0 0% 98%;
--ring: 240 4.9% 83.9%;
--radius: 0.5rem;
  }</style>

    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no, viewport-fit=cover"
    />
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta
      name="apple-mobile-web-app-status-bar-style"
      content="black-translucent"
    />
    <meta name="apple-mobile-web-app-title" content="Calisthenics Rockstar" />
    <meta name="theme-color" content="#000000" />
    <title>Calisthenics Rockstar – Gamified Bodyweight Workout App</title>
    <link rel="icon" type="image/png" href="/favicon.png" />
    <link rel="manifest" href="/manifest.json" />
    <!-- Game-like font for skill animations -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Bangers&display=swap"
      rel="stylesheet"
    />
    <link rel="apple-touch-icon" href="/generated-icon.png" />
    <!-- Preload hero poster image (image preload works; video preload is unsupported in Chrome/Safari) -->
    <link rel="preload" as="image" href="/videos/hero-desktop-poster.jpg" />
    <!-- Preload hero shell assets so they render on first paint -->
    <link rel="preload" as="image" href="/images/cr-logo.png" />
    <link rel="preload" as="image" href="/images/badge-apple.png" />
    <link rel="preload" as="image" href="/images/badge-google.png" />
    <link
      rel="preload"
      as="font"
      type="font/woff2"
      crossorigin
      href="https://fonts.gstatic.com/s/bangers/v25/FeVQS0BTqb0h60ACH55Q2A.woff2"
    />
    <!-- Hide hero shell on mobile — desktop only (≥768px) -->
    <style>
      #cr-hero-shell {
        display: none;
      }
      @media (min-width: 768px) {
        #cr-hero-shell {
          display: flex;
        }
      }
    </style>
    <!--- Google metadata --->
    <meta
      name="description"
      content="Calisthenics Rockstar turns your bodyweight workouts into a rockstar game. Earn XP, level up your avatar, and build real strength — available on iOS &amp; Android."
    />

    <meta property="og:type" content="website" />
    <meta
      property="og:title"
      content="FitMentor – Your Own Branded Fitness App for Online Trainers"
    />
    <meta
      property="og:description"
      content="Launch a fully branded fitness app, manage all your clients, build workouts and nutrition plans, and grow your coaching business with FitMentor."
    />
    <meta
      property="og:image"
      content="https://fit-mentor.app/assets/FITMENTOR%20WIDE_1756450585624-B2SUJzht.png"
    />
    <meta property="og:url" content="https://fit-mentor.app" />
    <meta property="og:site_name" content="FitMentor" />

    <meta name="twitter:card" content="summary_large_image" />
    <meta
      name="twitter:title"
      content="FitMentor – Fully Branded Fitness App for Online Trainers"
    />
    <meta
      name="twitter:description"
      content="Give your clients a professional training experience with your own branded app powered by FitMentor. Includes workouts, CRM, plans, habits, progress tracking and more."
    />
    <meta
      name="twitter:image"
      content="https://fit-mentor.app/assets/FITMENTOR%20WIDE_1756450585624-B2SUJzht.png"
    />

    <link rel="canonical" href="https://calisthenicsrockstar.com/" />

    <!--- End Google metadata --->

    <!-- Paddle.js (Production CDN) -->
    <script src="https://cdn.paddle.com/paddle/v2/paddle.js"></script>

    <!-- Smartlook and Google Tag Manager will be initialized in App.tsx for proper SPA tracking -->

    <script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "Organization",
      "@id": "https://calisthenicsrockstar.com/#organization",
      "name": "Calisthenics Rockstar",
      "url": "https://calisthenicsrockstar.com",
      "logo": "https://calisthenicsrockstar.com/logo.png",
      "sameAs": [
        "https://apps.apple.com/gb/app/calisthenics-rockstar-workout/id6762736295",
        "https://www.instagram.com/calisthenicsrockstar"
      ],
      "description": "Calisthenics Rockstar is a gamified bodyweight workout app that turns your training into an RPG journey — earn XP, level up your avatar, and build real calisthenics strength."
    },
    {
      "@type": "MobileApplication",
      "@id": "https://calisthenicsrockstar.com/#app",
      "name": "Calisthenics Rockstar",
      "operatingSystem": "iOS, Android",
      "applicationCategory": "HealthApplication",
      "offers": {
        "@type": "Offer",
        "price": "0",
        "priceCurrency": "USD"
      },
      "url": "https://calisthenicsrockstar.com",
      "downloadUrl": "https://apps.apple.com/gb/app/calisthenics-rockstar-workout/id6762736295",
      "description": "Turn your bodyweight calisthenics workouts into a rockstar game. AI-personalized training, gamified progression, XP system, and avatar evolution — available on iOS and Android.",
      "featureList": [
        "AI-personalized calisthenics workouts",
        "Gamified XP and level-up progression",
        "Rockstar avatar evolution",
        "Bodyweight exercise library",
        "Workout tracking and streaks"
      ],
      "publisher": {
        "@id": "https://calisthenicsrockstar.com/#organization"
      }
    },
    {
      "@type": "WebPage",
      "@id": "https://calisthenicsrockstar.com/#webpage",
      "url": "https://calisthenicsrockstar.com",
      "name": "Calisthenics Rockstar – Gamified Bodyweight Workout App",
      "isPartOf": {
        "@id": "https://calisthenicsrockstar.com/#organization"
      },
      "description": "Official homepage of Calisthenics Rockstar — the gamified calisthenics app where you earn XP, level up, and evolve your avatar through real bodyweight training.",
      "inLanguage": "en-US"
    },
    {
      "@type": "FAQPage",
      "mainEntity": [
        {
          "@type": "Question",
          "name": "What is Calisthenics Rockstar?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Calisthenics Rockstar is a gamified bodyweight workout app that turns your training into an RPG-style journey. You earn XP, level up your rockstar avatar, and follow AI-personalized calisthenics workouts — no gym equipment needed."
          }
        },
        {
          "@type": "Question",
          "name": "How does the gamification work?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Every workout you complete earns XP points. As you accumulate XP, you level up and evolve your rockstar avatar. The app tracks your progression and adapts your training program to keep you challenged and motivated."
          }
        },
        {
          "@type": "Question",
          "name": "Is Calisthenics Rockstar suitable for beginners?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Yes! Calisthenics Rockstar is designed for all fitness levels. The AI personalizes your workout plan based on your current ability, so beginners start with foundational movements and progress at their own pace."
          }
        },
        {
          "@type": "Question",
          "name": "What devices is Calisthenics Rockstar available on?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Calisthenics Rockstar is available on both iOS (iPhone and iPad via the App Store) and Android devices."
          }
        },
        {
          "@type": "Question",
          "name": "Do I need any equipment to use Calisthenics Rockstar?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "No equipment is needed. Calisthenics Rockstar is 100% bodyweight-based — you can train anywhere, anytime, using only your own body."
          }
        },
        {
          "@type": "Question",
          "name": "Is Calisthenics Rockstar free?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Calisthenics Rockstar is free to download on iOS and Android. Additional features may be available through in-app purchases or a premium subscription."
          }
        }
      ]
    }
  ]
}
    </script>
    
    <script type="module" crossorigin src="/assets/index-rINuQrmm.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-B2oc9RQH.css">
  </head>
  <body>
    <!-- Google Tag Manager (noscript) -->
    <noscript
      ><iframe
        src="https://www.googletagmanager.com/ns.html?id=GTM-53S7PJ4V"
        height="0"
        width="0"
        style="display: none; visibility: hidden"
      ></iframe
    ></noscript>
    <!-- End Google Tag Manager (noscript) -->
    <!--
      Hero shell: a real <video> element rendered before React boots.
      The browser begins playing it on first HTML parse — no JS needed.
      CalisthenicsRockstarPage removes this div on mount, handing off
      to the React-managed video element seamlessly.
    -->
    <div
      id="cr-hero-shell"
      style="
        position: fixed;
        inset: 0;
        height: 100vh;
        z-index: 50;
        pointer-events: none;
        background: white;
      "
    >
      <div
        style="
          width: 40%;
          height: 100%;
          background: white;
          display: flex;
          flex-direction: column;
          justify-content: center;
          padding: 0 4rem;
          pointer-events: auto;
          box-sizing: border-box;
        "
      >
        <img
          src="/images/cr-logo.png"
          alt="Calisthenics Rockstar"
          style="
            width: 18rem;
            object-fit: contain;
            object-position: left;
            margin-bottom: 2rem;
            mix-blend-mode: multiply;
          "
        />
        <h1
          style="
            font-family: &quot;Bangers&quot;, Impact, sans-serif;
            font-weight: 400;
            letter-spacing: 0.04em;
            line-height: 1.25;
            margin-bottom: 4.5rem;
            font-size: clamp(2.25rem, 3vw, 3rem);
            text-transform: uppercase;
            color: black;
            margin-top: 0;
          "
        >
          Stop wasting time on boring apps! Turn your bodyweight calisthenics
          workouts into a rockstar game
        </h1>
        <div style="display: flex; gap: 1rem; align-items: center">
          <a
            href="https://apps.apple.com/app/calisthenics-rockstar-workout/id6762736295"
            target="_blank"
            rel="noopener noreferrer"
            style="display: block"
          >
            <img
              src="/images/badge-apple.png"
              alt="Download on the App Store"
              style="
                height: 4rem;
                width: auto;
                object-fit: contain;
                display: block;
              "
            />
          </a>
          <a
            href="https://play.google.com/store/apps/details?id=app.fitmentor.calisthenicsrockstar"
            target="_blank"
            rel="noopener noreferrer"
            style="display: block"
          >
            <img
              src="/images/badge-google.png"
              alt="Get it on Google Play"
              style="
                height: 4rem;
                width: auto;
                object-fit: contain;
                display: block;
              "
            />
          </a>
        </div>
      </div>
      <div
        style="width: 60%; height: 100%; position: relative; overflow: hidden"
      >
        <video
          autoplay
          muted
          loop
          playsinline
          poster="/videos/hero-desktop-poster.jpg"
          style="
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
          "
          src="/videos/hero-desktop-bg.webm"
        ></video>
      </div>
    </div>
    <script>
      if (window.location.pathname !== "/")
        document.getElementById("cr-hero-shell")?.remove();
    </script>
    <div id="root"></div>
    <!-- This is a replit script which adds a banner on the top of the page when opened in development mode outside the replit environment -->
    <script
      type="text/javascript"
      src="https://replit.com/public/js/replit-dev-banner.js"
    ></script>
  </body>
</html>
