feat: add Curriculum vitae

components/Profile/ProfileDescriptionBottom.tsx

@@ -1,12 +1,23 @@
-import Translation from 'next-translate/Trans'
+import useTranslation from 'next-translate/useTranslation'
 
 export const ProfileDescriptionBottom: React.FC = () => {
+  const { t, lang } = useTranslation()
+
   return (
     <p className='mt-8 mb-8 text-base font-normal text-gray dark:text-gray-dark'>
-      <Translation
-        i18nKey='home:about.description-bottom'
-        components={[<br key='break' />]}
-      />
+      {t('home:about.description-bottom')}
+      {lang === 'fr' && (
+        <>
+          <br />
+          <br />
+          <a
+            href='/curriculum-vitae.html'
+            className='text-yellow hover:underline dark:text-yellow-dark'
+          >
+            Mon Curriculum vitæ
+          </a>
+        </>
+      )}
     </p>
   )
 }

components/Profile/ProfileList/ProfileItem.tsx

@@ -9,10 +9,10 @@ export const ProfileItem: React.FC<ProfileItemProps> = (props) => {
 
   return (
     <li className='mb-3 before:table after:clear-both after:table'>
-      <strong className='float-left block w-28 text-xs font-bold uppercase text-black dark:text-white'>
+      <strong className='float-left block w-28 text-sm font-bold text-black dark:text-white'>
         {title}
       </strong>
-      <span className='profile-list__item-info ml-0 mb-4 block text-sm font-normal text-gray dark:text-gray-dark sm:mb-0 sm:ml-32'>
+      <span className='ml-0 mb-4 block text-sm font-normal text-gray dark:text-gray-dark sm:mb-0 sm:ml-32'>
         {link != null ? (
           <a
             className='text-gray hover:underline dark:text-gray-dark'

components/Profile/ProfileList/index.tsx

@@ -7,6 +7,7 @@ export const ProfileList: React.FC = () => {
 
   return (
     <ul className='m-0 list-none p-0'>
+      <ProfileItem title={t('home:about.full-name')} value='Théo LUDWIG' />
       <ProfileItem title={t('home:about.birth-date')} value='31/03/2003' />
       <ProfileItem title={t('home:about.nationality')} value='Alsace, France' />
       <ProfileItem

components/Profile/ProfileLogo.tsx

@@ -5,7 +5,7 @@ import DivloLogo from 'public/images/divlo_logo.png'
 export const ProfileLogo: React.FC = () => {
   return (
     <div className='max-h-[370px] max-w-[370px] px-2 py-6'>
-      <Image src={DivloLogo} alt='Divlo' />
+      <Image quality={100} src={DivloLogo} alt='Divlo' />
     </div>
   )
 }