From 31d6b8a731048aaa25c1f093c76fa9155286469d Mon Sep 17 00:00:00 2001
From: Marc Gavanier <marc.gavanier@gmail.com>
Date: Mon, 12 Feb 2024 23:29:02 +0100
Subject: [PATCH] feat: add markdown for description in about section

---
 src/app/(home)/_components/About.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/app/(home)/_components/About.tsx b/src/app/(home)/_components/About.tsx
index b62969e..62a0b6f 100644
--- a/src/app/(home)/_components/About.tsx
+++ b/src/app/(home)/_components/About.tsx
@@ -1,11 +1,12 @@
 'use client';
 
 import { ReactElement } from 'react';
+import Markdown from 'react-markdown';
 import { useTranslation } from '@/app/_translation';
 import { HomeTranslation } from '../homeTranslation';
 
 export const About = (): ReactElement => {
-  const { about }: HomeTranslation = useTranslation();
+  const { about: i18n }: HomeTranslation = useTranslation();
 
   return (
     <div className='container'>
@@ -13,12 +14,12 @@ export const About = (): ReactElement => {
         <div className='col-lg-6 col-12'></div>
         <div className='col-lg-6 col-12'>
           <h2>
-            <small>{about.subtitle}</small> {about.title}
+            <small>{i18n.subtitle}</small> {i18n.title}
           </h2>
-          <p className='lead my-4'>{about.description}</p>
+          <Markdown className='lead my-4'>{i18n.description}</Markdown>
           <div className='d-sm-block d-grid'>
             <button className='btn btn-outline-primary btn-lg' disabled>
-              {about.learnMore}
+              {i18n.learnMore}
             </button>
           </div>
         </div>