<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="LeaksCord: Your trusted source for affordable and exclusive OnlyFans content. Explore 5,000+ model collections and premium packages tailored to your taste.">
  <meta name="keywords" content="OnlyFans, OnlyFans memberships, vip member, premium content, affordable prices, exclusive content, instant access, OnlyFans collections, trending models, sophie rain, breckie hill, leakplugz, sellix store">
  <meta name="author" content="LeaksCord">
  <meta property="og:title" content="LeaksCord - Exclusive OnlyFans Content">
  <meta property="og:description" content="Explore LeaksCord's curated OnlyFans collections with instant access to over 5,000 models. Affordable, secure, and tailored for your enjoyment.">
  <meta property="og:image" content="https://iili.io/2eaQDt1.png" />
  <meta property="og:url" content="https://LeaksCord.com">
  <meta property="og:type" content="website">
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="LeaksCord - Exclusive OnlyFans Content">
  <meta name="twitter:description" content="Affordable and exclusive OnlyFans memberships. Explore our premium packages today.">
  <meta name="twitter:image" content="logo.png">
  <meta name="robots" content="index, follow">
  <meta name="theme-color" content="#D60052">
  <title>LeaksCord - Exclusive OnlyFans Content</title>
  <link rel="icon" href="https://leaks.ph/favicon.ico" type="image/x-icon">
  <link rel="stylesheet" href="styles.css">
  <link rel="stylesheet" href="dark-mode.css">
  <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Open+Sans:wght@400;700&family=Poppins:wght@400;700&display=swap" rel="stylesheet">
  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">
  <link href="https://cdn.sellix.io/static/css/embed.css" rel="stylesheet"/>
  <script src="https://cdn.sellix.io/static/js/embed.js"></script>
  <link href="https://cdn.sellix.io/static/css/custom-embed-styles.css" id="sellix-css" rel="stylesheet"/>
  <script type="text/javascript">window.$crisp=[];window.CRISP_WEBSITE_ID="8320ae80-b672-4b6f-ac9d-897b2d66bf11";(function(){d=document;s=d.createElement("script");s.src="https://client.crisp.chat/l.js";s.async=1;d.getElementsByTagName("head")[0].appendChild(s);})();</script>
</head>
<body>

<!-- Loading Screen -->
<div id="loading-screen">
  <img src="logo.png" alt="Logo">
</div>

