diff --git a/site/blueprints/pages/about.yml b/site/blueprints/pages/about.yml
new file mode 100644
index 0000000..b0c3841
--- /dev/null
+++ b/site/blueprints/pages/about.yml
@@ -0,0 +1,79 @@
+title: À propos
+icon: users
+
+tabs:
+  # Contenu
+  content:
+    label: Contenu
+    icon: text
+    columns:
+      - width: 2/3
+        sections:
+          intro:
+            type: fields
+            fields:
+              intro_headline:
+                type: headline
+                label: Introduction
+              intro_title:
+                label: Titre principal
+                type: text
+                required: true
+                help: "Ex: NOUS FAISONS JOUER LE MONDE."
+              intro_text:
+                label: Sous-titre
+                type: textarea
+                size: small
+              principal_text:
+                label: Texte principal
+                type: textarea
+                size: small
+      - width: 1/3
+        sections:
+          team:
+            type: fields
+            fields:
+              team_headline:
+                type: headline
+                label: Équipe
+              team_title:
+                label: Titre section Équipe
+                type: text
+                default: "Notre Équipe"
+              team_members:
+                label: Membres de l'équipe
+                type: structure
+                fields:
+                  name:
+                    label: Nom
+                    type: text
+                    required: true
+                    width: 1/2
+                  role:
+                    label: Poste
+                    type: text
+                    required: true
+                    width: 1/2
+                    help: "Ex: CEO & Co-Founder"
+                  photo:
+                    label: Photo
+                    type: files
+                    max: 1
+                    uploads:
+                      template: image
+  # SEO
+  seo:
+    label: SEO
+    icon: search
+    sections:
+      meta:
+        type: fields
+        fields:
+          meta_title:
+            label: Meta Title
+            type: text
+          meta_description:
+            label: Meta Description
+            type: textarea
+            size: small
+            maxlength: 160
diff --git a/site/blueprints/pages/article.yml b/site/blueprints/pages/article.yml
new file mode 100644
index 0000000..7d00b91
--- /dev/null
+++ b/site/blueprints/pages/article.yml
@@ -0,0 +1,103 @@
+title: Article
+icon: article
+
+status:
+  draft:
+    label: Brouillon
+    text: L'article n'est pas visible
+  unlisted:
+    label: Non listé
+    text: L'article est accessible mais pas dans la liste
+  listed:
+    label: Publié
+    text: L'article est visible publiquement
+
+columns:
+  # Colonne principale
+  main:
+    width: 2/3
+    sections:
+      # En-tête
+      header:
+        type: fields
+        fields:
+          title:
+            label: Titre de l'article
+            type: text
+            required: true
+          intro:
+            label: Introduction / Chapeau
+            type: textarea
+            size: small
+            help: "Résumé ou accroche de l'article"
+
+      # Contenu
+      content:
+        type: fields
+        fields:
+          article_content:
+            label: Contenu de l'article
+            type: blocks
+            fieldsets:
+              heading:
+                label: Titre
+                type: heading
+              text:
+                label: Texte
+                type: text
+              quote:
+                label: Citation
+                type: quote
+              image:
+                label: Image
+                type: image
+              list:
+                label: Liste
+                type: list
+              video:
+                label: Vidéo
+                type: video
+
+  # Sidebar
+  sidebar:
+    width: 1/3
+    sections:
+      # Métadonnées
+      meta:
+        type: fields
+        fields:
+          date:
+            label: Date de publication
+            type: date
+            required: true
+            default: today
+          cover:
+            label: Image de couverture
+            type: files
+            max: 1
+            uploads:
+              template: image
+
+      # Recommandations
+      related:
+        type: fields
+        fields:
+          related_articles:
+            label: Articles recommandés
+            type: pages
+            query: site.find('blog').children.listed
+            max: 3
+            help: "Articles similaires à afficher en bas de page"
+
+      # SEO
+      seo:
+        type: fields
+        fields:
+          meta_title:
+            label: Meta Title
+            type: text
+          meta_description:
+            label: Meta Description
+            type: textarea
+            size: small
+            maxlength: 160
diff --git a/site/blueprints/pages/blog.yml b/site/blueprints/pages/blog.yml
new file mode 100644
index 0000000..8acc670
--- /dev/null
+++ b/site/blueprints/pages/blog.yml
@@ -0,0 +1,50 @@
+title: Blog
+icon: text
+
+tabs:
+  # Intro
+  intro:
+    label: Introduction
+    icon: text
+    sections:
+      content:
+        type: fields
+        fields:
+          intro_title:
+            label: Titre
+            type: text
+            default: "NOS ARTICLES."
+          intro_text:
+            label: Texte d'introduction
+            type: textarea
+            size: small
+            help: "On décrypte pour vous les ressorts de la gamification, ses actualités et des cas d'étude."
+      articles_list:
+        label: Articles
+        type: pages
+        headline: Liste des articles
+        layout: cards
+        size: medium
+        image:
+          cover: true
+        template: article
+        info: "{{ page.date.toDate('d/m/Y') }}"
+        create: article
+        sortBy: date desc
+
+  # SEO
+  seo:
+    label: SEO
+    icon: search
+    sections:
+      meta:
+        type: fields
+        fields:
+          meta_title:
+            label: Meta Title
+            type: text
+          meta_description:
+            label: Meta Description
+            type: textarea
+            size: small
+            maxlength: 160
diff --git a/site/blueprints/pages/expertise.yml b/site/blueprints/pages/expertise.yml
new file mode 100644
index 0000000..6afc7b6
--- /dev/null
+++ b/site/blueprints/pages/expertise.yml
@@ -0,0 +1,54 @@
+title: Expertise
+icon: wand
+
+tabs:
+  # Intro
+  intro:
+    label: Introduction
+    icon: text
+    columns:
+      - width: 2/3
+        sections:
+          content:
+            type: fields
+            fields:
+              intro_title:
+                label: Titre principal
+                type: text
+                required: true
+                help: "Ex: PLAY THE REAL."
+              contenu:
+                label: Contenu
+                type: blocks
+                fieldsets:
+                  text:
+                    label: Texte
+                    type: text
+      - width: 1/3
+        sections:
+          media:
+            type: fields
+            fields:
+              video:
+                label: Vidéo d'arrière-plan
+                type: files
+                max: 1
+                uploads:
+                  template: image
+
+  # SEO
+  seo:
+    label: SEO
+    icon: search
+    sections:
+      meta:
+        type: fields
+        fields:
+          meta_title:
+            label: Meta Title
+            type: text
+          meta_description:
+            label: Meta Description
+            type: textarea
+            size: small
+            maxlength: 160
diff --git a/site/blueprints/pages/game.yml b/site/blueprints/pages/game.yml
new file mode 100644
index 0000000..f905629
--- /dev/null
+++ b/site/blueprints/pages/game.yml
@@ -0,0 +1,86 @@
+title: Jeu
+icon: play
+
+# status:
+#   draft:
+#     label: Brouillon
+#     text: Le jeu n'est pas visible
+#   unlisted:
+#     label: Non listé
+#     text: Le jeu est accessible mais pas dans la liste
+#   listed:
+#     label: Publié
+#     text: Le jeu est visible publiquement
+
+columns:
+  # Colonne principale
+  main:
+    width: 2/3
+    sections:
+      # Informations principales
+      info:
+        type: fields
+        fields:
+          title:
+            label: Nom du jeu
+            type: text
+            required: true
+            help: "Ex: Mozzle"
+          description:
+            label: Description
+            type: textarea
+            size: medium
+            help: "Un thème, 5 mots cachés... mais chacun a une lettre manquante !"
+          rules:
+            label: Règles du jeu
+            type: blocks
+            fieldsets:
+              - heading
+              - text
+              - list
+
+  # Sidebar
+  sidebar:
+    width: 1/3
+    sections:
+      # Visuel
+      visual:
+        type: fields
+        fields:
+          cover:
+            label: Image de couverture
+            type: files
+            max: 1
+            uploads:
+              template: image
+          badge:
+            label: Badge
+            type: select
+            options:
+              none: Aucun
+              new: NEW
+              coming_soon: Coming Soon
+              popular: Populaire
+
+      # Statut et liens
+      status:
+        type: fields
+        fields:
+          game_status:
+            label: Statut du jeu
+            type: select
+            required: true
+            default: available
+            options:
+              available: Disponible
+              coming_soon: Bientôt disponible
+              maintenance: En maintenance
+          play_link:
+            label: Lien pour jouer
+            type: url
+            help: "URL vers le jeu intégré ou externe"
+          is_embedded:
+            label: Jeu intégré
+            type: toggle
+            text: Le jeu s'affiche directement sur la page
+            default: true
diff --git a/site/blueprints/pages/home.yml b/site/blueprints/pages/home.yml
new file mode 100644
index 0000000..a8f21d0
--- /dev/null
+++ b/site/blueprints/pages/home.yml
@@ -0,0 +1,59 @@
+title: Accueil
+icon: home
+
+tabs:
+  # Hero Section
+  hero:
+    label: Hero
+    icon: star
+    columns:
+      - width: 2/3
+        sections:
+          hero_content:
+            type: fields
+            fields:
+              hero_title:
+                label: Titre principal
+                type: text
+                required: true
+                help: "Ex: PLAY TO ENGAGE"
+              hero_subtitle:
+                label: Sous-titre
+                type: textarea
+                size: small
+                help: "Ex: Nous transformons les interactions en défis pertinents et gratifiants"
+              hero_cta_text:
+                label: Texte du bouton CTA
+                type: text
+                default: Explorer
+              hero_cta_link:
+                label: Lien du bouton CTA
+                type: pages
+                max: 1
+      - width: 1/3
+        sections:
+          media:
+            type: fields
+            fields:
+              video:
+                label: Vidéo d'arrière-plan
+                type: files
+                max: 1
+                uploads:
+                  template: image
+  # SEO
+  seo:
+    label: SEO
+    icon: search
+    sections:
+      meta:
+        type: fields
+        fields:
+          meta_title:
+            label: Meta Title
+            type: text
+          meta_description:
+            label: Meta Description
+            type: textarea
+            size: small
+            maxlength: 160
diff --git a/site/blueprints/pages/jouer.yml b/site/blueprints/pages/jouer.yml
new file mode 100644
index 0000000..76bdc2f
--- /dev/null
+++ b/site/blueprints/pages/jouer.yml
@@ -0,0 +1,53 @@
+title: Jouer
+icon: play
+
+tabs:
+  # Intro
+  intro:
+    label: Introduction
+    icon: text
+    sections:
+      content:
+        type: fields
+        fields:
+          intro_title:
+            label: Titre
+            type: text
+            default: Jouer
+          intro_text:
+            label: Texte d'introduction
+            type: textarea
+            size: small
+
+  # Jeux
+  games:
+    label: Jeux
+    icon: grid
+    sections:
+      games_list:
+        type: pages
+        headline: Liste des jeux
+        layout: cards
+        size: medium
+        image:
+          cover: true
+        template: game
+        info: "{{ page.status_label }}"
+        create: game
+
+  # SEO
+  seo:
+    label: SEO
+    icon: search
+    sections:
+      meta:
+        type: fields
+        fields:
+          meta_title:
+            label: Meta Title
+            type: text
+          meta_description:
+            label: Meta Description
+            type: textarea
+            size: small
+            maxlength: 160
diff --git a/site/blueprints/pages/portfolio.yml b/site/blueprints/pages/portfolio.yml
new file mode 100644
index 0000000..5e0ceb5
--- /dev/null
+++ b/site/blueprints/pages/portfolio.yml
@@ -0,0 +1,45 @@
+title: Portfolio
+icon: grid
+
+tabs:
+  content:
+    label: Contenu
+    icon: text
+    sections:
+      # Intro
+      intro:
+        type: fields
+        fields:
+          intro_title:
+            label: Titre
+            type: text
+            default: Portfolio
+
+      # Projets
+      projects_list:
+        type: pages
+        headline: Liste des projets
+        layout: list
+        size: medium
+        image:
+          cover: true
+        template: project
+        info: "{{ page.category }}"
+        create: project
+
+  # SEO
+  seo:
+    label: SEO
+    icon: search
+    sections:
+      meta:
+        type: fields
+        fields:
+          meta_title:
+            label: Meta Title
+            type: text
+          meta_description:
+            label: Meta Description
+            type: textarea
+            size: small
+            maxlength: 160
diff --git a/site/blueprints/pages/project.yml b/site/blueprints/pages/project.yml
new file mode 100644
index 0000000..7194d38
--- /dev/null
+++ b/site/blueprints/pages/project.yml
@@ -0,0 +1,84 @@
+title: Projet
+icon: image
+
+status:
+  draft:
+    label: Brouillon
+    text: Le projet n'est pas visible
+  unlisted:
+    label: Non listé
+    text: Le projet est accessible mais pas dans la liste
+  listed:
+    label: Publié
+    text: Le projet est visible publiquement
+
+columns:
+  # Colonne principale
+  main:
+    width: 2/3
+    sections:
+      # Informations principales
+      info:
+        type: fields
+        fields:
+          title:
+            label: Nom du projet
+            type: text
+            required: true
+          tagline:
+            label: Tagline
+            type: text
+            help: "Ex: Transformez votre lecture en aventure."
+          description:
+            label: Description
+            type: textarea
+            size: medium
+            help: Description complète du projet
+
+      # Galerie
+      gallery:
+        type: files
+        headline: Galerie d'images
+        layout: cards
+        size: medium
+        template: image
+        info: "{{ file.dimensions }}"
+
+  # Sidebar
+  sidebar:
+    width: 1/3
+    sections:
+      # Métadonnées
+      meta:
+        type: fields
+        fields:
+          cover:
+            label: Image de couverture
+            type: files
+            max: 1
+            uploads:
+              template: image
+          category:
+            label: Catégorie
+            type: text
+          impact:
+            label: Impact
+            type: text
+
+      # Liens externes
+      links:
+        type: fields
+        fields:
+          external_links:
+            label: Liens externes
+            type: structure
+            fields:
+              link_label:
+                label: Nom du bouton
+                type: text
+                width: 1/2
+                placeholder: "Ex: App Store, Site web..."
+              link_url:
+                label: URL
+                type: url
+                width: 1/2
diff --git a/site/blueprints/site.yml b/site/blueprints/site.yml
index b7da661..1c06e61 100644
--- a/site/blueprints/site.yml
+++ b/site/blueprints/site.yml
@@ -1,5 +1,103 @@
-title: Site
+title: World Game
 
