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

<Layout>
  <main class="flex min-h-screen flex-col justify-between">
    <div>
      <Navbar client:load activePage="Calendar" />
      <div class="pl-4 pr-4">
        <h1 class="pb-4 pt-4 text-3xl font-semibold">Calendar</h1>
        <div class="flex flex-col gap-4">
          <p class="mb-4">See what we're doing next!</p>
        </div>
      </div>
    </div>
    <Footer />
  </main>
</Layout>