<!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 color and SEO tags -->
  <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" class="hidden" style="visibility: hidden;">
    <header class="hidden">
      <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 class="hidden">
      <section class="content hidden">
        <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 hidden" id="features" aria-labelledby="features-heading">
        <h2 id="features-heading">
          We care about <span class="colored">every single feature</span>
        </h2>
        <div class="cards">
          <!-- Example of features cards here, if needed -->
        </div>
        <div class="center">
          <a class="blue-button" href="https://discord.gg/heistfarm" target="_blank">
            JOIN TODAY!
          </a>
        </div>
      </section>

      <section class="menu holder hidden" id="showcase" aria-labelledby="showcase-heading">
        <h2 class="mbo" id="showcase-heading">
          Made by a good team, <span class="colored">and our Founder Anthony!</span>
        </h2>
        <section>
          <div class="carousel carousel-slider">
            <a class="carousel-item">
              <div class="video-wrapper">
                <video class="carousel-video" src="testing.mov" controls></video>
              </div>
            </a>
          </div>
        </section>
      </section>

      <section class="holder pricing hidden" 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 hidden">
      <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>

  <script>
    document.addEventListener("DOMContentLoaded", function() {
      const hiddenElements = document.querySelectorAll('.hidden');

      const observer = new IntersectionObserver((entries, obs) => {
        entries.forEach(entry => {
          if (entry.isIntersecting) {
            entry.target.classList.add('show');
            obs.unobserve(entry.target);
          }
        });
      }, {
        threshold: 0.3 
      });

      hiddenElements.forEach(el => observer.observe(el));
    });
  </script>
</body>
</html>
