public/index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />

  <link rel="icon" href="https://storage.googleapis.com/glide-prod.appspot.com/uploads-v2/Zf7Uh2x67Yz3nEftEH2i/pub/CGUchpsfP4hSCQZJI1dr.gif" />
  <meta name="description" content="LegalScout AI" />

  <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=Inter:wght@100..900&display=swap" rel="stylesheet" />

  <link rel="stylesheet" href="index.css" />

  <title>LegalScout AI</title>
</head>
<body>
  <header>
    <nav>
      <div class="logo-container">
        <img class="logo" src="https://res.cloudinary.com/glide/image/fetch/f_auto,c_limit/https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Fglide-prod.appspot.com%2Fo%2Ficon-images%252Fanonymous-4ec86c98-f143-4160-851d-892f167b223c.png%3Falt%3Dmedia%26token%3Dcdc26513-26ae-48f6-b085-85b8bb806c4c" alt="LegalScout Logo" />
      </div>
      <div class="nav-links">
        <a href="https://legalscout.ai/dl/Home">Home</a>
        <a href="https://legalscout.ai/dl/Cases">My Cases</a>
        <a href="https://legalscout.ai/dl/About">About</a>
      </div>
    </nav>
  </header>

  <main class="hero">
    <div class="statement">
      <h1 class="gradient-text">✨ Legal Help, Simplified ✨</h1>
      <p>Don't navigate the legal system alone! 😓 LegalScout AI is your guide. Tell us about your case, and we'll connect you with the perfect attorney.</p>
      <p>Get matched with lawyers who are experienced, available, and eager to take your case. 💪</p>
      <p>See our <a href="https://legalscout.ai/dl/Terms">Terms & Conditions</a>.</p>
      <button class="call-button">Call Scout</button>
    </div>
  </main>

  <script src="index.js"></script>
</body>
</html>