<!-- Main Page Content -->
<div id="content">

      <div class="sliding-text">
        <p>X-mas Sales: Get 20% off with <span class="promo-code">XMAS24</span> on your first purchase! Limited time only.</p>
      </div>
  

        <!-- Modal Structure -->
      <div id="terms-modal" class="modal">
        <div class="modal-content">
          <button class="close-btn">&times;</button> 
          <h2>Terms of Service</h2>
          <p><strong>Introduction</strong></p>
          <p>Welcome to Megafolders and LeaksCord. By purchasing our eBooks and membership services, you agree to the following Terms of Service. Please read them carefully before making a purchase.</p>
          
          <h3>1. Content Disclaimer:</h3>
          <ul>
            <li>The content provided by Megafolders and LeaksCord is not created or leaked by us.</li>
            <li>All materials are publicly accessible online and have been collected and organized by us. </li>
            <li>Megafolders and LeaksCord are neither the creators nor the originators of these materials.</li>
            <li>We assume no liability for the origin or content of the materials provided.</li>
          </ul>

          <h3>2. Purchase and Membership:</h3>
          <ul>
            <li>By purchasing an eBook or membership, you gain access to exclusive channels or servers where the content provided by Megafolders and LeaksCord is hosted.</li>
            <li>All purchases are final, and no refunds will be issued under any circumstances.</li>
            <li>Please ensure that you have reviewed the product description and terms before completing your purchase.</li>
          </ul>

          <h3>3. No Refund Policy:</h3>
          <ul>
            <li>All eBook and membership sales are final. Due to the nature of digital products and services, Megafolders and LeaksCord do not offer refunds, exchanges, or cancellations once a purchase is completed.</li>
            <li>This no-refund policy applies to all situations, including but not limited to accidental purchases, dissatisfaction with the product, or failure to use the content or access the channels or servers.</li>
          </ul>

          <h3>4. Payment Terms:</h3>
          <ul>
            <li>All payments made through PayPal or any other payment method are final and non-refundable. You agree not to initiate any chargebacks, payment disputes, or reversals through PayPal or your payment provider.</li>
            <li>Any attempt to reverse or withdraw payment will be considered a breach of these Terms of Service, and Megafolders and LeaksCord reserve the right to terminate your access to our services, including but not limited to your membership and access to exclusive channels or servers, without notice.</li>
            <li>We also reserve the right to pursue legal action to recover damages caused by such actions.</li>
          </ul>

          <h3>5. Membership Terms:</h3>
          <ul>
            <li>Memberships provide access to exclusive content, updates, and other benefits as outlined on our website or within our channels/servers. Memberships are billed on a [monthly/annual] basis, and payment is due at the start of each billing cycle.</li>
            <li>You are responsible for ensuring that your payment method is up-to-date. Memberships will automatically renew unless you cancel before the next billing cycle.</li>
            <li>No refunds will be provided for partial periods or unused services.</li>
          </ul>

          <h3>6. License and Use of Content:</h3>
          <ul>
            <li>Upon purchasing an eBook or membership, you are granted a non-exclusive, non-transferable license to access and use the content for personal purposes only.</li>
            <li>You may not distribute, share, or resell the eBooks or any membership content, including access to the exclusive channels or servers, without explicit permission from Megafolders and LeaksCord.</li>
          </ul>

          <h3>7. Membership Terms:</h3>
          <ul>
            <li>Memberships provide access to exclusive content, updates, and other benefits as outlined on our website or within our channels/servers. Memberships are billed on a [monthly/annual] basis, and payment is due at the start of each billing cycle.</li>
            <li>You are responsible for ensuring that your payment method is up-to-date. Memberships will automatically renew unless you cancel before the next billing cycle.</li>
            <li>No refunds will be provided for partial periods or unused services.</li>
          </ul>

          <h3>8. Account Responsibility:</h3>
          <ul>
            <li>You are responsible for maintaining the confidentiality of your account information, including your username and password.</li>
            <li>Megafolders and LeaksCord will not be liable for any loss or damage arising from your failure to protect your account information.</li>
            <li>You agree to notify us immediately of any unauthorized use of your account or any other breach of security.</li>
          </ul>

          <h3>9. Content and Availability:</h3>
          <ul>
            <li>Megafolders and LeaksCord reserve the right to modify, update, or discontinue any part of our eBooks, membership services, or access to channels/servers at any time without notice.</li>
            <li>We make every effort to ensure that our content is accurate and up-to-date, but we do not guarantee the accuracy, completeness, or reliability of the content.</li>
            <li>If the collections provided are removed due to external actions, such as DMCA reports or other legal claims, the following conditions apply:</li>
            <li>The collections are considered permanently unavailable.</li>
            <li>Memberships will automatically terminate if access to the collections is permanently restricted.</li>
            <li>No refunds will be issued for remaining membership periods or unused services.</li>
            <li>Megafolders and LeaksCord do not offer alternative content or replacements for removed collections.</li>
          </ul>

          <h3>10. Limitation of Liability:</h3>
          <ul>
            <li>Megafolders and LeaksCord will not be liable for any direct, indirect, incidental, or consequential damages arising out of or in connection with your use of our eBooks, membership services, or access to exclusive channels/servers.</li>
            <li>You are responsible for ensuring that your payment method is up-to-date. Memberships will automatically renew unless you cancel before the next billing cycle.</li>
            <li>No refunds will be provided for partial periods or unused services.</li>
          </ul>

          <h3>11. Governing Law:</h3>
          <ul>
            <li>These Terms of Service are governed by and construed in accordance with the laws of the United Kingdom, without regard to its conflict of law principles.</li>
            <li>For disputes related to these terms, the exclusive jurisdiction is in the United Kingdom.</li>
          </ul>
          
          <h3>12. Changes to the Terms of Service:</h3>
          <ul>
            <li>Megafolders and LeaksCord reserve the right to change or update these Terms of Service at any time.</li>
            <li>Changes will be effective immediately upon posting to our website.</li>
            <li>It is your responsibility to review these terms periodically.</li>
          </ul>

          <h3>12. Contact Information:</h3>
          <ul>
            <li>If you have any questions or concerns regarding these Terms of Service, please contact us via the contact form on our website.</li>
            <li>By using our services, you acknowledge that you have read, understood, and agreed to these Terms of Service in their entirety.</li>
          </ul>
          <p><strong>Prices and Terms of Service (TOS) are subject to change without prior notice.</strong></p>
        </div>
      </div>
        <header>
          <button class="hamburger" aria-label="Toggle navigation">☰</button>
          <div class="logo-container">
            <img src="logo.png" alt="Logo" class="logo">
          </div>
          <nav class="nav-buttons">
            <a href="#purchase-section"><i class="fas fa-home"></i><button> Home</button></a>
            <a href="#about-us"><i class="fas fa-info-circle"></i><button> About</button></a>
            <a href="#faq-section"><i class="fas fa-lightbulb"></i><button> FAQ</button></a>
            <a href="#info-section"><i class="fas fa-gift"></i><button> Benefits</button></a>
            <button id="terms-btn"><i class="fas fa-file-alt"></i> Terms</button>
          </nav>
          <a href="#purchase-section"><button class="purchase-button">Purchase</button></a>
        </header>

        
      
    <div class="main-section">
      <div class="welcome-text">
        <h1>Welcome to <span class="highlight">LeaksCord!</span></h1>
        <p>OnlyFans is expensive. Don't worry, we've got you covered. Featuring over 5,000 top model collections, choosing us you will never have to buy a subscription again!</p>
      </div>
      <div class="logo-image">
        <img src="logo.png" alt="Logo">
      </div>
    </div>

