diff --git a/next-app/app/page.tsx b/next-app/app/page.tsx
index 90da1cf..3aa2002 100644
--- a/next-app/app/page.tsx
+++ b/next-app/app/page.tsx
@@ -1,6 +1,8 @@
 import Footer from "~/components/Footer"
 import Navigation from "~/components/Navigation"
-import { ANDROID_URL, IOS_URL } from "~/constants"
+import { FaCircleChevronDown } from "react-icons/fa6"
+import { AiFillEuroCircle } from "react-icons/ai"
+
 import Link from "next/link"
 
 export default function Index() {
@@ -8,49 +10,31 @@ export default function Index() {
     <>
       <header className="oz-header-gradient">
         <Navigation />
-        <div className="mt-[70px] md:flex pt-20 pb-8 md:pb-32 auto-cols-fr md:w-5/6 xl:w-[1100px] mx-[10%] md:m-auto">
+        <div className="mt-[70px] md:flex pt-32 pb-8 md:pb-32 auto-cols-fr md:w-full px-[6%] md:my-auto">
           <div className="w-full md:w-1/2 text-center md:text-left flex items-center">
             <div>
-              <h1 className="mb-2 text-3xl font-bold lg:text-6xl text-oz-blue">
-                Oz Ensemble
+              <h1 className="mb-16 text-3xl font-bold leading-6 lg:text-6xl text-oz-blue">
+                Oz Ensemble s’arrête
               </h1>
-              <p className="mb-5 text-lg  leading-normal lg:leading-9 lg:text-2xl">
-                L'application mobile pour maitriser sa consommation d'alcool
+              <p className="mb-3 text-[20px] font-[300] leading-6  font-Sourcesans">
+                L’application mobile et le site internet Oz Ensemble vont
+                s’arrêter de fonctionner le{" "}
+                <span className="font-bold">[date]</span>.
               </p>
-              <div className="grid grid-flow-col gap-3 sm:gap-6 max-w-sm mb-7 mx-auto md:mx-0">
-                <a
-                  className="!after:hidden"
-                  href={ANDROID_URL}
-                  target="_blank"
-                  rel="noopener noreferrer"
-                >
-                  <img
-                    className="object-contain w-full"
-                    src="images/other/google-play-fr.png"
-                    alt="disponible sur google play"
-                  />
-                </a>
-                <a href={IOS_URL} target="_blank" rel="noopener noreferrer">
-                  <img
-                    className="object-contain w-full"
-                    src="images/other/app-store-fr.png"
-                    alt="télécharger dans l'app store"
-                  />
-                </a>
-              </div>
-              <div className="flex flex-col space-y-6 lg:pb-10">
-                <Checklist
-                  title="100% gratuit, 100 % anonyme et sans création de compte"
-                  subtitle="Si vous souhaitez supprimer toutes vos données d’un coup, il vous suffit de désinstaller l’application."
-                />
-                <Checklist
-                  title="Sécurité des données"
-                  subtitle="Je reste propriétaire des données saisies, je les partage uniquement si je le souhaite"
-                />
-                <Checklist
-                  title="Simple, rapide et intuitive"
-                  subtitle="En quelques secondes par jour, je remplis mon agenda de consommation"
-                />
+              <br />
+              <p className="mb-3 text-[20px] font-[300] leading-6 font-Sourcesans">
+                Nous tenons à sincèrement vous remercier pour votre confiance au
+                cours de ce projet, et nous espérons que Oz vous a été d’un
+                grand soutien durant ces derniers jours, mois ou années.{" "}
+              </p>
+              <br />
+              <p className="mb-3 text-[20px] font-[300] leading-6 font-Sourcesans">
+                <span className="font-bold">Suivez les étapes ci-dessous</span>{" "}
+                pour continuer à bénéficier d’une aide numérique dans la
+                maîtrise de votre consommation d’alcool.
+              </p>
+              <div className="mt-20 self-center flex flex-center">
+                <FaCircleChevronDown size={40} color="#DE285E" />
               </div>
             </div>
           </div>
@@ -67,6 +51,49 @@ export default function Index() {
         </div>
       </header>
       <main>
+        <div className="py-16 mx-[10%] sm:mx-20">
+          <h3 className="mb-4 text-3xl font-bold lg:text-6xl text-oz-blue">
+            Continuez à suivre votre consommation
+          </h3>
+          <h4 className="mt-12 text-xl lg:text-3xl tracking-wide text-oz-blue">
+            Voici des exemples ci-dessous d’applications mobiles que vous pouvez
+            télécharger
+          </h4>
+          <p className=" italic text-sm md:text-base mt-6 text-[#2F4351] font-[300]">
+            Applications triées par ordre alphabétique, cette liste n’est pas
+            exhaustive
+          </p>
+          <div className="grid grid-cols-1 gap-3 mt-10 md:grid-cols-2 lg:grid-cols-3">
+            <AppCard
+              imgUrl="images/logo_sobero.png"
+              appName="Arrêter l’alcool - Sobero"
+              downloadUrl="https://fr.sobero.app/"
+              isPaid={true}
+            />
+            <AppCard
+              imgUrl="images/logo_mydefi.png"
+              appName="Mydéfi"
+              downloadUrl="https://mydefi.life/portfolio/"
+            />
+            <AppCard
+              imgUrl="images/logo_objectif_zen.png"
+              appName="Objectif Zen"
+              downloadUrl="#"
+            />
+          </div>
+        </div>
+
+        <div className="py-16 mx-[10%] sm:mx-20">
+          <h3 className="mb-4 text-3xl font-bold lg:text-6xl text-oz-blue">
+            Exportez vos données avant la fermeture du service
+          </h3>
+          <ExportSteps />
+        </div>
+
+        <div className="px-[8%] sm:mx-20">
+          <div className="border-t border-oz-blue"></div>
+        </div>
+
         <div className="py-16 mx-[10%] sm:mx-20">
           <div className="w-full mx-auto xl:w-[1100px]">
             <h3 className="mb-16 text-2xl font-bold text-center lg:text-4xl text-oz-blue">
@@ -444,3 +471,87 @@ const Checklist2 = ({ content }) => (
     </div>
   </div>
 )
+
+const Step = ({ number, description, imageUrl }) => {
+  return (
+    <div className="flex flex-col items-center text-center p-2">
+      <div className="w-20 h-20 bg-oz-blue text-white rounded-full flex items-center justify-center text-6xl leading-10 font-bold font-Sourcesans mb-4">
+        {number}
+      </div>
+      <h3 className="text-[20px] font-sans tracking-wider leading-5 text-oz-blue mb-8 lg:mb-0 md:h-36">
+        {description}
+      </h3>
+      <img src={imageUrl} alt={description} className="w-48 max-w-xs" />
+    </div>
+  )
+}
+
+const ExportSteps = () => {
+  const steps = [
+    {
+      number: 1,
+      description: "Connectez-vous à votre application Oz Ensemble",
+      imageUrl: "/images/exportStep1.png",
+    },
+    {
+      number: 2,
+      description:
+        'Allez sur la page "Infos", rubrique "Sauvegarder l’historique de mon profil"',
+      imageUrl: "/images/exportStep2.png",
+    },
+    {
+      number: 3,
+      description: "Sauvegardez les données de votre profil Oz Ensemble",
+      imageUrl: "/images/exportStep3.png",
+    },
+    {
+      number: 4,
+      description:
+        "Téléchargez une nouvelle app vous permettant de suivre vos consommations.",
+      imageUrl: "/images/exportStep4.png",
+    },
+    {
+      number: 5,
+      description: "Contactez l'équipe de Oz Ensemble en cas de question",
+      imageUrl: "/images/exportStep5.png",
+    },
+  ]
+
+  return (
+    <div className="mt-10 grid grid-cols-1 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-x-2 gap-y-10">
+      {steps.map((step) => (
+        <Step
+          key={step.number}
+          number={step.number}
+          description={step.description}
+          imageUrl={step.imageUrl}
+        />
+      ))}
+    </div>
+  )
+}
+
+const AppCard = ({ imgUrl, appName, isPaid = false, downloadUrl }) => {
+  return (
+    <div className="border rounded-md p-4 flex flex-col items-center justify-between gap-y-4 border-gray-500">
+      <div className="flex items-center justify-start w-full">
+        <img src={imgUrl} alt={appName} className="w-14 h-14 mr-4" />
+        <div>
+          <h2 className="text-lg font-light">{appName}</h2>
+        </div>
+        {isPaid && (
+          <div className="ml-auto flex flex-col items-center text-red-500 font-medium mr-4">
+            <AiFillEuroCircle color="#DE285E" />
+            <span className="text-sm text-oz-pink">payant</span>
+          </div>
+        )}
+      </div>
+      <Link
+        className="flex group rounded-full bg-oz-blue font-bold text-white py-2 px-6 gap-1 items-center cursor-pointer hover:bg-opacity-90"
+        href={downloadUrl}
+      >
+        <span>Télécharger</span>
+      </Link>
+    </div>
+  )
+}
\ No newline at end of file
diff --git a/next-app/components/Navigation.jsx b/next-app/components/Navigation.jsx
index 50dae05..6cea8e8 100644
--- a/next-app/components/Navigation.jsx
+++ b/next-app/components/Navigation.jsx
@@ -1,39 +1,23 @@
 "use client"
 
-import { useEffect, useRef, useState } from "react"
-import { FiSmartphone } from "react-icons/fi"
-import { AiOutlineClose } from "react-icons/ai"
+import { useEffect, useState } from "react"
 import { HiMenu } from "react-icons/hi"
 import ContactPopup from "./ContactPopup"
-import { ANDROID_URL, IOS_URL } from "~/constants"
-import { isMobile } from "react-device-detect"
 
 export default function Navigation() {
-  const [showPopup, setShowPopup] = useState(false)
   const [isOpen, setIsOpen] = useState(false)
   const [showContactPopup, setShowContactPopup] = useState(false)
-  const [isMobileDetected, setIsMobileDetected] = useState(false)
 
   useEffect(() => {
     document.body.addEventListener("click", () => setIsOpen(false))
   })
-  useEffect(() => {
-    setIsMobileDetected(isMobile)
-  }, [])
 
   return (
     <>
-      {/* Popups and overlays on top of the page */}
-      <DownloadPopup showPopup={showPopup} setShowPopup={setShowPopup} />
       <ContactPopup
         showPopup={showContactPopup}
         setShowPopup={setShowContactPopup}
       />
-      {isMobileDetected && (
-        <div className="fixed bottom-0 left-1/2 pb-4 text-center transform -translate-x-1/2">
-          <DownloadPopupTrigger setShowPopup={setShowPopup} />
-        </div>
-      )}
       <nav className="flex items-center justify-between px-5 bg-white fixed w-full h-[70px] top-0 z-0">
         <div>
           <a className="flex-center" href="/">
@@ -83,7 +67,6 @@ export default function Navigation() {
               setIsOpen={setIsOpen}
             />
             <ContactPopupTrigger setShowPopup={setShowContactPopup} />
-            <DownloadPopupTrigger setShowPopup={setShowPopup} />
           </div>
         </div>
       </nav>
@@ -101,100 +84,6 @@ const Link = ({ name, target = null, setIsOpen }) => (
   </a>
 )
 
-const DownloadPopupTrigger = ({ setShowPopup }) => {
-  return (
-    <button
-      className="flex group rounded-full bg-oz-pink font-bold text-white py-2 px-6 gap-1 items-center cursor-pointer hover:text-oz-pink hover:bg-white border border-oz-pink transition"
-      onClick={() => setShowPopup(true)}
-    >
-      <FiSmartphone className="stroke-white group-hover:stroke-oz-pink transition" />
-      <span>Télécharger l'app</span>
-    </button>
-  )
-}
-
-export const DownloadPopupStandalone = () => {
-  const [showPopup, setShowPopup] = useState(false)
-
-  return <DownloadPopup showPopup={showPopup} setShowPopup={setShowPopup} />
-}
-
-const DownloadPopup = ({ showPopup, setShowPopup }) => {
-  const popupFirstFocus = useRef(null)
-  const [baseUrl, setBaseUrl] = useState("")
-
-  useEffect(() => {
-    // on popup open, focus on the first link
-    if (showPopup) {
-      popupFirstFocus.current.focus()
-    }
-    if (typeof window !== "undefined") {
-      setBaseUrl(window.location.origin)
-    }
-  }, [showPopup])
-
-  if (!showPopup) {
-    return null
-  }
-
-  return (
-    <div
-      className="test fixed z-10 top-0 left-0 w-full h-full bg-black bg-opacity-50 transition-all flex justify-center items-center"
-      // eslint-disable-next-line
-      onClick={() => setShowPopup(false)}
-    >
-      <div
-        className="rounded-3xl bg-white text-center py-6 px-4 sm:p-10 mx-[10%] max-w-[800px] relative"
-        // eslint-disable-next-line
-        onClick={(e) => e.stopPropagation()}
-      >
-        <div className="absolute top-0 right-0">
-          <button
-            className="rounded-full bg-oz-blue p-4 absolute top-1/2 right-1/2 transform translate-x-1/3 -translate-y-1/3 border-2 border-white"
-            onClick={() => setShowPopup(false)}
-            tabIndex={2}
-            aria-label="Fermer la popup"
-          >
-            <AiOutlineClose color="white" size={24} />
-          </button>
-        </div>
-        <h6 className="text-oz-blue text-3xl font-bold">
-          Télécharger l’application Oz Ensemble
-        </h6>
-        <div className="w-1/5 h-1 bg-oz-pink m-auto my-7" />
-        <p className="text-xl mb-7">Elle est 100% gratuite et anonyme.</p>
-        <div className="mb-1 grid max-w-[200px] sm:max-w-[400px] sm:grid-flow-col gap-6 auto-cols-fr md:w-5/6 m-auto">
-          <a
-            href={ANDROID_URL}
-            ref={popupFirstFocus}
-            tabIndex={1}
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            <img
-              className="object-contain w-full"
-              src={`${baseUrl}/images/other/google-play-fr.png`}
-              alt="télécharger dans Google Play"
-            />
-          </a>
-          <a
-            href={IOS_URL}
-            tabIndex={1}
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            <img
-              className="object-contain w-full"
-              src={`${baseUrl}/images/other/app-store-fr.png`}
-              alt="télécharger dans l'App Store"
-            />
-          </a>
-        </div>
-      </div>
-    </div>
-  )
-}
-
 const ContactPopupTrigger = ({ setShowPopup }) => {
   return (
     <>
diff --git a/next-app/public/fonts/SourceSansPro/OFL.txt b/next-app/public/fonts/SourceSansPro/OFL.txt
new file mode 100644
index 0000000..2f7468b
--- /dev/null
+++ b/next-app/public/fonts/SourceSansPro/OFL.txt
@@ -0,0 +1,93 @@
+Copyright 2010-2020 Adobe (http://www.adobe.com/), with Reserved Font Name 'Source'. All Rights Reserved. Source is a trademark of Adobe in the United States and/or other countries.
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+https://openfontlicense.org
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
diff --git a/next-app/public/fonts/SourceSansPro/README.txt b/next-app/public/fonts/SourceSansPro/README.txt
new file mode 100644
index 0000000..ac571ee
--- /dev/null
+++ b/next-app/public/fonts/SourceSansPro/README.txt
@@ -0,0 +1,79 @@
+Source Sans 3 Variable Font
+===========================
+
+This download contains Source Sans 3 as both variable fonts and static fonts.
+
+Source Sans 3 is a variable font with this axis:
+  wght
+
+This means all the styles are contained in these files:
+  SourceSans3-VariableFont_wght.ttf
+  SourceSans3-Italic-VariableFont_wght.ttf
+
+If your app fully supports variable fonts, you can now pick intermediate styles
+that aren’t available as static fonts. Not all apps support variable fonts, and
+in those cases you can use the static font files for Source Sans 3:
+  static/SourceSans3-ExtraLight.ttf
+  static/SourceSans3-Light.ttf
+  static/SourceSans3-Regular.ttf
+  static/SourceSans3-Medium.ttf
+  static/SourceSans3-SemiBold.ttf
+  static/SourceSans3-Bold.ttf
+  static/SourceSans3-ExtraBold.ttf
+  static/SourceSans3-Black.ttf
+  static/SourceSans3-ExtraLightItalic.ttf
+  static/SourceSans3-LightItalic.ttf
+  static/SourceSans3-Italic.ttf
+  static/SourceSans3-MediumItalic.ttf
+  static/SourceSans3-SemiBoldItalic.ttf
+  static/SourceSans3-BoldItalic.ttf
+  static/SourceSans3-ExtraBoldItalic.ttf
+  static/SourceSans3-BlackItalic.ttf
+
+Get started
+-----------
+
+1. Install the font files you want to use
+
+2. Use your app's font picker to view the font family and all the
+available styles
+
+Learn more about variable fonts
+-------------------------------
+
+  https://developers.google.com/web/fundamentals/design-and-ux/typography/variable-fonts
+  https://variablefonts.typenetwork.com
+  https://medium.com/variable-fonts
+
+In desktop apps
+
+  https://theblog.adobe.com/can-variable-fonts-illustrator-cc
+  https://helpx.adobe.com/nz/photoshop/using/fonts.html#variable_fonts
+
+Online
+
+  https://developers.google.com/fonts/docs/getting_started
+  https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Fonts/Variable_Fonts_Guide
+  https://developer.microsoft.com/en-us/microsoft-edge/testdrive/demos/variable-fonts
+
+Installing fonts
+
+  MacOS: https://support.apple.com/en-us/HT201749
+  Linux: https://www.google.com/search?q=how+to+install+a+font+on+gnu%2Blinux
+  Windows: https://support.microsoft.com/en-us/help/314960/how-to-install-or-remove-a-font-in-windows
+
+Android Apps
+
+  https://developers.google.com/fonts/docs/android
+  https://developer.android.com/guide/topics/ui/look-and-feel/downloadable-fonts
+
+License
+-------
+Please read the full license text (OFL.txt) to understand the permissions,
+restrictions and requirements for usage, redistribution, and modification.
+
+You can use them in your products & projects – print or digital,
+commercial or otherwise.
+
+This isn't legal advice, please consider consulting a lawyer and see the full
+license for all details.
diff --git a/next-app/public/fonts/SourceSansPro/SourceSans3-Italic-VariableFont_wght.ttf b/next-app/public/fonts/SourceSansPro/SourceSans3-Italic-VariableFont_wght.ttf
new file mode 100644
index 0000000..660ac45
Binary files /dev/null and b/next-app/public/fonts/SourceSansPro/SourceSans3-Italic-VariableFont_wght.ttf differ
diff --git a/next-app/public/fonts/SourceSansPro/SourceSans3-VariableFont_wght.ttf b/next-app/public/fonts/SourceSansPro/SourceSans3-VariableFont_wght.ttf
new file mode 100644
index 0000000..8c15d26
Binary files /dev/null and b/next-app/public/fonts/SourceSansPro/SourceSans3-VariableFont_wght.ttf differ
diff --git a/next-app/public/fonts/SourceSansPro/static/SourceSans3-Black.ttf b/next-app/public/fonts/SourceSansPro/static/SourceSans3-Black.ttf
new file mode 100644
index 0000000..039881b
Binary files /dev/null and b/next-app/public/fonts/SourceSansPro/static/SourceSans3-Black.ttf differ
diff --git a/next-app/public/fonts/SourceSansPro/static/SourceSans3-BlackItalic.ttf b/next-app/public/fonts/SourceSansPro/static/SourceSans3-BlackItalic.ttf
new file mode 100644
index 0000000..7e16953
Binary files /dev/null and b/next-app/public/fonts/SourceSansPro/static/SourceSans3-BlackItalic.ttf differ
diff --git a/next-app/public/fonts/SourceSansPro/static/SourceSans3-Bold.ttf b/next-app/public/fonts/SourceSansPro/static/SourceSans3-Bold.ttf
new file mode 100644
index 0000000..969d7d4
Binary files /dev/null and b/next-app/public/fonts/SourceSansPro/static/SourceSans3-Bold.ttf differ
diff --git a/next-app/public/fonts/SourceSansPro/static/SourceSans3-BoldItalic.ttf b/next-app/public/fonts/SourceSansPro/static/SourceSans3-BoldItalic.ttf
new file mode 100644
index 0000000..22819c3
Binary files /dev/null and b/next-app/public/fonts/SourceSansPro/static/SourceSans3-BoldItalic.ttf differ
diff --git a/next-app/public/fonts/SourceSansPro/static/SourceSans3-ExtraBold.ttf b/next-app/public/fonts/SourceSansPro/static/SourceSans3-ExtraBold.ttf
new file mode 100644
index 0000000..b6afbef
Binary files /dev/null and b/next-app/public/fonts/SourceSansPro/static/SourceSans3-ExtraBold.ttf differ
diff --git a/next-app/public/fonts/SourceSansPro/static/SourceSans3-ExtraBoldItalic.ttf b/next-app/public/fonts/SourceSansPro/static/SourceSans3-ExtraBoldItalic.ttf
new file mode 100644
index 0000000..f9b6c65
Binary files /dev/null and b/next-app/public/fonts/SourceSansPro/static/SourceSans3-ExtraBoldItalic.ttf differ
diff --git a/next-app/public/fonts/SourceSansPro/static/SourceSans3-ExtraLight.ttf b/next-app/public/fonts/SourceSansPro/static/SourceSans3-ExtraLight.ttf
new file mode 100644
index 0000000..76b03ca
Binary files /dev/null and b/next-app/public/fonts/SourceSansPro/static/SourceSans3-ExtraLight.ttf differ
diff --git a/next-app/public/fonts/SourceSansPro/static/SourceSans3-ExtraLightItalic.ttf b/next-app/public/fonts/SourceSansPro/static/SourceSans3-ExtraLightItalic.ttf
new file mode 100644
index 0000000..e97dfa7
Binary files /dev/null and b/next-app/public/fonts/SourceSansPro/static/SourceSans3-ExtraLightItalic.ttf differ
diff --git a/next-app/public/fonts/SourceSansPro/static/SourceSans3-Italic.ttf b/next-app/public/fonts/SourceSansPro/static/SourceSans3-Italic.ttf
new file mode 100644
index 0000000..5eb2375
Binary files /dev/null and b/next-app/public/fonts/SourceSansPro/static/SourceSans3-Italic.ttf differ
diff --git a/next-app/public/fonts/SourceSansPro/static/SourceSans3-Light.ttf b/next-app/public/fonts/SourceSansPro/static/SourceSans3-Light.ttf
new file mode 100644
index 0000000..30e5618
Binary files /dev/null and b/next-app/public/fonts/SourceSansPro/static/SourceSans3-Light.ttf differ
diff --git a/next-app/public/fonts/SourceSansPro/static/SourceSans3-LightItalic.ttf b/next-app/public/fonts/SourceSansPro/static/SourceSans3-LightItalic.ttf
new file mode 100644
index 0000000..f9cca7b
Binary files /dev/null and b/next-app/public/fonts/SourceSansPro/static/SourceSans3-LightItalic.ttf differ
diff --git a/next-app/public/fonts/SourceSansPro/static/SourceSans3-Medium.ttf b/next-app/public/fonts/SourceSansPro/static/SourceSans3-Medium.ttf
new file mode 100644
index 0000000..b1877af
Binary files /dev/null and b/next-app/public/fonts/SourceSansPro/static/SourceSans3-Medium.ttf differ
diff --git a/next-app/public/fonts/SourceSansPro/static/SourceSans3-MediumItalic.ttf b/next-app/public/fonts/SourceSansPro/static/SourceSans3-MediumItalic.ttf
new file mode 100644
index 0000000..f56d00d
Binary files /dev/null and b/next-app/public/fonts/SourceSansPro/static/SourceSans3-MediumItalic.ttf differ
diff --git a/next-app/public/fonts/SourceSansPro/static/SourceSans3-Regular.ttf b/next-app/public/fonts/SourceSansPro/static/SourceSans3-Regular.ttf
new file mode 100644
index 0000000..c906bda
Binary files /dev/null and b/next-app/public/fonts/SourceSansPro/static/SourceSans3-Regular.ttf differ
diff --git a/next-app/public/fonts/SourceSansPro/static/SourceSans3-SemiBold.ttf b/next-app/public/fonts/SourceSansPro/static/SourceSans3-SemiBold.ttf
new file mode 100644
index 0000000..5ef4af8
Binary files /dev/null and b/next-app/public/fonts/SourceSansPro/static/SourceSans3-SemiBold.ttf differ
diff --git a/next-app/public/fonts/SourceSansPro/static/SourceSans3-SemiBoldItalic.ttf b/next-app/public/fonts/SourceSansPro/static/SourceSans3-SemiBoldItalic.ttf
new file mode 100644
index 0000000..3b98890
Binary files /dev/null and b/next-app/public/fonts/SourceSansPro/static/SourceSans3-SemiBoldItalic.ttf differ
diff --git a/next-app/public/images/exportStep1.png b/next-app/public/images/exportStep1.png
new file mode 100644
index 0000000..c27048f
Binary files /dev/null and b/next-app/public/images/exportStep1.png differ
diff --git a/next-app/public/images/exportStep2.png b/next-app/public/images/exportStep2.png
new file mode 100644
index 0000000..fbf1d1d
Binary files /dev/null and b/next-app/public/images/exportStep2.png differ
diff --git a/next-app/public/images/exportStep3.png b/next-app/public/images/exportStep3.png
new file mode 100644
index 0000000..7e8a734
Binary files /dev/null and b/next-app/public/images/exportStep3.png differ
diff --git a/next-app/public/images/exportStep4.png b/next-app/public/images/exportStep4.png
new file mode 100644
index 0000000..c8d76a0
Binary files /dev/null and b/next-app/public/images/exportStep4.png differ
diff --git a/next-app/public/images/exportStep5.png b/next-app/public/images/exportStep5.png
new file mode 100644
index 0000000..6a36e57
Binary files /dev/null and b/next-app/public/images/exportStep5.png differ
diff --git a/next-app/public/images/logo_mydefi.png b/next-app/public/images/logo_mydefi.png
new file mode 100644
index 0000000..6d99acf
Binary files /dev/null and b/next-app/public/images/logo_mydefi.png differ
diff --git a/next-app/public/images/logo_objectif_zen.png b/next-app/public/images/logo_objectif_zen.png
new file mode 100644
index 0000000..8d4ac60
Binary files /dev/null and b/next-app/public/images/logo_objectif_zen.png differ
diff --git a/next-app/public/images/logo_sobero.png b/next-app/public/images/logo_sobero.png
new file mode 100644
index 0000000..493a28b
Binary files /dev/null and b/next-app/public/images/logo_sobero.png differ
diff --git a/next-app/style/default.css b/next-app/style/default.css
index 4384c91..f4a6de6 100644
--- a/next-app/style/default.css
+++ b/next-app/style/default.css
@@ -3,6 +3,13 @@
   src: url("/fonts/karla/Karla-VariableFont_wght.ttf") format("truetype");
 }
 
+@font-face {
+  font-family: 'Source Sans Pro';
+  src: url('/fonts/SourceSansPro/static/SourceSans3-VariableFont_wght.ttf') format("truetype");
+  font-weight: normal;
+  font-style: normal;
+}
+
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
diff --git a/next-app/tailwind.config.js b/next-app/tailwind.config.js
index d85bdea..d480c31 100644
--- a/next-app/tailwind.config.js
+++ b/next-app/tailwind.config.js
@@ -16,6 +16,9 @@ module.exports = {
         "oz-pink": "#de285e",
         "oz-gray": "#f7f7f7",
       },
+      fontFamily: {
+        Sourcesans: ["Source Sans Pro", "sans-serif"],
+      },
     },
   },
   plugins: [],