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

import { Hero } from '@/components/hero';
import { App } from '@/components/app';
import { AboutSection, WhySection } from '@/components/sections';
---

<Layout title="Welcome to Astro.">
  <main>
    <Hero />
    <App client:load />
    <AboutSection />
    <WhySection />
  </main>
</Layout>

<style>
  main {
    padding-bottom: 100px;
  }
</style>