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

import Donate from '@/components/donate.astro';
import Hero from '@/components/hero.astro';
import About from '@/components/about.astro';
import Source from '@/components/source.astro';
import Footer from '@/components/footer.astro';

import { App } from '@/components/app';
---

<Layout title="Moodist: Ambient Sounds for Focus and Calm">
  <Donate />
  <Hero />
  <App client:load />
  <About />
  <Source />
  <Footer />
</Layout>