---
import Layout from '@/layouts/layout.astro';

import Donate from '@/components/donate.astro';
import Hero from '@/components/tools/hero.astro';
import { Notepad as NotepadComponent } from '@/components/tools/notepad';
import Footer from '@/components/footer.astro';
import About from '@/components/tools/about.astro';
import Source from '@/components/source.astro';
---

<Layout title="Online Notepad — Moodist">
  <Donate />
  <Hero desc="Distraction-free online notepad." title="Online Notepad" />
  <NotepadComponent client:load />
  <About
    text="Capture your thoughts instantly with our simple online notepad. Lightweight and easy to use, it lets you jot down notes, ideas, and to-do lists anytime, anywhere, without distractions."
  />
  <Source />
  <Footer />
</Layout>