---
import Layout from '@/layouts/layout.astro';
import Footer from '@/components/footer.astro';
import AboutSection from '@/components/sections/about.astro';
import WhySection from '@/components/sections/why.astro';
import ReadySection from '@/components/sections/ready.astro';

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

<Layout title="Moodist: Ambient Sounds for Focus and Calm">
  <Hero />
  <App client:load />
  <AboutSection />
  <WhySection />
  <ReadySection />
  <Footer />
</Layout>