feat: add hero section and reassurance grid to home page

src/app/[locale]/page.tsx

@@ -1,5 +1,6 @@
 import { getTranslations } from 'next-intl/server'
 import { SubmitForm } from '@/components/SubmitForm'
+import { ReassuranceSection } from '@/components/ReassuranceSection'
 
 export default async function Home({
   params,
@@ -8,10 +9,29 @@ export default async function Home({
 }) {
   const { locale } = await params
   const t = await getTranslations({ locale, namespace: 'home' })
+
   return (
-    <main style={{ padding: '2rem' }}>
+    <main>
-      <h1>{t('heading')}</h1>
+      <section
+        className="flex flex-col items-center justify-center px-6 pt-20 pb-16 text-center"
+        aria-labelledby="hero-heading"
+      >
+        <h1
+          id="hero-heading"
+          className="text-4xl md:text-5xl font-bold tracking-tight text-gray-900 dark:text-gray-50 mb-4 max-w-2xl"
+        >
+          {t('heading')}
+        </h1>
+        <p className="text-lg text-gray-500 dark:text-gray-400 mb-10">
+          {t('subheading')}
+        </p>
         <SubmitForm />
+        <p className="mt-5 text-xs text-gray-400 dark:text-slate-500 tracking-wide uppercase">
+          {t('formats')}
+        </p>
+      </section>
+
+      <ReassuranceSection locale={locale} />
     </main>
   )
 }