<!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="Purchase a Spoofer for any game and other PC tools at @hannes_swe's Store. Safe, reliable, and effective tools.">
  <title>@hannes_swe's Store</title>
  <link rel="icon" type="image/x-icon" href="faviconh.ico"> <!-- Favicon Added -->
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <header>
    <nav>
      <a href="#BUY-SOMETHING-PLS" class="logo">@hannes_swe's Store</a>
      <a href="https://www.paypal.com/paypalme/HannesSWE" target="_blank" class="donation-link">Click here to donate any amount to support my work ❤️</a>
    </nav>
  </header>

  <main>
    <div class="product-tabs">
      <button class="tab-button active" data-tab="product-1">Custom Website</button>
      <button class="tab-button" data-tab="product-2">PC Optimizer</button>
      <button class="tab-button" data-tab="product-3">File Shredder</button>
      <button class="tab-button" data-tab="product-4">Video Downloader</button>
      <button class="tab-button" data-tab="test-tab">Other tools...</button>
    </div>
    
    <!-- Tab Content for Custom Website -->
    <section class="product-tab-content active" id="product-1">
      <div class="product-card">
        <img src="custom-website.png" alt="Custom Website Product">
        <div class="product-info">
          <h2>Custom Website</h2>
          <h3>- Fully custom -</h3>
          <p>I'll make a website based on your description! You will get the full source files and code after development.</p>
          <p>Contact me to buy, either on discord by @hannes_swe or via e-mail: hannesswe3619@hotmail.com</p>
        </div>
      </div>
    </section>

    <!-- Tab Content for PC Optimizer -->
    <section class="product-tab-content" id="product-2">
      <div class="product-card">
        <img src="optimizer.png" alt="PC Optimizer Product">
        <div class="product-info">
          <h2>Memory Optimizer tool for Windows</h2>
          <h3>- Lifetime Licence -</h3>
          <p>Boost your PC's performance and smoothness with this optimizer tool.</p>
          <p class="price">$1.99</p>
          <div id="paypal-button-container-optimizer"></div>
        </div>
      </div>
    </section>

    <!-- Tab Content for File Shredder -->
    <section class="product-tab-content" id="product-3">
      <div class="product-card">
        <img src="shredder.png" alt="File Shredder Product">
        <div class="product-info">
          <h2>File Shredder</h2>
          <h3>- Lifetime Licence -</h3>
          <p>Completely shred and erase any file and its traces from your system with this tool.</p>
          <p class="price">$0.99</p>
          <div id="paypal-button-container-shredder"></div>
        </div>
      </div>
    </section>

    <!-- Tab Content for Video Downloader -->
    <section class="product-tab-content" id="product-4">
      <div class="product-card">
        <img src="vid-download.png" alt="Video Downloader Product">
        <div class="product-info">
          <h2>Any Video Downloader</h2>
          <h3>- Lifetime Licence -</h3>
          <p>Download videos from various websites including Youtube!</p>
          <p class="price">$1.99</p>
          <div id="paypal-button-container-videodownloader"></div>
        </div>
      </div>
    </section>

    <section class="product-tab-content" id="test-tab">
      <div class="product-card">
        <img src="alert.png" alt="Coming Soon Product">
        <div class="product-info">
          <h2>More tools coming soon!</h2>
          <h3>Suggest any tool, @hannes_swe on Discord.</h3>
        </div>
      </div>
    </section>

  </main>

  <footer>
    <p>&copy; 2025 @hannes_swe | All Rights Reserved</p>
  </footer>

  <!-- PayPal Script -->
  <script src="https://www.paypal.com/sdk/js?client-id=AZekTou40WYfpTH_BX1ot_O-s-H_t4Hh977S5zNqtDWfBmog9kwYWdfRWrHb5S1D9fe3elDda07ZTV23"></script>
  <script src="script.js"></script>
</body>
</html>