<div class="instant-access-section">
  <div class="access-content">
    <img src="https://assets-global.website-files.com/65423581310e2018e009b88f/65423581310e2018e009b8e7_girlsss.png" alt="Girls" class="access-image">
    <p class="access-text">Instant access to 5,000+ models!</p>
  </div>
    <button class="join-now-access" data-sellix-product="66951cdabf2bb" data-sellix-css="dark-mode.css">Join Now!</button>
    <a href="#purchase-section" class="join-now-mobile">Join Now!</a>
</div>


<section id="about-us">
  <div class="about-us-container">
    <div class="about-us-text">
      <h2>Your Trusted OnlyFans Membership Provider 💋</h2>
      <p>
        Indulge in premium content without the hassle! With over two years of expertise, we’re your reliable source for 
        fast, affordable, and exclusive OnlyFans memberships. 
      </p>
      <ul>
        <li>Best prices in the market.</li>
        <li>Instant, secure access.</li>
        <li>24/7 VIP customer support.</li>
      </ul>
    </div>
    <div class="about-us-image">
      <img src="about.png" alt="About Us Image">
    </div>
  </div>
</section>


<div class="info-section-title">
  <div class="info-header">
    <h2>PURCHASE</h2>
  </div>
</div>
  
<!-- Purchase Section -->
<section id="purchase-section" class="purchase-section">
  <h2>Exclusive Content Tiers for Your Ultimate <span class="highlight2">Enjoyment!</span></h2>
  <h4>With over 50TB of premium content at your fingertips, we guarantee you'll find exactly what you're looking for—tailored to your taste and ready to explore!</h4>
  <div class="forms-container">
    <!-- Form 1 - Basic Package -->
    <div class="purchase-form side">
      <h3 class="package-title">Basic</h3>
      <p class="price">€15<span class="currency">EUR</span></p>
      <hr class="divider">
      <ul class="features-list">
        <li><img src="checkmark.png" alt="Checkmark" class="checkmark-img"> Instant Access</li>
        <li><img src="checkmark.png" alt="Checkmark" class="checkmark-img"> One Time Payment</li>
        <li><img src="checkmark.png" alt="Checkmark" class="checkmark-img"> 10 to 25 new folders each day!</li>
        <li><img src="checkmark.png" alt="Checkmark" class="checkmark-img"> Trending TikTok Stars</li>
        <li><img src="checkmark.png" alt="Checkmark" class="checkmark-img"> All PPV Content</li>
      </ul>
      <!-- Integrated Buy Now Button -->
      <button data-sellix-product="66951c826e247" data-sellix-css="dark-mode.css">Purchase</button>
    </div>

    <!-- Form 2 - Mega Package -->
    <div class="purchase-form middle">
      <h3 class="package-title">Mega Pack</h3>
      <p class="price">€80<span class="currency">EUR</span></p>
      <hr class="divider">
      <ul class="features-list">
        <li><img src="checkmark.png" alt="Checkmark" class="checkmark-img"> Instant Access</li>
        <li><img src="checkmark.png" alt="Checkmark" class="checkmark-img"> One Time Payment</li>
        <li><img src="checkmark.png" alt="Checkmark" class="checkmark-img"> 50 to 100 folders daily!</li>
        <li><img src="checkmark.png" alt="Checkmark" class="checkmark-img"> OnlyFans & Snapchat Packs</li>
        <li><img src="checkmark.png" alt="Checkmark" class="checkmark-img"> Trending Teen Stars & Celebs</li>
        <li><img src="checkmark.png" alt="Checkmark" class="checkmark-img"> Assorted Video Packs</li>
        <li><img src="checkmark.png" alt="Checkmark" class="checkmark-img"> Custom Model Requests</li>
      </ul>
      <!-- Integrated Buy Now Button -->
      <button data-sellix-product="66951cdabf2bb" data-sellix-css="dark-mode.css">Purchase</button>
    </div>

    <!-- Form 3 - Premium Package -->
    <div class="purchase-form side">
      <h3 class="package-title">Premium</h3>
      <p class="price">€30<span class="currency">EUR</span></p>
      <hr class="divider">
      <ul class="features-list">
        <li><img src="checkmark.png" alt="Checkmark" class="checkmark-img"> Instant Access</li>
        <li><img src="checkmark.png" alt="Checkmark" class="checkmark-img"> One Time Payment</li>
        <li><img src="checkmark.png" alt="Checkmark" class="checkmark-img"> Mass Videos and Pictures</li>
        <li><img src="checkmark.png" alt="Checkmark" class="checkmark-img"> 100,000+ Pictures & Videos</li>
        <li><img src="checkmark.png" alt="Checkmark" class="checkmark-img"> Daily Updated Telegram links!</li>
      </ul>
      <!-- Integrated Buy Now Button -->
      <button data-sellix-product="66951caf28d19" data-sellix-css="D:\Medo\deviance-main\dark-mode.css">Purchase</button>
    </div>
  </div>
