---
import InteractiveLayout from "@/layouts/InteractiveLayout.astro";
import BaseHead from "@/components/BaseHead.astro";
import { Footer } from "@/components/sections/footer";
import Navbar from "@/components/sections/navbar";
import InteractiveGallery from "@/components/InteractiveGallery";
---

<html lang="en">
  <head>
    <BaseHead
      title="Interactives"
      description="A collection of interactive games, puzzles, and mathematical explorations."
    />
  </head>
  <body class="flex min-h-screen flex-col antialiased">
    <Navbar client:load />
    <main class="w-full flex-1">
      <div class="container mx-auto px-4 py-12">
        <InteractiveGallery client:load />
      </div>
    </main>
    <Footer />
  </body>
</html>
