// একটি ফুটার ট্যাগ তৈরি করা
const footer = document.createElement('footer');
footer.className = 'main-footer';

// স্টাইল শিট যুক্ত করা
const style = document.createElement('style');
style.textContent = `
  .widget-brand-box { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; text-decoration: none; }
  .brand-logo-icon { width: 38px; height: 38px; background: linear-gradient(135deg, #ff007f, #7f00ff); border-radius: 8px; display: flex; align-items: center; justify-content: center; color: #ffffff; font-size: 18px; font-weight: 700; font-family: 'Poppins', sans-serif; box-shadow: 0 0 15px rgba(255, 0, 127, 0.3); }
  .brand-name-text { font-size: 26px; font-weight: 700; color: #ffffff; font-family: 'Poppins', sans-serif; letter-spacing: 0.5px; }
  .seo-header-box { text-align: center; padding: 20px 20px 30px 20px; background: #0a0f1d; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  .seo-header-box h2 { color: #ffffff; font-family: 'Poppins', sans-serif; margin-bottom: 10px; }
  .seo-header-box p { color: #b1b3ba; font-size: 15px; line-height: 1.6; max-width: 800px; margin: 0 auto; font-family: 'Poppins', sans-serif; }
  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
  .footer-widgets { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 25px; padding: 40px 20px; font-family: 'Poppins', sans-serif; background: #0a0f1d; }
  .widget-box { background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 44px; padding: 25px; transition: all 0.4s ease; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.2); }
  .widget-box:hover { transform: translateY(-5px); background: rgba(255, 255, 255, 0.06); border-color: rgba(0, 255, 136, 0.3); }
  .widget-header { font-size: 18px; font-weight: 600; color: #ffffff; margin-bottom: 18px; display: flex; align-items: center; gap: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding-bottom: 10px; }
  .widget-box p { color: #b1b3ba; font-size: 14px; line-height: 1.6; }
  .widget-links { list-style: none; padding: 0; margin: 0; }
  .widget-links li { margin-bottom: 12px; }
  .widget-links a { color: #b1b3ba; text-decoration: none; font-size: 14px; transition: color 0.3s ease; }
  .widget-links a:hover { color: #00ff88; }
  .server-link { background: rgba(255, 255, 255, 0.05); color: #ffffff; padding: 12px 15px; border-radius: 8px; margin-bottom: 10px; border-left: 3px solid #ff4757; display: flex; justify-content: space-between; align-items: center; }
  .server-link:hover { background: #ff4757; color: #ffffff; transform: scale(1.02); }
  .fb-tool .server-link { border-left-color: #1e90ff; }
  .fb-tool .server-link:hover { background: #1e90ff; }
  .yt-title-tool .server-link { border-left-color: #2ed573; }
  .yt-title-tool .server-link:hover { background: #2ed573; }
  .footer-bottom { background: #060913; padding: 16px; text-align: center; border-top: 1px solid rgba(255, 255, 255, 0.05); font-family: 'Poppins', sans-serif; color: #c0c0c0; }
`;
footer.appendChild(style);

// ফুটারের ভেতরের HTML কন্টেন্ট (PNG লোগো সহ)
footer.innerHTML += `
  <div class='seo-header-box'>
    <div style='margin: 0 auto 15px auto; width: 150px; height: 150px;'>
      <img src='https://img.fuhil.com/2578db59.png' alt='FLDownloader Logo' style='width: 100%; height: 100%; object-fit: contain;' />
    </div>
    <h2>FL Downloader</h2>
    <p><strong>Welcome to FLDownloader.com</strong> 🚀<br/>
    A simple and free way to download videos and audio online. No software or account needed.</p>
    <p>Download supported content from YouTube, Facebook, TikTok, and more. Just paste a link, choose your format, and download.</p>
    <p>Fast, easy, and works right in your browser on desktop and mobile.</p>
  </div>
  
  <div class='footer-widgets'>
    <div class='widget-box'>
      <div class='widget-header'>🔗 Quick Links</div>
      <ul class='widget-links'>
        <li><a href='https://fuhils.blogspot.com/p/about-us-fuhilcom.html'>&#10230; About Us</a></li>
        <li><a href='https://fuhils.blogspot.com/p/blog-articles.html'>&#10230; Blog Articles</a></li>
        <li><a href='https://fuhils.blogspot.com/p/faqs-frequently-asked-questions.html'>&#10230; Frequently Asked Questions</a></li>
        <li><a href='https://fuhils.blogspot.com/p/contact-us.html'>&#10230; Contact Us</a></li>
        <li><a href='https://fuhils.blogspot.com/p/contact-us.html'>&#10230; Sitemap</a></li>
        <li><a href='https://fuhils.blogspot.com/p/terms-conditions.html'>&#10230; Terms of Service</a></li>
        <li><a href='https://www.fuhil.com/p/privacy-policy.html'>&#10230; Privacy Policy</a></li>
        <li><a href='https://fuhils.blogspot.com/p/cookie-policy.html'>&#10230; Cookie Policy</a></li>
        <li><a href='https://fuhils.blogspot.com/p/disclaimer.html'>&#10230; Disclaimer</a></li>
      </ul>
    </div>
    
    <div class='widget-box'>
      <div class='widget-header'>📥 Download Server Links</div>
      <ul class='widget-links'>
        <li><a href='#'>&#10230; YouTube Thumbnail Downloader </a></li>
        <li><a href='#'>&#10230; Facebook Video Downloader </a></li>
        <li><a href='#'>&#10230; TikTok Video Downloader </a></li>
        <li><a href='/instagram-video-downloader'>&#10230; Instagram Video Downloader </a></li>
        <li><a href='#'>&#10230; Pinterest Video Downloader </a></li>
        <li><a href='#'>&#10230; Twitter (x) Video Downloader </a></li>
        <li><a href='#'>&#10230; Server 6 link</a></li>
      </ul>
      <div class='widget-header' style='margin-top: 20px; margin-bottom: 10px; font-size: 16px;'>📧 Emergency Contact:</div>
      <p style='color: #ffffff; font-weight: bold; font-size: 16px; margin: 0;'>Email: support@fuhil.com</p>
    </div>
    
    <div class='widget-box'>
      <div class='widget-header' style='font-size: 16px; margin-bottom: 10px;'>🚀 Trending SEO Tools</div>
      <a href='/p/youtube-tag-generator.html' style='text-decoration:none;'>
          <div class='server-link'>YouTube Tag Generator <span>&#10132;</span></div>
      </a>
      <a class='yt-title-tool' href='#' style='text-decoration:none;'>
          <div class='server-link'>YouTube Title Generator <span>&#10132;</span></div>
      </a>
      <a class='fb-tool' href='#' style='text-decoration:none;'>
          <div class='server-link'>Facebook Tag Generator <span>&#10132;</span></div>
      </a>

      <div class='widget-header' style='font-size: 16px; margin-top: 20px; margin-bottom: 10px;'>🌐 Our Network</div>
      <a href='https://fuhil.com' style='text-decoration:none;'>
          <div class='server-link'>Fuhil.com <span>&#10132;</span></div>
      </a>
    </div>
  </div>
  
  <div class='footer-bottom'>
    <p> Copyright &#169; 2026 Fuhil.com | All Rights Reserved.<br/> Developed &amp; Operated by Fuhil Technology<br/> Registered Company: Nishan Creative Agency </p>
  </div>
`;

// বডি বা পেজের শেষে ফুটারটি অটোমেটিক যুক্ত হয়ে যাবে
document.body.appendChild(footer);