<!DOCTYPE HTML>
<html lang="en-US">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Join Free-eBooks.net — Free Books Every Month</title>
        <meta name="description" content="Create your free account and get instant access to thousands of ebooks.">
        <link rel="stylesheet" href="/resources/css/min/1775222811/main.css" type="text/css" />
        <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png?v=2b0OeXpMNw">
        <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png?v=2b0OeXpMNw">
        <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png?v=2b0OeXpMNw">
        <link rel="manifest" href="/site.webmanifest?v=2b0OeXpMNw">
        <link rel="mask-icon" href="/safari-pinned-tab.svg?v=2b0OeXpMNw" color="#5bbad5">
        <link rel="shortcut icon" href="/favicon.ico?v=2b0OeXpMNw">
        <meta name="msapplication-TileColor" content="#ffc40d">
        <meta name="theme-color" content="#ffffff">

        <!-- Google Tag Manager -->
        <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
        })(window,document,'script','dataLayer','GTM-5Q7JD7VC');</script>
        <!-- End Google Tag Manager -->

        <link rel="preload" as="font" type="font/woff2" href="/resources/fonts/lato-v17-latin-regular.woff2" crossorigin>
        <link rel="preload" as="font" type="font/woff2" href="/resources/fonts/lato-v17-latin-300.woff2" crossorigin>
        <link rel="preload" as="font" type="font/woff2" href="/resources/fonts/lato-v17-latin-700.woff2" crossorigin>

        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link
            href="https://fonts.googleapis.com/css2?family=Paytone+One&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap"
            rel="stylesheet">

        <!--[if lt IE 9]>
        <script src="/resources/js/html5shiv.js"></script>
        <![endif]-->
                <script type="text/javascript">var jsdata = {"is_logged":false,"user_id":0,"device":"computer","isIOS":false,"isChrome":false,"RECAPTCHA_SITE_KEY":"6LcYWL8pAAAAAHlEWBdElrDA9tGNE881K_-lFC0k"};</script><link rel="canonical" href="https://www.free-ebooks.net/" />        <script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Free-eBooks.net","url":"https://www.free-ebooks.net","logo":"https://www.free-ebooks.net/resources/img/logo-graphic-high-res.png","description":"Free ebook library with thousands of books across 20+ genres trusted by 9.7 million readers over 25 years.","sameAs":[]}</script>
<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"Free-eBooks.net","url":"https://www.free-ebooks.net","potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.free-ebooks.net/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}</script>
    </head>
    <body>
    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5Q7JD7VC"
    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->
