---
import Navbar from "@/components/Navbar";
import Layout from "@/layouts/Layout.astro";
import "@/styles/globals.css";
---

<Layout>
  <main class="flex min-h-screen flex-col">
    <Navbar client:load />
    <section>
      <!-- <div class="flex flex-col items-end gap-8 md:flex-row md:gap-16"> -->
      <!-- <div class="col-span-2 flex flex-1 flex-col"> -->
      <h1 class="mb-6 text-4xl leading-tight">
        <strong>Resist Tech Monopolies</strong><br />
        <!-- <span class="font-light">Online Slide Maker Compilation</span> -->
      </h1>
      <!-- <Search client:load className="w-full" /> -->
      <!-- </div> -->
      <!-- </div> -->
    </section>
    <section>
      <p>
        Do you believe technology can and should be used for good? Do you think
        a democratic internet could liberate us? Join us!
      </p>

      <p>We share this vision, and we want to work together to achieve it.</p>
    </section>

    <footer class="pb-32 pt-4 md:pb-8 md:pt-8">
      <div class="container mx-auto px-4 text-sm md:px-0">
        <div
          class="flex flex-col-reverse items-center justify-between gap-2 md:flex-row"
        >
          <p class="text-muted-foreground">Copyleft 2025!</p>
          <!-- <div class="flex items-center gap-1">
            <a href="https://lukenguyen.me" target="_blank">
              <Button variant="ghost" size="icon"><Globe /></Button>
            </a>
          </div> -->
        </div>
      </div>
    </footer>
  </main></Layout
>