-sections:
-  pages:
-    type: pages
+columns:
+  - width: 1/1
+    sections:
+      pages:
+        type: pages
+        label: Réorganisation des pages
+        layout: list
+        size: small
+        sortable: true
+        create: false
+        status: listed
+
+  - width: 1/3
+    sections:
+      identity:
+        type: fields
+        fields:
+          identity_headline:
+            type: headline
+            label: Le studio
+
+          site_title:
+            label: Nom du site
+            type: text
+            width: 1/2
+
+          site_tagline:
+            label: Tagline
+            type: text
+            width: 1/2
+
+          site_description:
+            label: Description SEO
+            type: textarea
+            size: small
+
+          mentions_legales:
+            label: Mentions légales (PDF)
+            type: files
+            max: 1
+            width: 1/2
+
+  - width: 1/3
+    sections:
+      contact:
+        type: fields
+        fields:
+          contact_headline:
+            type: headline
+            label: Contact
+
+          contact_email:
+            label: Email
+            type: email
+            width: 1/2
+
+          contact_phone:
+            label: Téléphone
+            type: tel
+            width: 1/2
+
+          contact_address:
+            label: Adresse
+            type: text
+            width: 1/2
+            placeholder: 33 rue Jean Dupont
+
+          contact_postal:
+            label: Code postal
+            type: text
+            width: 1/2
+            placeholder: 75000 Paris
+
+  - width: 1/3
+    sections:
+      social:
+        type: fields
+        fields:
+          social_headline:
+            type: headline
+            label: Réseaux sociaux
+
+          social_linkedin:
+            label: LinkedIn
+            type: url
+            width: 1/2
+
+          social_twitter:
+            label: Twitter / X
+            type: url
+            width: 1/2
+
+          social_instagram:
+            label: Instagram
+            type: url
+            width: 1/2
+
+          social_youtube:
+            label: YouTube
+            type: url
+            width: 1/2
diff --git a/site/config/config.php b/site/config/config.php
new file mode 100644
index 0000000..29e750b
--- /dev/null
+++ b/site/config/config.php
@@ -0,0 +1,69 @@
+<?php
+
+return [
+    // Debug mode (désactiver en production)
+    'debug' => true,
+
+    // Panel configuration
+    'panel' => [
+        // Menu personnalisé du panel
+        'menu' => [
+            'site' => [
+                'label' => 'Site',
+                'icon' => 'home',
+                'current' => function (string $current): bool {
+                    return $current === 'site';
+                }
+            ],
+            '-', // Séparateur
+            'home' => [
+                'label' => 'Accueil',
+                'icon' => 'home',
+                'link' => 'pages/home',
+            ],
+            'expertise' => [
+                'label' => 'Expertise',
+                'icon' => 'wand',
+                'link' => 'pages/expertise',
+            ],
+            'portfolio' => [
+                'label' => 'Portfolio',
+                'icon' => 'images',
+                'link' => 'pages/portfolio',
+            ],
+            'jouer' => [
+                'label' => 'Jouer',
+                'icon' => 'play',
+                'link' => 'pages/jouer',
+            ],
+            'a-propos' => [
+                'label' => 'À propos',
+                'icon' => 'users',
+                'link' => 'pages/a-propos',
+            ],
+            'blog' => [
+                'label' => 'Blog',
+                'icon' => 'text',
+                'link' => 'pages/blog',
+            ],
+            '-', // Séparateur
+            'users',
+            'system'
+        ]
+    ],
+
+    // Langues
+    'languages' => false, // Mettre true si multilingue activé
+
+    // Thumbs
+    'thumbs' => [
+        'srcsets' => [
+            'default' => [
+                '300w' => ['width' => 300],
+                '600w' => ['width' => 600],
+                '900w' => ['width' => 900],
+                '1200w' => ['width' => 1200]
+            ]
+        ]
+    ]
+];
diff --git a/site/snippets/footer.php b/site/snippets/footer.php
new file mode 100644
index 0000000..e66fffc
--- /dev/null
+++ b/site/snippets/footer.php
@@ -0,0 +1,82 @@
+  <!-- Footer -->
+  <footer class="site-footer">
+    <div class="site-footer__container">
+      <!-- Logo & Info -->
+      <div class="site-footer__brand">
+        <?php if ($logo = $site->logo()->toFile()): ?>
+          <img src="<?= $logo->url() ?>" alt="<?= $site->site_title() ?>" class="site-footer__logo">
+        <?php else: ?>
+          <span class="site-footer__logo-text"><?= $site->site_title() ?></span>
+        <?php endif ?>
+
+        <?php if ($site->site_tagline()->isNotEmpty()): ?>
+          <p class="site-footer__tagline"><?= $site->site_tagline() ?></p>
+        <?php endif ?>
+      </div>
+
+      <!-- Contact -->
+      <div class="site-footer__contact">
+        <?php if ($site->contact_email()->isNotEmpty()): ?>
+          <a href="mailto:<?= $site->contact_email() ?>" class="site-footer__email">
+            <?= $site->contact_email() ?>
+          </a>
+        <?php endif ?>
+
+        <?php if ($site->contact_phone()->isNotEmpty()): ?>
+          <a href="tel:<?= $site->contact_phone() ?>" class="site-footer__phone">
+            <?= $site->contact_phone() ?>
+          </a>
+        <?php endif ?>
+
+        <?php if ($site->contact_address()->isNotEmpty()): ?>
+          <address class="site-footer__address">
+            <?= $site->contact_address()->kt() ?>
+          </address>
+        <?php endif ?>
+      </div>
+
+      <!-- Social Links -->
+      <div class="site-footer__social">
+        <?php if ($site->social_linkedin()->isNotEmpty()): ?>
+          <a href="<?= $site->social_linkedin() ?>" class="site-footer__social-link" target="_blank" rel="noopener noreferrer">
+            LinkedIn
+          </a>
+        <?php endif ?>
+
+        <?php if ($site->social_twitter()->isNotEmpty()): ?>
+          <a href="<?= $site->social_twitter() ?>" class="site-footer__social-link" target="_blank" rel="noopener noreferrer">
+            Twitter
+          </a>
+        <?php endif ?>
+
+        <?php if ($site->social_instagram()->isNotEmpty()): ?>
+          <a href="<?= $site->social_instagram() ?>" class="site-footer__social-link" target="_blank" rel="noopener noreferrer">
+            Instagram
+          </a>
+        <?php endif ?>
+
+        <?php if ($site->social_youtube()->isNotEmpty()): ?>
+          <a href="<?= $site->social_youtube() ?>" class="site-footer__social-link" target="_blank" rel="noopener noreferrer">
+            YouTube
+          </a>
+        <?php endif ?>
+      </div>
+
+      <!-- Mentions légales -->
+      <?php if ($pdf = $site->mentions_legales()->toFile()): ?>
+        <div class="site-footer__legal">
+          <a href="<?= $pdf->url() ?>" target="_blank">Mentions légales</a>
+        </div>
+      <?php endif ?>
+
+      <!-- Copyright -->
+      <div class="site-footer__copyright">
+        <p>&copy; <?= date('Y') ?> <?= $site->site_title() ?>. Tous droits réservés.</p>
+      </div>
+    </div>
+  </footer>
+
+  <!-- Scripts -->
+  <?= js('assets/js/main.js') ?>
+</body>
+</html>
diff --git a/site/snippets/header.php b/site/snippets/header.php
new file mode 100644
index 0000000..8a16298
--- /dev/null
+++ b/site/snippets/header.php
@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html lang="<?= $kirby->language()?->code() ?? 'fr' ?>">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+  <title><?= $page->meta_title()->or($page->title() . ' - ' . $site->site_title()) ?></title>
+  <meta name="description" content="<?= $page->meta_description()->or($site->site_description()) ?>">
+
+  <!-- Favicon -->
+  <link rel="icon" type="image/png" href="<?= url('assets/favicon.png') ?>">
+
+  <!-- Styles -->
+  <?= css('assets/css/main.css') ?>
+
+  <!-- Open Graph -->
+  <meta property="og:title" content="<?= $page->meta_title()->or($page->title()) ?>">
+  <meta property="og:description" content="<?= $page->meta_description()->or($site->site_description()) ?>">
+  <meta property="og:type" content="website">
+  <meta property="og:url" content="<?= $page->url() ?>">
+  <?php if ($cover = $page->cover()->toFile()): ?>
+    <meta property="og:image" content="<?= $cover->url() ?>">
+  <?php endif ?>
+</head>
+<body class="template-<?= $page->template() ?>">
+  <!-- Header -->
+  <header class="site-header">
+    <div class="site-header__container">
+      <!-- Logo -->
+      <a href="<?= $site->url() ?>" class="site-header__logo">
+        <?php if ($logo = $site->logo()->toFile()): ?>
+          <img src="<?= $logo->url() ?>" alt="<?= $site->site_title() ?>">
+        <?php else: ?>
+          <span class="site-header__logo-text"><?= $site->site_title() ?></span>
+        <?php endif ?>
+      </a>
+
+      <!-- Navigation -->
+      <nav class="site-header__nav">
+        <ul class="site-nav">
+          <?php foreach ($site->main_navigation()->toStructure() as $item): ?>
+            <?php $linkedPage = $item->link()->toPages()->first() ?>
+            <?php if ($linkedPage): ?>
+              <li class="site-nav__item <?= $linkedPage->isOpen() ? 'is-active' : '' ?>">
+                <a href="<?= $linkedPage->url() ?>">
+                  <?= $kirby->language()?->code() === 'en' ? $item->label_en() : $item->label_fr() ?>
+                </a>
+              </li>
+            <?php endif ?>
+          <?php endforeach ?>
+        </ul>
+      </nav>
+
+      <!-- Language Switcher -->
+      <?php if ($kirby->languages()->count() > 1): ?>
+        <div class="site-header__lang">
+          <?php foreach ($kirby->languages() as $lang): ?>
+            <a href="<?= $page->url($lang->code()) ?>"
+               class="site-lang__link <?= $lang->code() === $kirby->language()?->code() ? 'is-active' : '' ?>">
+              <?= strtoupper($lang->code()) ?>
+            </a>
+          <?php endforeach ?>
+        </div>
+      <?php endif ?>
+
+      <!-- Mobile Menu Toggle -->
+      <button class="site-header__toggle" aria-label="Menu">
+        <span></span>
+        <span></span>
+        <span></span>
+      </button>
+    </div>
+  </header>
diff --git a/site/templates/about.php b/site/templates/about.php
new file mode 100644
index 0000000..a6f89ff
--- /dev/null
+++ b/site/templates/about.php
@@ -0,0 +1,81 @@
+<?php snippet('header') ?>
+
+<main class="about">
+  <!-- Intro Section -->
+  <section class="about__intro">
+    <h1 class="about__title"><?= $page->intro_title() ?></h1>
+
+    <?php if ($page->intro_text()->isNotEmpty()): ?>
+      <p class="about__subtitle"><?= $page->intro_text() ?></p>
+    <?php endif ?>
+  </section>
+
+  <!-- Mission Section -->
+  <?php if ($page->mission_text()->isNotEmpty()): ?>
+    <section class="about__mission">
+      <h2 class="about__section-title"><?= $page->mission_title() ?></h2>
+      <div class="about__section-content">
+        <?= $page->mission_text()->toBlocks() ?>
+      </div>
+    </section>
+  <?php endif ?>
+
+  <!-- Manifesto Section -->
+  <?php if ($page->manifesto_text()->isNotEmpty()): ?>
+    <section class="about__manifesto">
+      <h2 class="about__section-title"><?= $page->manifesto_title() ?></h2>
+      <div class="about__section-content">
+        <?= $page->manifesto_text()->toBlocks() ?>
+      </div>
+    </section>
+  <?php endif ?>
+
+  <!-- Team Section -->
+  <?php if ($page->team_members()->isNotEmpty()): ?>
+    <section class="about__team">
+      <h2 class="about__section-title"><?= $page->team_title() ?></h2>
+
+      <div class="about__team-grid">
+        <?php foreach ($page->team_members()->toStructure() as $member): ?>
+          <article class="team-card">
+            <?php if ($photo = $member->photo()->toFile()): ?>
+              <div class="team-card__photo">
+                <img src="<?= $photo->url() ?>" alt="<?= $member->name() ?>">
+              </div>
+            <?php endif ?>
+
+            <div class="team-card__info">
+              <h3 class="team-card__name"><?= $member->name() ?></h3>
+              <p class="team-card__role"><?= $member->role() ?></p>
+
+              <?php if ($member->bio()->isNotEmpty()): ?>
+                <p class="team-card__bio"><?= $member->bio() ?></p>
+              <?php endif ?>
+
+              <div class="team-card__social">
+                <?php if ($member->linkedin()->isNotEmpty()): ?>
+                  <a href="<?= $member->linkedin() ?>" target="_blank" class="team-card__social-link">
+                    LinkedIn
+                  </a>
+                <?php endif ?>
+
+                <?php if ($member->twitter()->isNotEmpty()): ?>
+                  <a href="<?= $member->twitter() ?>" target="_blank" class="team-card__social-link">
+                    Twitter
+                  </a>
+                <?php endif ?>
+              </div>
+            </div>
+          </article>
+        <?php endforeach ?>
+      </div>
+
+      <nav class="about__team-nav">
+        <button class="about__team-prev">&larr; Précédent</button>
+        <button class="about__team-next">Suivant &rarr;</button>
+      </nav>
+    </section>
+  <?php endif ?>
+</main>
+
+<?php snippet('footer') ?>
diff --git a/site/templates/article.php b/site/templates/article.php
new file mode 100644
index 0000000..c253981
--- /dev/null
+++ b/site/templates/article.php
@@ -0,0 +1,101 @@
+<?php snippet('header') ?>
+
+<main class="article">
+  <article class="article__content">
+    <!-- Header -->
+    <header class="article__header">
+      <?php if ($page->date()->isNotEmpty()): ?>
+        <time class="article__date" datetime="<?= $page->date()->toDate('Y-m-d') ?>">
+          Publié le <?= $page->date()->toDate('d/m/Y') ?>
+        </time>
+      <?php endif ?>
+
+      <h1 class="article__title"><?= $page->title() ?></h1>
+
+      <?php if ($page->intro()->isNotEmpty()): ?>
+        <p class="article__intro"><?= $page->intro() ?></p>
+      <?php endif ?>
+    </header>
+
+    <!-- Author -->
+    <?php if ($page->author_name()->isNotEmpty()): ?>
+      <div class="article__author">
+        <?php if ($photo = $page->author_photo()->toFile()): ?>
+          <img src="<?= $photo->url() ?>" alt="<?= $page->author_name() ?>" class="article__author-photo">
+        <?php endif ?>
+
+        <div class="article__author-info">
+          <span class="article__author-name"><?= $page->author_name() ?></span>
+          <?php if ($page->author_role()->isNotEmpty()): ?>
+            <span class="article__author-role"><?= $page->author_role() ?></span>
+          <?php endif ?>
+        </div>
+      </div>
+    <?php endif ?>
+
+    <!-- Cover Image -->
+    <?php if ($cover = $page->cover()->toFile()): ?>
+      <figure class="article__cover">
+        <img src="<?= $cover->url() ?>" alt="<?= $page->title() ?>">
+      </figure>
+    <?php endif ?>
+
+    <!-- Content -->
+    <div class="article__body">
+      <?= $page->article_content()->toBlocks() ?>
+    </div>
+
+    <!-- Tags -->
+    <?php if ($page->tags()->isNotEmpty()): ?>
+      <div class="article__tags">
+        <?php foreach ($page->tags()->split() as $tag): ?>
+          <span class="article__tag"><?= $tag ?></span>
+        <?php endforeach ?>
+      </div>
+    <?php endif ?>
+  </article>
+
+  <!-- Recommendations -->
+  <?php
+  $related = $page->related_articles()->toPages();
+  if ($related->isEmpty()) {
+    $related = $page->siblings()->listed()->not($page)->shuffle()->limit(3);
+  }
+  ?>
+
+  <?php if ($related->isNotEmpty()): ?>
+    <section class="article__recommendations">
+      <h2 class="article__recommendations-title">Nos recommandations</h2>
+      <a href="<?= $page->parent()->url() ?>" class="article__recommendations-link">Voir tous les articles &rarr;</a>
+
+      <div class="article__recommendations-grid">
+        <?php foreach ($related as $rec): ?>
+          <article class="recommendation-card">
+            <?php if ($cover = $rec->cover()->toFile()): ?>
+              <div class="recommendation-card__cover">
+                <img src="<?= $cover->thumb(['width' => 400])->url() ?>" alt="<?= $rec->title() ?>">
+              </div>
+            <?php endif ?>
+
+            <?php if ($rec->category()->isNotEmpty()): ?>
+              <span class="recommendation-card__category"><?= $rec->category() ?></span>
+            <?php endif ?>
+
+            <h3 class="recommendation-card__title">
+              <a href="<?= $rec->url() ?>"><?= $rec->title() ?></a>
+            </h3>
+          </article>
+        <?php endforeach ?>
+      </div>
+    </section>
+  <?php endif ?>
+
+  <!-- Navigation -->
+  <nav class="article__nav">
+    <a href="<?= $page->parent()->url() ?>" class="article__nav-back">
+      &larr; Tous les articles
+    </a>
+  </nav>
+</main>
+
+<?php snippet('footer') ?>
diff --git a/site/templates/blog.php b/site/templates/blog.php
new file mode 100644
index 0000000..9250711
--- /dev/null
+++ b/site/templates/blog.php
@@ -0,0 +1,61 @@
+<?php snippet('header') ?>
+
+<main class="blog">
+  <!-- Intro Section -->
+  <section class="blog__intro">
+    <h1 class="blog__title"><?= $page->intro_title() ?></h1>
+
+    <?php if ($page->intro_text()->isNotEmpty()): ?>
+      <p class="blog__subtitle"><?= $page->intro_text() ?></p>
+    <?php endif ?>
+  </section>
+
+  <!-- Articles List -->
+  <section class="blog__articles">
+    <?php foreach ($page->children()->listed()->sortBy('date', 'desc') as $article): ?>
+      <article class="article-card">
+        <!-- Date -->
+        <?php if ($article->date()->isNotEmpty()): ?>
+          <time class="article-card__date" datetime="<?= $article->date()->toDate('Y-m-d') ?>">
+            <?= $article->date()->toDate('d/m/Y') ?>
+          </time>
+        <?php endif ?>
+
+        <!-- Content -->
+        <div class="article-card__content">
+          <h2 class="article-card__title">
+            <a href="<?= $article->url() ?>"><?= $article->title() ?></a>
+          </h2>
+
+          <?php if ($article->intro()->isNotEmpty()): ?>
+            <p class="article-card__intro"><?= $article->intro()->excerpt(200) ?></p>
+          <?php endif ?>
+
+          <a href="<?= $article->url() ?>" class="article-card__link">
+            Lire la suite &rarr;
+          </a>
+        </div>
+
+        <!-- Author -->
+        <div class="article-card__author">
+          <?php if ($photo = $article->author_photo()->toFile()): ?>
+            <img src="<?= $photo->url() ?>" alt="<?= $article->author_name() ?>" class="article-card__author-photo">
+          <?php endif ?>
+
+          <?php if ($article->author_name()->isNotEmpty()): ?>
+            <span class="article-card__author-name"><?= $article->author_name() ?></span>
+          <?php endif ?>
+        </div>
+
+        <!-- Cover Image -->
+        <?php if ($cover = $article->cover()->toFile()): ?>
+          <div class="article-card__cover">
+            <img src="<?= $cover->url() ?>" alt="<?= $article->title() ?>">
+          </div>
+        <?php endif ?>
+      </article>
+    <?php endforeach ?>
+  </section>
+</main>
+
+<?php snippet('footer') ?>
diff --git a/site/templates/expertise.php b/site/templates/expertise.php
new file mode 100644
index 0000000..df8392e
--- /dev/null
+++ b/site/templates/expertise.php
@@ -0,0 +1,36 @@
+<?php snippet('header') ?>
+
+<main class="expertise">
+  <!-- Intro Section -->
+  <section class="expertise__intro">
+    <h1 class="expertise__title"><?= $page->intro_title() ?></h1>
+
+    <?php if ($page->intro_text()->isNotEmpty()): ?>
+      <p class="expertise__text"><?= $page->intro_text() ?></p>
+    <?php endif ?>
+  </section>
+
+  <!-- Expertise Sections -->
+  <?php if ($page->expertise_sections()->isNotEmpty()): ?>
+    <div class="expertise__sections">
+      <?php foreach ($page->expertise_sections()->toStructure() as $section): ?>
+        <section class="expertise-section expertise-section--<?= $section->icon() ?>">
+          <h2 class="expertise-section__title"><?= $section->title() ?></h2>
+          <div class="expertise-section__content">
+            <?= $section->content()->toBlocks() ?>
+          </div>
+        </section>
+      <?php endforeach ?>
+    </div>
+  <?php endif ?>
+
+  <!-- Objective Section -->
+  <?php if ($page->objective_text()->isNotEmpty()): ?>
+    <section class="expertise__objective">
+      <h2 class="expertise__objective-title"><?= $page->objective_title() ?></h2>
+      <p class="expertise__objective-text"><?= $page->objective_text() ?></p>
+    </section>
+  <?php endif ?>
+</main>
+
+<?php snippet('footer') ?>
diff --git a/site/templates/game.php b/site/templates/game.php
new file mode 100644
index 0000000..3249014
--- /dev/null
+++ b/site/templates/game.php
@@ -0,0 +1,58 @@
+<?php snippet('header') ?>
+
+<main class="game">
+  <article class="game__content">
+    <!-- Info -->
+    <div class="game__info">
+      <h1 class="game__title"><?= $page->title() ?></h1>
+
+      <?php if ($page->description()->isNotEmpty()): ?>
+        <p class="game__description"><?= $page->description() ?></p>
+      <?php endif ?>
+
+      <!-- Rules -->
+      <?php if ($page->rules()->isNotEmpty()): ?>
+        <div class="game__rules">
+          <?= $page->rules()->toBlocks() ?>
+        </div>
+      <?php endif ?>
+
+      <!-- Status Button -->
+      <?php if ($page->game_status()->value() !== 'available'): ?>
+        <div class="game__status">
+          <span class="btn btn--disabled">
+            <?= $page->game_status()->value() === 'coming_soon' ? 'Bientôt disponible' : 'En maintenance' ?>
+          </span>
+        </div>
+      <?php endif ?>
+    </div>
+
+    <!-- Game Area -->
+    <div class="game__area">
+      <?php if ($page->game_status()->value() === 'available'): ?>
+        <?php if ($page->is_embedded()->toBool() && $page->play_link()->isNotEmpty()): ?>
+          <iframe src="<?= $page->play_link() ?>" class="game__iframe" frameborder="0"></iframe>
+        <?php elseif ($page->play_link()->isNotEmpty()): ?>
+          <a href="<?= $page->play_link() ?>" class="game__external-link btn btn--large" target="_blank">
+            Jouer maintenant
+          </a>
+        <?php endif ?>
+
+        <?php if ($cover = $page->cover()->toFile()): ?>
+          <div class="game__cover">
+            <img src="<?= $cover->url() ?>" alt="<?= $page->title() ?>">
+          </div>
+        <?php endif ?>
+      <?php endif ?>
+    </div>
+  </article>
+
+  <!-- Back Navigation -->
+  <nav class="game__nav">
+    <a href="<?= $page->parent()->url() ?>" class="game__nav-back">
+      &larr; Retour aux jeux
+    </a>
+  </nav>
+</main>
+
+<?php snippet('footer') ?>
diff --git a/site/templates/home.php b/site/templates/home.php
new file mode 100644
index 0000000..8594f41
--- /dev/null
+++ b/site/templates/home.php
@@ -0,0 +1,49 @@
+<?php snippet('header') ?>
+
+<main class="home">
+  <!-- Hero Section -->
+  <section class="hero">
+    <div class="hero__content">
+      <h1 class="hero__title">
+        <?php
+        $title = $page->hero_title()->value();
+        $highlight = $page->hero_title_highlight()->value();
+        if ($highlight) {
+          echo str_replace($highlight, '<span class="highlight">' . $highlight . '</span>', $title);
+        } else {
+          echo $title;
+        }
+        ?>
+      </h1>
+
+      <?php if ($page->hero_subtitle()->isNotEmpty()): ?>
+        <p class="hero__subtitle"><?= $page->hero_subtitle() ?></p>
+      <?php endif ?>
+
+      <?php if ($page->hero_cta_text()->isNotEmpty()): ?>
+        <a href="<?= $page->hero_cta_link()->toPage()?->url() ?? '#' ?>" class="hero__cta btn">
+          <?= $page->hero_cta_text() ?>
+        </a>
+      <?php endif ?>
+    </div>
+
+    <?php if ($hero = $page->hero_image()->toFile()): ?>
+      <div class="hero__image">
+        <img src="<?= $hero->url() ?>" alt="<?= $page->hero_title() ?>">
+      </div>
+    <?php endif ?>
+
+    <!-- Floating Bubbles -->
+    <?php if ($page->floating_bubbles()->isNotEmpty()): ?>
+      <div class="hero__bubbles">
+        <?php foreach ($page->floating_bubbles()->toStructure() as $bubble): ?>
+          <div class="bubble bubble--<?= $bubble->position() ?>">
+            <?= $bubble->text() ?>
+          </div>
+        <?php endforeach ?>
+      </div>
+    <?php endif ?>
+  </section>
+</main>
+
+<?php snippet('footer') ?>
diff --git a/site/templates/jouer.php b/site/templates/jouer.php
new file mode 100644
index 0000000..be348fe
--- /dev/null
+++ b/site/templates/jouer.php
@@ -0,0 +1,57 @@
+<?php snippet('header') ?>
+
+<main class="jouer">
+  <!-- Intro Section -->
+  <section class="jouer__intro">
+    <?php if ($page->intro_title()->isNotEmpty()): ?>
+      <h1 class="jouer__title"><?= $page->intro_title() ?></h1>
+    <?php endif ?>
+
+    <?php if ($page->intro_text()->isNotEmpty()): ?>
+      <p class="jouer__text"><?= $page->intro_text() ?></p>
+    <?php endif ?>
+  </section>
+
+  <!-- Games List -->
+  <section class="jouer__games">
+    <?php foreach ($page->children()->listed() as $game): ?>
+      <article class="game-card">
+        <!-- Badge -->
+        <?php if ($game->badge()->isNotEmpty() && $game->badge()->value() !== 'none'): ?>
+          <span class="game-card__badge game-card__badge--<?= $game->badge() ?>">
+            <?= $game->badge()->value() === 'new' ? 'NEW' : ($game->badge()->value() === 'coming_soon' ? 'INCOMING' : $game->badge()) ?>
+          </span>
+        <?php endif ?>
+
+        <!-- Cover -->
+        <?php if ($cover = $game->cover()->toFile()): ?>
+          <div class="game-card__cover">
+            <img src="<?= $cover->url() ?>" alt="<?= $game->title() ?>">
+          </div>
+        <?php endif ?>
+
+        <!-- Info -->
+        <div class="game-card__info">
+          <h2 class="game-card__title"><?= $game->title() ?></h2>
+
+          <?php if ($game->description()->isNotEmpty()): ?>
+            <p class="game-card__description"><?= $game->description() ?></p>
+          <?php endif ?>
+
+          <!-- Play Button -->
+          <?php if ($game->game_status()->value() === 'available'): ?>
+            <a href="<?= $game->url() ?>" class="game-card__play btn">
+              Jouer
+            </a>
+          <?php else: ?>
+            <span class="game-card__status btn btn--disabled">
+              Bientôt disponible
+            </span>
+          <?php endif ?>
+        </div>
+      </article>
+    <?php endforeach ?>
+  </section>
+</main>
+
+<?php snippet('footer') ?>
diff --git a/site/templates/portfolio.php b/site/templates/portfolio.php
new file mode 100644
index 0000000..41ea880
--- /dev/null
+++ b/site/templates/portfolio.php
@@ -0,0 +1,109 @@
+<?php snippet('header') ?>
+
+<main class="portfolio">
+  <!-- Intro Section -->
+  <section class="portfolio__intro">
+    <?php if ($page->intro_title()->isNotEmpty()): ?>
+      <h1 class="portfolio__title"><?= $page->intro_title() ?></h1>
+    <?php endif ?>
+
+    <?php if ($page->intro_text()->isNotEmpty()): ?>
+      <p class="portfolio__text"><?= $page->intro_text() ?></p>
+    <?php endif ?>
+  </section>
+
+  <!-- Projects Grid -->
+  <section class="portfolio__projects">
+    <?php
+    $projects = $page->children()->listed();
+    $total = $projects->count();
+    $index = 0;
+    ?>
+
+    <?php foreach ($projects as $project): ?>
+      <?php $index++ ?>
+      <article class="project-card" data-index="<?= $index ?>">
+        <!-- Project Gallery -->
+        <div class="project-card__gallery">
+          <?php if ($cover = $project->cover()->toFile()): ?>
+            <img src="<?= $cover->url() ?>" alt="<?= $project->title() ?>" class="project-card__cover">
+          <?php endif ?>
+
+          <?php foreach ($project->files()->filterBy('template', 'image')->limit(5) as $image): ?>
+            <img src="<?= $image->url() ?>" alt="" class="project-card__image">
+          <?php endforeach ?>
+        </div>
+
+        <!-- Project Info -->
+        <div class="project-card__info">
+          <h2 class="project-card__title"><?= $project->title() ?></h2>
+
+          <?php if ($project->tagline()->isNotEmpty()): ?>
+            <p class="project-card__tagline"><?= $project->tagline() ?></p>
+          <?php endif ?>
+
+          <?php if ($project->description()->isNotEmpty()): ?>
+            <p class="project-card__description"><?= $project->description() ?></p>
+          <?php endif ?>
+
+          <!-- Meta -->
+          <div class="project-card__meta">
+            <?php if ($project->impact()->isNotEmpty()): ?>
+              <div class="project-card__impact">
+                <span class="label">Impact:</span>
+                <?= $project->impact()->join(', ') ?>
+              </div>
+            <?php endif ?>
+
+            <?php if ($project->category()->isNotEmpty()): ?>
+              <div class="project-card__category">
+                <span class="label">Catégorie:</span>
+                <?= $project->category()->value() ?>
+              </div>
+            <?php endif ?>
+
+            <?php if ($project->platforms()->isNotEmpty()): ?>
+              <div class="project-card__platforms">
+                <span class="label">Plateformes:</span>
+                <?= $project->platforms()->join(' / ') ?>
+              </div>
+            <?php endif ?>
+          </div>
+
+          <!-- Links -->
+          <div class="project-card__links">
+            <?php if ($project->apple_link()->isNotEmpty()): ?>
+              <a href="<?= $project->apple_link() ?>" class="btn btn--apple" target="_blank">
+                Apple
+              </a>
+            <?php endif ?>
+
+            <?php if ($project->android_link()->isNotEmpty()): ?>
+              <a href="<?= $project->android_link() ?>" class="btn btn--android" target="_blank">
+                Android
+              </a>
+            <?php endif ?>
+          </div>
+        </div>
+
+        <!-- Counter -->
+        <div class="project-card__counter">
+          <?= str_pad($index, 2, '0', STR_PAD_LEFT) ?>/<?= str_pad($total, 2, '0', STR_PAD_LEFT) ?>
+        </div>
+      </article>
+    <?php endforeach ?>
+  </section>
+
+  <!-- Thumbnails Navigation -->
+  <nav class="portfolio__thumbnails">
+    <?php foreach ($projects as $project): ?>
+      <a href="#<?= $project->slug() ?>" class="portfolio__thumbnail">
+        <?php if ($cover = $project->cover()->toFile()): ?>
+          <img src="<?= $cover->thumb(['width' => 100])->url() ?>" alt="<?= $project->title() ?>">
+        <?php endif ?>
+      </a>
+    <?php endforeach ?>
+  </nav>
+</main>
+
+<?php snippet('footer') ?>
diff --git a/site/templates/project.php b/site/templates/project.php
new file mode 100644
index 0000000..6340277
--- /dev/null
+++ b/site/templates/project.php
@@ -0,0 +1,104 @@
+<?php snippet('header') ?>
+
+<main class="project">
+  <article class="project__content">
+    <!-- Gallery -->
+    <div class="project__gallery">
+      <?php if ($cover = $page->cover()->toFile()): ?>
+        <img src="<?= $cover->url() ?>" alt="<?= $page->title() ?>" class="project__cover">
+      <?php endif ?>
+
+      <?php foreach ($page->files()->filterBy('template', 'image') as $image): ?>
+        <img src="<?= $image->url() ?>" alt="" class="project__image">
+      <?php endforeach ?>
+    </div>
+
+    <!-- Info -->
+    <div class="project__info">
+      <h1 class="project__title"><?= $page->title() ?></h1>
+
+      <?php if ($page->tagline()->isNotEmpty()): ?>
+        <p class="project__tagline"><?= $page->tagline() ?></p>
+      <?php endif ?>
+
+      <?php if ($page->description()->isNotEmpty()): ?>
+        <div class="project__description">
+          <?= $page->description()->kt() ?>
+        </div>
+      <?php endif ?>
+
+      <!-- Meta -->
+      <div class="project__meta">
+        <?php if ($page->impact()->isNotEmpty()): ?>
+          <div class="project__impact">
+            <span class="label">Impact:</span>
+            <?= $page->impact()->join(', ') ?>
+          </div>
+        <?php endif ?>
+
+        <?php if ($page->category()->isNotEmpty()): ?>
+          <div class="project__category">
+            <span class="label">Catégorie:</span>
+            <?= $page->category()->value() ?>
+          </div>
+        <?php endif ?>
+
+        <?php if ($page->platforms()->isNotEmpty()): ?>
+          <div class="project__platforms">
+            <span class="label">Plateformes:</span>
+            <?= $page->platforms()->join(' / ') ?>
+          </div>
+        <?php endif ?>
+
+        <?php if ($page->client_name()->isNotEmpty()): ?>
+          <div class="project__client">
+            <span class="label">Client:</span>
+            <?= $page->client_name() ?>
+          </div>
+        <?php endif ?>
+      </div>
+
+      <!-- Links -->
+      <div class="project__links">
+        <?php if ($page->apple_link()->isNotEmpty()): ?>
+          <a href="<?= $page->apple_link() ?>" class="btn btn--apple" target="_blank">
+            App Store
+          </a>
+        <?php endif ?>
+
+        <?php if ($page->android_link()->isNotEmpty()): ?>
+          <a href="<?= $page->android_link() ?>" class="btn btn--android" target="_blank">
+            Play Store
+          </a>
+        <?php endif ?>
+
+        <?php if ($page->web_link()->isNotEmpty()): ?>
+          <a href="<?= $page->web_link() ?>" class="btn btn--web" target="_blank">
+            Voir le site
+          </a>
+        <?php endif ?>
+      </div>
+    </div>
+  </article>
+
+  <!-- Navigation -->
+  <nav class="project__nav">
+    <?php if ($prev = $page->prev()): ?>
+      <a href="<?= $prev->url() ?>" class="project__nav-prev">
+        &larr; <?= $prev->title() ?>
+      </a>
+    <?php endif ?>
+
+    <a href="<?= $page->parent()->url() ?>" class="project__nav-back">
+      Tous les projets
+    </a>
+
+    <?php if ($next = $page->next()): ?>
+      <a href="<?= $next->url() ?>" class="project__nav-next">
+        <?= $next->title() ?> &rarr;
+      </a>
+    <?php endif ?>
+  </nav>
+</main>
+
+<?php snippet('footer') ?>