diff --git a/components/common/Button.tsx b/components/common/Button.tsx
index c2cf650..4d0e99a 100644
--- a/components/common/Button.tsx
+++ b/components/common/Button.tsx
@@ -20,20 +20,6 @@ export const ButtonLink = ({ label, url, className }: ButtonLinkProps) => {
         </Link>
     );
 };
-export const ButtonDownloadLink = ({
-    label,
-    className,
-    onClick,
-}: ButtonLinkProps & { onClick?: () => void }) => {
-    return (
-        <button
-            onClick={onClick}
-            className={className ? `btn-link ${className}` : 'btn-link'}
-        >
-            {label}
-        </button>
-    );
-};
 
 export const ButtonCircle = ({ onClick, children }: ButtonCircleProps) => (
     <button className="btn-circle" onClick={onClick}>
diff --git a/components/download/Download.tsx b/components/download/Download.tsx
index 72da2e4..e0ddf7c 100644
--- a/components/download/Download.tsx
+++ b/components/download/Download.tsx
@@ -15,7 +15,7 @@ import {
     WithPrismicSlicedContent,
 } from '../../utils/prismic/types';
 import { Page } from '../common/Page';
-import { DownloadProductItem } from './DownloadProdutItemProps';
+import DownloadProductItem from './DownloadProductItem';
 
 type DownloadSlicePrimary = {
     changelog: RichTextField;
diff --git a/components/download/DownloadProdutItemProps.tsx b/components/download/DownloadProductItem.tsx
similarity index 82%
rename from components/download/DownloadProdutItemProps.tsx
rename to components/download/DownloadProductItem.tsx
index dcc6b7b..c2b4772 100644
--- a/components/download/DownloadProdutItemProps.tsx
+++ b/components/download/DownloadProductItem.tsx
@@ -4,16 +4,13 @@ import React from 'react';
 import { ArchifiltreProductVersionInfo, getDownloadLink } from '../../utils';
 import { DownloadSlice } from './Download';
 
-interface DownloadProdutItemProps {
+interface DownloadProductItemProps {
     product?: ArchifiltreProductVersionInfo[number];
     slice: DownloadSlice;
 }
-export const DownloadProductItem = ({
-    slice,
-    product,
-}: DownloadProdutItemProps) => {
-    const dlHref = getDownloadLink(product); // TODO: Change to proper url selection
-    const productName = product?.name?.substring(0, product?.name.indexOf('-')); // TODO: Change to proper title selection
+const DownloadProductItem = ({ slice, product }: DownloadProductItemProps) => {
+    const downloadLink = getDownloadLink(product);
+    const productName = product?.name?.substring(0, product?.name.indexOf('-'));
 
     return (
         <div className="download__products__item">
@@ -28,8 +25,8 @@ export const DownloadProductItem = ({
             <PrismicRichText field={slice.primary.changelog} />
 
             <div className="download__products__item__doc">
-                {dlHref && (
-                    <Link href={dlHref}>
+                {downloadLink && (
+                    <Link href={downloadLink}>
                         <a className="btn-link download" target="_blank">
                             Télécharger {slice.primary.title}
                         </a>
@@ -54,3 +51,5 @@ export const DownloadProductItem = ({
         </div>
     );
 };
+
+export default DownloadProductItem;
diff --git a/components/home/Home.tsx b/components/home/Home.tsx
index 3116825..d2c2fce 100644
--- a/components/home/Home.tsx
+++ b/components/home/Home.tsx
@@ -35,13 +35,11 @@ export const Home = ({ content }: HomeProps) => {
     const slices = content.data.slices;
     return (
         <Page className="home">
-            {slices.slice(0, 1).map((slice, index) => (
+            {slices.slice(0, 1).map((slice, key) => (
                 <HomeProduct
-                    index={index}
                     title={slice.primary.title ?? ''}
                     subtitle={slice.primary.subtitle ?? ''}
-                    linkToProduct={index === 0 ? DOCS_SLUG : MAILS_SLUG}
-                    key={index}
+                    key={key}
                 >
                     <ul>
                         {slice.items.map((item, index) => (
diff --git a/components/home/HomeProduct.tsx b/components/home/HomeProduct.tsx
index 518b95c..da5d51e 100644
--- a/components/home/HomeProduct.tsx
+++ b/components/home/HomeProduct.tsx
@@ -1,10 +1,9 @@
+import Link from 'next/link';
+import React from 'react';
 import { getDownloadLink } from '../../utils';
 import { WithChildrenProps } from '../../utils/types';
-import { ButtonDownloadLink, ButtonLink } from '../common/Button';
 
 interface HomeProductProps extends WithChildrenProps {
-    index: number;
-    linkToProduct: string;
     subtitle: string;
     title: string;
 }
@@ -12,12 +11,13 @@ interface HomeProductProps extends WithChildrenProps {
 export const HomeProduct = ({
     title,
     subtitle,
-    linkToProduct,
     children,
-    index,
 }: HomeProductProps) => {
+    const docsDownloadLink = getDownloadLink(undefined, 'docs');
+    const mailsDownloadLink = getDownloadLink(undefined, 'mails');
+
     return (
-        <div className="home__product active" data-index={index} key={title}>
+        <div className="home__product active" key={title}>
             <h1>{title}</h1>
             <h2>{subtitle}</h2>
             {children}
@@ -25,27 +25,47 @@ export const HomeProduct = ({
                 <div className="home__product__discover">
                     <h3>Docs</h3>
                     <div className="home__product__discover__btn">
-                        <ButtonLink url={linkToProduct} label="découvrir" />
-                        <ButtonDownloadLink
-                            onClick={() =>
-                                window.open(getDownloadLink(undefined, 'docs'))
-                            }
-                            url={linkToProduct}
-                            label="télécharger"
-                        />
+                        <Link href={'/docs'}>
+                            <a
+                                className="btn-link documentation"
+                                target="_blank"
+                            >
+                                découvrir
+                            </a>
+                        </Link>
+                        {docsDownloadLink && (
+                            <Link href={docsDownloadLink}>
+                                <a
+                                    className="btn-link download"
+                                    target="_blank"
+                                >
+                                    Télécharger
+                                </a>
+                            </Link>
+                        )}
                     </div>
                 </div>
                 <div className="home__product__discover">
                     <h3>Mails</h3>
                     <div className="home__product__discover__btn">
-                        <ButtonLink url={'mails'} label="découvrir" />
-                        <ButtonDownloadLink
-                            onClick={() =>
-                                window.open(getDownloadLink(undefined, 'mails'))
-                            }
-                            url={linkToProduct}
-                            label="télécharger"
-                        />
+                        <Link href={'/mails'}>
+                            <a
+                                className="btn-link documentation"
+                                target="_blank"
+                            >
+                                découvrir
+                            </a>
+                        </Link>
+                        {mailsDownloadLink && (
+                            <Link href={mailsDownloadLink}>
+                                <a
+                                    className="btn-link download"
+                                    target="_blank"
+                                >
+                                    Télécharger
+                                </a>
+                            </Link>
+                        )}
                     </div>
                 </div>
             </div>
diff --git a/utils/downloadLink.ts b/utils/downloadLink.ts
new file mode 100644
index 0000000..b9baec9
--- /dev/null
+++ b/utils/downloadLink.ts
@@ -0,0 +1,4 @@
+export const BASE_URL_MAILS =
+    'https://github.com/SocialGouv/archifiltre-mails/releases/download/v1.0.0/archifiltre-mails';
+export const BASE_URLS_DOCS =
+    'https://github.com/SocialGouv/archifiltre-docs/releases/download/v4.1.0/archifiltre-docs';
diff --git a/utils/index.ts b/utils/index.ts
index f392135..a64fc8c 100644
--- a/utils/index.ts
+++ b/utils/index.ts
@@ -8,23 +8,10 @@ import {
     DMG_EXTENSION_DOCS_FIX,
     EXE_EXTENSION_DOCS_FIX,
 } from './constant';
+import { BASE_URL_MAILS, BASE_URLS_DOCS } from './downloadLink';
 
 export const HAS_WINDOW = typeof window !== 'undefined';
 
-export const events = ['scroll', 'wheel', 'touchmove', 'pointermove'];
-
-/**
- *
- *
-    Short of querySelector method.
- */
-export const qs = (className: string) => document.querySelector(className);
-/**
- *
-    Short of querySelectorAll method.
- */
-export const qsa = (className: string) => document.querySelectorAll(className);
-
 // TODO: n products
 export type ArchifiltreProductVersionInfo =
     Endpoints['GET /repos/{owner}/{repo}/releases']['response']['data'];
@@ -46,7 +33,7 @@ const ERROR_MSG = 'Impossible de récupérer les dernières version de';
 export const getVersionsFromGH = async (): Promise<ArchifiltreVersions> =>
     Promise.allSettled([
         fetch(
-            `https://api.github.com/repos/SocialGouv/archifiltre-docs/releases`,
+            'https://api.github.com/repos/SocialGouv/archifiltre-docs/releases',
         ),
         fetch(
             'https://api.github.com/repos/SocialGouv/archifiltre-mails/releases',
@@ -81,33 +68,32 @@ export const getDownloadLink = (
 ) => {
     if (product || currentProduct) {
         const os = getOSName();
-        const version = product?.name?.substring(1);
         const name = product
             ? product?.url.includes('archifiltre-docs')
                 ? 'docs'
                 : 'mails'
             : currentProduct;
 
-        const baseUrlMail = `https://github.com/SocialGouv/archifiltre-mails/releases/download/v1.0.0/archifiltre-mails`;
-        const baseUrlDocs =
-            'https://github.com/SocialGouv/archifiltre-docs/releases/download/v4.0.0/archifiltre-docs';
-
         if (name === 'mails') {
-            if (os === 'Mac OS') return baseUrlMail + DMG_EXTENSION_MAILS_FIX;
-            if (os === 'Linux')
-                return baseUrlMail + APP_IMAGE_EXTENSION_MAILS_FIX;
-            if (os?.startsWith('Windows'))
-                return baseUrlMail + EXE_EXTENSION_MAILS_FIX;
-        } else {
-            if (os === 'Mac OS') return baseUrlDocs + DMG_EXTENSION_DOCS_FIX;
-            if (os === 'Linux')
-                return baseUrlDocs + APP_IMAGE_EXTENSION_DOCS_FIX;
-            if (os?.startsWith('Windows'))
-                return baseUrlDocs + EXE_EXTENSION_DOCS_FIX;
+            if (os === 'Mac OS') {
+                return BASE_URL_MAILS + DMG_EXTENSION_MAILS_FIX;
+            }
+            if (os === 'Linux') {
+                return BASE_URL_MAILS + APP_IMAGE_EXTENSION_MAILS_FIX;
+            }
+            if (os?.startsWith('Windows')) {
+                return BASE_URL_MAILS + EXE_EXTENSION_MAILS_FIX;
+            }
         }
 
-        // if (os === 'Mac OS') return url + DMG_EXTENSION;
-        // if (os === 'Linux') return url + APP_IMAGE_EXTENSION;
-        // if (os?.startsWith('Windows')) return url + EXE_EXTENSION;
+        if (os === 'Mac OS') {
+            return BASE_URLS_DOCS + DMG_EXTENSION_DOCS_FIX;
+        }
+        if (os === 'Linux') {
+            return BASE_URLS_DOCS + APP_IMAGE_EXTENSION_DOCS_FIX;
+        }
+        if (os?.startsWith('Windows')) {
+            return BASE_URLS_DOCS + EXE_EXTENSION_DOCS_FIX;
+        }
     }
 };