</section>



<div class="info-section-title">
  <div class="info-header">
    <h2>FEATURES</h2>
    <h3>We're customer oriented</h3>
  </div>
</div>

<!-- Info Section -->
<section id="info-section" class="info-section">
  <div class="info-container">
    <div class="info-text">
      <h3>Instant Delivery</h3>
      <p>No unnecessary waiting! With us you get immediate access to the content after we have received your payment</p>
    </div>
    <i class="fas fa-fire info-icon-instant"></i>


  </div>

  <div class="info-container">
    <div class="info-text">
      <h3>Large Collections</h3>
      <p>With our exclusive packages, you gain instant access to thousands of videos and pictures in just seconds.</p>
    </div>
    <i class="fas fa-folder info-icon"></i>
  </div>

  <div class="info-container">
    <div class="info-text">
      <h3>Affordable Prices</h3>
      <p>We are committed to delivering high-quality content at incredibly affordable prices, ensuring every user enjoys an exceptional experience without breaking the bank.</p>
    </div>
    <i class="fas fa-wallet info-icon"></i>
  </div>

  <div class="info-container">
    <div class="info-text">
      <h3>Biggest Community</h3>
      <p>With over 100,000 members in the community, over thousands of VIP members and years of experience, we know exactly what is important!</p>
    </div>
    <i class="fas fa-gem info-icon"></i>
  </div>

  <div class="info-container">
    <div class="info-text">
      <h3>Flexible Payment Options</h3>
      <p>With us, you can pay csonveniently with Apple Pay or other common payment methods! We accept a variety of payment options! – simple, secure, and flexible!</p>
    </div>
    <i class="fas fa-money-bill info-icon-payment"></i>
  </div>

  <div class="info-container">
    <div class="info-text">
      <h3>4.8 Stars Rating</h3>
      <p>With over 500 verified reviews on Sellix and an impressive 4.8-star rating, our quality speaks for itself.</p>
    </div>
    <i class="fas fa-star info-icon-happy"></i>
  </div>
