<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="description" content="HeistFarm™ offers premium jailbreak tools for Roblox. Whether you're grinding for cash or pulling off the ultimate heist, we provide the features you need to dominate the game and stay ahead." />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>HeistFarm™</title>

  <!-- Theme & SEO -->
  <meta property="theme-color" content="#db850d" />
  <meta name="keywords" content="HeistFarm™, HeistFarm, jailbreak hacks, jailbreak cheats, best jailbreak scripts, Roblox jailbreak cheats, jailbreak closest cheat, jailbreak farming, jailbreak script, hack jailbreak, cheat jailbreak, jailbreak best hacks, jailbreak cracked script" />
  <meta content="HeistFarm™ - Experience epic jailbreak moments with the ultimate tools." property="og:title" />
  <meta content="HeistFarm™ offers premium jailbreak tools for Roblox. Whether you're grinding for cash or pulling off the ultimate heist, we provide the features you need to dominate the game and stay ahead." property="og:description" />
  <meta content="https://heistfarm.pro" property="og:url" />
  <meta content="jailbreak_image.png" property="og:image" />

  <!-- Fonts & Icons -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
    integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw=="
    crossorigin="anonymous" referrerpolicy="no-referrer" />

  <!-- Stylesheets -->
  <link rel="stylesheet" type="text/css" href="css/style.css" />
  <link rel="icon" href="test.png" type="image/png" />
</head>

<body>
  <!-- Header & Navigation -->
  <header>
    <nav class="nav-link-holder" aria-label="Main Navigation">
      <!-- Mobile Navigation Toggle Button -->
      <button class="nav-toggle" aria-label="Toggle navigation">
        <span class="hamburger"></span>
      </button>

      <div class="logo">
        <i class="fa-solid fa-lock"></i>
        <h1>HeistFarm™</h1>
      </div>

      <div class="links">
        <a href="#features" class="link">Features</a>
        <a href="#showcase" class="link">Showcase</a>
        <a href="#pricing" class="link">Pricing</a>
        <a href="https://discord.gg/heistfarm" target="_blank" class="link">Discord</a>
      </div>
    </nav>
  </header>

  <!-- Main Hero Section -->
  <main>
    <section class="content">
      <div class="column al">
        <h1 class="fade">Be better than<br /><b>expected</b></h1>
        <h3>escape the matrix with HeistFarm™</h3>
        <a class="blue-button" href="https://discord.gg/heistfarm" target="_blank">
          Get Started!
        </a>
      </div>
      <div class="column ar">
        <!-- Always include alt text for better accessibility -->
        <img src="smart.png" alt="HeistFarm promotional image" />
      </div>
    </section>

    <!-- Features Section -->
    <section class="why holder" id="features" aria-labelledby="features-heading">
      <h2 id="features-heading">
        We care about <span class="colored">every single feature</span>
      </h2>
      <div class="cards">
        <div class="card">
          <i class="fa-solid fa-users"></i>
          <h3>Support</h3>
          <p>
            Our dedicated support team at HeistFarm™ is always ready to assist you.
            With consistent, professional service, we ensure a smooth experience from start to finish.
            Let us help you get started today!
          </p>
        </div>

        <div class="card">
          <i class="fa-solid fa-rocket"></i>
          <h3>Performance Boost</h3>
          <p>
            Experience higher frame rates and smoother gameplay with our built-in FPS
            boosting technology, optimized specifically for Jailbreak.
          </p>
        </div>

        <div class="card">
          <i class="fa-solid fa-money-bill"></i>
          <h3>Interface</h3>
          <p>
            Our private and exclusive interface provides you with a streamlined and
            user-friendly experience tailored to your needs.
          </p>
        </div>

        <div class="card">
          <i class="fa-solid fa-gear"></i>
          <h3>Miscellaneous Features</h3>
          <p>
            Enjoy features like Speed Glitch, Auto Animation, Gun Prediction, Gun FOV,
            and much more, all fully customizable for Jailbreak.
          </p>
        </div>

        <div class="card">
          <i class="fa-solid fa-shield-halved"></i>
          <h3>Authentication</h3>
          <p>
            Our exclusive authentication service is controlled via Discord-bot, ensuring
            complete privacy and reliability. A web-based option may come soon.
          </p>
        </div>
      </div>
      <div class="center">
        <a class="blue-button" href="https://discord.gg/heistfarm" target="_blank">
          JOIN TODAY!
        </a>
      </div>
    </section>

    <section class="menu holder" id="showcase" aria-labelledby="showcase-heading">
      <h2 class="mbo" id="showcase-heading">
        Made by a good team, <span class="colored">and our Founder punchdev!</span>
      </h2>
      <div class="carousel carousel-slider">
        <a class="carousel-item">
          <div class="video-wrapper">
            <iframe class="carousel-video" src="https://streamable.com/e/yhlau0" width="800" height="800" frameborder="0" scrolling="no" allowfullscreen>
            </iframe>
          </div>
        </a>
      </div>
    </section>

    <section class="holder pricing" id="pricing">
      <h1 class="section-title">
        <span class="icon-wrapper"><i class="fas fa-tags"></i></span>
        Affordable <span class="colored">Pricing</span>
        <span class="icon-wrapper"><i class="fas fa-money-bill-wave"></i></span>
      </h1>
      <div class="prices">
        <div class="price highlighted">
          <h4>$10 <span>Cost</span></h4>
          <h1><i class="fas fa-crown"></i> HeistFarm <span class="colored">Auto Rob and Crate Farm</span></h1>
          <h3><i class="fas fa-credit-card"></i> Everything you need and is Affordable and undetected!</h3>
          <a href="https://HeistFarm.mysellix.io/product/cratefarm-and-autorob" class="blue-button">
            <i class="fas fa-shopping-cart"></i> Purchase Now!
          </a>
        </div>
      </div>
    </section>
  </main>

  <footer class="footer">
    <div class="footer-content">
      <div class="footer-left">
        <img src="test.png" alt="HeistFarm Logo" class="footer-logo" />
        <h3 class="footer-company">HeistFarm™</h3>
      </div>
      <div class="footer-right">
        <a href="#terms">Terms of Service</a>
        <a href="#privacy">Privacy Policy</a>
        <a href="https://discord.gg/heistfarm" target="_blank">Discord</a>
      </div>
    </div>
    <div class="footer-bottom">
      <p>© 2025 HeistFarm™. All rights reserved.</p>
    </div>
  </footer>

  <script>
    document.addEventListener('DOMContentLoaded', function () {
      const navToggle = document.querySelector('.nav-toggle');
      const navLinks = document.querySelector('.nav-link-holder .links');

      navToggle.addEventListener('click', () => {
        // Toggle the active class on hamburger button for animation
        navToggle.classList.toggle('active');
        // Toggle the active class to expand/collapse the mobile menu
        navLinks.classList.toggle('active');
      });
    });
  </script>
</body>

</html>