<style>
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Source+Sans+3:wght@300;400;600&display=swap');
*,*::before,*::after{box-sizing:border-box}
body{margin:0;font-family:'Source Sans 3',sans-serif;background:#faf8f4;color:#2c2416;min-height:100vh;font-size:1rem}

/* === NAV BAR === */
.seo-nav{background:#1a1208;padding:0 32px;display:flex;align-items:center;justify-content:space-between;height:52px;position:relative;z-index:10}
.seo-nav-logo a{display:flex;align-items:center;text-decoration:none}
.seo-nav-logo img{height:28px;opacity:.92}
.seo-nav-links{display:flex;align-items:center;gap:24px;list-style:none;margin:0;padding:0}
.seo-nav-links a{color:#b8a98a;font-size:.9rem;text-decoration:none;letter-spacing:.03em;transition:color .15s}
.seo-nav-links a:hover{color:#c19549}

/* === HERO SECTION (original layout) === */
.reg-wrap{display:flex;min-height:calc(100vh - 52px)}
.reg-left{flex:0 0 46%;background:#1a1208;color:#f5f0e8;display:flex;flex-direction:column;justify-content:center;padding:60px 56px;position:relative;overflow:hidden}
.reg-left::before{content:'';position:absolute;top:-120px;right:-120px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(193,149,73,.18) 0%,transparent 70%);pointer-events:none}
.reg-left::after{content:'';position:absolute;bottom:-80px;left:-80px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(193,149,73,.12) 0%,transparent 70%);pointer-events:none}
.reg-logo{margin-bottom:48px}
.reg-logo img{height:36px;filter:brightness(0) invert(1);opacity:.9}
.reg-headline{font-family:'Playfair Display',Georgia,serif;font-size:2.6rem;font-weight:700;line-height:1.2;margin:0 0 20px;color:#f5f0e8;letter-spacing:-.01em}
.reg-headline em{font-style:italic;color:#c19549}
.reg-subhead{font-size:1.1rem;font-weight:300;line-height:1.65;color:#b8a98a;margin:0 0 44px}
.reg-trust{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}
.reg-trust li{display:flex;align-items:flex-start;gap:12px;font-size:1.05rem;color:#c8b99a;line-height:1.5}
.reg-trust li::before{content:'';flex-shrink:0;width:22px;height:22px;border-radius:50%;background:#c19549 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%231a1208'%3E%3Cpath fill-rule='evenodd' d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z' clip-rule='evenodd'/%3E%3C/svg%3E") center/13px no-repeat;margin-top:2px}
.reg-count{margin-top:48px;padding-top:32px;border-top:1px solid rgba(255,255,255,.08);font-size:.95rem;color:#7a6a52;letter-spacing:.04em;text-transform:uppercase}
.reg-count strong{display:block;font-family:'Playfair Display',serif;font-size:2rem;color:#c19549;font-weight:400;letter-spacing:0;text-transform:none;line-height:1;margin-bottom:4px}
.reg-right{flex:1;display:flex;align-items:center;justify-content:center;padding:60px 40px}
.reg-form-wrap{width:100%;max-width:440px;animation:fadeUp .5s ease both}
.reg-form-wrap h2{font-family:'Playfair Display',serif;font-size:1.85rem;font-weight:700;color:#1a1208;margin:0 0 8px}
p.reg-intro{font-size:1.05rem;color:#7a6a52;margin:0 0 32px;line-height:1.5}
.reg-errors{background:#fdf0f0;border:1px solid #e8b4b4;border-radius:8px;padding:14px 18px;margin-bottom:24px;font-size:1rem;color:#8b1a1a}
.reg-errors ul{margin:0;padding-left:18px}
.field-group{margin-bottom:20px}
.field-group label{display:block;font-size:.875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#4a3c28;margin-bottom:7px}
.field-group input{width:100%;padding:14px 16px;font-family:'Source Sans 3',sans-serif;font-size:1.05rem;color:#1a1208;background:#fff;border:1.5px solid #d4c5a9;border-radius:8px;outline:none;transition:border-color .18s,box-shadow .18s}
.field-group input:focus{border-color:#c19549;box-shadow:0 0 0 3px rgba(193,149,73,.15)}
.field-row{display:flex;gap:14px}
.field-row .field-group{flex:1}
.password-hint{font-size:.875rem;color:#9a8a72;margin-top:5px}
.btn-register{width:100%;padding:16px 24px;margin-top:8px;font-family:'Source Sans 3',sans-serif;font-size:1.1rem;font-weight:600;letter-spacing:.03em;color:#1a1208;background:#c19549;border:none;border-radius:8px;cursor:pointer;transition:background .18s,transform .1s}
.btn-register:hover{background:#a97e38}
.btn-register:active{transform:scale(.99)}
.btn-arrow{margin-left:6px;transition:transform .18s;display:inline-block}
.btn-register:hover .btn-arrow{transform:translateX(3px)}
.reg-fine{margin-top:20px;font-size:.875rem;color:#9a8a72;line-height:1.6;text-align:center}
.reg-fine a{color:#7a6a52;text-decoration:underline}
.reg-login-link{margin-top:28px;padding-top:24px;border-top:1px solid #e8dece;text-align:center;font-size:1rem;color:#7a6a52}
.reg-login-link a{color:#c19549;font-weight:600;text-decoration:none}
.reg-login-link a:hover{text-decoration:underline}

/* === BELOW-FOLD CONTENT === */
.seo-content{background:#faf8f4;padding:72px 32px 0}
.seo-section{max-width:1100px;margin:0 auto 64px}
.seo-section-title{font-family:'Playfair Display',serif;font-size:2rem;font-weight:700;color:#1a1208;text-align:center;margin:0 0 12px}
.seo-section-subtitle{font-size:1.05rem;color:#7a6a52;text-align:center;margin:0 0 40px;line-height:1.5}

/* Genre cards */
.genre-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}
.genre-card{background:#fff;border:1px solid #e8dece;border-radius:10px;padding:28px 22px;text-align:center;text-decoration:none;color:#1a1208;transition:border-color .18s,box-shadow .18s,transform .18s}
.genre-card:hover{border-color:#c19549;box-shadow:0 4px 16px rgba(193,149,73,.12);transform:translateY(-2px)}
.genre-card-icon{font-size:2rem;margin-bottom:12px;display:block}
.genre-card-name{font-family:'Playfair Display',serif;font-size:1.15rem;font-weight:700;margin:0 0 6px;color:#1a1208}
.genre-card-desc{font-size:.88rem;color:#7a6a52;margin:0;line-height:1.4}

/* Testimonials */
.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px}
.testimonial-card{background:#fff;border:1px solid #e8dece;border-radius:10px;padding:32px 28px}
.testimonial-quote{font-size:1.05rem;color:#2c2416;line-height:1.65;margin:0 0 18px;font-style:italic}
.testimonial-author{font-size:.9rem;font-weight:600;color:#c19549;text-transform:uppercase;letter-spacing:.04em}

/* Browse CTA */
.seo-browse-cta{text-align:center;margin-top:8px}
.seo-browse-cta a{display:inline-block;padding:14px 36px;background:#1a1208;color:#c19549;font-family:'Source Sans 3',sans-serif;font-size:1.05rem;font-weight:600;border-radius:8px;text-decoration:none;transition:background .18s}
.seo-browse-cta a:hover{background:#2c2416}

/* === FOOTER === */
.seo-footer{background:#1a1208;color:#b8a98a;padding:48px 32px 28px;margin-top:0}
.seo-footer-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}
.seo-footer-col h4{font-family:'Playfair Display',serif;color:#f5f0e8;font-size:1rem;font-weight:700;margin:0 0 16px;letter-spacing:.02em}
.seo-footer-col ul{list-style:none;margin:0;padding:0}
.seo-footer-col li{margin-bottom:8px}
.seo-footer-col a{color:#8a7c66;font-size:.9rem;text-decoration:none;transition:color .15s}
.seo-footer-col a:hover{color:#c19549}
.seo-footer-about p{font-size:.9rem;line-height:1.6;color:#8a7c66;margin:0 0 16px}
.seo-footer-bottom{max-width:1100px;margin:28px auto 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;align-items:center;font-size:.82rem;color:#5a4d3a}
.seo-footer-bottom a{color:#5a4d3a;text-decoration:none}
.seo-footer-bottom a:hover{color:#c19549}

/* === RESPONSIVE === */
@media(max-width:768px){
  .seo-nav{padding:0 16px;height:48px}
  .seo-nav-links{gap:16px}
  .seo-nav-links a{font-size:.82rem}
  .reg-wrap{flex-direction:column}
  .reg-left{flex:none;padding:40px 28px}
  .reg-headline{font-size:1.85rem}
  .reg-subhead{font-size:1rem}
  .reg-right{padding:40px 24px}
  .reg-count{display:none}
  .field-row{flex-direction:column;gap:0}
  .field-group input{font-size:1rem;padding:14px 16px}
  .seo-content{padding:48px 20px 0}
  .genre-grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .genre-card{padding:20px 16px}
  .testimonials-grid{grid-template-columns:1fr}
  .seo-footer-inner{grid-template-columns:1fr 1fr;gap:28px}
}
@media(max-width:480px){
  .genre-grid{grid-template-columns:1fr 1fr}
  .seo-footer-inner{grid-template-columns:1fr}
  .seo-footer-bottom{flex-direction:column;gap:8px;text-align:center}
}
@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
</style>

<!-- NAV BAR -->
<nav class="seo-nav" role="navigation" aria-label="Main navigation">
  <div class="seo-nav-logo">
    <a href="/" title="Free-eBooks.net - Home">
      <img src="/resources/img/logo-nfe-white.png" alt="Free-eBooks.net" height="28">
    </a>
  </div>
  <ul class="seo-nav-links">
    <li><a href="/categories">Browse by Genre</a></li>
    <li><a href="/help/">About</a></li>
    <li><a href="/login">Sign In</a></li>
  </ul>
</nav>

<!-- HERO SECTION -->
<div class="reg-wrap">
  <div class="reg-left">
    <div class="reg-logo">
      <img src="/resources/img/logo-nfe-white.png" alt="Free-eBooks.net" loading="lazy">
    </div>
    <h1 class="reg-headline">Your next great read<br>is <em>waiting for you.</em></h1>
    <p class="reg-subhead">Free-eBooks.net connects readers with thousands of free ebooks across every genre — fiction, business, self-help, mystery, romance, and more. Join free in seconds.</p>
    <ul class="reg-trust">
      <li>1 free ebook download every month, yours to keep</li>
      <li>Thousands of titles across 20+ genres</li>
      <li>Your reading preferences saved — we find books you'll love</li>
      <li>Upgrade anytime for unlimited downloads</li>
    </ul>
    <div class="reg-count">
      <strong>2.9 Million</strong>
      readers already inside
    </div>
  </div>

  <div class="reg-right">
    <div class="reg-form-wrap">
      <h2>Create your free account</h2>
      <p class="reg-intro">No credit card required. Takes about 30 seconds.</p>

      
      <form method="POST" action="/register-new.php" novalidate>
        <div class="field-row">
          <div class="field-group">
            <label for="first">First name</label>
            <input type="text" id="first" name="first" value="" autocomplete="given-name" placeholder="Jane" required>
          </div>
          <div class="field-group">
            <label for="last">Last name</label>
            <input type="text" id="last" name="last" value="" autocomplete="family-name" placeholder="Smith">
          </div>
        </div>
        <div class="field-group">
          <label for="email">Email address</label>
          <input type="email" id="email" name="email" value="" autocomplete="email" placeholder="jane@example.com" required>
        </div>
        <div class="field-group">
          <label for="password">Password</label>
          <input type="password" id="password" name="password" autocomplete="new-password" placeholder="At least 6 characters" required>
          <p class="password-hint">Minimum 6 characters</p>
        </div>
        <button type="submit" class="btn-register">Create My Free Account <span class="btn-arrow">&#8594;</span></button>
      </form>

      <p class="reg-fine">By creating an account you agree to our <a href="/legal/tos.html" target="_blank">Terms of Service</a> and <a href="/legal/privacy" target="_blank">Privacy Policy</a>. We will send you a confirmation email.</p>

      <div class="reg-login-link">Already have an account? <a href="/login">Sign in here</a></div>
    </div>
  </div>
</div>

<!-- BELOW-FOLD SEO CONTENT -->
<div class="seo-content">

  <!-- Popular Genres -->
  <section class="seo-section">
    <h2 class="seo-section-title">Popular Genres</h2>
    <p class="seo-section-subtitle">Explore thousands of free ebooks across every category — from bestselling fiction to career-building business books.</p>
    <div class="genre-grid">
    </div>
    <div class="seo-browse-cta">
      <a href="/categories">Browse All Genres &rarr;</a>
    </div>
  </section>

  <!-- Why Readers Love Us -->
  <section class="seo-section">
    <h2 class="seo-section-title">Why readers love Free-eBooks.net</h2>
    <p class="seo-section-subtitle">Trusted by 9.7 million readers over 25 years.</p>
    <div class="testimonials-grid">
      <div class="testimonial-card">
        <p class="testimonial-quote">"I've discovered so many amazing authors through Free-eBooks.net that I never would have found otherwise. The genre selection is incredible."</p>
        <div class="testimonial-author">Sarah M., avid reader</div>
      </div>
      <div class="testimonial-card">
        <p class="testimonial-quote">"As someone who reads two books a week, having a library of free ebooks at my fingertips is a game-changer. Simple to use, great selection."</p>
        <div class="testimonial-author">David R., book lover</div>
      </div>
      <div class="testimonial-card">
        <p class="testimonial-quote">"The business and self-help section alone is worth signing up for. I've used insights from these books to grow my small business."</p>
        <div class="testimonial-author">Michelle T., entrepreneur</div>
      </div>
    </div>
  </section>

</div>

<!-- FOOTER -->
<footer class="seo-footer" role="contentinfo">
  <div class="seo-footer-inner">
    <div class="seo-footer-col seo-footer-about">
      <h4>Free-eBooks.net</h4>
      <p>Your destination for free ebooks since 2004. Browse thousands of titles across 20+ genres, download your favorites, and join a community trusted by 9.7 million readers over 25 years.</p>
    </div>
    <div class="seo-footer-col">
      <h4>Top Genres</h4>
      <ul>
        <li><a href="/romance">Romance</a></li>
        <li><a href="/mystery">Mystery</a></li>
        <li><a href="/sci-fi-fantasy">Sci-Fi &amp; Fantasy</a></li>
        <li><a href="/business">Business</a></li>
        <li><a href="/self-improvement">Self-Help</a></li>
      </ul>
    </div>
    <div class="seo-footer-col">
      <h4>More Genres</h4>
      <ul>
        <li><a href="/fiction">Fiction</a></li>
        <li><a href="/biography">Biography</a></li>
        <li><a href="/history">History</a></li>
        <li><a href="/horror-gothic">Horror</a></li>
        <li><a href="/humor">Humor</a></li>
      </ul>
    </div>
    <div class="seo-footer-col">
      <h4>Company</h4>
      <ul>
        <li><a href="/help/">About &amp; Help</a></li>
        <li><a href="/legal/tos.html">Terms of Service</a></li>
        <li><a href="/legal/privacy">Privacy Policy</a></li>
        <li><a href="/help/">Contact Us</a></li>
        <li><a href="/categories">All Categories</a></li>
      </ul>
    </div>
  </div>
  <div class="seo-footer-bottom">
    <span>&copy; 2026 Free-eBooks.net. All rights reserved.</span>
    <span><a href="/legal/tos.html">Terms</a> &middot; <a href="/legal/privacy">Privacy</a></span>
  </div>
</footer>
    <script>
    // Enhanced client-side tracking for Free-Ebooks.net
    (function() {
        'use strict';
        
        // Track page start time for time-on-page calculations
        window.fe_page_start_time = Date.now();
        
        // Track scroll depth
        let scrollDepthTracked = [];
        function trackScrollDepth() {
            const scrollPercent = Math.round((window.scrollY / (document.body.scrollHeight - window.innerHeight)) * 100);
            const milestones = [25, 50, 75, 100];
            
            for (let milestone of milestones) {
                if (scrollPercent >= milestone && !scrollDepthTracked.includes(milestone)) {
                    scrollDepthTracked.push(milestone);
                    gtag('event', 'scroll', {
                        percent_scrolled: milestone,
                        page_type: 'homepage',
                        send_to: 'G-TXYPPZSYCL'
                    });
                }
            }
        }
        
        // Track time spent on page (send every 30 seconds)
        let timeOnPageInterval = setInterval(function() {
            const timeSpent = Math.round((Date.now() - window.fe_page_start_time) / 1000);
            gtag('event', 'time_on_page', {
                time_spent_seconds: timeSpent,
                interval_seconds: 30
            });
        }, 30000);
        
        // Track search form submissions
        document.addEventListener('submit', function(e) {
            const form = e.target;
            
            // Search forms
            if (form.id === 'cse-search-box' || form.id === 'cse-search-box-2') {
                const searchTerm = form.querySelector('input[name="q"]').value;
                gtag('event', 'search_attempt', {
                    search_term: searchTerm,
                    form_location: form.id,
                    event_category: 'search'
                });
            }
            
            // Registration forms
            if (form.classList.contains('register-form')) {
                const pageId = form.querySelector('input[name="page_id"]')?.value || 'unknown';
                gtag('event', 'registration_attempt', {
                    form_location: pageId,
                    event_category: 'conversion'
                });
            }
        });
        
        // Track external link clicks
        document.addEventListener('click', function(e) {
            const link = e.target.closest('a');
            if (link && link.hostname !== window.location.hostname) {
                gtag('event', 'click', {
                    event_category: 'external_link',
                    event_label: link.href,
                    transport_type: 'beacon'
                });
            }
        });
        
        // Enhanced exit intent tracking
        let exitIntentTriggered = false;
        document.addEventListener('mouseleave', function(e) {
            if (e.clientY <= 0 && !exitIntentTriggered) {
                exitIntentTriggered = true;
                const timeOnPage = Math.round((Date.now() - window.fe_page_start_time) / 1000);
                gtag('event', 'exit_intent_detected', {
                    trigger_type: 'mouse_leave',
                    time_on_page: timeOnPage,
                    custom_parameter_3: 'potential_exit'
                });
            }
        });
        
        // Track page unload (actual exit)
        window.addEventListener('beforeunload', function() {
            const timeOnPage = Math.round((Date.now() - window.fe_page_start_time) / 1000);
            gtag('event', 'page_exit', {
                time_on_page: timeOnPage,
                transport_type: 'beacon'
            });
        });
        
        // Add scroll depth tracking
        let scrollTimeout;
        window.addEventListener('scroll', function() {
            clearTimeout(scrollTimeout);
            scrollTimeout = setTimeout(trackScrollDepth, 100);
        });
        
        // Track search suggestions clicks (if implemented)
        document.addEventListener('click', function(e) {
            if (e.target.classList.contains('search-suggestion')) {
                gtag('event', 'search_suggestion_click', {
                    suggestion_text: e.target.textContent,
                    event_category: 'search'
                });
            }
        });
        
    })();
    </script>
        <!-- AI Search Modal -->
<div id="ai-search-modal" class="ai-search-modal">
    <div class="ai-search-overlay" onclick="closeAISearch()"></div>
    <div class="ai-search-container">
        <button class="ai-search-close" onclick="closeAISearch()">&times;</button>

        <div class="ai-search-header">
            <h2>Find Your Next Great Read</h2>
            <p>Describe what you're looking for in as much detail as you'd like.<br>
            Our AI reads your request and finds the best matching books for you.</p>
        </div>

        <div class="ai-search-input-wrapper">
            <input
                type="text"
                id="ai-search-input"
                placeholder="Try: 'books like Harry Potter' or 'business strategy'"
                autocomplete="off"
            >
            <button id="ai-search-btn" onclick="executeAISearch()">
                <span class="search-icon">&#128269;</span>
                <span class="loading-spinner" style="display: none;"></span>
            </button>
        </div>

        <!-- Typo correction notice -->
        <div id="typo-notice" class="typo-notice">
            Showing results for "<strong id="typo-corrected"></strong>"
        </div>

        <!-- Results container -->
        <div id="ai-search-results" class="ai-search-results">
            <!-- Initial state: suggestions -->
            <div class="search-suggestions">
                <p>Popular searches:</p>
                <div class="suggestion-tags">
                    <span onclick="searchSuggestion('romance')">Romance</span>
                    <span onclick="searchSuggestion('mystery thriller')">Mystery &amp; Thriller</span>
                    <span onclick="searchSuggestion('self help')">Self-Help</span>
                    <span onclick="searchSuggestion('science fiction')">Sci-Fi</span>
                    <span onclick="searchSuggestion('business')">Business</span>
                </div>
            </div>
        </div>

        <!-- Signup prompt (hidden by default) -->
        <div id="signup-prompt-modal" class="signup-prompt-modal">
            <div class="signup-prompt-content">
                <h3 id="signup-prompt-title">Create a Free Account to Download</h3>
                <p id="signup-prompt-subtitle">Join 2.9 million readers and get unlimited free ebooks</p>
                <div class="signup-prompt-buttons">
                    <a href="/register" class="btn btn-primary" id="signup-prompt-btn">Sign Up Free</a>
                    <a href="/login" class="btn btn-secondary" id="signup-prompt-login-btn">Already have an account? Log in</a>
                </div>
                <button class="signup-prompt-dismiss" onclick="dismissSignupPrompt()">Maybe later</button>
            </div>
        </div>
    </div>
</div>
<script src="/resources/js/ai-search.js?v=20260324a"></script>
    </body>
</html>
