feat: landing-v2

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
+}

app/blog/[blog]/page.tsx

@@ -17,7 +17,7 @@ export default async function Blog({ params }) {
 
   const components = {
     DownloadButtons: () => (
-      <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">
+      <div className="mt-[70px] 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} target="_blank" rel="noopener noreferrer">
           <img
             className="object-contain w-full"

app/blog/page.tsx

@@ -17,7 +17,7 @@ export default async function Blog() {
   const posts = await getBlogPosts()
 
   return (
-    <>
+    <div className="mt-[70px]">
       <DownloadPopupStandalone />
       <div className="flex flex-col min-h-screen">
         <Navigation />
@@ -45,7 +45,7 @@ export default async function Blog() {
         </div>
         <Footer />
       </div>
-    </>
+    </div>
   )
 }
 

app/defaultColorScheme.ts

@@ -0,0 +1,3 @@
+import type { DefaultColorScheme } from "@codegouvfr/react-dsfr/next-appdir"
+
+export const defaultColorScheme: DefaultColorScheme = "system"

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 <DsfrProvider lang={lang}>{children}</DsfrProvider>
+}