<!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>

  <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" />

  <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" />

  <link rel="stylesheet" type="text/css" href="css/style.css" />
  <link rel="icon" href="test.png" type="image/png" />
</head>
<body style="overflow: hidden;">
  <div id="load">
    <div>G</div>
    <div>N</div>
    <div>I</div>
    <div>D</div>
    <div>A</div>
    <div>O</div>
    <div>L</div>
  </div>

  <div id="content" style="visibility: hidden;">
    <header>
      <nav class="nav-link-holder" aria-label="Main Navigation">
        <button class="nav-toggle" aria-label="Toggle navigation" aria-expanded="false">
          <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>
      <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">
          <img src="smart.png" alt="HeistFarm promotional image" loading="lazy" />
        </div>
      </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>
        <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 loading="lazy"></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>$6.50 <span>Cost</span></h4>
            <h1><i class="fas fa-crown"></i> HeistFarm <span class="colored">Auto Rob & 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" loading="lazy" />
          <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>
  </div> 
  <script>
    window.addEventListener('load', function() {
      setTimeout(function() {
        const loader = document.getElementById('load');
        const content = document.getElementById('content');
        if (loader) {
          loader.style.display = 'none'; 
        }
        if(content) {
          content.style.visibility = 'visible';
        }
        document.body.style.overflow = 'auto';
      }, 5000); 
    });

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

      navToggle.addEventListener('click', () => {
        navToggle.classList.toggle('active');
        const expanded = navToggle.getAttribute('aria-expanded') === 'true' || false;
        navToggle.setAttribute('aria-expanded', !expanded);
        navLinks.classList.toggle('active');
      });
    });
  </script>
</body>
</html>