</section>

<!-- FAQ Section -->
<div class="faq-title">
  <div class="faq-header">
    <h2>FAQ</h2>
    <h3>FREQUENTLY ASKED QUESTIONS</h3>
  </div>
</div>

<section id="faq-section" class="faq-section">
  <div class="faq-item">
    <button class="faq-question">
      How long does it take to gain access?  <i class="fas fa-chevron-down"></i>
    </button>
    <div class="faq-answer">
      <p>You’ll receive instant access right after your payment is processed. No waiting—just immediate enjoyment of our content!</p>
    </div>
  </div>

  <div class="faq-item">
    <button class="faq-question">
      What payment methods do you accept?  <i class="fas fa-chevron-down"></i>
    </button>
    <div class="faq-answer">
      <p>We support a wide range of payment options for your convenience, including PayPal, Stripe (credit and debit cards), Apple Pay, Google Pay, all cryptocurrency, and CashApp.</p>
    </div>
  </div>

  <div class="faq-item">
    <button class="faq-question">
      When can I cancel my subscription?   <i class="fas fa-chevron-down"></i>
    </button>
    <div class="faq-answer">
      <p>Our subscriptions are completely flexible! You can cancel anytime up to 3 days before your next billing cycle. No hassle, no questions asked.</p>
    </div>
  </div>

  <div class="faq-item">
    <button class="faq-question">
      How often is new content added?  <i class="fas fa-chevron-down"></i>
    </button>
    <div class="faq-answer">
      <p>We provide fresh content daily! Thanks to our automated bots and dedicated team members, you can expect exciting new updates every single day.</p>
    </div>
  </div>

  <div class="faq-item">
    <button class="faq-question">
      Can I request specific models?  <i class="fas fa-chevron-down"></i>
    </button>
    <div class="faq-answer">
      <p>Absolutely! As a VIP member, you can request your favorite models. We’ve created a special section exclusively for VIPs to submit their requests and ensure you get the content you love.</p>
    </div>
  </div>

  <div class="faq-item">
    <button class="faq-question">
      Do I have to watch ads?  <i class="fas fa-chevron-down"></i>
    </button>
    <div class="faq-answer">
      <p>Not at all! As a VIP member, you’ll enjoy an ad-free experience, so nothing interrupts your browsing or viewing pleasure.</p>
    </div>
  </div>
</section>

<div class="contact-us-title">
  <div class="contact-header">
    <h2>SOCIAL & COMMUNITY</h2>
    <h3>Our free alternative</h3>
  </div>
</div> 

