feat: parseAcfMedia

feat: parseAcfLink
feat: showLabel
2026-01-30 15:50:06 -05:00 · 2026-01-30 15:43:49 -05:00 · 2026-01-30 15:43:37 -05:00 · 2026-01-30 15:39:32 -05:00 · 2026-01-30 15:39:19 -05:00 · 2026-01-30 14:38:25 -05:00
70 changed files with 6319 additions and 1216 deletions
--- a/.gitea/workflows/deploy.yaml
+++ b/.gitea/workflows/deploy.yaml
@@ -0,0 +1,56 @@
+name: Deployment
+run-name: ${{ gitea.actor }} deploying ${{ gitea.repository.name }}
+on: [push]
+
+env:
+  NUXT_PROJECT_PATH: wp-content/themes/moonshine
+  PNPM_STORE_DIR: /cache/wp-scripts/pnpm
+
+jobs:
+  
+  wordpress:
+    runs-on: ubuntu-websimple
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Install WordPress scripts
+        env:
+          TEMPLATES_REPO_TOKEN: ${{ secrets.TEMPLATES_REPO_TOKEN }}
+        run: |
+          git clone https://$TEMPLATES_REPO_TOKEN@gitea.websimple.com/templates/wp-scripts.git /tmp/wp-scripts
+
+      - name: Run deployment script
+        env:
+          REMOTE_HOST: ${{ vars.REMOTE_HOST }}
+          REMOTE_PORT: ${{ vars.REMOTE_PORT }}
+          REMOTE_USER: ${{ vars.REMOTE_USER }}
+          REMOTE_PATH: ${{ vars.REMOTE_PATH }}
+          SSH_PRIVATE_KEY: ${{ secrets.SSH_PRIVATE_KEY }}
+        run: /tmp/wp-scripts/wp-deploy.sh --skip-node
+
+  nuxt:
+    runs-on: ubuntu-websimple
+    defaults:
+      run:
+        working-directory: ${{ env.NUXT_PROJECT_PATH }}
+    env:
+      NUXT_SITE_ENV: ${{ vars.NUXT_SITE_ENV }}
+      NUXT_SITE_URL: ${{ vars.NUXT_SITE_URL }}
+      NUXT_WP_URL: ${{ vars.NUXT_WP_URL }}
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Install Node.js dependencies
+        run: pnpm install --frozen-lockfile --store-dir $PNPM_STORE_DIR
+          
+      - name: Build Nuxt project
+        run: pnpm build
+
+      - name: Deploy to Cloudflare Workers
+        run: pnpm wrangler deploy
+        env:
+          CLOUDFLARE_ACCOUNT_ID: ${{ vars.CLOUDFLARE_ACCOUNT_ID }}
+          CLOUDFLARE_API_TOKEN: ${{ secrets.CLOUDFLARE_API_TOKEN }}
--- a/README.md
+++ b/README.md
@@ -3,4 +3,3 @@
 Headless WordPress project boilerplate using Nuxt.

 [✨ &nbsp;Release notes](/wp-content/themes/moonshine/CHANGELOG.md)
- 
--- a/composer.json
+++ b/composer.json
@@ -32,12 +32,16 @@
    "lintfix": "vendor/bin/phpcbf"
  },
  "require": {
+    "axepress/wp-graphql-rank-math": "*",
+    "lewebsimple/acf-phone": "*",
    "lewebsimple/advanced-custom-fields-pro": "*",
    "lewebsimple/kaliroots": "*",
    "lewebsimple/wp-graphql-headless-login": "*",
    "wpackagist-plugin/acf-extended": "*",
    "wpackagist-plugin/clean-image-filenames": "*",
    "wpackagist-plugin/disable-comments": "*",
+    "wpackagist-plugin/media-focus-point": "*",
+    "wpackagist-plugin/seo-by-rank-math": "*",
    "wpackagist-plugin/wp-graphql": "*",
    "wpackagist-plugin/wpgraphql-acf": "*"
  },
--- a/composer.lock
+++ b/composer.lock
@@ -4,8 +4,169 @@
        "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
        "This file is @generated automatically"
    ],
-    "content-hash": "aec2b0e396a71ea02fe95432358ca91e",
+    "content-hash": "e3ce417e8c09ed84502559af141f6530",
    "packages": [
+        {
+            "name": "axepress/wp-graphql-plugin-boilerplate",
+            "version": "0.1.1",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/AxeWP/wp-graphql-plugin-boilerplate.git",
+                "reference": "09495b61346453baabdf4c71a38ada3cfc91c3a7"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/AxeWP/wp-graphql-plugin-boilerplate/zipball/09495b61346453baabdf4c71a38ada3cfc91c3a7",
+                "reference": "09495b61346453baabdf4c71a38ada3cfc91c3a7",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.4"
+            },
+            "require-dev": {
+                "axepress/wp-graphql-cs": "^2.0.0",
+                "axepress/wp-graphql-stubs": "^2.3.0",
+                "phpcompatibility/php-compatibility": "dev-develop as 9.9.9",
+                "phpstan/extension-installer": "^1.1",
+                "phpstan/phpstan": "^2.0",
+                "phpstan/phpstan-deprecation-rules": "^2.0.1",
+                "szepeviktor/phpstan-wordpress": "^2.0",
+                "wp-cli/wp-cli-bundle": "^2.8.1"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "AxeWP\\GraphQL\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "GPL-3.0-or-later"
+            ],
+            "authors": [
+                {
+                    "name": "AxePress Development",
+                    "homepage": "https://axepress.dev"
+                },
+                {
+                    "name": "David Levine",
+                    "role": "Developer"
+                }
+            ],
+            "description": "Boilerplate for creating WPGraphQL extensions",
+            "support": {
+                "issues": "https://github.com/AxeWP/wp-graphql-plugin-boilerplate/issues",
+                "source": "https://github.com/AxeWP/wp-graphql-plugin-boilerplate/tree/0.1.1"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/AxeWp",
+                    "type": "github"
+                }
+            ],
+            "time": "2025-06-07T02:03:50+00:00"
+        },
+        {
+            "name": "axepress/wp-graphql-rank-math",
+            "version": "0.3.4",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/AxeWP/wp-graphql-rank-math.git",
+                "reference": "167bdd4a5350717ed34069c304e0ffc3fe02bc7d"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/AxeWP/wp-graphql-rank-math/zipball/167bdd4a5350717ed34069c304e0ffc3fe02bc7d",
+                "reference": "167bdd4a5350717ed34069c304e0ffc3fe02bc7d",
+                "shasum": ""
+            },
+            "require": {
+                "axepress/wp-graphql-plugin-boilerplate": "^0.1.1",
+                "php": ">=7.4"
+            },
+            "require-dev": {
+                "axepress/wp-graphql-cs": "^2.0.0",
+                "axepress/wp-graphql-stubs": "^2.0.0",
+                "codeception/lib-innerbrowser": "^1.0",
+                "codeception/module-asserts": "^1.0",
+                "codeception/module-cli": "^1.0",
+                "codeception/module-db": "^1.0",
+                "codeception/module-filesystem": "^1.0",
+                "codeception/module-phpbrowser": "^1.0",
+                "codeception/module-rest": "^2.0",
+                "codeception/module-webdriver": "^1.0",
+                "codeception/phpunit-wrapper": "^9.0",
+                "codeception/util-universalframework": "^1.0",
+                "lucatume/wp-browser": "<3.5",
+                "php-coveralls/php-coveralls": "^2.5",
+                "phpcompatibility/php-compatibility": "dev-develop as 9.9.9",
+                "phpstan/extension-installer": "^1.1",
+                "phpstan/phpstan": "^2.1.5",
+                "phpunit/phpunit": "^9.5",
+                "szepeviktor/phpstan-wordpress": "^2.0.1",
+                "wp-cli/wp-cli-bundle": "^2.8.1",
+                "wp-graphql/wp-graphql-testcase": "~3.4.0"
+            },
+            "type": "wordpress-plugin",
+            "extra": {
+                "strauss": {
+                    "packages": [
+                        "axepress/wp-graphql-plugin-boilerplate"
+                    ],
+                    "classmap_prefix": "WPGraphQL_RankMath_",
+                    "constant_prefix": "WPGRAPHQL_SEO_",
+                    "namespace_prefix": "WPGraphQL\\RankMath\\Vendor\\",
+                    "target_directory": "vendor-prefixed",
+                    "update_call_sites": false,
+                    "exclude_from_prefix": {
+                        "namespaces": [],
+                        "file_patterns": []
+                    },
+                    "include_modified_date": false,
+                    "delete_vendor_packages": true
+                }
+            },
+            "autoload": {
+                "files": [
+                    "access-functions.php"
+                ],
+                "psr-4": {
+                    "WPGraphQL\\RankMath\\": "src/"
+                },
+                "classmap": [
+                    "vendor-prefixed/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "GPL-3.0-or-later"
+            ],
+            "authors": [
+                {
+                    "name": "AxePress Development",
+                    "email": "support@axepress.dev",
+                    "homepage": "https://axepress.dev"
+                },
+                {
+                    "name": "David Levine",
+                    "role": "Developer"
+                }
+            ],
+            "description": "Adds WPGraphQL support for RankMath SEO",
+            "support": {
+                "email": "support@axepress.dev",
+                "forum": "https://github.com/AxeWP/wp-graphql-rank-math/discussions",
+                "issues": "https://github.com/AxeWP/wp-graphql-rank-math/issues",
+                "source": "https://github.com/AxeWP/wp-graphql-rank-math/tree/0.3.4"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/sponsors/AxeWP",
+                    "type": "github"
+                }
+            ],
+            "time": "2025-06-07T12:05:15+00:00"
+        },
        {
            "name": "composer/installers",
            "version": "v2.3.0",
@@ -152,6 +313,43 @@
            ],
            "time": "2024-06-24T20:46:46+00:00"
        },
