diff --git a/astro.config.mjs b/astro.config.mjs
index 01149ba..add3d39 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -36,7 +36,12 @@ export default defineConfig({
 			social: { // todo: implement gitea social
 				github: 'https://git.quebec',
 			},
-			sidebar: sidebarFr
+			sidebar: sidebarFr,
+			components: {
+				TwoColumnContent: './src/components/TwoColumnContent.astro',
+				ContentPanel: './src/components/CtaContentPanel.astro',
+				Footer: './src/components/FooterWithCta.astro',
+			},
 		}),
 	],
 	redirects: {
diff --git a/package.json b/package.json
index c89c2b5..e45b905 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "",
+  "name": "opensource.quebec",
   "type": "module",
   "version": "0.0.1",
   "scripts": {
diff --git a/src/components/CtaContentPanel.astro b/src/components/CtaContentPanel.astro
new file mode 100644
index 0000000..875c391
--- /dev/null
+++ b/src/components/CtaContentPanel.astro
@@ -0,0 +1,30 @@
+---
+import Default from '@astrojs/starlight/components/ContentPanel.astro';
+
+const { entry, ...props } = Astro.props;
+---
+<div class="content-panel">
+    <div class="sl-container"><slot /></div>
+</div>
+
+<style>
+    .content-panel {
+        padding: 1.5rem var(--sl-content-pad-x);
+    }
+    .content-panel + .content-panel {
+        border-top: 1px solid var(--sl-color-hairline);
+    }
+    .sl-container {
+        max-width: var(--sl-content-width);
+    }
+
+    .sl-container > :global(* + *) {
+        margin-top: 1.5rem;
+    }
+
+    @media (min-width: 72rem) {
+        .sl-container {
+            margin-inline: var(--sl-content-margin-inline, auto);
+        }
+    }
+</style>
\ No newline at end of file
diff --git a/src/components/FooterWithCta.astro b/src/components/FooterWithCta.astro
new file mode 100644
index 0000000..0733af5
--- /dev/null
+++ b/src/components/FooterWithCta.astro
@@ -0,0 +1,67 @@
+---
+import type { Props } from '@astrojs/starlight/props';
+
+import EditLink from 'virtual:starlight/components/EditLink';
+import LastUpdated from 'virtual:starlight/components/LastUpdated';
+import Pagination from 'virtual:starlight/components/Pagination';
+import config from 'virtual:starlight/user-config';
+import {Icon} from '@astrojs/starlight/components';
+import CTA from "../content/components/CTA.astro";
+
+const { entry, ...props } = Astro.props;
+---
+
+<footer class="sl-flex">
+    <div class="meta sl-flex">
+        {entry.data.cta &&
+            <div>{entry.data.cta}</div>
+            <CTA title="CTA du footer" />
+        }
+    </div>
+    <div class="meta sl-flex">
+        <EditLink {...Astro.props} />
+        <LastUpdated {...Astro.props} />
+    </div>
+    <Pagination {...Astro.props} />
+
+    {
+        config.credits && (
+                    <a class="kudos sl-flex" href="https://starlight.astro.build">
+                        <Icon name={'starlight'} /> {Astro.locals.t('builtWithStarlight.label')}
+                    </a>
+        )
+    }
+</footer>
+
+<style>
+    footer {
+        flex-direction: column;
+        gap: 1.5rem;
+    }
+    .meta {
+        gap: 0.75rem 3rem;
+        justify-content: space-between;
+        flex-wrap: wrap;
+        margin-top: 3rem;
+        font-size: var(--sl-text-sm);
+        color: var(--sl-color-gray-3);
+    }
+    .meta > :global(p:only-child) {
+        margin-inline-start: auto;
+    }
+
+    .kudos {
+        align-items: center;
+        gap: 0.5em;
+        margin: 1.5rem auto;
+        font-size: var(--sl-text-xs);
+        text-decoration: none;
+        color: var(--sl-color-gray-3);
+    }
+    .kudos :global(svg) {
+        color: var(--sl-color-orange);
+    }
+    .kudos:hover {
+        color: var(--sl-color-white);
+    }
+</style>
diff --git a/src/components/TwoColumnContent.astro b/src/components/TwoColumnContent.astro
new file mode 100644
index 0000000..81d705a
--- /dev/null
+++ b/src/components/TwoColumnContent.astro
@@ -0,0 +1,22 @@
+---
+import Default from '@astrojs/starlight/components/TwoColumnContent.astro';
+
+const { entry, ...props } = Astro.props;
+
+const isProd = import.meta.env.PROD;
+const isDev = import.meta.env.DEV;
+---
+
+<Default>
+    <slot />
+    <slot name="right-sidebar" slot="right-sidebar" />
+
+    {isDev &&
+        <div>
+            <strong>Débug</strong>
+            <label>Props</label> <pre>{Object.keys(Astro.props).toString()}</pre>
+            <label>Entry</label> <pre>{Object.keys(entry).toString()}</pre>
+            <label>Data</label> <pre>{Object.keys(entry.data).toString()}</pre>
+        </div>
+    }
+</Default>
\ No newline at end of file
diff --git a/src/content.config.ts b/src/content.config.ts
index d9ee8c9..6bf2f6e 100644
--- a/src/content.config.ts
+++ b/src/content.config.ts
@@ -1,7 +1,14 @@
-import { defineCollection } from 'astro:content';
+import { z, defineCollection } from 'astro:content';
 import { docsLoader } from '@astrojs/starlight/loaders';
 import { docsSchema } from '@astrojs/starlight/schema';
 
 export const collections = {
-	docs: defineCollection({ loader: docsLoader(), schema: docsSchema() }),
-};
+	docs: defineCollection({
+		loader: docsLoader(),
+		schema: docsSchema({
+			extend: z.object({
+				cta: z.string().optional(),
+			})
+		})
+	}),
+};
\ No newline at end of file
diff --git a/src/content/components/CTA.astro b/src/content/components/CTA.astro
new file mode 100644
index 0000000..2fea63f
--- /dev/null
+++ b/src/content/components/CTA.astro
@@ -0,0 +1,12 @@
+---
+import {Icon} from '@astrojs/starlight/components';
+import type { Icons } from '@astrojs/starlight/components/Icons';
+
+interface Props {
+    icon?: keyof typeof Icons;
+    title?: string;
+}
+const { icon, title } = Astro.props;
+---
+
+{title ?? "title"}{icon && <Icon name={icon} class="icon" size="1.333em" />}
\ No newline at end of file
diff --git a/src/content/docs/fr/guides/licences/copyleft.mdx b/src/content/docs/fr/guides/licences/copyleft.mdx
new file mode 100644
index 0000000..2f54e1b
--- /dev/null
+++ b/src/content/docs/fr/guides/licences/copyleft.mdx
@@ -0,0 +1,8 @@
+---
+title: Copyleft
+description: Copyleft
+author: L'équipe OSQ
+lastUpdated: 2025-03-05
+draft: false
+cta: https://www.gnu.org/philosophy/free-sw.html
+---
\ No newline at end of file
diff --git a/src/content/docs/fr/guides/licences/unlicenced.mdx b/src/content/docs/fr/guides/licences/unlicenced.mdx
new file mode 100644
index 0000000..46b4cf9
--- /dev/null
+++ b/src/content/docs/fr/guides/licences/unlicenced.mdx
@@ -0,0 +1,14 @@
+---
+title: Unlicense
+description: Permet de publier votre code dans le domaine public plus facilement grâce au travail qui a été fait pour SQLite
+author: L'équipe OSQ
+lastUpdated: 2025-03-05
+draft: false
+cta: https://unlicense.org/
+---
+
+## La grosse différence avec le copyleft
+
+C'est qu'il y a eu un travail légal fait pour libérer les droits des contributeurs et la même protection de sans garantie comme la licence MIT.
+
+https://ar.to/2010/01/dissecting-the-unlicense
\ No newline at end of file
diff --git a/src/sidebars/fr/sidebar.ts b/src/sidebars/fr/sidebar.ts
index 54f628f..6492e53 100644
--- a/src/sidebars/fr/sidebar.ts
+++ b/src/sidebars/fr/sidebar.ts
@@ -36,6 +36,12 @@
           },
           {
             slug: 'guides/licences/mit'
+          },
+          {
+            slug: 'guides/licences/unlicenced'
+          },
+          {
+            slug: 'guides/licences/copyleft'
           }
         ]
       },