diff --git a/app/StartDsfr.tsx b/app/StartDsfr.tsx new file mode 100644 index 0000000..b077f26 --- /dev/null +++ b/app/StartDsfr.tsx @@ -0,0 +1,18 @@ +"use client" + +import { startReactDsfr } from "@codegouvfr/react-dsfr/next-appdir" +import { defaultColorScheme } from "./defaultColorScheme" +import Link from "next/link" + +declare module "@codegouvfr/react-dsfr/next-appdir" { + interface RegisterLink { + Link: typeof Link + } +} + +startReactDsfr({ defaultColorScheme, Link }) + +export function StartDsfr() { + //Yes, leave null here. + return null +} diff --git a/app/blog/[blog]/page.tsx b/app/blog/[blog]/page.tsx index 8d7aafc..6750a86 100644 --- a/app/blog/[blog]/page.tsx +++ b/app/blog/[blog]/page.tsx @@ -17,7 +17,7 @@ export default async function Blog({ params }) { const components = { DownloadButtons: () => ( -
+
+
@@ -45,7 +45,7 @@ export default async function Blog() {
- +
) } diff --git a/app/defaultColorScheme.ts b/app/defaultColorScheme.ts new file mode 100644 index 0000000..e9a9ae2 --- /dev/null +++ b/app/defaultColorScheme.ts @@ -0,0 +1,3 @@ +import type { DefaultColorScheme } from "@codegouvfr/react-dsfr/next-appdir" + +export const defaultColorScheme: DefaultColorScheme = "system" diff --git a/app/landing-v2/layout.tsx b/app/landing-v2/layout.tsx new file mode 100644 index 0000000..85a7518 --- /dev/null +++ b/app/landing-v2/layout.tsx @@ -0,0 +1,11 @@ +import { DsfrHead } from "@codegouvfr/react-dsfr/next-appdir/DsfrHead" +import { DsfrProvider } from "@codegouvfr/react-dsfr/next-appdir/DsfrProvider" +import { getHtmlAttributes } from "@codegouvfr/react-dsfr/next-appdir/getHtmlAttributes" +import { StartDsfr } from "~/app/StartDsfr" +import { defaultColorScheme } from "~/app/defaultColorScheme" +import Link from "next/link" + +export default function RootLayout({ children }) { + const lang = "fr" + return {children} +} diff --git a/app/landing-v2/page.tsx b/app/landing-v2/page.tsx new file mode 100644 index 0000000..15ab5c9 --- /dev/null +++ b/app/landing-v2/page.tsx @@ -0,0 +1,397 @@ +"use client" +import { ANDROID_URL, IOS_URL, ROOT_URL } from "~/constants" +import { Header } from "@codegouvfr/react-dsfr/Header" +import { fr } from "@codegouvfr/react-dsfr" +import { Badge } from "@codegouvfr/react-dsfr/Badge" +import { Button } from "@codegouvfr/react-dsfr/Button" +import { Card } from "@codegouvfr/react-dsfr/Card" +import { Quote } from "@codegouvfr/react-dsfr/Quote" +import { Footer } from "@codegouvfr/react-dsfr/Footer" +import testimonies from "./testimonies" + +export default function LandingV2Page() { + function onDownloadClick() { + function redirect() { + var userAgent = + // @ts-expect-error navigator is read-only + navigator.userAgent || navigator.vendor || window.opera + var ios = + // @ts-expect-error navigator is read-only + /iPad|iPhone|iPod/.test(userAgent) && !window.MSStream + if (ios) { + // window.location = myapp://element/{ELEMENT_ID}; + window.setTimeout(() => { + window.location.replace(IOS_URL) + }, 25) + return + } + var android = /android/i.test(userAgent) + if (android) { + // window.location = myapp://element/{ELEMENT_ID}; + window.setTimeout(() => { + window.location.replace(ANDROID_URL) + }, 25) + return + } + window.location.replace(ROOT_URL) + } + redirect() + } + + return ( + <> +
+ LA FABRIQUE +
+ DES MINISTÈRES SOCIAUX + + } + homeLinkProps={{ + href: "/", + title: "Oz Ensemble", + }} + id="fr-header-header-with-quick-access-items" + quickAccessItems={[ + { + iconId: "fr-icon-download-line", + text: "Télécharger l'application", + buttonProps: { + onClick: onDownloadClick, + }, + }, + ]} + serviceTagline="L'application mobile pour maitriser sa consommation d'alcool" + serviceTitle="Oz Ensemble" + /> +
+
+
+
+ + 100% gratuit + + + Entièrement anonyme + + + Sécurisé + +
+

+ Maitrisez votre consommation d’alcool +

+

+ Oz Ensemble est la première application qui vous permet de + maîtriser votre consommation d’alcool facilement +

+ + +
+
+ 3 affichages écrans décoratifs : + - l'écran suivi composé de graphiques et du récapitulatif des badges + - l'écran calendrier indiquant par des icones la réusite d'objectifs quotidiens + - l'écran mes activités regroupant les activités disponibles +
+
+
+
+
+
+

+ Suivi de consommation +

+

+ Oz Ensemble permet aux utilisateurs de suivre leur consommation + d'alcool au quotidien, offrant une visualisation claire des + habitudes de consommation, avec des statistiques pour encourager + la maitrise de votre consommation d’alcool. +

+ +
+
+ Écran de l'app avec un quizz pour évaluer sa consommation d'alcool +
+
+
+
+
+
+

+ Evaluation du risque alcool individuel +

+

+ Oz Ensemble offre la possibilité d’évaluer votre niveau de risque + lié à la consommation d’alcool grâce à un questionnaire + interactif. +

+ +
+
+ Écran de l'app avec un quizz pour évaluer sa consommation d'alcool +
+
+
+
+
+ + Me renseigner sur les risques liés à la grossesse + + } + size="medium" + title="Je suis enceinte" + titleAs="h3" + /> + + Prendre contact avec un professionnel de santé + + } + size="medium" + title="Je souffre de troubles physiques et ou psychologique" + titleAs="h3" + /> + + Commencer un test de consommation + + } + size="medium" + title="Je me pose des questions sur ma consommation" + titleAs="h3" + /> +
+
+
+
+ +
+
+
+
+
+

+ Maîtrisez votre consommation d’alcool dès maintenant ! +

+
+
+ +
+
+
+