diff --git a/src/components/ReassuranceSection.tsx b/src/components/ReassuranceSection.tsx new file mode 100644 index 0000000..4d5731a --- /dev/null +++ b/src/components/ReassuranceSection.tsx @@ -0,0 +1,75 @@ +import { getTranslations } from 'next-intl/server' + +function GiftIcon() { + return ( + + + + + + + + ) +} + +function BoltIcon() { + return ( + + + + ) +} + +function LockIcon() { + return ( + + + + + ) +} + +function FilmIcon() { + return ( + + + + + + + + + + + ) +} + +export async function ReassuranceSection({ locale }: { locale: string }) { + const t = await getTranslations({ locale, namespace: 'reassurance' }) + + const items = [ + { title: t('free'), desc: t('freeDesc'), Icon: GiftIcon }, + { title: t('fast'), desc: t('fastDesc'), Icon: BoltIcon }, + { title: t('private'), desc: t('privateDesc'), Icon: LockIcon }, + { title: t('formats'), desc: t('formatsDesc'), Icon: FilmIcon }, + ] + + return ( +
+
+ {items.map(({ title, desc, Icon }) => ( +
+
+ +
+

{title}

+

{desc}

+
+ ))} +
+
+ ) +}