<div class="contact-us-section">
  <!-- Left Image -->
  <img src="left-image.png" alt="Decorative Left" class="contact-bg-image left-image">

  <!-- Right Image -->
  <img src="right-image.png" alt="Decorative Right" class="contact-bg-image right-image">

  <div class="contact-text">
    <h3>Enjoy our content - with ads</h3>
    <p>Join other 100,000 users in our active Community for free, without paying any money. Experience new exclusive free model collections every day - only with advertisment</p>
  </div>

  <div class="contact-buttons">
    <a href="https://t.me/vaultdropz" target="_blank">
      <button class="contact-button telegram-button">
        <i class="fab fa-telegram-plane"></i> Join Telegram
      </button>
    </a>
    <a href="https://discord.gg/vaultdropz" target="_blank">
      <button class="contact-button discord-button">
        <i class="fab fa-discord"></i> Join Discord
      </button>
    </a>
    <a href="mailto:leakscord@proton.me">
      <button class="contact-button email-button">
        <i class="fas fa-envelope"></i> <span class="email-text">Email Us</span>
      </button>
    </a>    
    </a>
  </div>
</div>


<footer>
  <div class="footer-content">
      <!-- Footer Left Section: About Us & Logo -->
      <div class="footer-left">
          <h2>LeaksCord</h2>
          <p>LeaksCord offers high quality content and is the ideal alternative to popular platforms. With over 5,000 collections from top models, you'll never have to subscribe anywhere else. Everything you need is conveniently in one place.</p>
          <p class="p2">Disclaimer: This website is in no way affiliated with, authorized, maintained, sponsored or endorsed by OnlyFans Inc (onlyfans.com) or any of its subsidiaries. The images belong to their respective owners. For DMCA requests or similar, please use the contact e-mail on the website</p>
        </div>

      <!-- Footer Right Section: Navigation Links & Social Icons -->
      <div class="footer-right">
        <h3>Navigation</h3>
        <div class="footer-nav-links">
            <a href="#about-us">About Us</a>
            <a href="#info-section">Features</a>
            <a href="#purchase-section">Products</a>
            <a href="#">Reviews</a>
            <a href="#faq-section">FAQ</a>
        </div>

    <!-- Payment Icons Section (now with images) -->
    <div class="payment-icons">
      <img src="btc.png" alt="Bitcoin" title="Bitcoin" class="payment-icon">
      <img src="cashapp.png" alt="CashApp" title="CashApp" class="payment-icon">
      <img src="paypal.png" alt="PayPal" title="PayPal" class="payment-icon">
      <img src="visa.png" alt="VISA" title="VISA" class="payment-icon">
      <img src="mastercard.png" alt="Mastercard" title="Mastercard" class="payment-icon">
      <img src="amex.png" alt="AMEX" title="AMEX" class="payment-icon">
    </div>

  </div>

  <!-- Footer Bottom Section -->
  <div class="footer-bottom">
    <hr>
    <div class="footer-bottom-content">
        <div class="left">
            <p>&copy; 2024 LeaksCord.com</p>
        </div>
        <div class="right">
          <button id="footer-terms-btn" class="footer-btn">Terms of Service</button> <!-- Added a class for styling -->
      </div>
    </div>
    <!-- Back to Top Button -->
    <a href="#" class="back-to-top">
        <i class="fas fa-arrow-up"></i> <!-- Font Awesome arrow icon -->
    </a>
  </div>

</footer>


<script>
  // Hide loading screen after 3.5 seconds
  setTimeout(() => {  
    document.getElementById('loading-screen').style.display = 'none';
    document.getElementById('content').style.display = 'block';
  }, 2000);

  // Create an intersection observer instance
const observer = new IntersectionObserver((entries, observer) => {
  entries.forEach(entry => {
    if (entry.isIntersecting) {
      // Element is in the viewport, add the 'visible' class and remove 'hidden'
      entry.target.classList.add('visible');
      entry.target.classList.remove('hidden');
    } else {
      // Element is out of the viewport, add the 'hidden' class and remove 'visible'
      entry.target.classList.add('hidden');
      entry.target.classList.remove('visible');
    }
  });
}, {
  threshold: 0.1  // Trigger when 10% of the element is visible in the viewport
});

