From 3f499177b66c4e50124dc9bb79d61fab3edfc374 Mon Sep 17 00:00:00 2001
From: Anthony G <1@anthony.sh>
Date: Tue, 11 Aug 2026 09:01:18 +0200
Subject: [PATCH] feat: add hero section and reassurance grid to home page

---
 src/app/[locale]/page.tsx | 26 +++++++++++++++++++++++---
 1 file changed, 23 insertions(+), 3 deletions(-)

diff --git a/src/app/[locale]/page.tsx b/src/app/[locale]/page.tsx
index 3db6997..dcbcbc8 100644
--- a/src/app/[locale]/page.tsx
+++ b/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' }}>
-      <h1>{t('heading')}</h1>
-      <SubmitForm />
+    <main>
+      <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>
   )
 }