add block

Author: elvoisin

public/locales/en.json

@@ -57,6 +57,11 @@
         "tag": "End to end encryption",
         "title": "Decipher me, if you can",
         "description": "Fully encripted communication and collaboration for full-blown sovereignty. E2EE, quantum proof encryption, Matrix protocol, PGP, Zero Knowledge Proof ..."
+      },
+      "8": {
+        "tag": "Carte blanche",
+        "title": "Bring your own track.",
+        "description": "If none of the topics suit you, you can, of course, propose your own."
       }
     }
   },
@@ -75,7 +80,7 @@
     "tag": "Program",
     "title": "GO!",
     "description": "3 days to sprint towards digital sovereignty! During the three days, meal trays will be provided.",
-    "button": "Reserve my ticket",
+    "button": "Book my ticket",
     "days": {
       "1": {
         "date": "2 June",
@@ -99,7 +104,7 @@
   },
   "histoire": {
     "tag": "News",
-    "title": "The story is already being written!",
+    "title": "We are already making history!",
     "news": {
       "hn": {
         "title": "Docs #1 on Hacker News",

public/locales/fr.json

@@ -57,6 +57,11 @@
         "tag": "Chiffrement de bout en bout.",
         "title": "Decipher me, if you can",
         "description": "Communication et collaboration entièrement chiffrées pour une souveraineté totale. E2EE, chiffrement résistant aux quantiques, protocole Matrix, PGP, preuve à connaissance nulle ..."
+      },
+      "8": {
+        "tag": "Carte blanche.",
+        "title": "Bring your own track",
+        "description": "Si aucun sujet ne vous convient, vous pourrez évidemment proposer le votre."
       }
     }
   },

src/locales/useTranslations.tsx

@@ -1,12 +1,11 @@
 import Head from 'next/head'
 import '@/styles/globals.css'
-import { useEffect } from 'react'
 import React from 'react'
 import type { AppProps } from 'next/app'
+import { useTranslations } from '@/hooks/useTranslations'
+import { useEffect, useState } from 'react'
 
 function App({ Component, pageProps }: AppProps) {
-  useEffect(() => {
-  }, [])
 
   return (
       <>
@@ -32,14 +31,16 @@ function App({ Component, pageProps }: AppProps) {
               property="og:image"
               content="/images/rs.png"
             />
+            <link rel="preload" href="/images/hero.webp" as="image" />
+            <link rel="preload" href="/locales/fr.json" as="fetch" type="application/json" crossorigin="anonymous" />
+            <link rel="preload" href="/locales/en.json" as="fetch" type="application/json" crossorigin="anonymous" />
+            <link rel="preload" href="/images/hero-mobile.png" as="image" />
+            <link rel="preload" href="/images/hero-matrix.webp" as="image" />
             <link rel="preload" href="/fonts/DMMono-Medium.ttf" as="font" type="font/woff2" crossOrigin="anonymous" />
             <link rel="preload" href="/fonts/Mullingar.ttf" as="font" type="font/woff2" crossOrigin="anonymous" />
             <link rel="preload" href="/fonts/DMMono-Regular.ttf" as="font" type="font/woff2" crossOrigin="anonymous" />
             <link rel="preload" href="/fonts/DMSans.ttf" as="font" type="font/woff2" crossOrigin="anonymous" />
             <link rel="preload" href="/fonts/Domine.ttf" as="font" type="font/woff2" crossOrigin="anonymous" />
-            <link rel="preload" href="/images/hero.webp" as="image" />
-            <link rel="preload" href="/images/hero-mobile.png" as="image" />
-            <link rel="preload" href="/images/hero-matrix.webp" as="image" />
 
           </Head>
           <Component {...pageProps} />

src/pages/_app.tsx

@@ -130,6 +130,12 @@ export function AVosMarques() {
       tag: t('avosmarques.cards.7.tag'),
       title: t('avosmarques.cards.7.title'),
       description: t('avosmarques.cards.7.description'),
+    },
+    {
+      icon: "🃏",
+      tag: t('avosmarques.cards.8.tag'),
+      title: t('avosmarques.cards.8.title'),
+      description: t('avosmarques.cards.8.description'),
     }
   ]
 

src/sections/AVosMarques.tsx

@@ -32,10 +32,10 @@ export function Prets() {
         </AnimatedSection>
         <div className="grid md:grid-cols-2 md:gap-10 mt-8 md:mt-[40px]">
           <AnimatedSection delay={0.2}>
-          <div className="rounded-[16px] overflow-hidden card-box-shadow">
-            <img src={`${locale === 'en' ? ScreenShotDocsEn.src : ScreenShotDocs.src}`} className="hidden md:block" />
+          <div className="">
+            <img src={`${locale === 'en' ? ScreenShotDocsEn.src : ScreenShotDocs.src}`} className="hidden rounded-[16px] md:block w-full card-box-shadow" />
             <img src={`${locale === 'en' ? ScreenShotDocsMobileEn.src : ScreenShotDocsMobile.src}`}
-            className="md:hidden" />
+            className="md:hidden rounded-[6.9%] w-full card-box-shadow" />
           </div>
             <div className="flex items-center justify-between mt-6 ml-1">
               <img src={LogoDocs.src} className="w-[100px] md:w-[148px]" />
@@ -49,9 +49,9 @@ export function Prets() {
 
           <div className="mt-8 md:mt-0">
            <AnimatedSection delay={0.2}>
-           <div className="rounded-[16px] overflow-hidden card-box-shadow">
-            <img src={ScreenShotVisio.src} className="hidden md:block" />
-            <img src={ScreenShotVisioMobile.src} className="md:hidden" />
+           <div className="">
+            <img src={ScreenShotVisio.src} className="hidden md:block w-full rounded-[16px] card-box-shadow" />
+            <img src={ScreenShotVisioMobile.src} className="md:hidden w-full rounded-[6.9%] card-box-shadow" />
           </div>
             <div className="flex items-center justify-between mt-6 ml-1">
               <img src={LogoVisio.src} className="w-[100px] md:w-[148px]" />