// Select the purchase section element
const purchaseSection = document.querySelector('.purchase-section');

// Start observing the purchase section
observer.observe(purchaseSection);

document.addEventListener('contextmenu', function(event) {
    event.preventDefault(); // Disable right-click context menu
});

document.onkeydown = function(e) {
    if (e.key === 'F12' || (e.ctrlKey && e.shiftKey && e.key === 'I')) {
        e.preventDefault(); // Prevent opening DevTools
        // Optionally, alert the user
        // alert('Developer Tools are disabled.');
    }
};

  document.addEventListener('DOMContentLoaded', () => {
  const hamburger = document.querySelector('.hamburger');
  const navButtons = document.querySelector('.nav-buttons');

  // Add click event listener to toggle 'active' class
  hamburger.addEventListener('click', () => {
    navButtons.classList.toggle('active');
  });
});

// Get the modal and button elements
const termsModal = document.getElementById('terms-modal');
const termsBtn = document.getElementById('terms-btn');
const footerTermsBtn = document.getElementById('footer-terms-btn'); // Get the footer button
const closeBtn = document.querySelector('.close-btn');

// Show the modal when either the header or footer Terms button is clicked
function showTermsModal() {
  termsModal.style.display = 'flex'; // Show the modal
  document.body.classList.add('modal-active'); // Lock page scrolling
  termsModal.classList.add('active'); // Apply background blur
}

termsBtn.addEventListener('click', showTermsModal); // Header button
footerTermsBtn.addEventListener('click', showTermsModal); // Footer button

// Close the modal when the close button is clicked
closeBtn.addEventListener('click', function() {
  termsModal.style.display = 'none'; // Hide the modal
  document.body.classList.remove('modal-active'); // Unlock page scrolling
  termsModal.classList.remove('active'); // Remove background blur
});

// Optional: Close the modal if clicked outside the modal content
window.addEventListener('click', function(event) {
  if (event.target === termsModal) {
    termsModal.style.display = 'none'; // Close modal if clicked outside
    document.body.classList.remove('modal-active'); // Unlock page scrolling
    termsModal.classList.remove('active'); // Remove background blur
  }
});


document.addEventListener('DOMContentLoaded', () => {
    const faqQuestions = document.querySelectorAll('.faq-question');

    faqQuestions.forEach(question => {
      question.addEventListener('click', () => {
        const answer = question.nextElementSibling;

        // Toggle active class for the current question and answer
        question.classList.toggle('active');
        answer.classList.toggle('active');
      });
    });
  });

  const offsets = {
  '#purchase-section': 100,   // Adjust offset for this section
  '#about-us': 270,          // Adjust offset for this section
  '#faq-section': 270,       // Adjust offset for this section
  '#info-section': 250       // Adjust offset for this section
};

document.querySelectorAll('a[href^="#"]').forEach(anchor => {
  anchor.addEventListener('click', function (e) {
    e.preventDefault();

    const target = document.querySelector(this.getAttribute('href'));
    const offset = offsets[this.getAttribute('href')] || 0; // Default to 0 if no offset specified

    const position = target.getBoundingClientRect().top + window.scrollY - offset;

    window.scrollTo({
      top: position,
      behavior: 'smooth'
    });
  });
});

// Select the Back-to-Top button
const backToTopButton = document.querySelector('.back-to-top');

// Show the button when scrolled down 300px or more
window.addEventListener('scroll', () => {
  if (window.scrollY > 300) {
    backToTopButton.classList.add('show'); // Add show class to make it visible
  } else {
    backToTopButton.classList.remove('show'); // Remove show class to hide it
  }
});

// Scroll smoothly to the top when the button is clicked
backToTopButton.addEventListener('click', (e) => {
  e.preventDefault(); // Prevent default link behavior
  window.scrollTo({
    top: 0,
    behavior: 'smooth', // Smooth scroll to the top
  });
});

</script>



</body>
</html>