i18n updates + HP + components

src/data/HP/en/01-offre.md

@@ -0,0 +1,28 @@
+---
+type: section
+id: offre
+lang: en
+image: /assets/images/home/offres.svg
+order: 1
+quickTitle: My offers
+quickImage: /assets/images/home/icon-desktop.svg
+---
+
+## Full website offer.
+
+### Small website, blog, landing page…
+
+Whether it's a creation or a redesign, I can handle everything:
+
+- graphic design,
+- custom development,
+- configuration of a content management system (if needed),
+- hosting and deploying
+- maintenance
+
+### Bigger websites, e-commerce.
+
+When the project is larger, I call on talented partners who share the same values:
+
+- [Rose Primaire](https://roseprimaire.com/) for the monitoring and management of the project,
+- [Sylvain Plantier](https://jedessinebien.com/) and/or [Benoît Etchevery](http://ben-etche.com/) for illustration and art direction

src/data/HP/en/02-methodo.md

@@ -0,0 +1,29 @@
+---
+type: section
+id: methodology
+lang: en
+image: /assets/images/home/methodo.svg
+order: 2
+quickTitle: My methodology
+quickImage: /assets/images/home/icon-methodo.svg
+---
+
+## Methodology.
+
+### Accessibility by default.
+
+Committed to a more accessible web, I create **websites** relying on the [french General Accessibility Guidelines (RGAA)](https://www.numerique.gouv.fr/publications/rgaa-accessibilite/) as well as the [Opquast recommandations.](https://www.opquast.com/en/making-the-web-better/)
+
+### Sobriety by choice.
+
+I specialize in the development of **static websites**, adopting an [eco-design](https://en.wikipedia.org/wiki/Ecological_design) approach.  
+It means that the website is designed to only include the necessary functionalities for its use.
+
+This methodology has **many advantages:**
+
+- great performances
+- enhanced security
+- reduced costs
+- easier maintenance
+
+When the project requires it, I set up a content management system (CMS) decoupled from the interface. This ensures that **the website stays online** even if the CMS stops working.

src/data/HP/en/03-about.md

@@ -0,0 +1,24 @@
+---
+type: section
+id: about
+lang: en
+image: /assets/images/home/about.svg
+order: 3
+quickTitle: Me
+quickImage: /assets/images/home/icon-heart.svg
+---
+
+## About.
+
+### Trainings and certifications.
+
+In order to strengthen my skills, I have completed the following training and certifications:
+
+- [Opquast](https://directory.opquast.com/en/certificat/CTQSKP/) - Mastering Web Quality Assurance
+- [Access42](https://certification.access42.pro/) - Developing and coding accessible websites (cert number: 696fa2e0-cc67-11ec-88d2-9dabf3f992d4)
+
+### Free time.
+
+I try to contribute to [open source projects](https://git.nardu.in/explore/repos) that I enjoy.
+
+Oh and I write [articles!](/en/articles/) Articles about design and the web in general.

src/data/HP/fr/01-offre.md

@@ -0,0 +1,28 @@
+---
+type: section
+id: offre
+lang: fr
+image: /assets/images/home/offres.svg
+order: 1
+quickTitle: Mes offres en freelance
+quickImage: /assets/images/home/icon-desktop.svg
+---
+
+## Offres site web.
+
+### Petit site vitrine, blog, landing page.
+
+Qu'il s'agisse d'une création ou d'une refonte, je m'occupe de tout :
+
+- propositions graphiques,
+- développement sur-mesure,
+- configuration d'un outil de gestion des contenus (si pertinent),
+- hébergement et mise en ligne
+- maintenance
+
+### Plus gros site, e-commerce.
+
+Lorsque le projet est plus volumineux, je fais appel à des partenaires talentueux partageant les mêmes valeurs :
+
+- [Rose Primaire](https://roseprimaire.com/) pour le conseil et l'accompagnement du projet,
+- [Sylvain Plantier](https://jedessinebien.com/) et/ou [Benoît Etchevery](http://ben-etche.com/) pour l'illustration et la direction artistique

src/data/HP/fr/02-methodo.md

@@ -0,0 +1,29 @@
+---
+type: section
+id: methodology
+lang: fr
+image: /assets/images/home/methodo.svg
+order: 2
+quickTitle: Ma méthodologie
+quickImage: /assets/images/home/icon-methodo.svg
+---
+
+## Méthodologie.
+
+### Accessibilité par défaut.
+
+Engagé pour un web plus accessible, je crée des **sites web** en m'appuyant sur le [référentiel général d'amélioration de l'accessibilité (RGAA)](https://www.numerique.gouv.fr/publications/rgaa-accessibilite/) ainsi que sur les bonnes pratiques [Opquast.](https://www.opquast.com/rendre-le-web-meilleur/)
+
+### Sobriété par choix.
+
+Je privilégie le développement de **sites statiques** en adoptant une approche [d'éco-conception numérique.](https://eco-conception.designersethiques.org/guide/fr/)  
+C'est-à-dire que le site est pensé pour n'embarquer que les fonctionnalités nécessaires à son utilisation.
+
+Cette approche présente de **nombreux avantages :**
+
+- chargement rapide des pages
+- sécurité renforcée
+- coûts serveur réduits
+- maintenance facilitée
+
+Lorsque le projet le demande, je mets en place un outil de gestion des contenus (CMS) découplé de l'interface. Cela permet de garantir que **le site reste en ligne** même si le CMS venait à ne plus fonctionner.

src/data/HP/fr/03-about.md

@@ -0,0 +1,24 @@
+---
+type: section
+id: about
+lang: fr
+image: /assets/images/home/about.svg
+order: 3
+quickTitle: Moi
+quickImage: /assets/images/home/icon-heart.svg
+---
+
+## À propos.
+
+### Formations et certifications.
+
+Afin de solidifier mes compétences, j'ai suivi les formations et passé les certifications suivantes :
+
+- [Opquast](https://directory.opquast.com/fr/certificat/CTQSKP/) - Maîtrise de la qualité en projet web
+- [Access42](https://certification.access42.pro/) - Développer et coder des sites accessibles (certificat numéro : 696fa2e0-cc67-11ec-88d2-9dabf3f992d4)
+
+### Temps libre.
+
+J’essaie de contribuer à des [projets open source](https://git.nardu.in/explore/repos) qui me tiennent à cœur et je m'engage localement avec le collectif [good-it!](https://www.good-it.org/)
+
+Ah et j’écris [des articles](/articles/) aussi ! Des articles sur le design, le développement web et l’informatique.