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

  <script src="https://cdn.sellix.io/static/js/embed.js" async></script>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>LeaksCord - Exclusive OnlyFans Content</title>
  <link rel="icon" href="https://leaks.ph/favicon.ico" type="image/x-icon">
  <link rel="stylesheet" type="text/css" href="css/styles.min.css?v=1.1">
  <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&amp;family=Open+Sans:wght@400;700&amp;family=Poppins:wght@400;700&amp;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">
  <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>
  <div id="content">
    <div class="sliding-text">
      <p>New Year Sale: Get 15% off with <span class="promo-code">HAPPY25</span> on your first purchase! Limited time only.</p>
    </div>
    <div id="exitModal" class="exit-modal">
      <div class="exit-modal-content">
        <button id="closeModalButton" class="close-modal-button"><span>x</span></button>
        <div class="girl-image-container"><img src="assets/close.png" alt="Girl Sitting" class="girl-image"></div>
        <p class="hey-you-text">Hey you!</p>
        <p class="discount-header">50% discount voucher!</p>
        <p class="exit-modal-body">Oh no, are you leaving us already? Maybe we can convince you to stay with a <b>50% discount voucher!</b> Only for you!</p>
        <p class="countdown-timer">Offer expires in: <span id="countdown">20:00</span></p>
        <div class="voucher-code-box" id="voucherBox">
          <span class="voucher-code-text" id="voucherCode">QEYS-DFHA-ALSKE</span>
        </div>
        <div id="copyNotification" class="copy-notification">
          Copied!
        </div>
      </div>
    </div>
    <div id="terms-modal" class="modal">
      <div class="modal-content">
        <button class="close-btn">×</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="assets/logo.png" alt="Logo" class="logo"></div>
      <nav class="nav-buttons">
        <a href="#purchase-section"><button>Home</button></a> <a href="#about-us"><button>About</button></a> <a href="#faq-section"><button>FAQ</button></a> <a href="#info-section"><button>Benefits</button></a> <button id="terms-btn">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="assets/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><a href="#purchase-section" class="join-now-access">Join Now!</a> <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="assets/about.png" alt="About Us Image"></div>
      </div>
    </section>
    <div class="info-section-title">
      <div class="info-header">
        <h2>PURCHASE</h2>
      </div>
    </div>
    <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">
        <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="assets/checkmark.png" alt="Checkmark" class="checkmark-img"> Instant Access</li>
            <li><img src="assets/checkmark.png" alt="Checkmark" class="checkmark-img"> One Time Payment</li>
            <li><img src="assets/checkmark.png" alt="Checkmark" class="checkmark-img"> 10 to 25 new folders each day!</li>
            <li><img src="assets/checkmark.png" alt="Checkmark" class="checkmark-img"> Trending TikTok Stars</li>
            <li><img src="assets/checkmark.png" alt="Checkmark" class="checkmark-img"> All PPV Content</li>
          </ul><button data-sellix-product="676f1322e529d" data-sellix-css="dark-mode.css">Purchase</button>
        </div>
        <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="assets/checkmark.png" alt="Checkmark" class="checkmark-img"> Instant Access</li>
            <li><img src="assets/checkmark.png" alt="Checkmark" class="checkmark-img"> One Time Payment</li>
            <li><img src="assets/checkmark.png" alt="Checkmark" class="checkmark-img"> 50 to 100 folders daily!</li>
            <li><img src="assets/checkmark.png" alt="Checkmark" class="checkmark-img"> OnlyFans & Snapchat Packs</li>
            <li><img src="assets/checkmark.png" alt="Checkmark" class="checkmark-img"> Trending Teen Stars & Celebs</li>
            <li><img src="assets/checkmark.png" alt="Checkmark" class="checkmark-img"> Assorted Video Packs</li>
            <li><img src="assets/checkmark.png" alt="Checkmark" class="checkmark-img"> Custom Model Requests</li>
          </ul><button data-sellix-product="676f14dd18d39" data-sellix-css="dark-mode.css">Purchase</button>
        </div>
        <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="assets/checkmark.png" alt="Checkmark" class="checkmark-img"> Instant Access</li>
            <li><img src="assets/checkmark.png" alt="Checkmark" class="checkmark-img"> One Time Payment</li>
            <li><img src="assets/checkmark.png" alt="Checkmark" class="checkmark-img"> Mass Videos and Pictures</li>
            <li><img src="assets/checkmark.png" alt="Checkmark" class="checkmark-img"> 100,000+ Pictures & Videos</li>
            <li><img src="assets/checkmark.png" alt="Checkmark" class="checkmark-img"> Daily Updated Telegram links!</li>
          </ul><button data-sellix-product="676f14669e9d9" 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>
    <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>
      </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>
      </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>
      </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>
      </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>
      </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>
      </div>
    </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?</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?</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?</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?</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?</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?</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">
      <img src="assets/left-image.png" alt="Decorative Left" class="contact-bg-image left-image"> <img src="assets/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">Join Telegram</button></a> <a href="https://discord.gg/vaultdropz" target="_blank"><button class="contact-button discord-button">Join Discord</button></a> <a href="mailto:leakscord@proton.me"><button class="contact-button email-button"><span class="email-text">Email Us</span></button></a>
      </div>
    </div>
    <div style="text-align: center; margin: 20px auto;">
      <a href="https://discord.gg/S2Pc4FF5FH" target=""><img src="https://iili.io/2USiId7.png" alt="Promotion" style="width: 100%; max-width: 728px; height: auto; border-radius: 8px;"></a>
      <p style="margin-top: 10px; font-size: 14px; color: #555;"><strong>Promotion until 12/01/2025</strong> - Buy Promotions per E-Mail: <a href="mailto:leakscord@proton.me" style="color: #ff6ec7; text-decoration: none;">leakscord@proton.me</a></p>
    </div>
    <footer>
      <div class="footer-content">
        <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>
        <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>
          <div class="payment-icons"><img src="assets/btc.png" alt="Bitcoin" title="Bitcoin" class="payment-icon"> <img src="assets/cashapp.png" alt="CashApp" title="CashApp" class="payment-icon"> <img src="assets/paypal.png" alt="PayPal" title="PayPal" class="payment-icon"> <img src="assets/visa.png" alt="VISA" title="VISA" class="payment-icon"> <img src="assets/mastercard.png" alt="Mastercard" title="Mastercard" class="payment-icon"> <img src="assets/amex.png" alt="AMEX" title="AMEX" class="payment-icon"></div>
        </div>
      </div>
      <div class="footer-bottom">
        <hr>
        <div class="footer-bottom-content">
          <div class="left">
            <p>© 2024 LeaksCord.com</p>
          </div>
          <div class="right">
            <button id="footer-terms-btn" class="footer-btn">Terms of Service</button>
          </div>
        </div><a href="#" class="back-to-top"></a>
      </div>
    </footer>
    <script>
    document.getElementById('content').style.display = 'block';  // Show the content 
      // 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
      });
    });

    document.addEventListener('DOMContentLoaded', function () {
      // Check if it's the first time the user has visited the page
      if (!localStorage.getItem('slidingTextStarted')) {
        // If it's the first visit, set the sliding text in the center
        const textElement = document.querySelector('.sliding-text p');

        // Apply class that makes the text appear in the center immediately
        textElement.classList.add('first-load');

        // Set localStorage so that this doesn't run again on reloads
        localStorage.setItem('slidingTextStarted', 'true');

        // After a small delay (2 seconds), start the normal sliding animation
        setTimeout(() => {
          textElement.classList.remove('first-load'); // Remove first-load class
          textElement.style.animation = 'slideText 10s linear infinite'; // Enable the normal sliding animation
        }, 2000); // Delay of 2 seconds
      }
    });

    document.addEventListener('DOMContentLoaded', function () {
    let isExitIntentTriggered = false;
    let isUnloadTriggered = false;
    let hasUserLeft = false;  // Flag to prevent the modal from appearing after user leaves

    // Show the modal when the user is about to leave using mouse movement
    window.addEventListener('mouseout', function (e) {
      if (!isExitIntentTriggered && !hasUserLeft && e.clientY <= 50) {
        isExitIntentTriggered = true;
        document.getElementById('exitModal').style.display = 'flex';
      }
    });

      // Detect tab switch or browser blur (mobile-friendly)
    window.addEventListener('visibilitychange', function () {
      if (document.visibilityState === 'hidden') {
        document.getElementById('exitModal').style.display = 'flex';
      }
    });

    // Show the modal when the user tries to leave by navigating away (address bar/enter press)
    window.addEventListener('beforeunload', function (e) {
      if (!isUnloadTriggered && !hasUserLeft) {
        e.preventDefault();  // Prevent the default behavior (i.e., navigating away)
        isUnloadTriggered = true;
        document.getElementById('exitModal').style.display = 'flex';
        return '';  // Standard message (may not work in all browsers)
      }
    });

    // Close the modal when clicking the close button ("x")
    document.getElementById('closeModalButton').addEventListener('click', function () {
      document.getElementById('exitModal').style.display = 'none';
      hasUserLeft = true;  // Set the flag to prevent the modal from showing again
    });
    });

    // Select the voucher code and box
    const voucherBox = document.getElementById('voucherBox');
    const voucherCode = document.getElementById('voucherCode');
    const notification = document.getElementById('copyNotification');

    // Function to copy text to clipboard
    function copyToClipboard(text) {
    navigator.clipboard.writeText(text).then(() => {
      showNotification(); // Show popup notification
    }).catch(err => {
      console.error('Error copying text: ', err);
    });
    }

    // Show notification popup
    function showNotification() {
    notification.style.display = 'block'; // Show notification
    setTimeout(() => {
      notification.style.display = 'none'; // Hide after 3 seconds
    }, 3000); // Duration before hiding
    }

    // Event listener for box click
    voucherBox.addEventListener('click', () => {
    const codeText = voucherCode.textContent || voucherCode.innerText;
    copyToClipboard(codeText); // Copy voucher code
    });

    // Event listener for text click
    voucherCode.addEventListener('click', (event) => {
    event.stopPropagation(); // Prevent the box click event
    const codeText = voucherCode.textContent || voucherCode.innerText;
    copyToClipboard(codeText); // Copy voucher code
    });

    // Select the countdown element
    const countdownElement = document.getElementById('countdown');

    // Set the initial time (20 minutes)
    let timeLeft = 20 * 60; // 20 minutes in seconds

    // Function to update the countdown
    function updateCountdown() {
    const minutes = Math.floor(timeLeft / 60);
    const seconds = timeLeft % 60;

    // Format minutes and seconds (e.g., 05:09)
    const formattedTime = `${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;

    // Update the display
    countdownElement.textContent = formattedTime;

    // Stop countdown at 00:00
    if (timeLeft > 0) {
      timeLeft--; // Decrease time by 1 second
    } else {
      clearInterval(timerInterval); // Stop the timer
      countdownElement.textContent = "00:00"; // Ensure it displays 00:00
    }
    }

    // Start the countdown timer
    const timerInterval = setInterval(updateCountdown, 1000); // Update every second

    </script>
  </div>
</body>
</html>