+        {
+            "name": "lewebsimple/acf-phone",
+            "version": "v3.1.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/lewebsimple/acf-phone.git",
+                "reference": "cf4c6440e0c2cdf7e422423bb629014204e721bf"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://satis.ledevsimple.ca/dist/lewebsimple/acf-phone/lewebsimple-acf-phone-cf4c6440e0c2cdf7e422423bb629014204e721bf-zip-439080.zip",
+                "reference": "cf4c6440e0c2cdf7e422423bb629014204e721bf",
+                "shasum": "f9d7cbcf27985656245285e5bc035578621f1a69"
+            },
+            "require-dev": {
+                "lewebsimple/wp-phpcs-ruleset": "*",
+                "php-stubs/acf-pro-stubs": "*",
+                "squizlabs/php_codesniffer": "*"
+            },
+            "type": "wordpress-plugin",
+            "scripts": {
+                "post-create-project-cmd": [
+                    "./scripts/post-create.sh"
+                ],
+                "lint": [
+                    "vendor/bin/phpcs"
+                ],
+                "lintfix": [
+                    "vendor/bin/phpcbf"
+                ]
+            },
+            "support": {
+                "source": "https://github.com/lewebsimple/acf-phone/tree/v3.1.0",
+                "issues": "https://github.com/lewebsimple/acf-phone/issues"
+            },
+            "time": "2026-01-30T15:01:34+00:00"
+        },
        {
            "name": "lewebsimple/advanced-custom-fields-pro",
            "version": "v6.7.0.2",
@@ -258,16 +456,52 @@
            "homepage": "https://wordpress.org/plugins/disable-comments/"
        },
        {
-            "name": "wpackagist-plugin/wp-graphql",
-            "version": "2.6.0",
+            "name": "wpackagist-plugin/media-focus-point",
+            "version": "2.0.4",
            "source": {
                "type": "svn",
-                "url": "https://plugins.svn.wordpress.org/wp-graphql/",
-                "reference": "tags/2.6.0"
+                "url": "https://plugins.svn.wordpress.org/media-focus-point/",
+                "reference": "tags/2.0.4"
            },
            "dist": {
                "type": "zip",
-                "url": "https://downloads.wordpress.org/plugin/wp-graphql.2.6.0.zip"
+                "url": "https://downloads.wordpress.org/plugin/media-focus-point.2.0.4.zip"
+            },
+            "require": {
+                "composer/installers": "^1.0 || ^2.0"
+            },
+            "type": "wordpress-plugin",
+            "homepage": "https://wordpress.org/plugins/media-focus-point/"
+        },
+        {
+            "name": "wpackagist-plugin/seo-by-rank-math",
+            "version": "1.0.263",
+            "source": {
+                "type": "svn",
+                "url": "https://plugins.svn.wordpress.org/seo-by-rank-math/",
+                "reference": "tags/1.0.263"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://downloads.wordpress.org/plugin/seo-by-rank-math.1.0.263.zip"
+            },
+            "require": {
+                "composer/installers": "^1.0 || ^2.0"
+            },
+            "type": "wordpress-plugin",
+            "homepage": "https://wordpress.org/plugins/seo-by-rank-math/"
+        },
+        {
+            "name": "wpackagist-plugin/wp-graphql",
+            "version": "2.7.0",
+            "source": {
+                "type": "svn",
+                "url": "https://plugins.svn.wordpress.org/wp-graphql/",
+                "reference": "tags/2.7.0"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://downloads.wordpress.org/plugin/wp-graphql.2.7.0.zip"
            },
            "require": {
                "composer/installers": "^1.0 || ^2.0"
--- a/wp-content/mu-plugins/headless-home-url.php
+++ b/wp-content/mu-plugins/headless-home-url.php
@@ -0,0 +1,20 @@
+<?php
+
+// Customize home URL for headless WordPress
+add_filter( 'home_url', 'headless_home_url', 10, 4 );
+function headless_home_url( $url, $path, $orig_scheme, $blog_id ) {
+	// Exclude specific patterns from rewriting
+	$excluded_patterns = array(
+		'#/wp-json(/|$)#i', // WP REST API
+		'#\.(xsl|xml)$#i',  // Sitemap and XSLT files
+	);
+	foreach ( $excluded_patterns as $pattern ) {
+		if ( preg_match( $pattern, $url ) ) {
+			return get_site_url( $blog_id, $path, $orig_scheme );
+		}
+	}
+
+	// Rewrite URL protocol to match original home scheme
+	$scheme = wp_parse_url( get_option( 'home' ) )['scheme'] ?? 'https';
+	return preg_replace( '#^https:#i', "$scheme:", $url );
+}
--- a/wp-content/themes/moonshine/.gitignore
+++ b/wp-content/themes/moonshine/.gitignore
@@ -22,3 +22,6 @@ logs
 .env
 .env.*
 !.env.example
+
+# Wrangler files
+.wrangler
--- a/wp-content/themes/moonshine/CHANGELOG.md
+++ b/wp-content/themes/moonshine/CHANGELOG.md
@@ -1,5 +1,90 @@
 # Changelog

+## v0.1.11
+
+[compare changes](https://gitea.websimple.com/wp-sites/wp-headless/compare/v0.1.10...v0.1.11)
+
+### 🚀 Enhancements
+
+- MapSocialIcon (6dd13ea)
+- AcfSocial / parseAcfSocial (3199835)
+
+### 🩹 Fixes
+
+- Remove unneeded wrangler main / assets (eea020b)
+- Cloudflare image provider only in production (291fa6e)
+- Wrangler project name (8f037b5)
+- ENABLE_CLOUDFLARE_IMAGE (9c3dcee)
+
+## v0.1.10
+
+[compare changes](https://gitea.websimple.com/templates/wp-headless/compare/v0.1.9...v0.1.10)
+
+### 🚀 Enhancements
+
+- GroupSiteOptions.phoneNumber (ad3c53c)
+- AcfPhone component (6b17201)
+- AcfLink / AcfLinkButton components (115a5d2)
+
+### 💅 Refactors
+
+- OptionsSite => SiteOptions for clearer naming (fefa980)
+
+## v0.1.9
+
+[compare changes](https://gitea.websimple.com/templates/wp-headless/compare/v0.1.8...v0.1.9)
+
+### 🚀 Enhancements
+
+- Enhance refreshAuthToken to prevent duplicate requests (5e39b53)
+- Default site-logo.svg (238aa29)
+- Initial Media / HeroSplit acf groups (0fbd2bf)
+- Media Focus Point plugin integration (bff7bce)
+- AcfImage component based on @nuxt/image (4918c63)
+- AcfMedia component (image + aspect + object-fit) (8bd544b)
+- HeroSplit section (0bafc3a)
+
+## v0.1.8
+
+[compare changes](https://gitea.websimple.com/templates/wp-headless/compare/v0.1.7...v0.1.8)
+
+### 🚀 Enhancements
+
+- UseResponsive with device detection on SSR (c82bf47)
+- Graphql cache keyPrefix from package.json version (b1b1aa4)
+- All of wrangler config in nuxt.config.ts (21a7036)
+- Configure nuxt-svgo module (5f9c29c)
+
+### 🩹 Fixes
+
+- Headless_home_url needs to be in mu-plugins (51f594b)
+- Use public wpUrl runtime config for auth refresh token mutation (2c86905)
+- Term_order and default WPGraphQL settings (a27e6af)
+- Update nuxt-graphql and extractNodes typing (maybe => undefined instead of null) (27f4f73)
+
+## v0.1.7
+
+[compare changes](https://gitea.websimple.com/templates/wp-headless/compare/v0.1.6...v0.1.7)
+
+### 🚀 Enhancements
+
+- Configure sitemap URL in robots.txt (63f8e44)
+- Deploy to Cloudflare workers (c6dfbeb)
+- Display theme version in admin footer (b886585)
+
+## v0.1.6
+
+[compare changes](https://gitea.websimple.com/templates/wp-headless/compare/v0.1.5...v0.1.6)
+
+### 🚀 Enhancements
+
+- Site options page & field group (489ac82)
+- Initial SEO integration (c5ce607)
+
+### 🩹 Fixes
+
+- Bypass headless home URL for specific cases (108269e)
+
 ## v0.1.5

 [compare changes](https://gitea.websimple.com/templates/wp-headless/compare/v0.1.4...v0.1.5)
--- a/wp-content/themes/moonshine/README.md
+++ b/wp-content/themes/moonshine/README.md
@@ -1,3 +1,19 @@
 # Moonshine

-Headless WordPress theme based on Nuxt.
+Thème WordPress en headless basé sur Nuxt.
+
+## Variables d'environnement
+
+| Nom | Description | Exemple | Requise |
+|-----|-------------|---------|---------|
+| `NUXT_SITE_ENV` | Environnement | staging \| production | ➖ |
+| `NUXT_SITE_URL` | URL du frontend Nuxt | https://www.example.com | ➖ |
+| `NUXT_WP_URL` | URL du backend WordPress | https://wp.exemple.com | ✅ |
+
+## Secrets
+
+Configurer les secrets nécessaires au projet:
+
+```sh
+pnpm wrangler secret put NUXT_SESSION_PASSWORD
+```
--- a/wp-content/themes/moonshine/acf-json/group_abstract_builder.json
+++ b/wp-content/themes/moonshine/acf-json/group_abstract_builder.json
@@ -109,6 +109,102 @@
                    "acfe_flexible_render_script": false,
                    "acfe_flexible_thumbnail": false,
                    "acfe_flexible_category": false
+                },
+                "layout_697caf9a3e05b": {
+                    "key": "layout_697caf9a3e05b",
+                    "name": "hero_split",
+                    "label": "Héro en moitié",
+                    "display": "block",
+                    "sub_fields": [
+                        {
+                            "key": "field_697cafb13e05d",
+                            "label": "Content",
+                            "name": "content",
+                            "aria-label": "",
+                            "type": "wysiwyg",
+                            "instructions": "",
+                            "required": 1,
+                            "conditional_logic": 0,
+                            "wrapper": {
+                                "width": "",
+                                "class": "",
+                                "id": ""
+                            },
+                            "default_value": "",
+                            "allow_in_bindings": 0,
+                            "tabs": "all",
+                            "toolbar": "full",
+                            "media_upload": 0,
+                            "delay": 0,
+                            "show_in_graphql": 1,
+                            "graphql_description": "",
+                            "graphql_field_name": "content",
+                            "graphql_non_null": 1
+                        },
+                        {
+                            "key": "field_697cafc43e05e",
+                            "label": "Media",
+                            "name": "media",
+                            "aria-label": "",
+                            "type": "clone",
+                            "instructions": "",
+                            "required": 1,
+                            "conditional_logic": 0,
+                            "wrapper": {
+                                "width": "",
+                                "class": "",
+                                "id": ""
+                            },
+                            "graphql_field_name": "media",
+                            "clone": [
+                                "group_abstract_media"
+                            ],
+                            "display": "seamless",
+                            "layout": "block",
+                            "prefix_label": 0,
+                            "prefix_name": 0,
+                            "acfe_seamless_style": 0,
+                            "acfe_clone_modal": 0,
+                            "acfe_clone_modal_close": 0,
+                            "acfe_clone_modal_button": "",
+                            "acfe_clone_modal_size": "large"
+                        },
+                        {
+                            "key": "field_697cafdc3e05f",
+                            "label": "Position de l'image",
+                            "name": "reverse",
+                            "aria-label": "",
+                            "type": "true_false",
+                            "instructions": "",
+                            "required": 0,
+                            "conditional_logic": 0,
+                            "wrapper": {
+                                "width": "",
+                                "class": "",
+                                "id": ""
+                            },
+                            "message": "",
+                            "default_value": 0,
+                            "allow_in_bindings": 0,
+                            "ui_on_text": "Gauche",
+                            "ui_off_text": "Droite",
+                            "ui": 1,
+                            "show_in_graphql": 1,
+                            "graphql_description": "",
+                            "graphql_field_name": "reverse",
+                            "graphql_non_null": 1
+                        }
+                    ],
+                    "min": "",
+                    "max": "",
+                    "acfe_flexible_modal_edit_size": "",
+                    "acfe_flexible_settings": "",
+                    "acfe_flexible_settings_size": "large",
+                    "acfe_flexible_render_template": false,
+                    "acfe_flexible_render_style": false,
+                    "acfe_flexible_render_script": false,
+                    "acfe_flexible_thumbnail": false,
+                    "acfe_flexible_category": false
                }
            },
            "min": "",
@@ -152,5 +248,5 @@
    "graphql_types": "",
    "acfe_meta": "",
    "acfe_note": "",
-    "modified": 1768358815
+    "modified": 1769779666
 }
--- a/wp-content/themes/moonshine/acf-json/group_abstract_media.json
+++ b/wp-content/themes/moonshine/acf-json/group_abstract_media.json
@@ -0,0 +1,123 @@
+{
+    "key": "group_abstract_media",
+    "title": "Abstract - Media",
+    "fields": [
+        {
+            "key": "field_697caec68536d",
+            "label": "Image",
+            "name": "image",
+            "aria-label": "",
+            "type": "image",
+            "instructions": "",
+            "required": 1,
+            "conditional_logic": 0,
+            "wrapper": {
+                "width": "33",
+                "class": "",
+                "id": ""
+            },
+            "uploader": "",
+            "return_format": "array",
+            "library": "all",
+            "acfe_thumbnail": 0,
+            "min_width": "",
+            "min_height": "",
+            "min_size": "",
+            "max_width": "",
+            "max_height": "",
+            "max_size": "",
+            "mime_types": "",
+            "allow_in_bindings": 0,
+            "preview_size": "medium",
+            "show_in_graphql": 1,
+            "graphql_description": "",
+            "graphql_field_name": "image"
+        },
+        {
+            "key": "field_697caf018536e",
+            "label": "Ratio d'aspect",
+            "name": "aspect_ratio",
+            "aria-label": "",
+            "type": "button_group",
+            "instructions": "",
+            "required": 1,
+            "conditional_logic": 0,
+            "wrapper": {
+                "width": "33",
+                "class": "",
+                "id": ""
+            },
+            "choices": {
+                "square": "Carré (1:1)",
+                "video": "Vidéo (16:9)",
+                "portrait": "Portrait (2:3)",
+                "auto": "Aspect d'origine"
+            },
+            "default_value": "auto",
+            "return_format": "value",
+            "allow_null": 0,
+            "allow_in_bindings": 0,
+            "layout": "horizontal",
+            "show_in_graphql": 1,
+            "graphql_description": "",
+            "graphql_field_name": "aspectRatio",
+            "graphql_non_null": 1
+        },
+        {
+            "key": "field_697caf378536f",
+            "label": "Ajustement de l'image",
+            "name": "object_fit",
+            "aria-label": "",
+            "type": "button_group",
+            "instructions": "",
+            "required": 1,
+            "conditional_logic": 0,
+            "wrapper": {
+                "width": "33",
+                "class": "",
+                "id": ""
+            },
+            "choices": {
+                "cover": "Recadrer si nécessaire",
+                "contain": "Contenir sans recadrage"
+            },
+            "default_value": "cover",
+            "return_format": "value",
+            "allow_null": 0,
+            "allow_in_bindings": 0,
+            "layout": "horizontal",
+            "show_in_graphql": 1,
+            "graphql_description": "",
+            "graphql_field_name": "objectFit",
+            "graphql_non_null": 1
+        }
+    ],
+    "location": [
+        [
+            {
+                "param": "abstract"
+            }
+        ]
+    ],
+    "menu_order": 0,
+    "position": "normal",
+    "style": "seamless",
+    "label_placement": "top",
+    "instruction_placement": "label",
+    "hide_on_screen": "",
+    "active": true,
+    "description": "",
+    "show_in_rest": 0,
+    "display_title": "",
+    "acfe_autosync": [
+        "json"
+    ],
+    "acfe_form": 0,
+    "show_in_graphql": 1,
+    "graphql_field_name": "GroupAbstractMedia",
+    "map_graphql_types_from_location_rules": 0,
+    "graphql_types": "",
+    "acfe_meta": "",
+    "acfe_note": "",
+    "modified": 1769779078
+}
--- a/wp-content/themes/moonshine/acf-json/group_abstract_social.json
+++ b/wp-content/themes/moonshine/acf-json/group_abstract_social.json
@@ -0,0 +1,86 @@
+{
+    "key": "group_abstract_social",
+    "title": "Abstract - Social",
+    "fields": [
+        {
+            "key": "field_6855a1d643408",
+            "label": "Médias sociaux",
+            "name": "profiles",
+            "aria-label": "",
+            "type": "repeater",
+            "instructions": "",
+            "required": 0,
+            "conditional_logic": 0,
+            "wrapper": {
+                "width": "",
+                "class": "",
+                "id": ""
+            },
+            "acfe_repeater_stylised_button": 0,
+            "layout": "table",
+            "pagination": 0,
+            "min": 0,
+            "max": 0,
+            "collapsed": "",
+            "button_label": "Ajouter un élément",
+            "show_in_graphql": 1,
+            "graphql_description": "",
+            "graphql_field_name": "profiles",
+            "graphql_non_null": 1,
+            "rows_per_page": 20,
+            "sub_fields": [
+                {
+                    "key": "field_6855a7e143409",
+                    "label": "URL",
+                    "name": "url",
+                    "aria-label": "",
+                    "type": "url",
+                    "instructions": "",
+                    "required": 1,
+                    "conditional_logic": 0,
+                    "wrapper": {
+                        "width": "",
+                        "class": "",
+                        "id": ""
+                    },
+                    "default_value": "",
+                    "allow_in_bindings": 0,
+                    "placeholder": "",
+                    "show_in_graphql": 1,
+                    "graphql_description": "",
+                    "graphql_field_name": "url",
+                    "graphql_non_null": 1,
+                    "parent_repeater": "field_6855a1d643408"
+                }
+            ]
+        }
+    ],
+    "location": [
+        [
+            {
+                "param": "abstract"
+            }
+        ]
+    ],
+    "menu_order": 0,
+    "position": "normal",
+    "style": "seamless",
+    "label_placement": "top",
+    "instruction_placement": "label",
+    "hide_on_screen": "",
+    "active": true,
+    "description": "",
+    "show_in_rest": 0,
+    "display_title": "",
+    "acfe_autosync": [
+        "json"
+    ],
+    "acfe_form": 0,
+    "show_in_graphql": 1,
+    "graphql_field_name": "GroupAbstractSocial",
+    "map_graphql_types_from_location_rules": 0,
+    "graphql_types": "",
+    "acfe_meta": "",
+    "acfe_note": "",
+    "modified": 1769788591
+}
--- a/wp-content/themes/moonshine/acf-json/group_options_site.json
+++ b/wp-content/themes/moonshine/acf-json/group_options_site.json
@@ -0,0 +1,158 @@
+{
+    "key": "group_options_site",
+    "title": "Options - Site",
+    "fields": [
+        {
+            "key": "field_697220310aaaf",
+            "label": "Email",
+            "name": "email",
+            "aria-label": "",
+            "type": "email",
+            "instructions": "",
+            "required": 1,
+            "conditional_logic": 0,
+            "wrapper": {
+                "width": "",
+                "class": "",
+                "id": ""
+            },
+            "default_value": "",
+            "allow_in_bindings": 0,
+            "placeholder": "",
+            "prepend": "",
+            "append": "",
+            "show_in_graphql": 1,
+            "graphql_description": "",
+            "graphql_field_name": "email",
+            "graphql_non_null": 1
+        },
+        {
+            "key": "field_697cbf414fdd5",
+            "label": "Phone number",
+            "name": "phone_number",
+            "aria-label": "",
+            "type": "phone",
+            "instructions": "",
+            "required": 1,
+            "conditional_logic": 0,
+            "wrapper": {
+                "width": "",
+                "class": "",
+                "id": ""
+            },
+            "initial_country": "CA",
+            "return_format": "national",
+            "allow_in_bindings": 0,
+            "show_in_graphql": 1,
+            "graphql_description": "",
+            "graphql_field_name": "phoneNumber",
+            "graphql_non_null": 1
+        },
+        {
+            "key": "field_697cd4c5fc56a",
+            "label": "Médias sociaux",
+            "name": "social",
+            "aria-label": "",
+            "type": "clone",
+            "instructions": "",
+            "required": 1,
+            "conditional_logic": 0,
+            "wrapper": {
+                "width": "",
+                "class": "",
+                "id": ""
+            },
+            "graphql_field_name": "social",
+            "clone": [
+                "group_abstract_social"
+            ],
+            "display": "seamless",
+            "layout": "block",
+            "prefix_label": 0,
+            "prefix_name": 0,
+            "acfe_seamless_style": 0,
+            "acfe_clone_modal": 0,
+            "acfe_clone_modal_close": 0,
+            "acfe_clone_modal_button": "",
+            "acfe_clone_modal_size": "large"
+        },
+        {
+            "key": "field_697cc921234cc",
+            "label": "Liens globaux",
+            "name": "links",
+            "aria-label": "",
+            "type": "group",
+            "instructions": "",
+            "required": 0,
+            "conditional_logic": 0,
+            "wrapper": {
+                "width": "",
+                "class": "",
+                "id": ""
+            },
+            "layout": "row",
+            "acfe_seamless_style": 0,
+            "acfe_group_modal": 0,
+            "show_in_graphql": 1,
+            "graphql_description": "",
+            "graphql_field_name": "links",
+            "graphql_non_null": 0,
+            "sub_fields": [
+                {
+                    "key": "field_697cc93e234cd",
+                    "label": "Contact",
+                    "name": "contact",
+                    "aria-label": "",
+                    "type": "link",
+                    "instructions": "",
+                    "required": 1,
+                    "conditional_logic": 0,
+                    "wrapper": {
+                        "width": "",
+                        "class": "",
+                        "id": ""
+                    },
+                    "return_format": "array",
+                    "allow_in_bindings": 0,
+                    "show_in_graphql": 1,
+                    "graphql_description": "",
+                    "graphql_field_name": "contact",
+                    "graphql_non_null": 1
+                }
+            ],
+            "acfe_group_modal_close": 0,
+            "acfe_group_modal_button": "",
+            "acfe_group_modal_size": "large"
+        }
+    ],
+    "location": [
+        [
+            {
+                "param": "options_page",
+                "operator": "==",
+                "value": "site-options"
+            }
+        ]
+    ],
+    "menu_order": 0,
+    "position": "normal",
+    "style": "seamless",
+    "label_placement": "top",
+    "instruction_placement": "label",
+    "hide_on_screen": "",
+    "active": true,
+    "description": "",
+    "show_in_rest": 0,
+    "display_title": "",
+    "acfe_autosync": [
+        "json"
+    ],
+    "acfe_form": 0,
+    "show_in_graphql": 1,
+    "graphql_field_name": "GroupSiteOptions",
+    "map_graphql_types_from_location_rules": 0,
+    "graphql_types": "",
+    "acfe_meta": "",
+    "acfe_note": "",
+    "modified": 1769788698
+}
--- a/wp-content/themes/moonshine/acf-json/ui_options_page_site.json
+++ b/wp-content/themes/moonshine/acf-json/ui_options_page_site.json
@@ -0,0 +1,25 @@
+{
+    "key": "ui_options_page_site",
+    "title": "Options du site",
+    "active": true,
+    "menu_order": 0,
+    "page_title": "Options du site",
+    "menu_slug": "site-options",
+    "parent_slug": "options-general.php",
+    "advanced_configuration": 1,
+    "icon_url": "",
+    "menu_title": "",
+    "position": "",
+    "redirect": false,
+    "description": "",
+    "menu_icon": [],
+    "update_button": "Mise à jour",
+    "updated_message": "Options mises à jours",
+    "capability": "edit_posts",
+    "data_storage": "options",
+    "post_id": "",
+    "autoload": 0,
+    "show_in_graphql": 1,
+    "graphql_type_name": "SiteOptions",
+    "modified": 1769693948
+}
--- a/wp-content/themes/moonshine/app/app.vue
+++ b/wp-content/themes/moonshine/app/app.vue
@@ -1,9 +1,13 @@
+<script setup lang="ts">
+import { fr } from "@nuxt/ui/locale";
+</script>
+
 <template>
-  <div>
+  <UApp :locale="fr">
    <NuxtRouteAnnouncer />
    <NuxtLoadingIndicator />
    <NuxtLayout>
      <NuxtPage />
    </NuxtLayout>
-  </div>
+  </UApp>
 </template>
--- a/wp-content/themes/moonshine/app/assets/svg/site-logo.svg
+++ b/wp-content/themes/moonshine/app/assets/svg/site-logo.svg
@@ -0,0 +1,4 @@
+<svg version="1.1" viewBox="0 0 490.3 86.763" xmlns="http://www.w3.org/2000/svg">
+  <path d="m10.344 1.5312a10.208 10.208 0 0 0-9.0195 15.207l36.1 64.801a10.2 10.2 0 0 0 13.9 3.9004 10.415 10.415 0 0 0 4-14l-36.201-64.701a10.208 10.208 0 0 0-8.7793-5.207zm221.33 12.51v51.84h11.52v-2.8789a16.277 16.277 0 0 0 11.232 3.959c9.576 0 17.641-7.7004 17.641-19.152 0-11.376-8.0656-19.152-17.641-19.152a16.277 16.277 0 0 0-11.232 3.9609v-18.576h-11.52zm206 0v51.84h11.52v-51.84h-11.52zm-127.3 0.070312v11.145h11.521v-11.145h-11.521zm-21.229 14.535c-8.6942-0.004836-14.866 4.5403-15.109 11.721-0.193 5.685 3.5014 9.4123 10.15 10.863l7.291 1.6875c2.645 0.594 3.5488 1.5612 3.5078 2.7852-0.054 1.583-1.7534 2.8227-4.7754 2.7207-3.094-0.105-5.8618-1.3519-6.2598-4.4629l-11.305 1.9199c0.972 7.453 8.133 10.795 16.625 11.084 9.5 0.322 16.549-3.6186 16.82-11.602 0.181-5.325-2.8478-9.5341-9.6348-11.205l-8.4316-2.0137c-2.286-0.582-2.6824-1.6003-2.6484-2.6113 0.044-1.295 1.0992-2.773 4.1992-2.668 3.526 0.12 5.6164 2.2082 5.9004 4.4512l10.574-1.7363c-1.227-6.309-7.0597-10.613-16.055-10.918-0.28559-0.009687-0.56915-0.015469-0.84961-0.015625zm-79.43 0.009766c-10.512 0-19.152 7.7764-19.152 19.152 0 11.448 8.6401 19.152 19.08 19.152 8.28 0 14.832-3.6728 17.928-11.301l-10.225-2.0879c-1.944 3.528-5.0392 4.1758-7.6992 4.1758-3.888 0-6.8414-2.6624-7.7774-6.9824h26.5v-2.957h-0.00781c-0.216-11.808-8.4225-19.152-18.646-19.152zm140.62 0a13.682 13.682 0 0 0-10.656 4.3926v-3.3125h-11.52v36.145h11.52v-17.711c0-6.048 2.7361-9.1445 6.9121-9.1445 3.456 0 6.1191 2.5912 6.1191 6.6992v20.156h11.521v-17.711c0-6.048 2.8067-9.1445 7.0547-9.1445 3.384 0 6.0488 2.5912 6.0488 6.6992v20.156h11.447v-22.607c0-8.784-6.1202-14.617-13.824-14.617a15.58 15.58 0 0 0-12.814 6.1211c-2.448-3.96-6.7686-6.1211-11.809-6.1211zm66.391 0a16.277 16.277 0 0 0-11.232 3.9609v-2.8809h-11.52v48.385h11.52v-15.119a16.277 16.277 0 0 0 11.232 3.959c9.576 0 17.639-7.7004 17.639-19.152 0-11.376-8.0627-19.152-17.639-19.152zm54.936 0c-10.512 0-19.15 7.7764-19.15 19.152 0 11.448 8.6381 19.152 19.078 19.152 8.28 0 14.834-3.6728 17.93-11.301l-10.225-2.0879c-1.944 3.528-5.0392 4.1758-7.6992 4.1758-3.888 0-6.8414-2.6624-7.7774-6.9824h26.5v-2.957h-0.00781c-0.216-11.808-8.4244-19.152-18.648-19.152zm-336.16 1.0801 11.592 36.217h10.008l6.5527-19.584 6.4805 19.584h10.008l11.576-36.217h-11.301l-5.9004 19.512-6.8398-19.512h-8.1367l-6.8398 19.441-5.8984-19.441h-11.301zm174.88 0v36.145h11.521v-36.145h-11.521zm-100.66 8.2812a7.221 7.221 0 0 1 7.2715 5.6875h-14.9a7.918 7.918 0 0 1 7.6289-5.6875zm261.94 0a7.221 7.221 0 0 1 7.2715 5.6875h-14.9a7.918 7.918 0 0 1 7.6289-5.6875zm-219.6 0.43164c5.04 0 8.7109 3.8154 8.7109 9.3594 0 5.616-3.6709 9.3613-8.7109 9.3613a8.972 8.972 0 0 1-8.8574-9.3613 9.016 9.016 0 0 1 8.8574-9.3594zm162.29 0c5.04 0 8.7129 3.8154 8.7129 9.3594 0 5.616-3.6729 9.3613-8.7129 9.3613a8.972 8.972 0 0 1-8.8555-9.3613 9.016 9.016 0 0 1 8.8555-9.3594z" fill="#212121"/>
+  <path d="m123.02 1.939-.7-.5a9.735 9.735 0 0 0-13.4 3.2l-29.1 47.3a2.253 2.253 0 0 1-3.9-.1l-11.3-20.3a9.82 9.82 0 0 0-13.3-3.8l-.8.4a9.82 9.82 0 0 0-3.8 13.3l21.8 39a9.983 9.983 0 0 0 8.3 5 9.83 9.83 0 0 0 9.1-4.6l40.4-65.6a9.668 9.668 0 0 0-3.3-13.3" fill="#0ad2b7" data-name="Tracé 22516"/>
+</svg>
--- a/wp-content/themes/moonshine/app/components/acf/AcfImage.fragment.gql
+++ b/wp-content/themes/moonshine/app/components/acf/AcfImage.fragment.gql
@@ -0,0 +1,9 @@
+fragment AcfImage on MediaItem {
+  src: sourceUrl
+  alt: altText
+  mediaDetails {
+    width
+    height
+  }
+  objectPosition
+}
--- a/wp-content/themes/moonshine/app/components/acf/AcfImage.vue
+++ b/wp-content/themes/moonshine/app/components/acf/AcfImage.vue
@@ -0,0 +1,17 @@
+<script setup lang="ts">
+import type { AcfImageFragment } from "#graphql/operations";
+
+defineProps<{ image?: AcfImageFragment }>();
+</script>
+
+<template>
+  <NuxtImg
+    v-if="image"
+    :src="image.src"
+    :alt="image.alt"
+    :width="image.mediaDetails?.width"
+    :height="image.mediaDetails?.height"
+    :style="{ objectPosition: image.objectPosition || 'center' }"
+    placeholder
+  />
+</template>
--- a/wp-content/themes/moonshine/app/components/acf/AcfLink.fragment.gql
+++ b/wp-content/themes/moonshine/app/components/acf/AcfLink.fragment.gql
@@ -0,0 +1,5 @@
+fragment AcfLink on AcfLink {
+  title
+  url
+  target
+}
--- a/wp-content/themes/moonshine/app/components/acf/AcfLink.vue
+++ b/wp-content/themes/moonshine/app/components/acf/AcfLink.vue
@@ -0,0 +1,23 @@
+<script setup lang="ts">
+import type { AcfLinkFragment } from "#graphql/operations";
+import type { LinkProps } from "@nuxt/ui";
+
+type AcfLinkProps = Omit<LinkProps, "to" | "target" | "href"> & {
+  link?: AcfLinkFragment;
+};
+
+const { link, ...linkProps } = defineProps<AcfLinkProps>();
+</script>
+
+<template>
+  <ULink
+    v-if="link?.url && link?.title"
+    v-bind="linkProps"
+    :to="link.url"
+    :target="link.target"
+    :external="link.target === '_blank'"
+    :rel="link.target === '_blank' ? 'noopener noreferrer' : undefined"
+  >
+    <slot>{{ link.title }}</slot>
+  </ULink>
+</template>
--- a/wp-content/themes/moonshine/app/components/acf/AcfLinkButton.vue
+++ b/wp-content/themes/moonshine/app/components/acf/AcfLinkButton.vue
@@ -0,0 +1,24 @@
+<script setup lang="ts">
+import type { AcfLinkFragment } from "#graphql/operations";
+import type { ButtonProps } from "@nuxt/ui";
+
+type AcfLinkButtonProps = & Omit<ButtonProps, "to" | "target" | "href"> & {
+  link?: AcfLinkFragment;
+  showLabel?: boolean;
+};
+
+const { link, showLabel, ...buttonProps } = defineProps<AcfLinkButtonProps>();
+</script>
+
+<template>
+  <UButton
+    v-if="link?.url && link?.title"
+    v-bind="buttonProps"
+    :to="link.url"
+    :target="link.target"
+    :external="link.target === '_blank'"
+    :rel="link.target === '_blank' ? 'noopener noreferrer' : undefined"
+  >
+    <slot>{{ showLabel ? link.title : "" }}</slot>
+  </UButton>
+</template>
--- a/wp-content/themes/moonshine/app/components/acf/AcfMedia.fragment.gql
+++ b/wp-content/themes/moonshine/app/components/acf/AcfMedia.fragment.gql
@@ -0,0 +1,5 @@
+fragment AcfMedia on GroupAbstractMedia_Fields {
+  image { node { ... AcfImage } }
+  aspectRatio
+  objectFit
+}
--- a/wp-content/themes/moonshine/app/components/acf/AcfMedia.vue
+++ b/wp-content/themes/moonshine/app/components/acf/AcfMedia.vue
@@ -0,0 +1,36 @@
+<script setup lang="ts">
+import { tv, type VariantProps } from "tailwind-variants";
+import type { AcfMediaFragment } from "#graphql/operations";
+
+const tvAcfMedia = tv({
+  slots: {
+    image: "w-full",
+  },
+  variants: {
+    aspectRatio: {
+      square: { image: "aspect-[1/1]" },
+      video: { image: "aspect-video" },
+      portrait: { image: "aspect-[2/3]" },
+      auto: { image: "aspect-auto" },
+    },
+    objectFit: {
+      cover: { image: "object-cover" },
+      contain: { image: "object-contain" },
+    },
+  },
+  defaultVariants: {
+    aspectRatio: "auto",
+    objectFit: "cover",
+  },
+});
+
+const props = defineProps<{ media?: AcfMediaFragment }>();
+const classes = tvAcfMedia({
+  aspectRatio: props.media?.aspectRatio,
+  objectFit: props.media?.objectFit,
+} as VariantProps<typeof tvAcfMedia>);
+</script>
+
+<template>
+  <AcfImage v-if="media?.image?.node" :image="media.image.node" :class="classes.image()" />
+</template>
--- a/wp-content/themes/moonshine/app/components/acf/AcfPhone.fragment.gql
+++ b/wp-content/themes/moonshine/app/components/acf/AcfPhone.fragment.gql
@@ -0,0 +1,5 @@
+fragment AcfPhone on AcfPhone {
+  national
+  e164
+  extension
+}
--- a/wp-content/themes/moonshine/app/components/acf/AcfPhone.vue
+++ b/wp-content/themes/moonshine/app/components/acf/AcfPhone.vue
@@ -0,0 +1,14 @@
+<script setup lang="ts">
+import type { AcfPhoneFragment } from "#graphql/operations";
+
+defineProps<{
+  phone?: AcfPhoneFragment;
+  link?: boolean;
+}>();
+</script>
+
+<template>
+  <Component :is="link ? 'a' : 'span'" v-if="phone" :href="link ? `tel:${phone.e164}` : undefined">
+    {{ phone.national }}{{ phone.extension ? ` ext. ${phone.extension}` : "" }}
+  </Component>
+</template>
--- a/wp-content/themes/moonshine/app/components/acf/AcfSocial.fragment.gql
+++ b/wp-content/themes/moonshine/app/components/acf/AcfSocial.fragment.gql
@@ -0,0 +1,5 @@
+fragment AcfSocial on GroupAbstractSocial_Fields {
+  profiles {
+    url
+  }
+}
--- a/wp-content/themes/moonshine/app/components/acf/AcfSocial.vue
+++ b/wp-content/themes/moonshine/app/components/acf/AcfSocial.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+defineProps<{ social?: AcfSocialOutput }>();
+</script>
+
+<template>
+  <div v-if="social?.profiles" class="flex gap-1.5">
+    <a v-for="({ url, icon }, key) in social.profiles" :key="key" :href="url" target="_blank" rel="noopener noreferrer" class="flex">
+      <UIcon :name="icon" />
+    </a>
+  </div>
+</template>
--- a/wp-content/themes/moonshine/app/components/auth/AuthConnexionButton.vue
+++ b/wp-content/themes/moonshine/app/components/auth/AuthConnexionButton.vue
@@ -1,20 +0,0 @@
-<script setup lang="ts">
-const { isLoggedIn } = useAuth();
-const attrs = computed(() => {
-  return isLoggedIn.value
-    ? {
-        label: "Déconnexion",
-        icon: "i-lucide-log-out",
-      }
-    : {
-        label: "Connexion",
-        icon: "i-lucide-log-in",
-      };
-});
-</script>
-
-<template>
-  <AuthState>
-    <UButton to="/connexion" v-bind="attrs" color="neutral" />
-  </AuthState>
-</template>
--- a/wp-content/themes/moonshine/app/components/builder/BuilderSections.fragment.gql
+++ b/wp-content/themes/moonshine/app/components/builder/BuilderSections.fragment.gql
@@ -1,8 +1,7 @@
 fragment BuilderSections on GroupAbstractBuilder_Fields {
  sections {
    __typename
-    ... on GroupAbstractBuilderSectionsTextBlockLayout {
-      ... SectionTextBlock
-    }
+    ... on GroupAbstractBuilderSectionsHeroSplitLayout { ... SectionHeroSplit }
+    ... on GroupAbstractBuilderSectionsTextBlockLayout { ... SectionTextBlock }
  }
 }
--- a/wp-content/themes/moonshine/app/components/sections/SectionHeroSplit.fragment.gql
+++ b/wp-content/themes/moonshine/app/components/sections/SectionHeroSplit.fragment.gql
@@ -0,0 +1,6 @@
+fragment SectionHeroSplit on GroupAbstractBuilderSectionsHeroSplitLayout {
+  content
+  reverse
+  ...AcfMedia
+}
+ 
--- a/wp-content/themes/moonshine/app/components/sections/SectionHeroSplit.global.vue
+++ b/wp-content/themes/moonshine/app/components/sections/SectionHeroSplit.global.vue
@@ -0,0 +1,40 @@
+<script setup lang="ts">
+import { tv, type VariantProps } from "tailwind-variants";
+import type { SectionHeroSplitFragment } from "#graphql/operations";
+
+const tvSectionHeroSplit = tv({
+  slots: {
+    base: "py-6",
+    container: "container flex flex-col gap-6 items-center",
+    content: "flex-1",
+    media: "w-full basis-1/2",
+  },
+  variants: {
+    reverse: {
+      false: {
+        container: "lg:flex-row",
+      },
+      true: {
+        container: "lg:flex-row-reverse",
+      },
+    },
+  },
+  defaultVariants: {
+    reverse: false,
+  },
+});
+
+const props = defineProps<SectionHeroSplitFragment>();
+const classes = tvSectionHeroSplit({
+  reverse: props.reverse,
+} as VariantProps<typeof tvSectionHeroSplit>);
+</script>
+
+<template>
+  <section :class="classes.base()">
+    <div :class="classes.container()">
+      <UiProse :content="content" :class="classes.content()" />
+      <AcfMedia :media="parseAcfMedia(props)" :class="classes.media()" />
+    </div>
+  </section>
+</template>
--- a/wp-content/themes/moonshine/app/components/site/SiteFooter.vue
+++ b/wp-content/themes/moonshine/app/components/site/SiteFooter.vue
@@ -1,13 +1,12 @@
 <script setup lang="ts">
+const { data: siteOptions } = await useSiteOptions();
 </script>

 <template>
-  <UFooter id="site-footer">
-    <template #left>
-      <SiteFooterCopyright />
-    </template>
-    <template #right>
-      <SiteFooterCredits />
-    </template>
-  </UFooter>
+  <footer class="bg-accented links:link-prose">
+    <div class="container py-6">
+      <AcfSocial :social="parseAcfSocial(siteOptions)" />
+    </div>
+    <SiteFooterBottom />
+  </footer>
 </template>
--- a/wp-content/themes/moonshine/app/components/site/SiteFooterBottom.vue
+++ b/wp-content/themes/moonshine/app/components/site/SiteFooterBottom.vue
@@ -0,0 +1,13 @@
+<script setup lang="ts">
+const { connexionButton } = useAuthConnexion();
+</script>
+
+<template>
+  <div class="bg-inverted text-inverted py-1.5">
+    <div class="container flex flex-col sm:flex-row items-center gap-3">
+      <SiteFooterCopyright class="sm:mr-auto" />
+      <UButton v-bind="connexionButton" color="neutral" variant="link" />
+      <SiteFooterCredits />
+    </div>
+  </div>
+</template>
--- a/wp-content/themes/moonshine/app/components/site/SiteFooterCopyright.vue
+++ b/wp-content/themes/moonshine/app/components/site/SiteFooterCopyright.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-const { data } = await useAsyncGraphQLQuery("GeneralSettings", undefined, { cache: { ttl: 0 } });
+const { data: generalSettings } = await useGeneralSettings();
 </script>

 <template>
  <div>
    © {{ new Date().getFullYear() }}
-    <span v-if="data.generalSettings?.title">{{ data.generalSettings.title }}</span>
+    <span v-if="generalSettings?.title">{{ generalSettings.title }}</span>
  </div>
 </template>
--- a/wp-content/themes/moonshine/app/components/site/SiteHeader.vue
+++ b/wp-content/themes/moonshine/app/components/site/SiteHeader.vue
@@ -1,11 +1,12 @@
 <script setup lang="ts">
-const title = "Moonshine";
 </script>

 <template>
-  <UHeader :title="title">
-    <template #right>
-      <AuthConnexionButton />
+  <UHeader mode="slideover">
+    <template #left>
+      <NuxtLink to="/">
+        <SvgSiteLogo class="h-12 w-auto" />
+      </NuxtLink>
    </template>
  </UHeader>
 </template>
--- a/wp-content/themes/moonshine/app/composables/useAuth.ts
+++ b/wp-content/themes/moonshine/app/composables/useAuth.ts
@@ -2,5 +2,6 @@ export function useAuth() {
  const { loggedIn: isLoggedIn, session } = useUserSession();
  const hasRole = (role: string) => session.value?.user?.roles?.includes(role) || false;
  const isAdmin = computed(() => hasRole("administrator"));
+
  return { isLoggedIn, hasRole, isAdmin };
 }
--- a/wp-content/themes/moonshine/app/composables/useAuthConnexion.ts
+++ b/wp-content/themes/moonshine/app/composables/useAuthConnexion.ts
@@ -3,6 +3,7 @@ import type { FormSubmitEvent } from "@nuxt/ui";
 const isRedirecting = ref(false);

 export function useAuthConnexion() {
+  const { isLoggedIn } = useAuth();
  const toast = useToast();
  const { fetch: refreshUserSession } = useUserSession();
  const routeRedirect = useRoute().query.redirect as string || undefined;
@@ -67,5 +68,12 @@ export function useAuthConnexion() {
    }
  }

-  return { isRedirecting, login, logout };
+  // Dynamic connexion link
+  const connexionButton = computed(() => ({
+    label: isLoggedIn.value ? "Déconnexion" : "Connexion",
+    icon: isLoggedIn.value ? "i-lucide-log-out" : "i-lucide-log-in",
+    to: "/connexion",
+  }));
+
+  return { isRedirecting, login, logout, connexionButton };
 }
--- a/wp-content/themes/moonshine/app/composables/useGeneralSettings.ts
+++ b/wp-content/themes/moonshine/app/composables/useGeneralSettings.ts
@@ -0,0 +1,3 @@
+export const useGeneralSettings = () => useAsyncGraphQLQuery("GeneralSettings", {}, {
+  transform: ({ generalSettings }) => generalSettings,
+});
--- a/wp-content/themes/moonshine/app/composables/useNodeSeo.ts
+++ b/wp-content/themes/moonshine/app/composables/useNodeSeo.ts
@@ -0,0 +1,20 @@
+import type { NodeByUriQueryResult, NodeSeoFragment } from "#graphql/operations";
+
+export function useNodeSeo(node: NodeByUriQueryResult["nodeByUri"]) {
+  // Check if node has SEO data
+  if (!node || !("seo" in node) || !node.seo) {
+    return;
+  }
+  const { seo } = node as NodeSeoFragment;
+
+  useSeoMeta({
+    title: seo?.title || undefined,
+    description: seo?.description || undefined,
+    robots: (seo?.robots || []).join(", "),
+    ogTitle: seo?.openGraph?.title || undefined,
+    ogDescription: seo?.openGraph?.description || undefined,
+    ogImage: seo?.openGraph?.image?.url || undefined,
+    ogUrl: seo?.canonicalUrl || undefined,
+    twitterCard: "summary_large_image",
+  });
+}
--- a/wp-content/themes/moonshine/app/composables/useReponsive.ts
+++ b/wp-content/themes/moonshine/app/composables/useReponsive.ts
@@ -0,0 +1,9 @@
+import { breakpointsTailwind, useBreakpoints } from "@vueuse/core";
+
+export function useResponsive() {
+  const { isMobileOrTablet } = useDevice();
+  const breakpoints = useBreakpoints(breakpointsTailwind, { ssrWidth: isMobileOrTablet ? 375 : 1024 });
+  const isDesktop = breakpoints.greaterOrEqual("lg");
+
+  return { breakpoints, isDesktop };
+}
--- a/wp-content/themes/moonshine/app/composables/useSiteOptions.ts
+++ b/wp-content/themes/moonshine/app/composables/useSiteOptions.ts
@@ -0,0 +1,3 @@
+export const useSiteOptions = () => useAsyncGraphQLQuery("SiteOptions", {}, {
+  transform: ({ siteOptions }) => siteOptions?.groupSiteOptions,
+});
--- a/wp-content/themes/moonshine/app/graphql/AuthLogin.mutation.gql
+++ b/wp-content/themes/moonshine/app/graphql/AuthLogin.mutation.gql
@@ -13,7 +13,7 @@ login( input: { provider: PASSWORD, credentials: { username: $username, password
    authToken
    refreshToken
    user {
-      ...AuthUser
+      ... AuthUser
    }
  }
 }
--- a/wp-content/themes/moonshine/app/graphql/GeneralSettings.query.gql
+++ b/wp-content/themes/moonshine/app/graphql/GeneralSettings.query.gql
@@ -1,6 +1,10 @@
-query GeneralSettings {
-  generalSettings {
+fragment GeneralSettings on GeneralSettings {
  title
  description
+}
+
+query GeneralSettings {
+  generalSettings {
+    ... GeneralSettings
  }
 }
--- a/wp-content/themes/moonshine/app/graphql/NodebyUri.query.gql
+++ b/wp-content/themes/moonshine/app/graphql/NodebyUri.query.gql
@@ -1,8 +1,27 @@
+fragment NodeSeo on NodeWithRankMathSeo {
+  seo {
+    title
+    description
+    robots
+    canonicalUrl
+    openGraph {
+      title
+      description
+      image {
+        url
+      }
+    }
+  }
+}
+
 query NodeByUri($uri: String!) {
  nodeByUri(uri: $uri) {
    __typename
    ... on Page {
      ... NodePage
    }
+    ... on NodeWithRankMathSeo {
+      ... NodeSeo
+    }
  }
 }
--- a/wp-content/themes/moonshine/app/graphql/SiteOptions.query.gql
+++ b/wp-content/themes/moonshine/app/graphql/SiteOptions.query.gql
@@ -0,0 +1,16 @@
+fragment SiteOptions on GroupSiteOptions {
+  email
+  phoneNumber { ... AcfPhone }
+  ...AcfSocial
+  links {
+    contact { ... AcfLink}
+  }
+}
+
+query SiteOptions {
+  siteOptions {
+    groupSiteOptions {
+      ... SiteOptions
+    }
+  }
+}
--- a/wp-content/themes/moonshine/app/layouts/default.vue
+++ b/wp-content/themes/moonshine/app/layouts/default.vue
@@ -1,13 +1,9 @@
-<script setup lang="ts">
-import { fr } from "@nuxt/ui/locale";
-</script>
-
 <template>
-  <UApp id="layout-default" :locale="fr">
+  <div id="layout-default">
    <SiteHeader />
    <UMain>
      <slot />
    </UMain>
    <SiteFooter />
-  </UApp>
+  </div>
 </template>
--- a/wp-content/themes/moonshine/app/pages/[...uri].vue
+++ b/wp-content/themes/moonshine/app/pages/[...uri].vue
@@ -1,19 +1,23 @@
 <script setup lang="ts">
+// Fetch node by URI and handle query errors
 const { path: uri } = useRoute();
-const { data } = await useAsyncGraphQLQuery("NodeByUri", { uri });
-
-// Resolve and validate Node component
-if (!data.value.nodeByUri) {
+const { data, error } = await useAsyncGraphQLQuery("NodeByUri", { uri });
+if (!data.value?.nodeByUri) {
+  console.error("NodeByUri query error:", error.value);
  throw createError({ statusCode: 404, message: `La page demandée est introuvable: ${uri}`, fatal: true });
 }
+
+// Dynamically resolve component based on node type
 const componentName = `Node${data.value.nodeByUri.__typename}`;
 if (!useNuxtApp().vueApp.component(componentName)) {
  throw createError({ statusCode: 404, message: `La page demandée ne peut pas être affichée correctement: ${componentName}`, fatal: true });
 }
+
+useNodeSeo(data.value.nodeByUri);
 </script>

 <template>
-  <div v-if="data.nodeByUri" id="page-node-from-uri">
+  <div v-if="data?.nodeByUri" id="page-node-from-uri">
    <Component :is="componentName" v-bind="data.nodeByUri" />
  </div>
 </template>
--- a/wp-content/themes/moonshine/app/utils/acf-link.ts
+++ b/wp-content/themes/moonshine/app/utils/acf-link.ts
@@ -0,0 +1,18 @@
+import * as z from "zod";
+import type { AcfLinkFragment } from "#graphql/operations";
+
+const acfLinkSchema = z.object({
+  title: z.string(),
+  url: z.string(),
+  target: z.string().optional().default(""),
+});
+export type AcfLinkOutput = z.infer<typeof acfLinkSchema>;
+
+export function parseAcfLink(data?: Partial<AcfLinkFragment>) {
+  try {
+    return acfLinkSchema.parse(data);
+  }
+  catch {
+    return undefined;
+  }
+}
--- a/wp-content/themes/moonshine/app/utils/acf-media.ts
+++ b/wp-content/themes/moonshine/app/utils/acf-media.ts
@@ -0,0 +1,29 @@
+import type { AcfMediaFragment } from "#graphql/operations";
+import * as z from "zod";
+
+export const acfImageSchema = z.object({
+  src: z.url(),
+  alt: z.string(),
+  mediaDetails: z.object({
+    width: z.number(),
+    height: z.number(),
+  }),
+  objectPosition: z.string().optional().default("center"),
+});
+
+export const acfMediaSchema = z.object({
+  image: z.object({
+    node: acfImageSchema,
+  }),
+  aspectRatio: z.enum(["square", "video", "portrait", "auto"]).optional().default("auto"),
+  objectFit: z.enum(["cover", "contain"]).optional().default("cover"),
+});
+
+export function parseAcfMedia(data?: Partial<AcfMediaFragment>) {
+  try {
+    return acfMediaSchema.parse(data);
+  }
+  catch {
+    return undefined;
+  }
+}
--- a/wp-content/themes/moonshine/app/utils/acf-social.ts
+++ b/wp-content/themes/moonshine/app/utils/acf-social.ts
@@ -0,0 +1,32 @@
+import * as z from "zod";
+import type { AcfSocialFragment } from "#graphql/operations";
+
+const socialProfile = z.object({ url: z.url() }).transform(({ url }) => ({ url, icon: getSocialIcon(url) }));
+const acfSocialSchema = z.object({
+  profiles: z.array(socialProfile),
+});
+export type AcfSocialOutput = z.infer<typeof acfSocialSchema>;
+
+export function parseAcfSocial(data?: AcfSocialFragment) {
+  try {
+    return acfSocialSchema.parse(data);
+  }
+  catch {
+    return undefined;
+  }
+}
+
+const socialIconMap = {
+  "facebook.com": "i-cib-facebook-f",
+  "twitter.com": "i-cib-twitter",
+  "x.com": "i-cib-twitter",
+  "instagram.com": "i-cib-instagram",
+  "youtube.com": "i-cib-youtube",
+  "linkedin.com": "i-cib-linkedin",
+  "tiktok.com": "i-cib-tiktok",
+};
+
+function getSocialIcon(url: string): string {
+  const domain = new URL(url).hostname.toLowerCase().replace(/^www\./, "");
+  return socialIconMap[domain as keyof typeof socialIconMap] ?? "i-lucide-globe";
+}
--- a/wp-content/themes/moonshine/functions.php
+++ b/wp-content/themes/moonshine/functions.php
@@ -4,4 +4,11 @@
 require_once __DIR__ . '/includes/core/theme-setup.php';

 // Vendors
+require_once __DIR__ . '/includes/vendors/acf.php';
+require_once __DIR__ . '/includes/vendors/rankmath.php';
 require_once __DIR__ . '/includes/vendors/tinymce.php';
+require_once __DIR__ . '/includes/vendors/wpgraphql.php';
+
+// WPGraphQL
+require_once __DIR__ . '/includes/wpgraphql/media-focus-point.php';
+require_once __DIR__ . '/includes/wpgraphql/term-connection.php';
--- a/wp-content/themes/moonshine/includes/core/theme-setup.php
+++ b/wp-content/themes/moonshine/includes/core/theme-setup.php
@@ -16,3 +16,12 @@ function moonshine_after_setup_theme() {

 	// Register sidebars
 }
+
+// Display theme version in admin footer
+add_filter( 'update_footer', 'moonshine_update_footer', 100 );
+function moonshine_update_footer() {
+	$package_json = json_decode( file_get_contents( get_theme_file_path( 'package.json' ) ), true );
+	$name         = $package_json['name'] ?? 'moonshine';
+	$version      = $package_json['version'] ?? '(unknown)';
+	return sprintf( '%s v%s', esc_html( $name ), esc_html( $version ) );
+}
--- a/wp-content/themes/moonshine/includes/vendors/acf.php
+++ b/wp-content/themes/moonshine/includes/vendors/acf.php
@@ -0,0 +1,15 @@
+<?php
+
+// Disable ACF / ACFE modules
+add_filter( 'acf/settings/enable_post_types', '__return_false' );
+add_action( 'acf/init', 'moonshine_acf_init' );
+function moonshine_acf_init() {
+	acf_update_setting( 'acfe/modules/block_types', false );
+	acf_update_setting( 'acfe/modules/categories', false );
+	acf_update_setting( 'acfe/modules/forms', false );
+	acf_update_setting( 'acfe/modules/options', false );
+	acf_update_setting( 'acfe/modules/options_pages', false );
+	acf_update_setting( 'acfe/modules/post_types', false );
+	acf_update_setting( 'acfe/modules/taxonomies', false );
+	acf_update_setting( 'acfe/modules/templates', false );
+}
--- a/wp-content/themes/moonshine/includes/vendors/rankmath.php
+++ b/wp-content/themes/moonshine/includes/vendors/rankmath.php
@@ -0,0 +1 @@
+<?php
--- a/wp-content/themes/moonshine/includes/vendors/wpgraphql.php
+++ b/wp-content/themes/moonshine/includes/vendors/wpgraphql.php
@@ -0,0 +1,17 @@
+<?php
+
+// Default WPGraphQL settings
+add_filter( 'graphql_get_setting_section_field_value', 'moonshine_wpgraphql_settings', 10, 5 );
+function moonshine_wpgraphql_settings( $value, $default_value, $option_name, $section_fields, $section_name ) {
+	if ( $section_name === 'graphql_general_settings' ) {
+		switch ( $option_name ) {
+			case 'graphql_endpoint':
+				$value = 'graphql';
+				break;
+			case "public_introspection_enabled":
+					$value = "on";
+				break;
+		}
+	}
+	return $value;
+}
--- a/wp-content/themes/moonshine/includes/wpgraphql/media-focus-point.php
+++ b/wp-content/themes/moonshine/includes/wpgraphql/media-focus-point.php
@@ -0,0 +1,17 @@
+<?php
+
+// Expose 'bg_pos_desktop' post meta on MediaItem type in WPGraphQL
+add_action( 'graphql_register_types', 'leblanc_graphql_register_media_focus_point' );
+function leblanc_graphql_register_media_focus_point() {
+	register_graphql_field(
+		'MediaItem',
+		'objectPosition',
+		array(
+			'type'        => 'String',
+			'description' => 'CSS object-position value from Media Focus Point plugin',
+			'resolve'     => static function ( $media_item ) {
+				return get_post_meta( $media_item->databaseId, 'bg_pos_desktop', true );
+			},
+		)
+	);
+}
--- a/wp-content/themes/moonshine/includes/wpgraphql/term-connection.php
+++ b/wp-content/themes/moonshine/includes/wpgraphql/term-connection.php
@@ -0,0 +1,13 @@
+<?php
+
+// Override term connection query args
+add_filter( 'graphql_term_object_connection_query_args', 'moonshine_graphql_term_object_connection_query_args', 10, 3 );
+function moonshine_graphql_term_object_connection_query_args( $query_args, $source, $args ) {
+	// Sort by 'order' meta value instead of legacy 'term_order' field
+	if ( 'term_order' === $args['where']['orderby'] ?? false ) {
+		$query_args['meta_key'] = 'order';
+		$query_args['orderby']  = 'meta_value_num';
+	}
+
+	return $query_args;
+}
--- a/wp-content/themes/moonshine/languages/fr_CA.l10n.php
+++ b/wp-content/themes/moonshine/languages/fr_CA.l10n.php
@@ -1,24 +1,2 @@
 <?php
-return array(
-	'project-id-version'        => 'Moonshine',
-	'report-msgid-bugs-to'      => '',
-	'pot-creation-date'         => '2026-01-13 15:52+0000',
-	'po-revision-date'          => '2026-01-13 15:53+0000',
-	'last-translator'           => '',
-	'language-team'             => 'Français du Canada',
-	'language'                  => 'fr_CA',
-	'plural-forms'              => 'nplurals=2; plural=n > 1;',
-	'mime-version'              => '1.0',
-	'content-type'              => 'text/plain; charset=UTF-8',
-	'content-transfer-encoding' => '8bit',
-	'x-generator'               => 'Loco https://localise.biz/',
-	'x-loco-version'            => '2.8.1; wp-6.9; php-8.3.27',
-	'x-domain'                  => 'moonshine',
-	'messages'                  => array(
-		'Headless WordPress theme based on Nuxt.' => 'Thème Wordpress headless basé sur Nuxt.',
-		'https://websimple.com/'                  => 'https://websimple.com/',
-		'Main menu'                               => 'Menu principal',
-		'Moonshine'                               => 'Moonshine',
-		'Pascal Martineau '                       => 'Pascal Martineau ',
-	),
-);
+return ['project-id-version'=>'Moonshine','report-msgid-bugs-to'=>'','pot-creation-date'=>'2026-01-13 15:52+0000','po-revision-date'=>'2026-01-29 02:55+0000','last-translator'=>'','language-team'=>'Français du Canada','language'=>'fr_CA','plural-forms'=>'nplurals=2; plural=n > 1;','mime-version'=>'1.0','content-type'=>'text/plain; charset=UTF-8','content-transfer-encoding'=>'8bit','x-generator'=>'Loco https://localise.biz/','x-loco-version'=>'2.8.1; wp-6.9; php-8.3.27','x-domain'=>'moonshine','messages'=>['Heading styles'=>'Styles de titres','Headless WordPress theme based on Nuxt.'=>'Thème Wordpress headless basé sur Nuxt.','https://websimple.com/'=>'https://websimple.com/','Inline styles'=>'Styles de caractères','Link styles'=>'Styles de liens','Main menu'=>'Menu principal','Moonshine'=>'Moonshine','Paragraph styles'=>'Styles de paragraphes','Pascal Martineau '=>'Pascal Martineau ','Semi-bold'=>'Semi-gras']];
--- a/wp-content/themes/moonshine/languages/fr_CA.mo
+++ b/wp-content/themes/moonshine/languages/fr_CA.mo
--- a/wp-content/themes/moonshine/languages/fr_CA.po
+++ b/wp-content/themes/moonshine/languages/fr_CA.po
@@ -3,7 +3,7 @@ msgstr ""
 "Project-Id-Version: Moonshine\n"
 "Report-Msgid-Bugs-To: \n"
 "POT-Creation-Date: 2026-01-13 15:52+0000\n"
-"PO-Revision-Date: 2026-01-13 15:53+0000\n"
+"PO-Revision-Date: 2026-01-29 02:55+0000\n"
 "Last-Translator: \n"
 "Language-Team: Français du Canada\n"
 "Language: fr_CA\n"
@@ -15,6 +15,10 @@ msgstr ""
 "X-Loco-Version: 2.8.1; wp-6.9; php-8.3.27\n"
 "X-Domain: moonshine"

+#: includes/vendors/tinymce.php:54
+msgid "Heading styles"
+msgstr "Styles de titres"
+
 #. Description of the theme
 msgid "Headless WordPress theme based on Nuxt."
 msgstr "Thème Wordpress headless basé sur Nuxt."
@@ -23,6 +27,14 @@ msgstr "Thème Wordpress headless basé sur Nuxt."
 msgid "https://websimple.com/"
 msgstr "https://websimple.com/"

+#: includes/vendors/tinymce.php:34
+msgid "Inline styles"
+msgstr "Styles de caractères"
+
+#: includes/vendors/tinymce.php:24
+msgid "Link styles"
+msgstr "Styles de liens"
+
 #: includes/core/theme-setup.php:15
 msgid "Main menu"
 msgstr "Menu principal"
@@ -31,6 +43,14 @@ msgstr "Menu principal"
 msgid "Moonshine"
 msgstr "Moonshine"

+#: includes/vendors/tinymce.php:44
+msgid "Paragraph styles"
+msgstr "Styles de paragraphes"
+
 #. Author of the theme
 msgid "Pascal Martineau "
 msgstr "Pascal Martineau "
+
+#: includes/vendors/tinymce.php:37
+msgid "Semi-bold"
+msgstr "Semi-gras"
--- a/wp-content/themes/moonshine/languages/moonshine.pot
+++ b/wp-content/themes/moonshine/languages/moonshine.pot
@@ -3,7 +3,7 @@ msgid ""
 msgstr ""
 "Project-Id-Version: Moonshine\n"
 "Report-Msgid-Bugs-To: \n"
-"POT-Creation-Date: 2026-01-13 15:52+0000\n"
+"POT-Creation-Date: 2026-01-29 02:55+0000\n"
 "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
 "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
 "Language-Team: \n"
@@ -16,6 +16,10 @@ msgstr ""
 "X-Loco-Version: 2.8.1; wp-6.9; php-8.3.27\n"
 "X-Domain: moonshine"

+#: includes/vendors/tinymce.php:54
+msgid "Heading styles"
+msgstr ""
+
 #. Description of the theme
 msgid "Headless WordPress theme based on Nuxt."
 msgstr ""
@@ -24,6 +28,14 @@ msgstr ""
 msgid "https://websimple.com/"
 msgstr ""

+#: includes/vendors/tinymce.php:34
+msgid "Inline styles"
+msgstr ""
+
+#: includes/vendors/tinymce.php:24
+msgid "Link styles"
+msgstr ""
+
 #: includes/core/theme-setup.php:15
 msgid "Main menu"
 msgstr ""
@@ -32,6 +44,14 @@ msgstr ""
 msgid "Moonshine"
 msgstr ""

+#: includes/vendors/tinymce.php:44
+msgid "Paragraph styles"
+msgstr ""
+
 #. Author of the theme
 msgid "Pascal Martineau "
 msgstr ""
+
+#: includes/vendors/tinymce.php:37
+msgid "Semi-bold"
+msgstr ""
--- a/wp-content/themes/moonshine/nuxt.config.ts
+++ b/wp-content/themes/moonshine/nuxt.config.ts
@@ -1,12 +1,30 @@
+import { version } from "./package.json";
+
+const siteUrl = process.env.NUXT_SITE_URL;
+if (!siteUrl) {
+  throw new Error(`NUXT_SITE_URL is not defined. Make sure to set it in your build environment variables.`);
+}
+
+const wpUrl = process.env.NUXT_WP_URL;
+if (!wpUrl) {
+  throw new Error(`NUXT_WP_URL is not defined. Make sure to set it in your build environment variables.`);
+}
+const wpDomain = new URL(wpUrl).hostname;
+
+const enableCloudflareImage = Boolean(process.env.ENABLE_CLOUDFLARE_IMAGE);
+
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({

  modules: [
    "@lewebsimple/nuxt-graphql",
    "@nuxt/eslint",
+    "@nuxt/image",
    "@nuxt/ui",
+    "@nuxtjs/device",
    "@nuxtjs/seo",
    "nuxt-auth-utils",
+    "nuxt-svgo",
  ],

  components: {
@@ -20,7 +38,7 @@ export default defineNuxtConfig({
  css: ["~/assets/css/_main.css"],

  site: {
-    url: "https://wp-headless.ledevsimple.ca",
+    url: siteUrl,
    name: "WP Headless",
    defaultLocale: "fr",
  },
@@ -29,8 +47,34 @@ export default defineNuxtConfig({
    colorMode: false,
  },

+  runtimeConfig: {
+    wpUrl,
+  },
+
  compatibilityDate: "2026-01-01",

+  nitro: {
+    preset: "cloudflare_module",
+    cloudflare: {
+      deployConfig: true,
+      nodeCompat: true,
+      wrangler: {
+        // Project name
+        name: "wp-headless",
+        // Cloudflare Workers settings
+        compatibility_date: "2026-01-27",
+        observability: { enabled: true },
+        preview_urls: false,
+        // Environment variables
+        vars: {
+          NODE_ENV: "staging",
+          NUXT_SITE_URL: siteUrl,
+          NUXT_WP_URL: wpUrl,
+        },
+      },
+    },
+  },
+
  eslint: {
    config: {
      stylistic: {
@@ -44,20 +88,36 @@ export default defineNuxtConfig({
  },

  graphql: {
-    yoga: {
-      context: ["~~/server/graphql/context"],
-      schemas: {
-        wp: {
-          type: "remote",
-          url: `${process.env.NUXT_WP_URL || "https://wp-headless.ledevsimple.ca"}/graphql`,
-          hooks: ["~~/server/graphql/wp-hooks"],
+    client: {
+      cache: {
+        keyVersion: version,
      },
    },
+    server: {
+      context: ["server/graphql/context"],
+      schema: {
+        wp: { type: "remote", endpoint: `${wpUrl}/graphql`, hooks: ["server/graphql/wp-hooks"] },
+      },
    },
  },

-  sitemap: {
-    zeroRuntime: true,
+  image: {
+    provider: enableCloudflareImage ? "cloudflare" : "none",
+    cloudflare: { baseURL: `${siteUrl}/` },
+    domains: [wpDomain],
+    format: ["avif", "webp"],
+  },
+
+  robots: {
+    sitemap: `${wpUrl}/sitemap_index.xml`,
+  },
+
+  sitemap: false,
+
+  svgo: {
+    autoImportPath: "~/assets/svg/",
+    componentPrefix: "Svg",
+    defaultImport: "component",
  },

 });
--- a/wp-content/themes/moonshine/package.json
+++ b/wp-content/themes/moonshine/package.json
@@ -1,7 +1,7 @@
 {
  "name": "@lewebsimple/moonshine",
  "description": "Headless WordPress theme based on Nuxt.",
-  "version": "0.1.5",
+  "version": "0.1.11",
  "type": "module",
  "private": true,
  "scripts": {
@@ -9,37 +9,49 @@
    "editor-style": "pnpx @tailwindcss/cli -i ./app/assets/css/_main.css -o ./editor-style.css --minify",
    "dev": "nuxt dev",
    "lint": "eslint --fix .",
-    "postinstall": "pnpm --sequential /postinstall:.*/",
-    "postinstall:nuxt": "nuxt prepare",
-    "preview": "nuxt preview",
+    "postinstall": "nuxt prepare",
+    "preview": "WRANGLER_ENV=dev pnpm run build && wrangler dev --port 3000",
    "release": "pnpm lint && changelogen --noAuthors --release --push",
    "typecheck": "nuxt typecheck"
  },
  "dependencies": {
-    "@iconify-json/lucide": "^1.2.86",
-    "@lewebsimple/nuxt-graphql": "^0.5.10",
+    "@iconify-json/cib": "^1.2.3",
+    "@iconify-json/lucide": "^1.2.87",
+    "@lewebsimple/nuxt-graphql": "^0.6.8",
+    "@nuxt/image": "^2.0.0",
    "@nuxt/ui": "4.3.0",
-    "@nuxtjs/seo": "^3.3.0",
+    "@nuxtjs/device": "4.0.0",
+    "@nuxtjs/seo": "^3.4.0",
    "jwt-decode": "^4.0.0",
-    "nuxt": "^4.2.2",
-    "nuxt-auth-utils": "^0.5.27",
+    "nuxt": "^4.3.0",
+    "nuxt-auth-utils": "^0.5.28",
+    "nuxt-svgo": "^4.2.6",
    "tailwindcss": "^4.1.18",
    "vue": "^3.5.27",
    "vue-router": "^4.6.4",
-    "zod": "^4.3.5"
+    "zod": "^4.3.6"
  },
  "devDependencies": {
-    "@nuxt/eslint": "^1.12.1",
+    "@nuxt/eslint": "^1.13.0",
    "changelogen": "^0.6.2",
    "eslint": "^9.39.2",
    "typescript": "^5.9.3",
-    "vue-tsc": "^3.2.2"
+    "vue-tsc": "^3.2.4",
+    "wrangler": "^4.61.1"
  },
  "pnpm": {
    "overrides": {
      "@tiptap/core": "3.14.0",
      "@tiptap/pm": "3.14.0"
-    }
+    },
+    "onlyBuiltDependencies": [
+      "@parcel/watcher",
+      "esbuild",
+      "sharp",
+      "unrs-resolver",
+      "vue-demi",
+      "workerd"
+    ]
  },
  "changelog": {
    "types": {
--- a/wp-content/themes/moonshine/pnpm-lock.yaml
+++ b/wp-content/themes/moonshine/pnpm-lock.yaml
--- a/wp-content/themes/moonshine/pnpm-workspace.yaml
+++ b/wp-content/themes/moonshine/pnpm-workspace.yaml
@@ -1,5 +0,0 @@
-onlyBuiltDependencies:
-  - '@parcel/watcher'
-  - esbuild
-  - unrs-resolver
-  - vue-demi
--- a/wp-content/themes/moonshine/server/api/login.post.ts
+++ b/wp-content/themes/moonshine/server/api/login.post.ts
@@ -1,7 +1,7 @@
 export default defineEventHandler(async (event) => {
  try {
    const variables = await readBody<AuthLoginForm>(event);
-    const { data } = await useServerGraphQLMutation(event, "AuthLogin", variables);
+    const { data } = await useGraphQLOperation(event, "AuthLogin", variables);
    if (!data?.login) {
      throw new Error("INVALID_LOGIN");
    }
--- a/wp-content/themes/moonshine/server/graphql/schema.graphql
+++ b/wp-content/themes/moonshine/server/graphql/schema.graphql
--- a/wp-content/themes/moonshine/server/graphql/wp-hooks.ts
+++ b/wp-content/themes/moonshine/server/graphql/wp-hooks.ts
@@ -1,11 +1,10 @@
+import { defu } from "defu";
+
 export default defineRemoteExecutorHooks({
  onRequest(request) {
-    if (request.context.authToken) {
-      request.extensions ??= {};
-      request.extensions.headers = {
-        ...request.extensions.headers,
-        Authorization: `Bearer ${request.context.authToken}`,
-      };
+    // Attach the Authorization header if an authToken is present in the context
+    if (request.context?.authToken) {
+      request.extensions = defu(request.extensions, { headers: { Authorization: `Bearer ${request.context.authToken}` } });
    }
  },
 });
--- a/wp-content/themes/moonshine/server/utils/auth.ts
+++ b/wp-content/themes/moonshine/server/utils/auth.ts
@@ -1,9 +1,9 @@
 import type { H3Event } from "h3";
-import { GraphQLClient } from "graphql-request";
 import { jwtDecode } from "jwt-decode";
 import type { User } from "#auth-utils";
 import type { AuthUserFragment, AuthLoginMutationResult } from "#graphql/operations";
 import { AuthRefreshTokenDocument } from "#graphql/operations";
+import type { ResultOf } from "#graphql/registry";

 // Handle login result and store user session
 export async function handleLogin(event: H3Event, loginResult: AuthLoginMutationResult) {
@@ -40,11 +40,35 @@ function getAuthUser(user: AuthUserFragment): User {
  };
 }

+// Track in-flight refreshAuthToken calls to prevent duplicate requests
+const refreshTokenPromises = new Map<string, Promise<string | undefined>>();
+
 // Refresh auth token by calling remote GraphQL endpoint directly
 export async function refreshAuthToken(refreshToken: string): Promise<string | undefined> {
-  const client = new GraphQLClient(`${process.env.NUXT_WP_URL || "https://wp-headless.ledevsimple.ca"}/graphql`);
-  const data = await client.request(AuthRefreshTokenDocument, { refreshToken });
-  return data.refreshToken?.authToken || undefined;
+  // Return existing in-flight promise if available
+  const inFlight = refreshTokenPromises.get(refreshToken);
+  if (inFlight) {
+    return inFlight;
+  }
+
+  const refreshPromise = (async () => {
+    const { wpUrl } = useRuntimeConfig();
+    const endpoint = `${wpUrl}/graphql`;
+    const { data } = await executeGraphQLHTTP<ResultOf<"AuthRefreshToken">>({
+      query: AuthRefreshTokenDocument,
+      variables: { refreshToken },
+    }, { endpoint });
+    return data?.refreshToken?.authToken || undefined;
+  })();
+
+  refreshTokenPromises.set(refreshToken, refreshPromise);
+
+  return refreshPromise.finally(() => {
+    const current = refreshTokenPromises.get(refreshToken);
+    if (current === refreshPromise) {
+      refreshTokenPromises.delete(refreshToken);
+    }
+  });
 }

 // Get auth token from user session (refresh if needed)
--- a/wp-content/themes/moonshine/shared/utils/graphql.ts
+++ b/wp-content/themes/moonshine/shared/utils/graphql.ts
@@ -1,4 +1,4 @@
 // Helper: Extracts nodes from a GraphQL connection object, returning an empty array if nodes are absent.
-export function extractNodes<T>(connection: { nodes?: readonly T[] } | null | undefined): readonly T[] {
+export function extractNodes<T>(connection: { nodes?: T[] } | undefined): T[] {
  return connection?.nodes ?? [];
 }
--- a/wp-content/themes/moonshine/style.css
+++ b/wp-content/themes/moonshine/style.css
@@ -3,7 +3,6 @@ Theme Name:  Moonshine
 Author:      Pascal Martineau <pascal@lewebsimple.ca>
 Author URI:  https://websimple.com/
 Description: Headless WordPress theme based on Nuxt.
-Version:     0.1.0
 Text Domain: moonshine
 Template:    kaliroots
 */
Author	SHA1	Message	Date
Pascal Martineau	ab563a7b37	feat: parseAcfMedia All checks were successful Deployment / wordpress (push) Successful in 6s Details Deployment / nuxt (push) Successful in 1m1s Details	2026-01-30 15:50:06 -05:00
Pascal Martineau	2cfc1a0047	feat: parseAcfLink	2026-01-30 15:43:49 -05:00
Pascal Martineau	98e8d971e8	feat: showLabel	2026-01-30 15:43:37 -05:00
Pascal Martineau	87be06ecea	feat: connexionButton	2026-01-30 15:39:32 -05:00
Pascal Martineau	28f6e1ae7c	fix: UApp in app.vue	2026-01-30 15:39:19 -05:00
Pascal Martineau	27380290e1	chore(release): v0.1.11 All checks were successful Deployment / wordpress (push) Successful in 5s Details Deployment / nuxt (push) Successful in 56s Details	2026-01-30 14:38:25 -05:00
Pascal Martineau	7e44554767	chore: Update deps Some checks failed Deployment / wordpress (push) Successful in 6s Details Deployment / nuxt (push) Has been cancelled Details	2026-01-30 14:38:11 -05:00
Pascal Martineau	9c3dceef84	fix: ENABLE_CLOUDFLARE_IMAGE All checks were successful Deployment / wordpress (push) Successful in 5s Details Deployment / nuxt (push) Successful in 53s Details	2026-01-30 14:35:21 -05:00
Pascal Martineau	ba8d8e00a8	chore: Update README.md All checks were successful Deployment / wordpress (push) Successful in 6s Details Deployment / nuxt (push) Successful in 59s Details	2026-01-30 14:29:26 -05:00
Pascal Martineau	8f037b5950	fix: wrangler project name All checks were successful Deployment / wordpress (push) Successful in 6s Details Deployment / nuxt (push) Successful in 57s Details	2026-01-30 14:13:21 -05:00
Pascal Martineau	291fa6eaa4	fix: Cloudflare image provider only in production	2026-01-30 12:20:30 -05:00
Pascal Martineau	4079e4ecfb	minor: configure image formats in nuxt.config.ts	2026-01-30 12:10:30 -05:00
Pascal Martineau	eea020b136	fix: remove unneeded wrangler main / assets	2026-01-30 11:51:03 -05:00
Pascal Martineau	5161bff624	minor: typo in component name	2026-01-30 11:50:37 -05:00
Pascal Martineau	3199835e83	feat: AcfSocial / parseAcfSocial	2026-01-30 11:45:39 -05:00
Pascal Martineau	6dd13ead91	feat: mapSocialIcon	2026-01-30 11:18:10 -05:00
Pascal Martineau	980c5271ac	chore(release): v0.1.10	2026-01-30 10:42:03 -05:00
Pascal Martineau	115a5d2d38	feat: AcfLink / AcfLinkButton components	2026-01-30 10:24:06 -05:00
Pascal Martineau	6b17201f60	feat: AcfPhone component	2026-01-30 10:05:49 -05:00
Pascal Martineau	ad3c53c5dd	feat: GroupSiteOptions.phoneNumber	2026-01-30 10:03:27 -05:00
Pascal Martineau	fefa98021b	refactor: OptionsSite => SiteOptions for clearer naming	2026-01-30 08:58:28 -05:00
Pascal Martineau	1e58b1f1e7	chore(release): v0.1.9	2026-01-30 08:50:31 -05:00
Pascal Martineau	0bafc3a9dd	feat: HeroSplit section	2026-01-30 08:49:03 -05:00
Pascal Martineau	8bd544b5c3	feat: AcfMedia component (image + aspect + object-fit)	2026-01-30 08:48:45 -05:00
Pascal Martineau	4918c638ab	feat: AcfImage component based on @nuxt/image	2026-01-30 08:48:27 -05:00
Pascal Martineau	bff7bce1f1	feat: Media Focus Point plugin integration	2026-01-30 08:48:00 -05:00
Pascal Martineau	0fbd2bf7ac	feat: Initial Media / HeroSplit acf groups	2026-01-30 08:24:33 -05:00
Pascal Martineau	238aa29bd4	feat: Default site-logo.svg	2026-01-30 08:24:14 -05:00
Pascal Martineau	f268bdc3c3	chore: update deps	2026-01-30 08:14:03 -05:00
Pascal Martineau	11641a00d1	minor: Cleaner [...uri].vue error handling	2026-01-29 08:32:41 -05:00
Pascal Martineau	6a5d60e34c	chore: Update theme translations	2026-01-28 21:55:55 -05:00
Pascal Martineau	80e6555c88	chore: update seo-by-rank-math	2026-01-28 21:53:48 -05:00
Pascal Martineau	ff866e2078	chore: update nuxt-graphql 0.6.7	2026-01-28 21:51:45 -05:00
Pascal Martineau	5e39b53a44	feat: enhance refreshAuthToken to prevent duplicate requests	2026-01-28 21:50:58 -05:00
Pascal Martineau	2d93d44a93	chore(release): v0.1.8 Some checks failed Deployment / wordpress (push) Failing after 2s Details Deployment / nuxt (push) Failing after 9s Details	2026-01-28 21:14:24 -05:00
Pascal Martineau	ec64a42c2e	chore: update pnpm-lock.yaml Some checks failed Deployment / wordpress (push) Failing after 2s Details Deployment / nuxt (push) Has been cancelled Details	2026-01-28 21:14:12 -05:00
Pascal Martineau	5f9c29c39a	feat: Configure nuxt-svgo module	2026-01-28 21:13:49 -05:00
Pascal Martineau	27f4f73148	fix: update nuxt-graphql and extractNodes typing (maybe => undefined instead of null)	2026-01-28 21:13:31 -05:00
Pascal Martineau	21a7036ef5	feat: all of wrangler config in nuxt.config.ts	2026-01-28 21:12:43 -05:00
Pascal Martineau	b1b1aa47c9	feat: graphql cache keyPrefix from package.json version	2026-01-28 21:11:48 -05:00
Pascal Martineau	54fea5f64a	minor: placeholder include for rankmath logic	2026-01-28 21:10:43 -05:00
Pascal Martineau	a27e6af5db	fix: term_order and default WPGraphQL settings	2026-01-28 21:10:26 -05:00
Pascal Martineau	2c86905c91	fix: use public wpUrl runtime config for auth refresh token mutation	2026-01-28 21:09:37 -05:00
Pascal Martineau	065b729a2f	minor: better wp remote executor hooks	2026-01-28 21:08:58 -05:00
Pascal Martineau	c82bf47e98	feat: useResponsive with device detection on SSR	2026-01-28 21:08:27 -05:00
Pascal Martineau	51f594baa5	fix: headless_home_url needs to be in mu-plugins	2026-01-28 21:07:51 -05:00
Pascal Martineau	3e56ba7eb3	minor: update schema.graphql	2026-01-28 08:34:44 -05:00
Pascal Martineau	aaea0b062a	chore(release): v0.1.7 Some checks failed Deployment / wordpress (push) Failing after 1s Details Deployment / nuxt (push) Failing after 8s Details	2026-01-27 20:25:04 -05:00
Pascal Martineau	b886585be1	feat: Display theme version in admin footer Some checks failed Deployment / wordpress (push) Failing after 1s Details Deployment / nuxt (push) Has been cancelled Details	2026-01-27 20:24:55 -05:00
Pascal Martineau	c6dfbeb247	feat: Deploy to Cloudflare workers Some checks failed Deployment / wordpress (push) Failing after 1s Details Deployment / nuxt (push) Failing after 7s Details	2026-01-27 19:59:34 -05:00
Pascal Martineau	a1a8114f49	chore: update wp-graphql 2.7.0	2026-01-27 18:56:12 -05:00
Pascal Martineau	63f8e443cf	feat: Configure sitemap URL in robots.txt	2026-01-26 12:06:20 -05:00
Pascal Martineau	5b8c50c758	chore(release): v0.1.6	2026-01-26 11:58:35 -05:00
Pascal Martineau	c5ce607fae	feat: Initial SEO integration	2026-01-26 11:57:35 -05:00
Pascal Martineau	9cd99c36db	chore: Update @lewebsimple/nuxt-graphql	2026-01-26 09:29:12 -05:00
Pascal Martineau	108269e3fe	fix: Bypass headless home URL for specific cases	2026-01-22 09:02:32 -05:00
Pascal Martineau	4492d760bb	minor: OptionsSite.query.gql	2026-01-22 08:10:17 -05:00
Pascal Martineau	489ac82faa	feat: Site options page & field group	2026-01-22 08:07:10 -05:00
Pascal Martineau	d7cf08db00	chore: README.md	2026-01-22 07:56:51 -05:00