chore: remove legacy Astro + Sanity + Fastify stack

The site has fully migrated to Next.js 15 + Payload CMS 3 + Postgres (under ./nextjs). Delete the old root-level Astro app, Sanity Studio, Fastify server and their Docker/nginx plumbing. CI already builds nextjs/Dockerfile and deploys a single rebours-web pod; drop the legacy-pod teardown step now that the old workloads are long gone. Removed: - src/, public/, sanity/ (Astro pages/layouts/lib, Sanity studio) - server.mjs, astro.config.mjs (Fastify API, Astro config) - Dockerfile.ssr, Dockerfile.api, nginx.conf (old 3-pod topology) - package.json, pnpm-lock.yaml (root, replaced by nextjs/) - seed-sanity*.mjs, migrate-images.mjs, clean-duplicates.mjs - .env.example, .dockerignore (root, superseded by nextjs/) - .astro/ build artifacts Updated: - CLAUDE.md rewritten for the Next.js/Payload/Postgres stack - .gitignore trimmed (no more Astro/Sanity entries) - .gitea/workflows/deploy.yml: drop "Tear down legacy workloads" Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
2026-04-21 18:26:48 +02:00 · 2026-04-21 18:26:48 +02:00 · 6583a7295a
commit 6583a7295a
parent 55ab6175a1
52 changed files with 95 additions and 20466 deletions
--- a/.astro/content-assets.mjs
+++ b/.astro/content-assets.mjs
@ -1 +0,0 @@
-export default new Map();
--- a/.astro/content-modules.mjs
+++ b/.astro/content-modules.mjs
@ -1 +0,0 @@
-export default new Map();
--- a/.astro/content.d.ts
+++ b/.astro/content.d.ts
@ -1,199 +0,0 @@
-declare module 'astro:content' {
-	export interface RenderResult {
-		Content: import('astro/runtime/server/index.js').AstroComponentFactory;
-		headings: import('astro').MarkdownHeading[];
-		remarkPluginFrontmatter: Record<string, any>;
-	}
-	interface Render {
-		'.md': Promise<RenderResult>;
-	}
-
-	export interface RenderedContent {
-		html: string;
-		metadata?: {
-			imagePaths: Array<string>;
-			[key: string]: unknown;
-		};
-	}
-}
-
-declare module 'astro:content' {
-	type Flatten<T> = T extends { [K: string]: infer U } ? U : never;
-
-	export type CollectionKey = keyof AnyEntryMap;
-	export type CollectionEntry<C extends CollectionKey> = Flatten<AnyEntryMap[C]>;
-
-	export type ContentCollectionKey = keyof ContentEntryMap;
-	export type DataCollectionKey = keyof DataEntryMap;
-
-	type AllValuesOf<T> = T extends any ? T[keyof T] : never;
-	type ValidContentEntrySlug<C extends keyof ContentEntryMap> = AllValuesOf<
-		ContentEntryMap[C]
-	>['slug'];
-
-	export type ReferenceDataEntry<
-		C extends CollectionKey,
-		E extends keyof DataEntryMap[C] = string,
-	> = {
-		collection: C;
-		id: E;
-	};
-	export type ReferenceContentEntry<
-		C extends keyof ContentEntryMap,
-		E extends ValidContentEntrySlug<C> | (string & {}) = string,
-	> = {
-		collection: C;
-		slug: E;
-	};
-	export type ReferenceLiveEntry<C extends keyof LiveContentConfig['collections']> = {
-		collection: C;
-		id: string;
-	};
-
-	/** @deprecated Use `getEntry` instead. */
-	export function getEntryBySlug<
-		C extends keyof ContentEntryMap,
-		E extends ValidContentEntrySlug<C> | (string & {}),
-	>(
-		collection: C,
-		// Note that this has to accept a regular string too, for SSR
-		entrySlug: E,
-	): E extends ValidContentEntrySlug<C>
-		? Promise<CollectionEntry<C>>
-		: Promise<CollectionEntry<C> | undefined>;
-
-	/** @deprecated Use `getEntry` instead. */
-	export function getDataEntryById<C extends keyof DataEntryMap, E extends keyof DataEntryMap[C]>(
-		collection: C,
-		entryId: E,
-	): Promise<CollectionEntry<C>>;
-
-	export function getCollection<C extends keyof AnyEntryMap, E extends CollectionEntry<C>>(
-		collection: C,
-		filter?: (entry: CollectionEntry<C>) => entry is E,
-	): Promise<E[]>;
-	export function getCollection<C extends keyof AnyEntryMap>(
-		collection: C,
-		filter?: (entry: CollectionEntry<C>) => unknown,
-	): Promise<CollectionEntry<C>[]>;
-
-	export function getLiveCollection<C extends keyof LiveContentConfig['collections']>(
-		collection: C,
-		filter?: LiveLoaderCollectionFilterType<C>,
-	): Promise<
-		import('astro').LiveDataCollectionResult<LiveLoaderDataType<C>, LiveLoaderErrorType<C>>
-	>;
-
-	export function getEntry<
-		C extends keyof ContentEntryMap,
-		E extends ValidContentEntrySlug<C> | (string & {}),
-	>(
-		entry: ReferenceContentEntry<C, E>,
-	): E extends ValidContentEntrySlug<C>
-		? Promise<CollectionEntry<C>>
-		: Promise<CollectionEntry<C> | undefined>;
-	export function getEntry<
-		C extends keyof DataEntryMap,
-		E extends keyof DataEntryMap[C] | (string & {}),
-	>(
-		entry: ReferenceDataEntry<C, E>,
-	): E extends keyof DataEntryMap[C]
-		? Promise<DataEntryMap[C][E]>
-		: Promise<CollectionEntry<C> | undefined>;
-	export function getEntry<
-		C extends keyof ContentEntryMap,
-		E extends ValidContentEntrySlug<C> | (string & {}),
-	>(
-		collection: C,
-		slug: E,
-	): E extends ValidContentEntrySlug<C>
-		? Promise<CollectionEntry<C>>
-		: Promise<CollectionEntry<C> | undefined>;
-	export function getEntry<
-		C extends keyof DataEntryMap,
-		E extends keyof DataEntryMap[C] | (string & {}),
-	>(
-		collection: C,
-		id: E,
-	): E extends keyof DataEntryMap[C]
-		? string extends keyof DataEntryMap[C]
-			? Promise<DataEntryMap[C][E]> | undefined
-			: Promise<DataEntryMap[C][E]>
-		: Promise<CollectionEntry<C> | undefined>;
-	export function getLiveEntry<C extends keyof LiveContentConfig['collections']>(
-		collection: C,
-		filter: string | LiveLoaderEntryFilterType<C>,
-	): Promise<import('astro').LiveDataEntryResult<LiveLoaderDataType<C>, LiveLoaderErrorType<C>>>;
-
-	/** Resolve an array of entry references from the same collection */
-	export function getEntries<C extends keyof ContentEntryMap>(
-		entries: ReferenceContentEntry<C, ValidContentEntrySlug<C>>[],
-	): Promise<CollectionEntry<C>[]>;
-	export function getEntries<C extends keyof DataEntryMap>(
-		entries: ReferenceDataEntry<C, keyof DataEntryMap[C]>[],
-	): Promise<CollectionEntry<C>[]>;
-
-	export function render<C extends keyof AnyEntryMap>(
-		entry: AnyEntryMap[C][string],
-	): Promise<RenderResult>;
-
-	export function reference<C extends keyof AnyEntryMap>(
-		collection: C,
-	): import('astro/zod').ZodEffects<
-		import('astro/zod').ZodString,
-		C extends keyof ContentEntryMap
-			? ReferenceContentEntry<C, ValidContentEntrySlug<C>>
-			: ReferenceDataEntry<C, keyof DataEntryMap[C]>
-	>;
-	// Allow generic `string` to avoid excessive type errors in the config
-	// if `dev` is not running to update as you edit.
-	// Invalid collection names will be caught at build time.
-	export function reference<C extends string>(
-		collection: C,
-	): import('astro/zod').ZodEffects<import('astro/zod').ZodString, never>;
-
-	type ReturnTypeOrOriginal<T> = T extends (...args: any[]) => infer R ? R : T;
-	type InferEntrySchema<C extends keyof AnyEntryMap> = import('astro/zod').infer<
-		ReturnTypeOrOriginal<Required<ContentConfig['collections'][C]>['schema']>
-	>;
-
-	type ContentEntryMap = {
-		
-	};
-
-	type DataEntryMap = {
-		
-	};
-
-	type AnyEntryMap = ContentEntryMap & DataEntryMap;
-
-	type ExtractLoaderTypes<T> = T extends import('astro/loaders').LiveLoader<
-		infer TData,
-		infer TEntryFilter,
-		infer TCollectionFilter,
-		infer TError
-	>
-		? { data: TData; entryFilter: TEntryFilter; collectionFilter: TCollectionFilter; error: TError }
-		: { data: never; entryFilter: never; collectionFilter: never; error: never };
-	type ExtractDataType<T> = ExtractLoaderTypes<T>['data'];
-	type ExtractEntryFilterType<T> = ExtractLoaderTypes<T>['entryFilter'];
-	type ExtractCollectionFilterType<T> = ExtractLoaderTypes<T>['collectionFilter'];
-	type ExtractErrorType<T> = ExtractLoaderTypes<T>['error'];
-
-	type LiveLoaderDataType<C extends keyof LiveContentConfig['collections']> =
-		LiveContentConfig['collections'][C]['schema'] extends undefined
-			? ExtractDataType<LiveContentConfig['collections'][C]['loader']>
-			: import('astro/zod').infer<
-					Exclude<LiveContentConfig['collections'][C]['schema'], undefined>
-				>;
-	type LiveLoaderEntryFilterType<C extends keyof LiveContentConfig['collections']> =
-		ExtractEntryFilterType<LiveContentConfig['collections'][C]['loader']>;
-	type LiveLoaderCollectionFilterType<C extends keyof LiveContentConfig['collections']> =
-		ExtractCollectionFilterType<LiveContentConfig['collections'][C]['loader']>;
-	type LiveLoaderErrorType<C extends keyof LiveContentConfig['collections']> = ExtractErrorType<
-		LiveContentConfig['collections'][C]['loader']
-	>;
-
-	export type ContentConfig = typeof import("../src/content.config.mjs");
-	export type LiveContentConfig = never;
-}
--- a/.astro/data-store.json
+++ b/.astro/data-store.json
@ -1 +0,0 @@
-[["Map",1,2],"meta::meta",["Map",3,4,5,6],"astro-version","5.18.1","astro-config-digest","{\"root\":{},\"srcDir\":{},\"publicDir\":{},\"outDir\":{},\"cacheDir\":{},\"compressHTML\":true,\"base\":\"/\",\"trailingSlash\":\"ignore\",\"output\":\"server\",\"scopedStyleStrategy\":\"attribute\",\"build\":{\"format\":\"directory\",\"client\":{},\"server\":{},\"assets\":\"_astro\",\"serverEntry\":\"entry.mjs\",\"redirects\":false,\"inlineStylesheets\":\"auto\",\"concurrency\":1},\"server\":{\"open\":false,\"host\":false,\"port\":4321,\"streaming\":true,\"allowedHosts\":[]},\"redirects\":{},\"image\":{\"endpoint\":{\"route\":\"/_image\",\"entrypoint\":\"astro/assets/endpoint/dev\"},\"service\":{\"entrypoint\":\"astro/assets/services/sharp\",\"config\":{}},\"domains\":[],\"remotePatterns\":[],\"responsiveStyles\":false},\"devToolbar\":{\"enabled\":true},\"markdown\":{\"syntaxHighlight\":{\"type\":\"shiki\",\"excludeLangs\":[\"math\"]},\"shikiConfig\":{\"langs\":[],\"langAlias\":{},\"theme\":\"github-dark\",\"themes\":{},\"wrap\":false,\"transformers\":[]},\"remarkPlugins\":[],\"rehypePlugins\":[],\"remarkRehype\":{},\"gfm\":true,\"smartypants\":true},\"security\":{\"checkOrigin\":true,\"allowedDomains\":[],\"actionBodySizeLimit\":1048576},\"env\":{\"schema\":{},\"validateSecrets\":false},\"experimental\":{\"clientPrerender\":false,\"contentIntellisense\":false,\"headingIdCompat\":false,\"preserveScriptOrder\":false,\"liveContentCollections\":false,\"csp\":false,\"staticImportMetaEnv\":false,\"chromeDevtoolsWorkspace\":false,\"failOnPrerenderConflict\":false,\"svgo\":false},\"legacy\":{\"collections\":false},\"session\":{\"driver\":\"fs-lite\",\"options\":{\"base\":\"/Users/arthurbarre/dev/freelance/rebours/node_modules/.astro/sessions\"}}}"]
--- a/.astro/settings.json
+++ b/.astro/settings.json
@ -1,5 +0,0 @@
-{
-	"_variables": {
-		"lastUpdateCheck": 1774871601244
-	}
-}
--- a/.astro/types.d.ts
+++ b/.astro/types.d.ts
@ -1,2 +0,0 @@
-/// <reference types="astro/client" />
-/// <reference path="content.d.ts" />
--- a/.dockerignore
+++ b/.dockerignore
@ -1,18 +0,0 @@
-node_modules
-dist
-.git
-.gitignore
-.env
-.env.*
-*.md
-.vscode
-.idea
-.DS_Store
-.astro
-sanity
-k8s
-.gitea
-migrate-images.mjs
-seed-sanity.mjs
-seed-sanity-homepage.mjs
-clean-duplicates.mjs
--- a/.env.example
+++ b/.env.example
@ -1,12 +0,0 @@
-# ── Sanity ─────────────────────────────────────────────────────────────────────
-SANITY_PROJECT_ID=your_project_id
-SANITY_DATASET=production
-SANITY_API_TOKEN=                # Optional: for authenticated server-side reads
-
-# ── Stripe ────────────────────────────────────────────────────────────────────
-STRIPE_SECRET_KEY=sk_test_...
-STRIPE_WEBHOOK_SECRET=whsec_...  # stripe listen --print-secret
-
-# ── App ───────────────────────────────────────────────────────────────────────
-DOMAIN=http://localhost:4321     # Dev: http://localhost:4321 | Prod: https://rebours.studio
-PORT=8888                        # Dev: 8888 | Prod: 3000
--- a/.gitea/workflows/deploy.yml
+++ b/.gitea/workflows/deploy.yml
@ -49,13 +49,6 @@ jobs:
        run: |
          kubectl apply -f k8s/namespace.yml

-      - name: Tear down legacy workloads
-        run: |
-          # Old split-service topology (Astro SSR + Fastify API + nginx proxy).
-          # Must run before applying new service.yml — old rebours-proxy used NodePort 30083.
-          kubectl -n rebours delete deployment rebours-ssr rebours-api rebours-proxy --ignore-not-found
-          kubectl -n rebours delete service    rebours-ssr rebours-api rebours-proxy --ignore-not-found
-
      - name: Apply configmap + service
        run: |
          kubectl apply -f k8s/configmap.yml
--- a/.gitignore
+++ b/.gitignore
@ -1,17 +1,12 @@
 # dependencies
 node_modules/

-# output
-dist/
-out/
-
 # env
 .env
 .env.*
 !.env.example

 # caches
-.astro/
 .cache/
 .eslintcache
 *.tsbuildinfo
@ -21,7 +16,3 @@ out/

 # logs
 *.log
-
-# Sanity Studio
-sanity/node_modules/
-sanity/dist/
--- a/CLAUDE.md
+++ b/CLAUDE.md
@ -4,46 +4,38 @@

 ```
 rebours/
-├── src/
-│   ├── layouts/
-│   │   └── Base.astro              # Layout HTML commun (SEO, fonts, CSS)
-│   ├── lib/
-│   │   └── sanity.mjs              # Client Sanity + queries + image helper
-│   ├── pages/
-│   │   ├── index.astro             # Page principale (hero, collection, newsletter)
-│   │   ├── collection/
-│   │   │   └── [slug].astro        # Pages produits statiques (SSG)
-│   │   ├── success.astro           # Page de confirmation Stripe
-│   │   ├── robots.txt.ts           # robots.txt généré au build
-│   │   └── sitemap.xml.ts          # sitemap.xml généré au build
-│   └── scripts/
-│       └── main.js                 # JS client (cursor CAD, grid, panel, routing, checkout)
-├── public/
-│   ├── style.css                   # CSS global
-│   └── assets/                     # Images statiques (fallback), favicon, son ambiant
-├── sanity/                         # Sanity Studio (projet séparé)
-│   ├── sanity.config.ts
-│   ├── sanity.cli.ts
-│   └── schemas/
-│       ├── product.ts              # Schéma produit
-│       └── index.ts
-├── server.mjs                      # Serveur API Fastify (Stripe uniquement)
-├── astro.config.mjs                # Config Astro (SSG, proxy dev)
-├── nginx.conf                      # Config nginx de référence
-└── .env                            # Variables d'environnement (non versionné)
+├── nextjs/                           # App live (Next.js 15 + Payload CMS 3 + Postgres)
+│   ├── src/
+│   │   ├── app/
+│   │   │   ├── (frontend)/           # Site public (/, /collection/[slug], /success)
+│   │   │   └── (payload)/admin/      # Back-office Payload (/admin)
+│   │   ├── collections/              # Schémas Payload (Products, Media, Users)
+│   │   ├── components/admin/         # Custom admin UI (visual product editor)
+│   │   ├── lib/payload.ts            # Helpers Payload (mediaUrl, mediaAlt)
+│   │   ├── scripts/main.js           # JS client (cursor CAD, grid, panel, carousel)
+│   │   ├── payload.config.ts         # Config Payload (collections, plugins, drafts)
+│   │   └── migrations/               # Migrations Postgres (auto-générées)
+│   ├── public/
+│   │   ├── style.css                 # CSS global du site public
+│   │   └── assets/                   # Favicons, son ambiant, fallback images
+│   ├── Dockerfile                    # Image Docker unique (build + runtime)
+│   ├── next.config.mjs
+│   └── package.json
+├── k8s/                              # Manifests K3s (namespace, configmap, service, deployment, postgres)
+├── .gitea/workflows/deploy.yml       # CI/CD : build Docker + déploiement K3s
+└── CLAUDE.md
 ```

 ## Stack

 | Couche | Techno |
 |--------|--------|
-| Front (SSR) | Astro + HTML/CSS/JS vanilla + GSAP |
-| CMS | Sanity (headless, hébergé) |
-| API | Fastify (Node.js) |
-| Paiement | Stripe Checkout (price_data inline) |
-| Images | Sanity CDN (avec transformations) |
-| Reverse proxy | Nginx |
-| Hébergement | VPS (Debian) |
+| Front + Back | Next.js 15 (App Router, SSR) |
+| CMS | Payload 3 (self-hosted, monté sur `/admin`) |
+| Base de données | PostgreSQL (StatefulSet K3s) |
+| Paiement | Stripe Checkout (`price_data` inline) + plugin-stripe |
+| Images | Payload Media → stockage local + `sharp` |
+| Hébergement | K3s sur Proxmox (Traefik en front) |
 | Fonts | Space Mono (Google Fonts) |

 ---
@ -51,144 +43,121 @@ rebours/
 ## Développement local

 ### Prérequis
- Node.js >= 18
- Un compte Sanity avec un projet créé
- Un fichier `.env` à la racine (voir `.env.example`)
+- Node.js >= 20
+- pnpm
+- Docker (pour Postgres local) ou une instance Postgres accessible
+- Un fichier `nextjs/.env` (voir `nextjs/.env.example`)

-### Variables d'environnement (.env)
+### Variables d'environnement (`nextjs/.env`)
 ```env
-SANITY_PROJECT_ID=your_project_id
-SANITY_DATASET=production
-SANITY_API_TOKEN=              # Optionnel
+DATABASE_URI=postgres://rebours:rebours@localhost:5432/rebours
+PAYLOAD_SECRET=your_32_char_secret

 STRIPE_SECRET_KEY=sk_test_...
 STRIPE_WEBHOOK_SECRET=whsec_...

-DOMAIN=http://localhost:4321
-FASTIFY_PORT=3000        # Port Fastify API (prod)
-ASTRO_PORT=4321          # Port Astro SSR (prod)
+NEXT_PUBLIC_SERVER_URL=http://localhost:3000
 ```

 ### Lancer le projet
 ```bash
+cd nextjs
 pnpm install
 pnpm dev
 ```

-Cela lance en parallèle (via `concurrently`) :
- `astro dev` sur http://localhost:4321
- `node --watch server.mjs` (mode dev)
-
-Le proxy Vite dans `astro.config.mjs` redirige `/api/*` vers le serveur Fastify.
-
-### Sanity Studio
-```bash
-cd sanity
-npm install
-npx sanity dev
-```
-Accessible sur http://localhost:3333
+- Site public : http://localhost:3000
+- Admin Payload : http://localhost:3000/admin

 ### Build
 ```bash
-pnpm build
-# Génère ./dist/ (serveur Astro SSR + assets client)
+cd nextjs && pnpm build
 ```

 ---

-## CMS — Sanity
+## CMS — Payload

 ### Accès
- Studio local : `npx sanity dev`
- Studio déployé : `npx sanity deploy`
- Dashboard : https://www.sanity.io/manage
+- Admin : https://rebours.studio/admin (prod) / http://localhost:3000/admin (dev)
+- Premier démarrage : la page `/admin/create-first-user` demande la création du premier user.

-### Schéma Produit
-Champs principaux :
- **name** : Nom technique (Solar_Altar)
- **productDisplayName** : Nom affiché (Solar Altar)
- **slug** : Auto-généré depuis le nom
- **image** : Image avec hotspot + texte alt
- **price** : En centimes (180000 = 1 800 EUR). Vide = non disponible
- **isPublished** : Toggle pour masquer sans supprimer
+### Collection `products`
+Éditeur visuel sur-mesure (`src/components/admin/ProductPreviewEditor.tsx`) : la page d'édition reproduit exactement le panneau produit public. Tous les champs éditables au clic (texte inline, carousel d'images, prix). Drawer « Réglages avancés » en bas pour les champs techniques (slug, SEO, Stripe ID).

-### Ajouter un produit
-1. Ouvrir Sanity Studio
-2. Créer un nouveau document "Produit"
-3. Remplir les champs, uploader l'image
-4. Publier → visible immédiatement sur le site (SSR, pas de rebuild nécessaire)
+Champs principaux : `productDisplayName`, `name`, `slug`, `index`, `type`, `materials`, `year`, `status`, `description`, `specs`, `notes`, `images[]` (array d'uploads), `price` (centimes), `currency`, `availability`, `isPublished`, `seoTitle`, `seoDescription`.

-### Images
-Les images sont servies via le CDN Sanity avec transformations automatiques.
+Autosave activé (interval 800 ms) via `versions.drafts.autosave`.
+
+### Sync Stripe
+Le plugin `@payloadcms/plugin-stripe` synchronise automatiquement les produits et prix avec Stripe dès que `STRIPE_SECRET_KEY` est valide. Un hook `beforeValidate` court-circuite la sync tant que `productDisplayName` est vide (évite l'erreur Stripe sur autosave de doc neuf).

 ---

 ## Stripe

-### Architecture
-Le checkout utilise `price_data` inline — pas de prix pré-créés dans Stripe.
-Quand un client clique "Commander" :
+### Checkout
 1. Le front envoie le slug du produit à `/api/checkout`
-2. Le serveur fetch le produit depuis Sanity (prix, nom, image)
-3. Le serveur crée une session Stripe Checkout avec `price_data`
-4. Le client est redirigé vers Stripe
-5. Après paiement : `/success?session_id=...`
+2. Le serveur fetch le produit via Payload Local API
+3. Création d'une session Stripe avec `price_data` inline
+4. Redirect vers Stripe
+5. Retour : `/success?session_id=...`

-### Endpoints API
+### Endpoints
 | Route | Méthode | Description |
 |-------|---------|-------------|
 | `/api/checkout` | POST | Crée une session Stripe Checkout |
-| `/api/session/:id` | GET | Vérifie le statut d'une session |
-| `/api/webhook` | POST | Reçoit les événements Stripe |
-| `/api/health` | GET | Health check |
+| `/api/session/[id]` | GET | Statut d'une session |
+| `/api/stripe/webhook` | POST | Webhook Stripe (plugin-stripe) |

-### Configuration
- Test : clés `sk_test_...` dans `.env`
- Prod : clés `sk_live_...` dans `.env` sur le serveur
- Webhook : `https://rebours.studio/api/webhook`
+Webhook prod : `https://rebours.studio/api/stripe/webhook`

 ---

 ## Production

-### Serveur : ordinarthur@10.10.0.13
-
-### Architecture prod (SSR)
+### Architecture K3s
 ```
-Internet -> Nginx (port 80) -> /           -> proxy -> Astro SSR :4321
-                             -> /_astro/*   -> fichiers statiques (dist/client/)
-                             -> /api/*      -> proxy -> Fastify :3000
+Internet :443 → Traefik (10.10.10.2) → Service rebours-web → Pod rebours-web :3000
+                                                           ↘ Service rebours-postgres :5432
 ```

-### Services systemd
-| Service | Port | Rôle |
-|---------|------|------|
-| `rebours-ssr` | 4321 | Astro SSR (pages dynamiques) |
-| `rebours` | 3000 | Fastify API (Stripe, checkout) |
+### Pods (namespace `rebours`)
+| Workload | Port | Rôle |
+|----------|------|------|
+| `rebours-web` (Deployment) | 3000 | Next.js + Payload (tout-en-un) |
+| `rebours-postgres` (StatefulSet) | 5432 | Postgres + PVC |

 ### Variables d'environnement en prod
-```env
-SANITY_PROJECT_ID=...
-SANITY_DATASET=production
-STRIPE_SECRET_KEY=sk_live_...
-STRIPE_WEBHOOK_SECRET=whsec_...
-DOMAIN=https://rebours.studio
-FASTIFY_PORT=3000
-ASTRO_PORT=4321
-```
+- **ConfigMap** (`k8s/configmap.yml`) : `NEXT_PUBLIC_SERVER_URL`, `DATABASE_URI`
+- **Secret `rebours-db-secret`** : `POSTGRES_DB`, `POSTGRES_USER`, `POSTGRES_PASSWORD`
+- **Secret `rebours-app-secret`** : `PAYLOAD_SECRET`, `STRIPE_SECRET_KEY`, `STRIPE_WEBHOOK_SECRET`
+- **Secret `gitea-registry-secret`** : pull de l'image depuis le registre Gitea
+
+Les secrets d'app sont créés par la CI depuis les Gitea Actions secrets.

 ### Déploiement
+Push sur `main` → Gitea Actions build l'image Docker puis applique les manifests K3s.
+
 ```bash
-pnpm build
-scp -r dist/* ordinarthur@10.10.0.13:/tmp/rebours-dist/
-ssh ordinarthur@10.10.0.13 "sudo rm -rf /var/www/html/rebours/dist && sudo mkdir -p /var/www/html/rebours/dist && sudo cp -r /tmp/rebours-dist/* /var/www/html/rebours/dist/ && sudo chown -R ordinarthur:ordinarthur /var/www/html/rebours/dist && sudo systemctl restart rebours-ssr"
+git push gitea main
 ```

-Si server.mjs a changé :
+Repo Gitea : `https://git.arthurbarre.fr/ordinarthur/rebours`
+
+### Debugging prod
 ```bash
-scp server.mjs ordinarthur@10.10.0.13:/tmp/server.mjs
-ssh ordinarthur@10.10.0.13 "sudo cp /tmp/server.mjs /var/www/html/rebours/server.mjs && sudo systemctl restart rebours"
+# Pods
+ssh arthur@100.78.207.119 "sudo kubectl -n rebours get pods"
+
+# Logs
+ssh arthur@100.78.207.119 "sudo kubectl -n rebours logs deployment/rebours-web --tail=50"
+
+# Redémarrer
+ssh arthur@100.78.207.119 "sudo kubectl -n rebours rollout restart deployment/rebours-web"
+
+# Shell Postgres
+ssh arthur@100.78.207.119 "sudo kubectl -n rebours exec -it rebours-postgres-0 -- psql -U rebours"
 ```

 ---
@ -197,16 +166,15 @@ ssh ordinarthur@10.10.0.13 "sudo cp /tmp/server.mjs /var/www/html/rebours/server

 | URL | Comportement |
 |-----|-------------|
-| `/` | Page principale Astro (SSR, données Sanity live) |
-| `/collection/{slug}` | Page produit (SSR), auto-open panel via `window.__OPEN_PANEL__` |
-| `/success?session_id=...` | Page de confirmation Stripe |
-| `/robots.txt` | Généré au build |
-| `/sitemap.xml` | Généré au build depuis Sanity |
+| `/` | Page principale (SSR, Payload Local API) |
+| `/collection/[slug]` | Page produit (SSR), auto-open panel via `window.__OPEN_PANEL__` |
+| `/success?session_id=...` | Confirmation Stripe |
+| `/admin` | Back-office Payload |
+| `/api/*` | Routes Payload (REST + GraphQL) + endpoints custom (checkout, webhook) |

 ---

 ## Fichiers à ne jamais versionner
- `.env`
+- `nextjs/.env`
 - `node_modules/`
- `dist/`
- `sanity/node_modules/`
+- `nextjs/.next/`
--- a/Dockerfile.api
+++ b/Dockerfile.api
@ -1,15 +0,0 @@
-# Fastify API — no build step, runs server.mjs directly
-FROM node:22-alpine
-WORKDIR /app
-
-RUN corepack enable && corepack prepare pnpm@latest --activate
-
-COPY package.json pnpm-lock.yaml ./
-RUN pnpm install --frozen-lockfile --prod
-
-COPY server.mjs ./
-
-ENV NODE_ENV=production
-EXPOSE 3000
-
-CMD ["node", "server.mjs"]
--- a/Dockerfile.ssr
+++ b/Dockerfile.ssr
@ -1,25 +0,0 @@
-# --- Stage 1: Build Astro SSR ---
-FROM node:22-alpine AS build
-WORKDIR /app
-
-RUN corepack enable && corepack prepare pnpm@latest --activate
-
-COPY package.json pnpm-lock.yaml ./
-RUN pnpm install --frozen-lockfile
-
-COPY . .
-RUN pnpm build
-
-# --- Stage 2: Runtime ---
-FROM node:22-alpine AS runtime
-WORKDIR /app
-
-COPY --from=build /app/dist ./dist
-COPY --from=build /app/node_modules ./node_modules
-COPY --from=build /app/package.json ./
-
-ENV HOST=0.0.0.0
-ENV PORT=4321
-EXPOSE 4321
-
-CMD ["node", "dist/server/entry.mjs"]
--- a/astro.config.mjs
+++ b/astro.config.mjs
@ -1,17 +0,0 @@
-// @ts-check
-import { defineConfig } from 'astro/config';
-import node from '@astrojs/node';
-
-export default defineConfig({
-    output: 'server',
-    adapter: node({ mode: 'standalone' }),
-    outDir: './dist',
-    server: { port: 4321 },
-    vite: {
-        server: {
-            proxy: {
-                '/api': 'http://127.0.0.1:8888',
-            },
-        },
-    },
-});
--- a/clean-duplicates.mjs
+++ b/clean-duplicates.mjs
@ -1,65 +0,0 @@
-import { createClient } from '@sanity/client'
-import dotenv from 'dotenv'
-
-dotenv.config()
-
-const client = createClient({
-  projectId: process.env.SANITY_PROJECT_ID,
-  dataset: process.env.SANITY_DATASET || 'production',
-  apiVersion: '2024-01-01',
-  useCdn: false,
-  token: process.env.SANITY_API_TOKEN,
-})
-
-async function cleanDuplicates() {
-  console.log('🔍 Recherche des produits...\n')
-
-  const products = await client.fetch(
-    `*[_type == "product"] | order(name asc, _createdAt asc) { _id, name, slug, _createdAt }`
-  )
-
-  console.log(`  Total: ${products.length} produits trouvés\n`)
-
-  // Group by slug
-  const grouped = {}
-  for (const p of products) {
-    const key = p.slug?.current || p.name
-    if (!grouped[key]) grouped[key] = []
-    grouped[key].push(p)
-  }
-
-  const toDelete = []
-  for (const [key, docs] of Object.entries(grouped)) {
-    if (docs.length > 1) {
-      console.log(`  ⚠️  "${key}" — ${docs.length} exemplaires`)
-      // Keep the first (oldest), delete the rest
-      const [keep, ...duplicates] = docs
-      console.log(`     ✓ Garder: ${keep._id} (${keep._createdAt})`)
-      for (const dup of duplicates) {
-        console.log(`     ✗ Supprimer: ${dup._id} (${dup._createdAt})`)
-        toDelete.push(dup._id)
-      }
-      console.log()
-    }
-  }
-
-  if (toDelete.length === 0) {
-    console.log('✅ Aucun doublon trouvé !')
-    return
-  }
-
-  console.log(`\n🗑️  Suppression de ${toDelete.length} doublon(s)...\n`)
-
-  const tx = client.transaction()
-  for (const id of toDelete) {
-    tx.delete(id)
-  }
-  await tx.commit()
-
-  console.log('✅ Doublons supprimés !')
-}
-
-cleanDuplicates().catch((err) => {
-  console.error('❌ Erreur:', err.message)
-  process.exit(1)
-})
--- a/migrate-images.mjs
+++ b/migrate-images.mjs
@ -1,30 +0,0 @@
-/**
- * Migration: product.image (single) → product.images (array)
- * Run: node migrate-images.mjs
- */
-import 'dotenv/config'
-import { createClient } from '@sanity/client'
-
-const sanity = createClient({
-  projectId: process.env.SANITY_PROJECT_ID,
-  dataset: process.env.SANITY_DATASET || 'production',
-  apiVersion: '2024-01-01',
-  useCdn: false,
-  token: process.env.SANITY_API_TOKEN,
-})
-
-const products = await sanity.fetch('*[_type == "product" && defined(image)]{ _id, image }')
-
-console.log(`Found ${products.length} products to migrate`)
-
-for (const p of products) {
-  console.log(`Migrating ${p._id}...`)
-  await sanity
-    .patch(p._id)
-    .set({ images: [p.image] })
-    .unset(['image'])
-    .commit()
-  console.log(`  ✓ done`)
-}
-
-console.log('Migration complete!')
--- a/nginx.conf
+++ b/nginx.conf
@ -1,33 +0,0 @@
-server {
-    listen 80;
-    server_name rebours.studio;
-
-    # ── API proxy → Fastify ────────────────<EFBFBD><EFBFBD><EFBFBD>─────────────────────────────────
-    location /api/ {
-        proxy_pass http://127.0.0.1:3000;
-        proxy_set_header Host $host;
-        proxy_set_header X-Real-IP $remote_addr;
-        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-        proxy_set_header X-Forwarded-Proto https;
-    }
-
-    # ── Static assets from Astro client build ──────────────────<EFBFBD><EFBFBD><EFBFBD>─────────────
-    location /_astro/ {
-        root /var/www/html/rebours/dist/client;
-        add_header Cache-Control "public, max-age=31536000, immutable";
-    }
-
-    location ~* \.(css|js|jpg|jpeg|png|gif|webp|svg|woff2|woff|ttf|ico|mp3)$ {
-        root /var/www/html/rebours/dist/client;
-        add_header Cache-Control "public, max-age=604800";
-    }
-
-    # ── SSR → Astro Node server ─────────────────────<EFBFBD><EFBFBD><EFBFBD>────────────────────────
-    location / {
-        proxy_pass http://127.0.0.1:4321;
-        proxy_set_header Host $host;
-        proxy_set_header X-Real-IP $remote_addr;
-        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-        proxy_set_header X-Forwarded-Proto https;
-    }
-}
--- a/package.json
+++ b/package.json
@ -1,25 +0,0 @@
-{
-  "name": "rebours",
-  "private": true,
-  "type": "module",
-  "scripts": {
-    "dev": "concurrently \"astro dev\" \"NODE_ENV=development node --watch server.mjs\"",
-    "build": "astro build",
-    "preview": "astro preview",
-    "server": "NODE_ENV=production node server.mjs",
-    "start": "NODE_ENV=production node dist/server/entry.mjs",
-    "astro": "astro"
-  },
-  "dependencies": {
-    "@astrojs/node": "^9.5.5",
-    "@fastify/cors": "^10.0.2",
-    "@sanity/client": "^7",
-    "@sanity/image-url": "^1",
-    "astro": "^5.17.1",
-    "concurrently": "^9.0.0",
-    "dotenv": "^17.3.1",
-    "fastify": "^5.3.2",
-    "gsap": "^3.14.2",
-    "stripe": "^20.3.1"
-  }
-}
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
--- a/public/apple-touch-icon.png
+++ b/public/apple-touch-icon.png
--- a/public/assets/atelier-ambiance.mp3
+++ b/public/assets/atelier-ambiance.mp3
--- a/public/assets/lamp-violet.jpg
+++ b/public/assets/lamp-violet.jpg
--- a/public/assets/lampes-serie.jpg
+++ b/public/assets/lampes-serie.jpg
--- a/public/assets/logo.png
+++ b/public/assets/logo.png
--- a/public/assets/table-terrazzo.jpg
+++ b/public/assets/table-terrazzo.jpg
--- a/public/favicon-16x16.png
+++ b/public/favicon-16x16.png
--- a/public/favicon-32x32.png
+++ b/public/favicon-32x32.png
--- a/public/favicon.ico
+++ b/public/favicon.ico
--- a/public/icon-192.png
+++ b/public/icon-192.png
--- a/public/style.css
+++ b/public/style.css
--- a/sanity/.env.example
+++ b/sanity/.env.example
@ -1,2 +0,0 @@
-SANITY_STUDIO_PROJECT_ID=your_project_id
-SANITY_STUDIO_DATASET=production
--- a/sanity/.sanity/runtime/app.js
+++ b/sanity/.sanity/runtime/app.js
@ -1,11 +0,0 @@
-
-// This file is auto-generated on 'sanity dev'
-// Modifications to this file is automatically discarded
-import studioConfig from "../../sanity.config.ts"
-import {renderStudio} from "sanity"
-
-renderStudio(
-  document.getElementById("sanity"),
-  studioConfig,
-  {reactStrictMode: false, basePath: "/"}
-)
--- a/sanity/.sanity/runtime/index.html
+++ b/sanity/.sanity/runtime/index.html
@ -1,252 +0,0 @@
-<!DOCTYPE html><html lang="en">
-<!--
-This file is auto-generated from "sanity dev".
-Modifications to this file are automatically discarded.
-->
-<head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, viewport-fit=cover"/><meta name="robots" content="noindex"/><meta name="referrer" content="same-origin"/><link rel="icon" href="/static/favicon.ico" sizes="any"/><link rel="icon" href="/static/favicon.svg" type="image/svg+xml"/><link rel="apple-touch-icon" href="/static/apple-touch-icon.png"/><link rel="manifest" href="/static/manifest.webmanifest"/><title>Sanity Studio</title><script>
-;(function () {
-  // The error channel is provided so that error handling can be delegated to a view component.
-  // If there is a subscriber to the error channel at the time the error happens, the error will be pushed to the subscriber instead of handled here.
-  var errorChannel = (function () {
-    var subscribers = Object.create(null)
-    var nextId = 0
-    function subscribe(subscriber) {
-      var id = nextId++
-      subscribers[id] = subscriber
-      return function unsubscribe() {
-        delete subscribers[id]
-      }
-    }
-
-    function publish(event) {
-      for (var id in subscribers) {
-        if (Object.hasOwn(subscribers, id)) {
-          subscribers[id](event)
-        }
-      }
-    }
-    return {
-      subscribers,
-      publish,
-      subscribe
-    }
-  })()
-
-  // NOTE: Store the error channel instance in the global scope so that the Studio application can
-  // access it and subscribe to errors.
-  window.__sanityErrorChannel = {
-    subscribe: errorChannel.subscribe
-  }
-
-  function _handleError(event) {
-    // If there are error channel subscribers, then we assume they will own error rendering,
-    // and we defer to them (no console error).
-    if (Object.keys(errorChannel.subscribers).length > 0) {
-      errorChannel.publish(event)
-    } else {
-      _renderErrorOverlay(event)
-    }
-  }
-
-  var ERROR_BOX_STYLE = [
-    'background: #fff',
-    'border-radius: 6px',
-    'box-sizing: border-box',
-    'color: #121923',
-    'flex: 1',
-    "font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Liberation Sans',Helvetica,Arial,system-ui,sans-serif",
-    'font-size: 16px',
-    'line-height: 21px',
-    'margin: 0 auto',
-    'max-width: 960px',
-    'overflow: auto',
-    'padding: 20px',
-    'width: 100%',
-  ].join(';')
-
-  var ERROR_CODE_STYLE = [
-    'color: #972E2A',
-    "font-family: -apple-system-ui-monospace, 'SF Mono', Menlo, Monaco, Consolas, monospace",
-    'font-size: 13px',
-    'line-height: 17px',
-    'margin: 0',
-  ].join(';')
-
-  function _renderErrorOverlay(event) {
-    var errorElement = document.querySelector('#__sanityError') || document.createElement('div')
-    var error = event.error
-    var colno = event.colno
-    var lineno = event.lineno
-    var filename = event.filename
-
-    errorElement.id = '__sanityError'
-    errorElement.innerHTML = [
-      '<div style="' + ERROR_BOX_STYLE + '">',
-      '<div style="font-weight: 700;">Uncaught error: ' + error.message + '</div>',
-      '<div style="color: #515E72; font-size: 13px; line-height: 17px; margin: 10px 0;">' +
-        filename +
-        ':' +
-        lineno +
-        ':' +
-        colno +
-        '</div>',
-      '<pre style="' + ERROR_CODE_STYLE + '">' + error.stack + '</pre>',
-      '</div>',
-    ].join('')
-
-    errorElement.style.position = 'fixed'
-    errorElement.style.zIndex = 1000000
-    errorElement.style.top = 0
-    errorElement.style.left = 0
-    errorElement.style.right = 0
-    errorElement.style.bottom = 0
-    errorElement.style.padding = '20px'
-    errorElement.style.background = 'rgba(16,17,18,0.66)'
-    errorElement.style.display = 'flex'
-    errorElement.style.alignItems = 'center'
-    errorElement.style.justifyContent = 'center'
-
-    document.body.appendChild(errorElement)
-  }
-
-  // Error listener
-  window.addEventListener('error', (event) => {
-    _handleError({
-      type: 'error',
-      error: event.error,
-      lineno: event.lineno,
-      colno: event.colno,
-      filename: event.filename
-    })
-  })
-
-  // Error listener
-  window.addEventListener('unhandledrejection', (event) => {
-    _handleError({
-      type: 'rejection',
-      error: event.reason
-    })
-  })
-})()
-</script><style>
-  @font-face {
-    font-family: Inter;
-    font-style: normal;
-    font-weight: 400;
-    font-display: swap;
-    src: url("https://studio-static.sanity.io/Inter-Regular.woff2") format("woff2");
-  }
-  @font-face {
-    font-family: Inter;
-    font-style: italic;
-    font-weight: 400;
-    font-display: swap;
-    src: url("https://studio-static.sanity.io/Inter-Italic.woff2") format("woff2");
-  }
-  @font-face {
-    font-family: Inter;
-    font-style: normal;
-    font-weight: 500;
-    font-display: swap;
-    src: url("https://studio-static.sanity.io/Inter-Medium.woff2") format("woff2");
-  }
-  @font-face {
-    font-family: Inter;
-    font-style: italic;
-    font-weight: 500;
-    font-display: swap;
-    src: url("https://studio-static.sanity.io/Inter-MediumItalic.woff2") format("woff2");
-  }
-  @font-face {
-    font-family: Inter;
-    font-style: normal;
-    font-weight: 600;
-    font-display: swap;
-    src: url("https://studio-static.sanity.io/Inter-SemiBold.woff2") format("woff2");
-  }
-  @font-face {
-    font-family: Inter;
-    font-style: italic;
-    font-weight: 600;
-    font-display: swap;
-    src: url("https://studio-static.sanity.io/Inter-SemiBoldItalic.woff2") format("woff2");
-  }
-  @font-face {
-    font-family: Inter;
-    font-style: normal;
-    font-weight: 700;
-    font-display: swap;
-    src: url("https://studio-static.sanity.io/Inter-Bold.woff2") format("woff2");
-  }
-  @font-face {
-    font-family: Inter;
-    font-style: italic;
-    font-weight: 700;
-    font-display: swap;
-    src: url("https://studio-static.sanity.io/Inter-BoldItalic.woff2") format("woff2");
-  }
-  @font-face {
-    font-family: Inter;
-    font-style: normal;
-    font-weight: 800;
-    font-display: swap;
-    src: url("https://studio-static.sanity.io/Inter-ExtraBold.woff2") format("woff2");
-  }
-  @font-face {
-    font-family: Inter;
-    font-style: italic;
-    font-weight: 800;
-    font-display: swap;
-    src: url("https://studio-static.sanity.io/Inter-ExtraBoldItalic.woff2") format("woff2");
-  }
-  @font-face {
-    font-family: Inter;
-    font-style: normal;
-    font-weight: 900;
-    font-display: swap;
-    src: url("https://studio-static.sanity.io/Inter-Black.woff2") format("woff2");
-  }
-  @font-face {
-    font-family: Inter;
-    font-style: italic;
-    font-weight: 900;
-    font-display: swap;
-    src: url("https://studio-static.sanity.io/Inter-BlackItalic.woff2") format("woff2");
-  }
-  html {
-    @media (prefers-color-scheme: dark) {
-      background-color: #13141b;
-    }
-    @media (prefers-color-scheme: light) {
-      background-color: #ffffff;
-    }
-  }
-  html,
-  body,
-  #sanity {
-    height: 100%;
-  }
-  body {
-    margin: 0;
-    -webkit-font-smoothing: antialiased;
-  }
-</style><script src="https://core.sanity-cdn.com/bridge.js" async type="module" data-sanity-core></script>
-</head><body><div id="sanity"></div><script type="module" src="/.sanity/runtime/app.js"></script><noscript><div class="sanity-app-no-js__root"><div class="sanity-app-no-js__content"><style type="text/css">
-.sanity-app-no-js__root {
-  position: absolute;
-  top: 0;
-  right: 0;
-  left: 0;
-  bottom: 0;
-  background: #fff;
-}
-
-.sanity-app-no-js__content {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  text-align: center;
-  font-family: helvetica, arial, sans-serif;
-}
-</style><h1>JavaScript disabled</h1><p>Please <a href="https://www.enable-javascript.com/">enable JavaScript</a> in your browser and reload the page to proceed.</p></div></div></noscript></body></html>
--- a/sanity/package.json
+++ b/sanity/package.json
@ -1,21 +0,0 @@
-{
-  "name": "rebours-studio",
-  "private": true,
-  "version": "1.0.0",
-  "type": "module",
-  "scripts": {
-    "dev": "sanity dev",
-    "build": "sanity build",
-    "deploy": "sanity deploy"
-  },
-  "dependencies": {
-    "@sanity/vision": "^3.99.0",
-    "react": "^19.2.4",
-    "react-dom": "^19.2.4",
-    "sanity": "^3.99.0",
-    "styled-components": "^6"
-  },
-  "devDependencies": {
-    "@sanity/eslint-config-studio": "^4"
-  }
-}
--- a/sanity/pnpm-lock.yaml
+++ b/sanity/pnpm-lock.yaml
--- a/sanity/sanity.cli.ts
+++ b/sanity/sanity.cli.ts
@ -1,9 +0,0 @@
-import { defineCliConfig } from 'sanity/cli'
-
-export default defineCliConfig({
-  api: {
-    projectId: 'y821x5qu',
-    dataset: 'production',
-  },
-  studioHost: 'rebours',
-})
--- a/sanity/sanity.config.ts
+++ b/sanity/sanity.config.ts
@ -1,33 +0,0 @@
-import { defineConfig } from 'sanity'
-import { structureTool } from 'sanity/structure'
-import { schemaTypes } from './schemas'
-
-export default defineConfig({
-  name: 'rebours',
-  title: 'REBOURS Studio',
-
-  projectId: 'y821x5qu',
-  dataset: 'production',
-
-  plugins: [
-    structureTool({
-      structure: (S) =>
-        S.list()
-          .title('Contenu')
-          .items([
-            S.listItem()
-              .title('Page d\'accueil')
-              .id('homePage')
-              .child(
-                S.document()
-                  .schemaType('homePage')
-                  .documentId('homePage')
-                  .title('Page d\'accueil')
-              ),
-            S.divider(),
-            S.documentTypeListItem('product').title('Produits'),
-          ]),
-    }),
-  ],
-  schema: { types: schemaTypes },
-})
--- a/sanity/schemas/homePage.ts
+++ b/sanity/schemas/homePage.ts
@ -1,167 +0,0 @@
-import { defineType, defineField } from 'sanity'
-
-export default defineType({
-  name: 'homePage',
-  title: 'Page d\'accueil',
-  type: 'document',
-  groups: [
-    { name: 'hero', title: 'Hero' },
-    { name: 'collection', title: 'Collection' },
-    { name: 'contact', title: 'Contact / WhatsApp' },
-    { name: 'footer', title: 'Footer' },
-    { name: 'seo', title: 'SEO' },
-  ],
-  fields: [
-    // ── HERO ──────────────────────────────────────────────────
-    defineField({
-      name: 'heroLabel',
-      title: 'Label hero',
-      type: 'string',
-      initialValue: '// ARCHIVE_001 — 2026',
-      group: 'hero',
-    }),
-    defineField({
-      name: 'heroTitle',
-      title: 'Titre hero',
-      type: 'string',
-      initialValue: 'REBOURS STUDIO',
-      description: 'Utiliser | pour un retour à la ligne (ex: REBOURS|STUDIO)',
-      group: 'hero',
-      validation: (rule) => rule.required(),
-    }),
-    defineField({
-      name: 'heroSubtitle',
-      title: 'Sous-titre hero',
-      type: 'text',
-      rows: 2,
-      initialValue: 'Mobilier d\'art contemporain.\nSpace Age × Memphis.',
-      group: 'hero',
-    }),
-    defineField({
-      name: 'heroStatus',
-      title: 'Status hero',
-      type: 'text',
-      rows: 2,
-      initialValue: 'STATUS: [PROTOTYPE EN COURS]\nCOLLECTION_001 — BIENTÔT DISPONIBLE',
-      group: 'hero',
-    }),
-    defineField({
-      name: 'heroImage',
-      title: 'Image hero',
-      type: 'image',
-      options: { hotspot: true },
-      description: 'Image principale du hero. Si vide, utilise l\'image du premier produit.',
-      group: 'hero',
-      fields: [
-        defineField({
-          name: 'alt',
-          title: 'Texte alternatif',
-          type: 'string',
-        }),
-      ],
-    }),
-
-    // ── COLLECTION ────────────────────────────────────────────
-    defineField({
-      name: 'collectionLabel',
-      title: 'Label collection',
-      type: 'string',
-      initialValue: '// COLLECTION_001',
-      group: 'collection',
-    }),
-    defineField({
-      name: 'collectionCta',
-      title: 'Texte d\'action collection',
-      type: 'string',
-      initialValue: 'CLIQUER POUR OUVRIR',
-      description: 'Affiché après le nombre d\'objets',
-      group: 'collection',
-    }),
-
-    // ── CONTACT / WHATSAPP ────────────────────────────────────
-    defineField({
-      name: 'contactLabel',
-      title: 'Label contact',
-      type: 'string',
-      initialValue: '// CONTACT',
-      group: 'contact',
-    }),
-    defineField({
-      name: 'contactTitle',
-      title: 'Titre contact',
-      type: 'string',
-      initialValue: 'UNE QUESTION ? PARLONS-EN',
-      description: 'Utiliser | pour un retour à la ligne',
-      group: 'contact',
-    }),
-    defineField({
-      name: 'contactDescription',
-      title: 'Description contact',
-      type: 'text',
-      rows: 2,
-      initialValue: 'Commandes sur mesure, questions techniques,\nou simplement dire bonjour.',
-      group: 'contact',
-    }),
-    defineField({
-      name: 'whatsappNumber',
-      title: 'Numéro WhatsApp',
-      type: 'string',
-      initialValue: '33651755191',
-      description: 'Format international sans + (ex: 33612345678)',
-      group: 'contact',
-      validation: (rule) => rule.required(),
-    }),
-    defineField({
-      name: 'whatsappButtonText',
-      title: 'Texte bouton WhatsApp',
-      type: 'string',
-      initialValue: 'CONTACTEZ-NOUS SUR WHATSAPP',
-      group: 'contact',
-    }),
-    defineField({
-      name: 'contactResponseTime',
-      title: 'Temps de réponse',
-      type: 'string',
-      initialValue: 'RÉPONSE SOUS 24H',
-      group: 'contact',
-    }),
-
-    // ── FOOTER ────────────────────────────────────────────────
-    defineField({
-      name: 'footerText',
-      title: 'Texte footer',
-      type: 'string',
-      initialValue: '© 2026 REBOURS STUDIO — PARIS',
-      group: 'footer',
-    }),
-    defineField({
-      name: 'instagramUrl',
-      title: 'Lien Instagram',
-      type: 'url',
-      initialValue: 'https://instagram.com/rebour.studio',
-      group: 'footer',
-    }),
-
-    // ── SEO ───────────────────────────────────────────────────
-    defineField({
-      name: 'seoTitle',
-      title: 'Titre SEO',
-      type: 'string',
-      initialValue: 'REBOURS — Mobilier d\'art contemporain | Collection 001',
-      group: 'seo',
-    }),
-    defineField({
-      name: 'seoDescription',
-      title: 'Description SEO',
-      type: 'text',
-      rows: 3,
-      initialValue: 'REBOURS Studio crée du mobilier d\'art contemporain inspiré du Space Age et du mouvement Memphis. Pièces uniques fabriquées à Paris. Collection 001 en cours.',
-      group: 'seo',
-    }),
-  ],
-  preview: {
-    prepare() {
-      return { title: 'Page d\'accueil' }
-    },
-  },
-})
--- a/sanity/schemas/index.ts
+++ b/sanity/schemas/index.ts
@ -1,4 +0,0 @@
-import product from './product'
-import homePage from './homePage'
-
-export const schemaTypes = [product, homePage]
--- a/sanity/schemas/product.ts
+++ b/sanity/schemas/product.ts
@ -1,186 +0,0 @@
-import { defineType, defineField } from 'sanity'
-
-export default defineType({
-  name: 'product',
-  title: 'Produit',
-  type: 'document',
-  orderings: [
-    {
-      title: 'Ordre d\'affichage',
-      name: 'sortOrder',
-      by: [{ field: 'sortOrder', direction: 'asc' }],
-    },
-  ],
-  fields: [
-    defineField({
-      name: 'name',
-      title: 'Nom technique',
-      type: 'string',
-      description: 'Nom interne (ex: Solar_Altar)',
-      validation: (rule) => rule.required(),
-    }),
-    defineField({
-      name: 'productDisplayName',
-      title: 'Nom d\'affichage',
-      type: 'string',
-      description: 'Nom affiché au client (ex: Solar Altar)',
-      validation: (rule) => rule.required(),
-    }),
-    defineField({
-      name: 'slug',
-      title: 'Slug',
-      type: 'slug',
-      description: 'URL du produit (auto-généré depuis le nom)',
-      options: {
-        source: 'name',
-        slugify: (input: string) =>
-          input.toLowerCase()
-            .normalize('NFD').replace(/[\u0300-\u036f]/g, '')
-            .replace(/_/g, '-')
-            .replace(/[^a-z0-9-]/g, ''),
-      },
-      validation: (rule) => rule.required(),
-    }),
-    defineField({
-      name: 'sortOrder',
-      title: 'Ordre d\'affichage',
-      type: 'number',
-      initialValue: 0,
-      description: 'Plus petit = affiché en premier',
-    }),
-    defineField({
-      name: 'index',
-      title: 'Index projet',
-      type: 'string',
-      description: 'Ex: PROJET_001',
-      validation: (rule) => rule.required(),
-    }),
-    defineField({
-      name: 'type',
-      title: 'Type de produit',
-      type: 'string',
-      description: 'Ex: LAMPE DE TABLE',
-      validation: (rule) => rule.required(),
-    }),
-    defineField({
-      name: 'materials',
-      title: 'Matériaux',
-      type: 'string',
-      description: 'Ex: BÉTON TEXTURÉ + DÔME CÉRAMIQUE LAQUÉ',
-      validation: (rule) => rule.required(),
-    }),
-    defineField({
-      name: 'year',
-      title: 'Année',
-      type: 'string',
-      initialValue: '2026',
-      validation: (rule) => rule.required(),
-    }),
-    defineField({
-      name: 'status',
-      title: 'Status',
-      type: 'string',
-      description: 'Ex: PROTOTYPE [80%]',
-      validation: (rule) => rule.required(),
-    }),
-    defineField({
-      name: 'description',
-      title: 'Description',
-      type: 'text',
-      rows: 4,
-      validation: (rule) => rule.required(),
-    }),
-    defineField({
-      name: 'specs',
-      title: 'Spécifications techniques',
-      type: 'text',
-      rows: 4,
-    }),
-    defineField({
-      name: 'notes',
-      title: 'Notes de conception',
-      type: 'text',
-      rows: 4,
-    }),
-    defineField({
-      name: 'images',
-      title: 'Images produit',
-      type: 'array',
-      description: 'La première image est utilisée comme image principale',
-      validation: (rule) => rule.required().min(1),
-      of: [
-        {
-          type: 'image',
-          options: { hotspot: true },
-          fields: [
-            defineField({
-              name: 'alt',
-              title: 'Texte alternatif',
-              type: 'string',
-              description: 'Description de l\'image pour le SEO et l\'accessibilité',
-            }),
-          ],
-        },
-      ],
-    }),
-    defineField({
-      name: 'seoTitle',
-      title: 'Titre SEO',
-      type: 'string',
-      description: 'Auto: REBOURS — {Nom} | Collection 001',
-    }),
-    defineField({
-      name: 'seoDescription',
-      title: 'Description SEO',
-      type: 'text',
-      rows: 2,
-      description: 'Auto: tronqué depuis la description',
-    }),
-    defineField({
-      name: 'price',
-      title: 'Prix (centimes)',
-      type: 'number',
-      description: 'En centimes (180000 = 1 800 €). Laisser vide = non disponible.',
-    }),
-    defineField({
-      name: 'currency',
-      title: 'Devise',
-      type: 'string',
-      initialValue: 'EUR',
-      options: {
-        list: [
-          { title: 'EUR', value: 'EUR' },
-          { title: 'USD', value: 'USD' },
-        ],
-      },
-    }),
-    defineField({
-      name: 'availability',
-      title: 'Disponibilité',
-      type: 'string',
-      initialValue: 'https://schema.org/PreOrder',
-      options: {
-        list: [
-          { title: 'Pré-commande', value: 'https://schema.org/PreOrder' },
-          { title: 'Disponible (limité)', value: 'https://schema.org/LimitedAvailability' },
-          { title: 'En stock', value: 'https://schema.org/InStock' },
-          { title: 'Épuisé', value: 'https://schema.org/SoldOut' },
-        ],
-      },
-    }),
-    defineField({
-      name: 'isPublished',
-      title: 'Publié',
-      type: 'boolean',
-      initialValue: true,
-      description: 'Décocher pour masquer du site sans supprimer',
-    }),
-  ],
-  preview: {
-    select: {
-      title: 'productDisplayName',
-      subtitle: 'type',
-      media: 'images.0',
-    },
-  },
-})
--- a/sanity/tsconfig.json
+++ b/sanity/tsconfig.json
@ -1,18 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2017",
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "strict": true,
-    "forceConsistentCasingInFileNames": true,
-    "noEmit": true,
-    "esModuleInterop": true,
-    "module": "esnext",
-    "moduleResolution": "bundler",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "jsx": "react-jsx"
-  },
-  "include": ["."]
-}
--- a/seed-sanity-homepage.mjs
+++ b/seed-sanity-homepage.mjs
@ -1,54 +0,0 @@
-import { createClient } from '@sanity/client'
-import dotenv from 'dotenv'
-
-dotenv.config()
-
-const client = createClient({
-  projectId: process.env.SANITY_PROJECT_ID,
-  dataset: process.env.SANITY_DATASET || 'production',
-  apiVersion: '2024-01-01',
-  useCdn: false,
-  token: process.env.SANITY_API_TOKEN,
-})
-
-const homePage = {
-  _id: 'homePage',
-  _type: 'homePage',
-
-  // Hero
-  heroLabel: '// ARCHIVE_001 — 2026',
-  heroTitle: 'REBOURS|STUDIO',
-  heroSubtitle: 'Mobilier d\'art contemporain.\nSpace Age × Memphis.',
-  heroStatus: 'STATUS: [PROTOTYPE EN COURS]\nCOLLECTION_001 — BIENTÔT DISPONIBLE',
-
-  // Collection
-  collectionLabel: '// COLLECTION_001',
-  collectionCta: 'CLIQUER POUR OUVRIR',
-
-  // Contact / WhatsApp
-  contactLabel: '// CONTACT',
-  contactTitle: 'UNE QUESTION ?|PARLONS-EN',
-  contactDescription: 'Commandes sur mesure, questions techniques,\nou simplement dire bonjour.',
-  whatsappNumber: '33651755191',
-  whatsappButtonText: 'CONTACTEZ-NOUS SUR WHATSAPP',
-  contactResponseTime: 'RÉPONSE SOUS 24H',
-
-  // Footer
-  footerText: '© 2026 REBOURS STUDIO — PARIS',
-  instagramUrl: 'https://instagram.com/rebour.studio',
-
-  // SEO
-  seoTitle: 'REBOURS — Mobilier d\'art contemporain | Collection 001',
-  seoDescription: 'REBOURS Studio crée du mobilier d\'art contemporain inspiré du Space Age et du mouvement Memphis. Pièces uniques fabriquées à Paris. Collection 001 en cours.',
-}
-
-async function seed() {
-  console.log('Creating homePage document...')
-  const result = await client.createOrReplace(homePage)
-  console.log(`✓ homePage created: ${result._id}`)
-}
-
-seed().catch((err) => {
-  console.error('Error:', err.message)
-  process.exit(1)
-})
--- a/seed-sanity.mjs
+++ b/seed-sanity.mjs
@ -1,128 +0,0 @@
-import { createClient } from '@sanity/client'
-import { readFileSync } from 'fs'
-import { resolve } from 'path'
-import dotenv from 'dotenv'
-
-dotenv.config()
-
-const client = createClient({
-  projectId: process.env.SANITY_PROJECT_ID,
-  dataset: process.env.SANITY_DATASET || 'production',
-  apiVersion: '2024-01-01',
-  useCdn: false,
-  token: process.env.SANITY_API_TOKEN,
-})
-
-
-
-// ── Upload image to Sanity ─────────────────────────────────────────────────
-async function uploadImage(filePath, filename) {
-  const buffer = readFileSync(resolve(filePath))
-  const asset = await client.assets.upload('image', buffer, { filename })
-  console.log(`  ✓ Image uploaded: ${filename} → ${asset._id}`)
-  return asset._id
-}
-
-// ── Products data ──────────────────────────────────────────────────────────
-const PRODUCTS = [
-  {
-    name: 'Solar_Altar',
-    productDisplayName: 'Solar Altar',
-    slug: { _type: 'slug', current: 'solar-altar' },
-    sortOrder: 0,
-    index: 'PROJET_001',
-    type: 'LAMPE DE TABLE',
-    materials: 'BÉTON TEXTURÉ + DÔME CÉRAMIQUE LAQUÉ',
-    year: '2026',
-    status: 'PROTOTYPE [80%]',
-    description: 'Exploration de la lumière à travers des contraintes géométriques. Le dôme sphérique en céramique laquée coiffe un corps en béton texturé peint à la main. Chaque pièce est unique.',
-    specs: 'H: 45cm / Ø: 18cm\nPoids: 3.2kg\nAlimentation: 220V — E27\nCâble: tressé rouge 2m',
-    notes: 'Inspiré des lampadaires soviétiques des années 60. Le béton est coulé à la main dans des moules uniques. La peinture acrylique est appliquée au spalter.',
-    imageFile: 'public/assets/lamp-violet.jpg',
-    imageAlt: 'Solar Altar — Lampe béton violet, dôme céramique bleu, REBOURS 2026',
-    seoTitle: 'REBOURS — Solar Altar | Collection 001',
-    seoDescription: 'Lampe de table unique. Béton texturé coulé à la main + dôme céramique laqué. Pièce unique fabriquée à Paris.',
-    price: 180000,
-    currency: 'EUR',
-    availability: 'https://schema.org/LimitedAvailability',
-    isPublished: true,
-  },
-  {
-    name: 'TABLE_TERRAZZO',
-    productDisplayName: 'Table Terrazzo',
-    slug: { _type: 'slug', current: 'table-terrazzo' },
-    sortOrder: 1,
-    index: 'PROJET_002',
-    type: 'TABLE BASSE + ÉTAGÈRE MODULAIRE',
-    materials: 'TERRAZZO + ACIER TUBULAIRE + RÉSINE',
-    year: '2026',
-    status: 'STRUCTURAL_TEST',
-    description: "Collision du brutalisme et de la couleur Memphis. Le plateau en terrazzo fait à la main intègre des inclusions de marbre rose et bleu. Les colonnes cylindriques bicolores sont en acier peint au four.",
-    specs: 'Table: L120 × P60 × H38cm\nPoids plateau: 28kg\nPieds: acier Ø60mm\nÉtagère: H180 × L80 × P35cm',
-    notes: "Le terrazzo est réalisé dans l'atelier de Pantin. Chaque dalle est unique. L'étagère est assemblée à partir de tubes industriels récupérés et de panneaux laqués.",
-    imageFile: 'public/assets/table-terrazzo.jpg',
-    imageAlt: 'TABLE TERRAZZO — Table basse terrazzo et étagère acier, REBOURS 2026',
-    seoTitle: 'REBOURS — TABLE TERRAZZO | Collection 001',
-    seoDescription: 'Table basse et étagère modulaire. Terrazzo fait main + acier tubulaire. Pièce unique fabriquée à Paris.',
-    price: null,
-    currency: 'EUR',
-    availability: 'https://schema.org/PreOrder',
-    isPublished: true,
-  },
-  {
-    name: 'MODULE_SÉRIE',
-    productDisplayName: 'Module Série',
-    slug: { _type: 'slug', current: 'module-serie' },
-    sortOrder: 2,
-    index: 'PROJET_003',
-    type: 'LAMPES — SÉRIE LIMITÉE',
-    materials: 'BÉTON COLORÉ + DÔME LAQUÉ + NÉON',
-    year: '2026',
-    status: 'FINAL_ASSEMBLY',
-    description: "Série de 7 lampes aux corps béton colorés, chacune avec un dôme d'une couleur différente. Les néons horizontaux créent un anneau lumineux entre le dôme et le corps.",
-    specs: 'H: 35–65cm (7 tailles)\nDôme: Ø15–28cm\nAnneau néon: 8W — 3000K\nÉdition: 7 ex. par coloris',
-    notes: 'Les corps sont coulés en série mais peints individuellement. Les dômes sont réalisés par un souffleur de verre artisanal. Le câble tressé rouge est la signature de la série.',
-    imageFile: 'public/assets/lampes-serie.jpg',
-    imageAlt: 'MODULE SÉRIE — Collection de 7 lampes béton colorées, REBOURS 2026',
-    seoTitle: 'REBOURS — MODULE SÉRIE | Collection 001',
-    seoDescription: 'Série de 7 lampes béton colorées, dôme laqué et néon. Édition limitée fabriquée à Paris.',
-    price: null,
-    currency: 'EUR',
-    availability: 'https://schema.org/PreOrder',
-    isPublished: true,
-  },
-]
-
-// ── Seed ───────────────────────────────────────────────────────────────────
-async function seed() {
-  console.log('🌱 Seeding Sanity...\n')
-
-  for (const product of PRODUCTS) {
-    const { imageFile, imageAlt, ...data } = product
-
-    // Upload image
-    console.log(`📦 ${product.name}`)
-    const imageAssetId = await uploadImage(imageFile, imageFile.split('/').pop())
-
-    // Create document
-    const doc = {
-      _type: 'product',
-      ...data,
-      image: {
-        _type: 'image',
-        alt: imageAlt,
-        asset: { _type: 'reference', _ref: imageAssetId },
-      },
-    }
-
-    const result = await client.create(doc)
-    console.log(`  ✓ Created: ${result._id}\n`)
-  }
-
-  console.log('✅ Seed complete!')
-}
-
-seed().catch((err) => {
-  console.error('❌ Seed failed:', err.message)
-  process.exit(1)
-})
--- a/server.mjs
+++ b/server.mjs
@ -1,138 +0,0 @@
-import Fastify from 'fastify'
-import cors from '@fastify/cors'
-import Stripe from 'stripe'
-import { createClient } from '@sanity/client'
-import dotenv from 'dotenv'
-
-dotenv.config()
-
-// ── Sanity client ──────────────────────────────────────────────────────────
-const sanity = createClient({
-  projectId: process.env.SANITY_PROJECT_ID,
-  dataset: process.env.SANITY_DATASET || 'production',
-  apiVersion: '2024-01-01',
-  useCdn: false, // Server-side: always fresh data
-  token: process.env.SANITY_API_TOKEN, // Optional: for authenticated reads
-})
-
-// ── Stripe ─────────────────────────────────────────────────────────────────
-const stripe = new Stripe(process.env.STRIPE_SECRET_KEY ?? '')
-const DOMAIN = process.env.DOMAIN ?? 'http://localhost:4321'
-
-// ── Fastify ────────────────────────────────────────────────────────────────
-const app = Fastify({ logger: true, trustProxy: true })
-await app.register(cors, { origin: '*', methods: ['GET', 'POST'] })
-
-// ── Webhook Stripe ─────────────────────────────────────────────────────────
-app.post('/api/webhook', {
-  config: { rawBody: true },
-  onRequest: (request, reply, done) => {
-    request.rawBody = ''
-    request.req.on('data', chunk => { request.rawBody += chunk })
-    request.req.on('end', done)
-  },
-}, async (request, reply) => {
-  const sig = request.headers['stripe-signature']
-  const webhookSecret = process.env.STRIPE_WEBHOOK_SECRET
-  if (!sig || !webhookSecret) return reply.code(400).send('Missing signature')
-
-  let event
-  try {
-    event = stripe.webhooks.constructEvent(request.rawBody, sig, webhookSecret)
-  } catch {
-    return reply.code(400).send('Webhook Error')
-  }
-
-  if (event.type === 'checkout.session.completed') {
-    const session = event.data.object
-    if (session.payment_status === 'paid') {
-      app.log.info(
-        `✓ Paiement confirmé — ${session.id} — ${session.customer_details?.email} — ${session.metadata?.product}`
-      )
-    }
-  }
-
-  return { received: true }
-})
-
-// ── Health check ────────────────────────────────────────────────────────────
-app.get('/api/health', async () => ({ status: 'ok' }))
-
-// ── Checkout Stripe ─────────────────────────────────────────────────────────
-app.post('/api/checkout', async (request, reply) => {
-  const { product: slug, email } = request.body ?? {}
-
-  if (!slug) return reply.code(400).send({ error: 'Produit manquant' })
-
-  // Fetch product from Sanity
-  const product = await sanity.fetch(
-    `*[_type == "product" && slug.current == $slug && isPublished == true][0]{
-      productDisplayName,
-      description,
-      price,
-      currency,
-      "imageUrl": images[0].asset->url,
-      "slug": slug.current
-    }`,
-    { slug }
-  )
-
-  if (!product || !product.price) {
-    return reply.code(404).send({ error: 'Produit non disponible' })
-  }
-
-  try {
-    const session = await stripe.checkout.sessions.create({
-      mode: 'payment',
-      payment_method_types: ['card', 'link'],
-      line_items: [{
-        price_data: {
-          currency: (product.currency || 'EUR').toLowerCase(),
-          product_data: {
-            name: product.productDisplayName,
-            description: product.description?.substring(0, 500) || undefined,
-            images: product.imageUrl ? [product.imageUrl] : [],
-          },
-          unit_amount: product.price,
-        },
-        quantity: 1,
-      }],
-      metadata: { product: slug },
-      success_url: `${DOMAIN}/success?session_id={CHECKOUT_SESSION_ID}`,
-      cancel_url: `${DOMAIN}/#collection`,
-      locale: 'fr',
-      customer_email: email ?? undefined,
-      custom_text: {
-        submit: { message: 'Pièce unique — fabriquée à Paris. Délai : 6 à 8 semaines.' },
-      },
-    })
-    return { url: session.url }
-  } catch (err) {
-    app.log.error(err)
-    return reply.code(500).send({ error: err.message })
-  }
-})
-
-// ── Vérification session ────────────────────────────────────────────────────
-app.get('/api/session/:id', async (request) => {
-  const session = await stripe.checkout.sessions.retrieve(request.params.id, {
-    expand: ['payment_intent.latest_charge'],
-  })
-  const charge = session.payment_intent?.latest_charge
-  return {
-    status: session.payment_status,
-    amount: session.amount_total,
-    currency: session.currency,
-    customer_email: session.customer_details?.email ?? null,
-    product: session.metadata?.product ?? null,
-    receipt_url: charge?.receipt_url ?? null,
-  }
-})
-
-// ── Start ───────────────────────────────────────────────────────────────────
-try {
-  await app.listen({ port: process.env.FASTIFY_PORT ?? process.env.PORT ?? 3000, host: '0.0.0.0' })
-} catch (err) {
-  app.log.error(err)
-  process.exit(1)
-}
--- a/src/layouts/Base.astro
+++ b/src/layouts/Base.astro
@ -1,67 +0,0 @@
---
-export interface Props {
-    title: string;
-    description?: string;
-    ogImage?: string;
-    canonical?: string;
-}
-
-const {
-    title,
-    description = 'REBOUR Studio crée du mobilier d\'art contemporain inspiré du Space Age et du mouvement Memphis. Pièces uniques fabriquées à Paris. Collection 001 en cours.',
-    ogImage = 'https://rebours.studio/assets/lamp-violet.jpg',
-    canonical = 'https://rebours.studio/',
-} = Astro.props;
-
-const cssVersion = Date.now();
---
-
-<!DOCTYPE html>
-<html lang="fr">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-    <!-- SEO Primary -->
-    <title>{title}</title>
-    <meta name="description" content={description}>
-    <meta name="keywords" content="mobilier art, design contemporain, space age, memphis design, lampe béton, Paris, pièce unique">
-    <meta name="author" content="REBOURS Studio">
-    <meta name="robots" content="index, follow">
-    <link rel="canonical" href={canonical}>
-
-    <!-- Open Graph -->
-    <meta property="og:type" content="website">
-    <meta property="og:url" content={canonical}>
-    <meta property="og:title" content={title}>
-    <meta property="og:description" content={description}>
-    <meta property="og:image" content={ogImage}>
-    <meta property="og:locale" content="fr_FR">
-    <meta property="og:site_name" content="REBOURS Studio">
-
-    <!-- Twitter Card -->
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:title" content={title}>
-    <meta name="twitter:description" content={description}>
-    <meta name="twitter:image" content={ogImage}>
-
-    <!-- Favicon -->
-    <link rel="icon" type="image/x-icon" href="/favicon.ico">
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-
-    <!-- Fonts -->
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet">
-
-    <slot name="head" />
-
-    <link rel="stylesheet" href={`/style.css?v=${cssVersion}`}>
-</head>
-<body>
-    <slot />
-    <script>import '../scripts/main.js';</script>
-</body>
-</html>
--- a/src/lib/sanity.mjs
+++ b/src/lib/sanity.mjs
@ -1,78 +0,0 @@
-import { createClient } from '@sanity/client'
-import imageUrlBuilder from '@sanity/image-url'
-
-export const sanity = createClient({
-  projectId: process.env.SANITY_PROJECT_ID || import.meta.env.SANITY_PROJECT_ID,
-  dataset: process.env.SANITY_DATASET || import.meta.env.SANITY_DATASET || 'production',
-  apiVersion: '2024-01-01',
-  useCdn: false,
-})
-
-const builder = imageUrlBuilder(sanity)
-
-export function urlFor(source) {
-  return builder.image(source)
-}
-
-// ── Queries ────────────────────────────────────────────────────────────────
-
-const PRODUCT_FIELDS = `
-  "slug": slug.current,
-  name,
-  productDisplayName,
-  sortOrder,
-  index,
-  type,
-  materials,
-  year,
-  status,
-  description,
-  specs,
-  notes,
-  images,
-  "imageAlt": images[0].alt,
-  seoTitle,
-  seoDescription,
-  price,
-  currency,
-  availability,
-  isPublished
-`
-
-export async function getPublishedProducts() {
-  return sanity.fetch(
-    `*[_type == "product" && isPublished == true] | order(sortOrder asc) { ${PRODUCT_FIELDS} }`
-  )
-}
-
-export async function getProductBySlug(slug) {
-  return sanity.fetch(
-    `*[_type == "product" && slug.current == $slug && isPublished == true][0] { ${PRODUCT_FIELDS} }`,
-    { slug }
-  )
-}
-
-export async function getHomePage() {
-  return sanity.fetch(
-    `*[_type == "homePage" && _id == "homePage"][0] {
-      heroLabel,
-      heroTitle,
-      heroSubtitle,
-      heroStatus,
-      heroImage,
-      "heroImageAlt": heroImage.alt,
-      collectionLabel,
-      collectionCta,
-      contactLabel,
-      contactTitle,
-      contactDescription,
-      whatsappNumber,
-      whatsappButtonText,
-      contactResponseTime,
-      footerText,
-      instagramUrl,
-      seoTitle,
-      seoDescription
-    }`
-  )
-}
--- a/src/pages/collection/[slug].astro
+++ b/src/pages/collection/[slug].astro
@ -1,303 +0,0 @@
---
-import Base from '../../layouts/Base.astro';
-import { getPublishedProducts, getProductBySlug, urlFor } from '../../lib/sanity.mjs';
-
-const { slug } = Astro.params;
-const product = await getProductBySlug(slug);
-
-if (!product) {
-    return Astro.redirect('/');
-}
-
-const name = product.name;
-const title = product.seoTitle || `REBOURS — ${product.productDisplayName} | Collection 001`;
-const description = product.seoDescription || product.description?.substring(0, 155) || '';
-const ogImage = product.images?.[0] ? urlFor(product.images[0]).width(1200).url() : '';
-const productName = product.productDisplayName;
-const price = product.price ? String(product.price / 100) : null;
-const availability = product.availability || 'https://schema.org/PreOrder';
-
-const allProducts = await getPublishedProducts();
-
-const schemaProduct = {
-    "@context": "https://schema.org",
-    "@type": "Product",
-    "name": productName,
-    "description": description,
-    "image": ogImage,
-    "brand": { "@type": "Brand", "name": "REBOURS Studio" },
-    "url": `https://rebours.studio/collection/${slug}/`,
-    ...(price ? {
-        "offers": {
-            "@type": "Offer",
-            "price": price,
-            "priceCurrency": "EUR",
-            "availability": availability,
-            "seller": { "@type": "Organization", "name": "REBOURS Studio" }
-        }
-    } : {}),
-};
-
-const schemaBreadcrumb = {
-    "@context": "https://schema.org",
-    "@type": "BreadcrumbList",
-    "itemListElement": [
-        { "@type": "ListItem", "position": 1, "name": "Accueil", "item": "https://rebours.studio/" },
-        { "@type": "ListItem", "position": 2, "name": "Collection 001", "item": "https://rebours.studio/#collection" },
-        { "@type": "ListItem", "position": 3, "name": productName, "item": `https://rebours.studio/collection/${slug}/` },
-    ]
-};
---
-
-<Base
-    title={title}
-    description={description}
-    ogImage={ogImage}
-    canonical={`https://rebours.studio/collection/${slug}/`}
->
-    <Fragment slot="head">
-        <script type="application/ld+json" set:html={JSON.stringify(schemaProduct)} />
-        <script type="application/ld+json" set:html={JSON.stringify(schemaBreadcrumb)} />
-    </Fragment>
-
-    <meta name="x-open-panel" content={name} />
-
-    <script is:inline>
-        window.__OPEN_PANEL__ = document.querySelector('meta[name="x-open-panel"]')?.content;
-    </script>
-
-    <!-- Grid background -->
-    <div id="interactive-grid" class="interactive-grid"></div>
-
-    <!-- PRODUCT PANEL (overlay) -->
-    <div id="product-panel" class="product-panel" aria-hidden="true">
-        <div class="panel-close" id="panel-close">
-            <span>← RETOUR</span>
-        </div>
-        <div class="panel-inner">
-            <div class="panel-img-col">
-                <div class="panel-gallery" id="panel-gallery">
-                    <img id="panel-img" src="" alt="Image produit REBOURS Studio">
-                </div>
-                <div class="panel-gallery-nav" id="panel-gallery-nav"></div>
-            </div>
-            <div class="panel-info-col">
-                <p class="panel-index" id="panel-index"></p>
-                <h2 id="panel-name"></h2>
-                <hr>
-                <div class="panel-meta">
-                    <div class="panel-meta-row">
-                        <span class="meta-key">TYPE</span>
-                        <span id="panel-type"></span>
-                    </div>
-                    <div class="panel-meta-row">
-                        <span class="meta-key">MATÉRIAUX</span>
-                        <span id="panel-mat"></span>
-                    </div>
-                    <div class="panel-meta-row">
-                        <span class="meta-key">ANNÉE</span>
-                        <span id="panel-year"></span>
-                    </div>
-                    <div class="panel-meta-row">
-                        <span class="meta-key">STATUS</span>
-                        <span id="panel-status" class="red"></span>
-                    </div>
-                </div>
-                <hr>
-                <p id="panel-desc" class="panel-desc"></p>
-                <hr>
-
-                <details class="accordion" open>
-                    <summary>SPÉCIFICATIONS TECHNIQUES <span>↓</span></summary>
-                    <div class="accordion-body" id="panel-specs"></div>
-                </details>
-                <details class="accordion" open>
-                    <summary>NOTES DE CONCEPTION <span>↓</span></summary>
-                    <div class="accordion-body" id="panel-notes"></div>
-                </details>
-
-                <hr>
-
-                <div id="checkout-section" style="display:none;">
-                    <div class="checkout-price-line">
-                        <span class="checkout-price"></span>
-                        <span class="checkout-edition">ÉDITION UNIQUE — 1/1</span>
-                    </div>
-                    <button id="checkout-toggle-btn" class="checkout-btn">
-                        [ COMMANDER CETTE PIÈCE ]
-                    </button>
-                    <div id="checkout-form-wrap" class="checkout-form-wrap" style="display:none;">
-                        <form id="checkout-form" class="checkout-form">
-                            <div class="checkout-form-field">
-                                <label for="checkout-email">EMAIL *</label>
-                                <input type="email" id="checkout-email" name="email" placeholder="votre@email.com" required autocomplete="off">
-                            </div>
-                            <div class="checkout-form-note">
-                                Pièce fabriquée à Paris. Délai : 6 à 8 semaines.<br>
-                                Paiement sécurisé via Stripe.
-                            </div>
-                            <button type="submit" class="checkout-submit" id="checkout-submit-btn">
-                                PROCÉDER AU PAIEMENT →
-                            </button>
-                        </form>
-                    </div>
-                </div>
-
-                <div class="panel-footer">
-                    <span class="blink">■</span> COLLECTION_001 — W.I.P
-                </div>
-            </div>
-        </div>
-    </div>
-
-    <div class="page-wrapper">
-
-        <header class="header">
-            <a href="/" class="logo-text" aria-label="REBOURS — Accueil">REBOURS</a>
-            <nav class="header-nav" aria-label="Navigation principale">
-                <a href="/#collection">COLLECTION_001</a>
-                <a href="#" class="contact-trigger">CONTACT</a>
-                <span class="wip-tag"><span class="blink">■</span> W.I.P</span>
-            </nav>
-        </header>
-
-        <main>
-
-            <section class="hero" aria-label="Introduction">
-                <div class="hero-left">
-                    <p class="label">// ARCHIVE_001 — 2026</p>
-                    <h1>REBOURS<br>STUDIO</h1>
-                    <p class="hero-sub">Mobilier d'art contemporain.<br>Space Age × Memphis.</p>
-                    <p class="hero-sub mono-sm">STATUS: [PROTOTYPE EN COURS]<br>COLLECTION_001 — BIENTÔT DISPONIBLE</p>
-                </div>
-                <div class="hero-right">
-                    {allProducts[0]?.images?.[0] && (
-                        <img
-                            src={urlFor(allProducts[0].images[0]).width(1024).url()}
-                            alt="REBOURS — Mobilier d'art contemporain, Paris 2026"
-                            class="hero-img"
-                            width="1024" height="1024"
-                            fetchpriority="high">
-                    )}
-                </div>
-            </section>
-
-            <hr>
-
-            <section class="collection" id="collection" aria-label="Collection 001">
-                <div class="collection-header">
-                    <p class="label">// COLLECTION_001</p>
-                    <span class="label">{allProducts.length} OBJETS — CLIQUER POUR OUVRIR</span>
-                </div>
-
-                <div class="product-grid">
-                    {allProducts.map((p, i) => {
-                        const mainImg = p.images?.[0];
-                        const imgUrl = mainImg ? urlFor(mainImg).width(800).url() : '';
-                        const alt = p.imageAlt || `${p.productDisplayName} — mobilier d'art contemporain, REBOURS Studio Paris`;
-                        const allImgs = (p.images || []).map(img => ({
-                            url: urlFor(img).width(1200).url(),
-                            alt: img.alt || alt,
-                        }));
-                        return (
-                            <article class="product-card"
-                                data-index={p.index}
-                                data-name={p.name}
-                                data-type={p.type}
-                                data-mat={p.materials}
-                                data-year={p.year}
-                                data-status={p.status}
-                                data-desc={p.description}
-                                data-specs={p.specs || ''}
-                                data-notes={p.notes || ''}
-                                data-img={mainImg ? urlFor(mainImg).width(1200).url() : ''}
-                                data-images={JSON.stringify(allImgs)}
-                                data-price={p.price ? String(p.price) : ''}
-                                data-slug={p.slug}
-                                data-img-alt={alt}
-                                aria-label={`Ouvrir le détail de ${p.productDisplayName}`}>
-                                <div class="card-img-wrap">
-                                    <img src={imgUrl}
-                                         alt={alt}
-                                         width="600" height="600"
-                                         loading={i === 0 ? "eager" : "lazy"}>
-                                </div>
-                                <div class="card-meta">
-                                    <span class="card-index">{String(i + 1).padStart(3, '0')}</span>
-                                    <span class="card-name">{p.name}</span>
-                                    <span class="card-arrow">↗</span>
-                                </div>
-                            </article>
-                        );
-                    })}
-                </div>
-            </section>
-
-            <section class="newsletter" id="contact" aria-label="Accès anticipé">
-                <div class="nl-left">
-                    <p class="label">// ACCÈS_ANTICIPÉ</p>
-                    <h2>REJOINDRE<br>L'EXPÉRIENCE</h2>
-                </div>
-                <div class="nl-right">
-                    <form class="nl-form" onsubmit="event.preventDefault();" aria-label="Inscription newsletter">
-                        <label for="nl-email">EMAIL :</label>
-                        <div class="nl-row">
-                            <input type="email" id="nl-email" name="email" placeholder="votre@email.com" autocomplete="email" required>
-                            <button type="submit">ENVOYER →</button>
-                        </div>
-                        <p class="mono-sm"><span class="blink">■</span> CONNECTION_STATUS: PENDING</p>
-                    </form>
-                </div>
-            </section>
-
-        </main>
-
-        <footer class="footer">
-            <span>© 2026 REBOURS STUDIO — PARIS</span>
-            <nav aria-label="Liens secondaires">
-                <a href="https://instagram.com/rebour.studio" rel="noopener" target="_blank">INSTAGRAM</a>
-                &nbsp;/&nbsp;
-                <a href="#" class="contact-trigger">CONTACT</a>
-            </nav>
-        </footer>
-
-    </div>
-
-    <!-- CONTACT MODAL -->
-    <div id="contact-modal" class="contact-modal" aria-hidden="true">
-        <div class="contact-modal-backdrop"></div>
-        <div class="contact-modal-content">
-            <div class="contact-modal-header">
-                <p class="label">// CONTACT</p>
-                <button class="contact-modal-close" aria-label="Fermer">✕</button>
-            </div>
-            <hr>
-            <h2 class="contact-modal-title">ENVOYER<br>UN MESSAGE</h2>
-            <form id="contact-form" class="contact-form">
-                <div class="contact-field">
-                    <label for="contact-name">NOM *</label>
-                    <input type="text" id="contact-name" name="name" placeholder="Votre nom" required autocomplete="name">
-                </div>
-                <div class="contact-field">
-                    <label for="contact-email">EMAIL *</label>
-                    <input type="email" id="contact-email" name="email" placeholder="votre@email.com" required autocomplete="email">
-                </div>
-                <div class="contact-field">
-                    <label for="contact-subject">OBJET</label>
-                    <input type="text" id="contact-subject" name="subject" placeholder="Objet du message" autocomplete="off">
-                </div>
-                <div class="contact-field">
-                    <label for="contact-message">MESSAGE *</label>
-                    <textarea id="contact-message" name="message" rows="5" placeholder="Votre message..." required></textarea>
-                </div>
-                <button type="submit" class="contact-submit">
-                    ENVOYER LE MESSAGE →
-                </button>
-                <p class="mono-sm contact-note"><span class="blink">■</span> REDIRECTION VERS VOTRE CLIENT MAIL</p>
-            </form>
-        </div>
-    </div>
-
-    <div class="cursor-dot"></div>
-    <div class="cursor-outline"></div>
-</Base>
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@ -1,310 +0,0 @@
---
-import Base from '../layouts/Base.astro';
-import { getPublishedProducts, getHomePage, urlFor } from '../lib/sanity.mjs';
-
-const [products, home] = await Promise.all([getPublishedProducts(), getHomePage()]);
-
-const heroImg = home?.heroImage
-    ? urlFor(home.heroImage).width(1024).url()
-    : products[0]?.images?.[0]
-        ? urlFor(products[0].images[0]).width(1024).url()
-        : '/assets/table-terrazzo.jpg';
-const heroImgAlt = home?.heroImageAlt || 'REBOURS — Mobilier d\'art contemporain, Paris 2026';
-
-const heroLabel = home?.heroLabel || '// ARCHIVE_001 — 2026';
-const heroTitleParts = (home?.heroTitle || 'REBOURS|STUDIO').split('|');
-const heroSubtitle = home?.heroSubtitle || 'Mobilier d\'art contemporain.\nSpace Age × Memphis.';
-const heroStatus = home?.heroStatus || 'STATUS: [PROTOTYPE EN COURS]\nCOLLECTION_001 — BIENTÔT DISPONIBLE';
-
-const collectionLabel = home?.collectionLabel || '// COLLECTION_001';
-const collectionCta = home?.collectionCta || 'CLIQUER POUR OUVRIR';
-
-const contactLabel = home?.contactLabel || '// CONTACT';
-const contactTitleParts = (home?.contactTitle || 'UNE QUESTION ?|PARLONS-EN').split('|');
-const contactDesc = home?.contactDescription || 'Commandes sur mesure, questions techniques,\nou simplement dire bonjour.';
-const whatsappNumber = home?.whatsappNumber || '33651755191';
-const whatsappBtnText = home?.whatsappButtonText || 'CONTACTEZ-NOUS SUR WHATSAPP';
-const contactResponseTime = home?.contactResponseTime || 'RÉPONSE SOUS 24H';
-
-const footerText = home?.footerText || '© 2026 REBOURS STUDIO — PARIS';
-const instagramUrl = home?.instagramUrl || 'https://instagram.com/rebour.studio';
-
-const seoTitle = home?.seoTitle || 'REBOURS — Mobilier d\'art contemporain | Collection 001';
-const seoDesc = home?.seoDescription || 'REBOURS Studio crée du mobilier d\'art contemporain inspiré du Space Age et du mouvement Memphis. Pièces uniques fabriquées à Paris. Collection 001 en cours.';
-
-const firstImage = heroImg;
-
-const schemaOrg = {
-    "@context": "https://schema.org",
-    "@type": "Store",
-    "name": "REBOURS Studio",
-    "description": "Mobilier d'art contemporain. Space Age × Memphis. Pièces uniques fabriquées à Paris.",
-    "url": "https://rebours.studio/",
-    "image": firstImage,
-    "address": { "@type": "PostalAddress", "addressLocality": "Paris", "addressCountry": "FR" },
-    "hasOfferCatalog": {
-        "@type": "OfferCatalog",
-        "name": "Collection 001",
-        "itemListElement": products.filter(p => p.price).map(p => ({
-            "@type": "Offer",
-            "itemOffered": {
-                "@type": "Product",
-                "name": p.productDisplayName,
-                "description": p.seoDescription || p.description?.substring(0, 155),
-                "image": p.images?.[0] ? urlFor(p.images[0]).width(1024).url() : undefined,
-            },
-            "price": String(p.price / 100),
-            "priceCurrency": p.currency || 'EUR',
-            "availability": p.availability,
-        })),
-    }
-};
---
-
-<Base
-    title={seoTitle}
-    description={seoDesc}
-    canonical="https://rebours.studio/"
->
-    <Fragment slot="head">
-        <script type="application/ld+json" set:html={JSON.stringify(schemaOrg)} />
-    </Fragment>
-
-    <!-- Grid background -->
-    <div id="interactive-grid" class="interactive-grid"></div>
-
-    <!-- PRODUCT PANEL (overlay) -->
-    <div id="product-panel" class="product-panel" aria-hidden="true">
-        <div class="panel-close" id="panel-close">
-            <span>← RETOUR</span>
-        </div>
-        <div class="panel-inner">
-            <div class="panel-img-col">
-                <div class="panel-gallery" id="panel-gallery">
-                    <img id="panel-img" src="" alt="Image produit REBOURS Studio">
-                </div>
-                <div class="panel-gallery-nav" id="panel-gallery-nav"></div>
-            </div>
-            <div class="panel-info-col">
-                <p class="panel-index" id="panel-index"></p>
-                <h2 id="panel-name"></h2>
-                <hr>
-                <div class="panel-meta">
-                    <div class="panel-meta-row">
-                        <span class="meta-key">TYPE</span>
-                        <span id="panel-type"></span>
-                    </div>
-                    <div class="panel-meta-row">
-                        <span class="meta-key">MATÉRIAUX</span>
-                        <span id="panel-mat"></span>
-                    </div>
-                    <div class="panel-meta-row">
-                        <span class="meta-key">ANNÉE</span>
-                        <span id="panel-year"></span>
-                    </div>
-                    <div class="panel-meta-row">
-                        <span class="meta-key">STATUS</span>
-                        <span id="panel-status" class="red"></span>
-                    </div>
-                </div>
-                <hr>
-                <p id="panel-desc" class="panel-desc"></p>
-                <hr>
-
-                <details class="accordion" open>
-                    <summary>SPÉCIFICATIONS TECHNIQUES <span>↓</span></summary>
-                    <div class="accordion-body" id="panel-specs"></div>
-                </details>
-                <details class="accordion" open>
-                    <summary>NOTES DE CONCEPTION <span>↓</span></summary>
-                    <div class="accordion-body" id="panel-notes"></div>
-                </details>
-
-                <hr>
-
-                <div id="checkout-section" style="display:none;">
-                    <div class="checkout-price-line">
-                        <span class="checkout-price"></span>
-                        <span class="checkout-edition">ÉDITION UNIQUE — 1/1</span>
-                    </div>
-                    <button id="checkout-toggle-btn" class="checkout-btn">
-                        [ COMMANDER CETTE PIÈCE ]
-                    </button>
-                    <div id="checkout-form-wrap" class="checkout-form-wrap" style="display:none;">
-                        <form id="checkout-form" class="checkout-form">
-                            <div class="checkout-form-field">
-                                <label for="checkout-email">EMAIL *</label>
-                                <input type="email" id="checkout-email" name="email" placeholder="votre@email.com" required autocomplete="off">
-                            </div>
-                            <div class="checkout-form-note">
-                                Pièce fabriquée à Paris. Délai : 6 à 8 semaines.<br>
-                                Paiement sécurisé via Stripe.
-                            </div>
-                            <button type="submit" class="checkout-submit" id="checkout-submit-btn">
-                                PROCÉDER AU PAIEMENT →
-                            </button>
-                        </form>
-                    </div>
-                </div>
-
-                <div class="panel-footer">
-                    <span class="blink">■</span> COLLECTION_001 — W.I.P
-                </div>
-            </div>
-        </div>
-    </div>
-
-    <div class="page-wrapper">
-
-        <header class="header">
-            <a href="/" class="logo-text" aria-label="REBOURS — Accueil">REBOURS</a>
-            <nav class="header-nav" aria-label="Navigation principale">
-                <a href="#collection">COLLECTION_001</a>
-                <a href="#" class="contact-trigger">CONTACT</a>
-                <span class="wip-tag"><span class="blink">■</span> W.I.P</span>
-            </nav>
-        </header>
-
-        <main>
-
-            <!-- HERO -->
-            <section class="hero" aria-label="Introduction">
-                <div class="hero-left">
-                    <p class="label">{heroLabel}</p>
-                    <h1>{heroTitleParts.map((part, i) => <>{i > 0 && <br/>}{part}</>)}</h1>
-                    <p class="hero-sub" set:html={heroSubtitle.replace(/\n/g, '<br>')} />
-                    <p class="hero-sub mono-sm" set:html={heroStatus.replace(/\n/g, '<br>')} />
-                </div>
-                <div class="hero-right">
-                    <img
-                        src={heroImg}
-                        alt={heroImgAlt}
-                        class="hero-img"
-                        width="1024" height="1024"
-                        fetchpriority="high">
-                </div>
-            </section>
-
-            <hr>
-
-            <!-- COLLECTION GRID -->
-            <section class="collection" id="collection" aria-label="Collection 001">
-                <div class="collection-header">
-                    <p class="label">{collectionLabel}</p>
-                    <span class="label">{products.length} OBJETS — {collectionCta}</span>
-                </div>
-
-                <div class="product-grid">
-                    {products.map((p, i) => {
-                        const mainImg = p.images?.[0];
-                        const imgUrl = mainImg ? urlFor(mainImg).width(800).url() : '';
-                        const alt = p.imageAlt || `${p.productDisplayName} — mobilier d'art contemporain, REBOURS Studio Paris`;
-                        const allImgs = (p.images || []).map(img => ({
-                            url: urlFor(img).width(1200).url(),
-                            alt: img.alt || alt,
-                        }));
-                        return (
-                            <article class="product-card"
-                                data-index={p.index}
-                                data-name={p.name}
-                                data-type={p.type}
-                                data-mat={p.materials}
-                                data-year={p.year}
-                                data-status={p.status}
-                                data-desc={p.description}
-                                data-specs={p.specs || ''}
-                                data-notes={p.notes || ''}
-                                data-img={mainImg ? urlFor(mainImg).width(1200).url() : ''}
-                                data-images={JSON.stringify(allImgs)}
-                                data-price={p.price ? String(p.price) : ''}
-                                data-slug={p.slug}
-                                data-img-alt={alt}
-                                aria-label={`Ouvrir le détail de ${p.productDisplayName}`}>
-                                <div class="card-img-wrap">
-                                    <img src={imgUrl}
-                                         alt={alt}
-                                         width="600" height="600"
-                                         loading={i === 0 ? "eager" : "lazy"}>
-                                </div>
-                                <div class="card-meta">
-                                    <span class="card-index">{String(i + 1).padStart(3, '0')}</span>
-                                    <span class="card-name">{p.name}</span>
-                                    <span class="card-arrow">↗</span>
-                                </div>
-                            </article>
-                        );
-                    })}
-                </div>
-            </section>
-
-            <!-- CONTACT WHATSAPP -->
-            <section class="newsletter" id="contact" aria-label="Contact WhatsApp">
-                <div class="nl-left">
-                    <p class="label">{contactLabel}</p>
-                    <h2>{contactTitleParts.map((part, i) => <>{i > 0 && <br/>}{part}</>)}</h2>
-                </div>
-                <div class="nl-right">
-                    <div class="nl-form" style="pointer-events: auto;">
-                        <p class="mono-sm" style="line-height: 1.9; margin-bottom: 0.5rem;" set:html={contactDesc.replace(/\n/g, '<br>')} />
-                        <a href={`https://wa.me/${whatsappNumber}`} target="_blank" rel="noopener" class="whatsapp-btn" aria-label="Nous contacter sur WhatsApp">
-                            <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor" style="flex-shrink:0;">
-                                <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/>
-                            </svg>
-                            {whatsappBtnText}
-                        </a>
-                        <p class="mono-sm"><span class="blink">■</span> {contactResponseTime}</p>
-                    </div>
-                </div>
-            </section>
-
-        </main>
-
-        <footer class="footer">
-            <span>{footerText}</span>
-            <nav aria-label="Liens secondaires">
-                <a href={instagramUrl} rel="noopener" target="_blank">INSTAGRAM</a>
-                &nbsp;/&nbsp;
-                <a href="#" class="contact-trigger">CONTACT</a>
-            </nav>
-        </footer>
-
-    </div>
-
-    <!-- CONTACT MODAL -->
-    <div id="contact-modal" class="contact-modal" aria-hidden="true" data-whatsapp={whatsappNumber}>
-        <div class="contact-modal-backdrop"></div>
-        <div class="contact-modal-content">
-            <div class="contact-modal-header">
-                <p class="label">// CONTACT</p>
-                <button class="contact-modal-close" aria-label="Fermer">✕</button>
-            </div>
-            <hr>
-            <h2 class="contact-modal-title">ENVOYER<br>UN MESSAGE</h2>
-            <form id="contact-form" class="contact-form">
-                <div class="contact-field">
-                    <label for="contact-name">NOM *</label>
-                    <input type="text" id="contact-name" name="name" placeholder="Votre nom" required autocomplete="name">
-                </div>
-                <div class="contact-field">
-                    <label for="contact-email">EMAIL *</label>
-                    <input type="email" id="contact-email" name="email" placeholder="votre@email.com" required autocomplete="email">
-                </div>
-                <div class="contact-field">
-                    <label for="contact-subject">OBJET</label>
-                    <input type="text" id="contact-subject" name="subject" placeholder="Objet du message" autocomplete="off">
-                </div>
-                <div class="contact-field">
-                    <label for="contact-message">MESSAGE *</label>
-                    <textarea id="contact-message" name="message" rows="5" placeholder="Votre message..." required></textarea>
-                </div>
-                <button type="submit" class="contact-submit">
-                    ENVOYER LE MESSAGE →
-                </button>
-                <p class="mono-sm contact-note"><span class="blink">■</span> REDIRECTION VERS WHATSAPP</p>
-            </form>
-        </div>
-    </div>
-
-    <div class="cursor-dot"></div>
-    <div class="cursor-outline"></div>
-</Base>
--- a/src/pages/robots.txt.ts
+++ b/src/pages/robots.txt.ts
@ -1,11 +0,0 @@
-import type { APIRoute } from 'astro';
-
-export const GET: APIRoute = () => {
-  const body = `User-agent: *
-Allow: /
-Sitemap: https://rebours.studio/sitemap.xml
-`;
-  return new Response(body, {
-    headers: { 'Content-Type': 'text/plain' },
-  });
-};
--- a/src/pages/sitemap.xml.ts
+++ b/src/pages/sitemap.xml.ts
@ -1,34 +0,0 @@
-import type { APIRoute } from 'astro';
-import { getPublishedProducts } from '../lib/sanity.mjs';
-
-export const GET: APIRoute = async () => {
-  const products = await getPublishedProducts();
-  const today = new Date().toISOString().split('T')[0];
-
-  const productUrls = products
-    .map(
-      (p: any) =>
-        `  <url>
-    <loc>https://rebours.studio/collection/${p.slug}</loc>
-    <lastmod>${today}</lastmod>
-    <changefreq>weekly</changefreq>
-    <priority>0.8</priority>
-  </url>`
-    )
-    .join('\n');
-
-  const body = `<?xml version="1.0" encoding="UTF-8"?>
-<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
-  <url>
-    <loc>https://rebours.studio/</loc>
-    <lastmod>${today}</lastmod>
-    <changefreq>weekly</changefreq>
-    <priority>1.0</priority>
-  </url>
-${productUrls}
-</urlset>`;
-
-  return new Response(body, {
-    headers: { 'Content-Type': 'application/xml' },
-  });
-};
--- a/src/pages/success.astro
+++ b/src/pages/success.astro
@ -1,179 +0,0 @@
---
-import Base from '../layouts/Base.astro';
---
-
-<Base
-    title="REBOURS — COMMANDE CONFIRMÉE"
-    description="Votre commande REBOURS Studio a été confirmée."
-    canonical="https://rebours.studio/success"
->
-    <meta name="robots" content="noindex, nofollow" slot="head">
-    <style>
-        main {
-            flex-grow: 1;
-            display: grid;
-            grid-template-columns: 1fr 1fr;
-        }
-        .left {
-            border-right: var(--border);
-            padding: 5rem 2rem;
-            display: flex;
-            flex-direction: column;
-            justify-content: flex-end;
-            gap: 2rem;
-            position: relative;
-            overflow: hidden;
-        }
-        .left::after {
-            content: '';
-            position: absolute;
-            inset: 0;
-            background: rgba(255, 255, 255, 0.25);
-            pointer-events: none;
-        }
-        .slabel { font-size: 0.75rem; color: #888; }
-        h1 {
-            font-size: clamp(2.5rem, 5vw, 4.5rem);
-            font-weight: 700;
-            line-height: 0.95;
-            letter-spacing: -0.02em;
-        }
-        .status-line {
-            font-size: 0.82rem;
-            line-height: 1.8;
-            color: #555;
-        }
-        .right {
-            padding: 5rem 2rem;
-            display: flex;
-            flex-direction: column;
-            justify-content: flex-end;
-            gap: 1.5rem;
-        }
-        .info-row {
-            display: flex;
-            gap: 1.5rem;
-            padding: 0.6rem 0;
-            border-bottom: 1px solid rgba(0,0,0,0.1);
-            font-size: 0.8rem;
-            align-items: baseline;
-        }
-        .info-key { color: #888; width: 8rem; flex-shrink: 0; font-size: 0.72rem; }
-        a.back {
-            display: inline-block;
-            border: var(--border);
-            padding: 0.9rem 1.5rem;
-            font-family: var(--font-mono);
-            font-size: 0.78rem;
-            font-weight: 700;
-            text-decoration: none;
-            color: var(--clr-black);
-            transition: background 0.15s, color 0.15s;
-            align-self: flex-start;
-            margin-top: 1rem;
-            cursor: none;
-        }
-        a.back:hover { background: var(--clr-black); color: var(--clr-white); }
-        #receipt-btn:hover { background: var(--clr-red) !important; color: var(--clr-black) !important; border-color: var(--clr-red) !important; }
-        #loading { color: #888; font-size: 0.78rem; }
-
-        @media (max-width: 600px) {
-            main { grid-template-columns: 1fr; }
-            .left {
-                padding: 2rem 1.5rem;
-                min-height: 40vw;
-                border-right: none;
-                border-bottom: var(--border);
-            }
-            h1 { font-size: clamp(2rem, 12vw, 3rem); }
-            .right { padding: 2rem 1.5rem; justify-content: flex-start; }
-            a.back { align-self: stretch; text-align: center; }
-        }
-    </style>
-
-    <!-- Grid background -->
-    <div id="interactive-grid" class="interactive-grid"></div>
-
-    <div style="display:flex; flex-direction:column; min-height:100vh; position:relative; z-index:1;">
-        <header class="header">
-            <a href="/" class="logo-text">REBOURS</a>
-            <span style="font-size:0.78rem;color:#888">COLLECTION_001</span>
-        </header>
-
-        <main>
-            <div class="left">
-                <p class="slabel" style="position:relative">// COMMANDE_CONFIRMÉE</p>
-                <h1 style="position:relative">MERCI<br>POUR<br>VOTRE<br>COMMANDE</h1>
-                <p class="status-line" id="loading" style="position:relative">Vérification du paiement...</p>
-            </div>
-            <div class="right">
-                <p class="slabel">// RÉCAPITULATIF</p>
-                <hr>
-                <div id="order-details" style="display:none; flex-direction:column; gap:0;">
-                    <div class="info-row"><span class="info-key">PRODUIT</span><span id="product-display">—</span></div>
-                    <div class="info-row"><span class="info-key">COLLECTION</span><span>001 — ÉDITION UNIQUE</span></div>
-                    <div class="info-row"><span class="info-key">MONTANT</span><span id="amount-display"></span></div>
-                    <div class="info-row"><span class="info-key">EMAIL</span><span id="email-display"></span></div>
-                    <div class="info-row"><span class="info-key">DÉLAI</span><span>6 À 8 SEMAINES</span></div>
-                    <div class="info-row"><span class="info-key">STATUS</span><span style="color:var(--clr-red); font-weight:700">CONFIRMÉ ■</span></div>
-                </div>
-                <p style="font-size:0.78rem; line-height:1.8; color:#555; margin-top:1rem;">
-                    Un email de confirmation vous sera envoyé.<br>
-                    Votre pièce est fabriquée à la main à Paris.
-                </p>
-                <div style="display:flex; gap:0.8rem; flex-wrap:wrap;">
-                    <a href="/" class="back">← RETOUR</a>
-                    <a id="receipt-btn" href="#" target="_blank" rel="noopener" class="back" style="display:none; background:var(--clr-black); color:#e8a800; border-color:var(--clr-black);">↓ FACTURE PDF</a>
-                </div>
-            </div>
-        </main>
-
-        <footer class="footer">
-            <span>© 2026 REBOURS STUDIO — PARIS</span>
-            <nav aria-label="Liens secondaires">
-                <a href="https://instagram.com/rebour.studio" rel="noopener" target="_blank">INSTAGRAM</a>
-                &nbsp;/&nbsp;
-                <a href="mailto:contact@rebours.studio">CONTACT</a>
-            </nav>
-        </footer>
-    </div>
-
-    <div class="cursor-dot"></div>
-    <div class="cursor-outline"></div>
-
-    <script is:inline>
-        const params = new URLSearchParams(window.location.search);
-        const sessionId = params.get('session_id');
-
-        if (sessionId) {
-            fetch(`/api/session/${sessionId}`)
-                .then(r => r.json())
-                .then((data) => {
-                    const loading = document.getElementById('loading');
-                    const orderDetails = document.getElementById('order-details');
-                    if (loading) loading.style.display = 'none';
-                    if (orderDetails) orderDetails.style.display = 'flex';
-
-                    const amount = data.amount ? `${(data.amount / 100).toLocaleString('fr-FR')} €` : '—';
-                    const amountEl = document.getElementById('amount-display');
-                    const emailEl = document.getElementById('email-display');
-                    const productEl = document.getElementById('product-display');
-                    if (amountEl) amountEl.textContent = amount;
-                    if (emailEl) emailEl.textContent = data.customer_email ?? '—';
-                    if (productEl && data.product) productEl.textContent = data.product.replace(/-/g, '_').toUpperCase();
-
-                    if (data.receipt_url) {
-                        const btn = document.getElementById('receipt-btn');
-                        if (btn) { btn.href = data.receipt_url; btn.style.display = 'inline-block'; }
-                    }
-                })
-                .catch(() => {
-                    const loading = document.getElementById('loading');
-                    if (loading) loading.textContent = 'Commande enregistrée.';
-                });
-        } else {
-            const loading = document.getElementById('loading');
-            if (loading) loading.textContent = 'Commande enregistrée.';
-        }
-    </script>
-</Base>
--- a/src/scripts/main.js
+++ b/src/scripts/main.js
@ -1,679 +0,0 @@
-/**
- * REBOURS — Main Script
- * CAD/CAO-inspired interface · GSAP ScrollTrigger · Technical drawing overlays · Ambient sound
- */
-
-import gsap from 'gsap';
-import { ScrollTrigger } from 'gsap/ScrollTrigger';
-
-gsap.registerPlugin(ScrollTrigger);
-
-document.addEventListener('DOMContentLoaded', () => {
-
-    // ---- CONFIG ----
-    const isMobile = window.innerWidth <= 600;
-    const isTouch = 'ontouchstart' in window;
-
-    // ---- HEADER HEIGHT → CSS VAR ----
-    const setHeaderHeight = () => {
-        const h = document.querySelector('.header')?.offsetHeight || 44;
-        document.documentElement.style.setProperty('--header-h', h + 'px');
-    };
-    setHeaderHeight();
-    window.addEventListener('resize', setHeaderHeight);
-
-    // ==========================================================
-    //  1. CAD CROSSHAIR CURSOR WITH X/Y COORDINATES
-    // ==========================================================
-
-    let attachCursorHover = () => {};
-
-    if (!isMobile && !isTouch) {
-        const cursorH = document.createElement('div');
-        cursorH.className = 'cad-h';
-        const cursorV = document.createElement('div');
-        cursorV.className = 'cad-v';
-        const cursorCenter = document.createElement('div');
-        cursorCenter.className = 'cad-center';
-        const cursorCoords = document.createElement('div');
-        cursorCoords.className = 'cad-coords';
-
-        [cursorH, cursorV, cursorCenter, cursorCoords].forEach(el => document.body.appendChild(el));
-
-        let visible = false;
-
-        window.addEventListener('mousemove', (e) => {
-            const x = e.clientX;
-            const y = e.clientY;
-
-            cursorH.style.left = (x - 16) + 'px';
-            cursorH.style.top = y + 'px';
-            cursorV.style.left = x + 'px';
-            cursorV.style.top = (y - 16) + 'px';
-            cursorCenter.style.left = x + 'px';
-            cursorCenter.style.top = y + 'px';
-            cursorCoords.style.left = (x + 16) + 'px';
-            cursorCoords.style.top = (y + 14) + 'px';
-
-            cursorCoords.textContent =
-                'X:' + String(Math.round(x)).padStart(4, '0') +
-                ' Y:' + String(Math.round(y)).padStart(4, '0');
-
-            if (!visible) {
-                visible = true;
-                [cursorH, cursorV, cursorCenter, cursorCoords].forEach(el => {
-                    el.style.opacity = '1';
-                });
-            }
-        });
-
-        attachCursorHover = (elements) => {
-            elements.forEach(el => {
-                el.addEventListener('mouseenter', () => {
-                    cursorH.classList.add('cad-hover');
-                    cursorV.classList.add('cad-hover');
-                    cursorCenter.classList.add('cad-hover');
-                });
-                el.addEventListener('mouseleave', () => {
-                    cursorH.classList.remove('cad-hover');
-                    cursorV.classList.remove('cad-hover');
-                    cursorCenter.classList.remove('cad-hover');
-                });
-            });
-        };
-
-        attachCursorHover(document.querySelectorAll(
-            'a, button, input, .product-card, summary, .panel-close'
-        ));
-
-        // WhatsApp hover — green center dot
-        document.querySelectorAll('.whatsapp-btn').forEach(el => {
-            el.addEventListener('mouseenter', () => cursorCenter.classList.add('cad-whatsapp'));
-            el.addEventListener('mouseleave', () => cursorCenter.classList.remove('cad-whatsapp'));
-        });
-    }
-
-    // ==========================================================
-    //  2. INTERACTIVE GRID
-    // ==========================================================
-
-    const gridContainer = document.getElementById('interactive-grid');
-    const COLORS = [
-        'rgba(232,168,0,0.45)',
-        'rgba(232,168,0,0.32)',
-        'rgba(232,168,0,0.18)',
-    ];
-
-    function buildGrid() {
-        if (!gridContainer) return;
-        gridContainer.innerHTML = '';
-        const CELL = isMobile ? 38 : 60;
-        const cols = Math.ceil(window.innerWidth / CELL);
-        const rows = Math.ceil(window.innerHeight / CELL);
-        gridContainer.style.display = 'grid';
-        gridContainer.style.gridTemplateColumns = `repeat(${cols}, ${CELL}px)`;
-        gridContainer.style.gridTemplateRows = `repeat(${rows}, ${CELL}px)`;
-
-        for (let i = 0; i < cols * rows; i++) {
-            const cell = document.createElement('div');
-            cell.className = 'grid-cell';
-            cell.addEventListener('mouseenter', () => {
-                cell.style.transition = 'none';
-                cell.style.backgroundColor = COLORS[Math.floor(Math.random() * COLORS.length)];
-            });
-            cell.addEventListener('mouseleave', () => {
-                cell.style.transition = 'background-color 1.4s ease-out';
-                cell.style.backgroundColor = 'transparent';
-            });
-            gridContainer.appendChild(cell);
-        }
-    }
-
-    buildGrid();
-    let rt;
-    window.addEventListener('resize', () => { clearTimeout(rt); rt = setTimeout(buildGrid, 150); });
-
-    // ==========================================================
-    //  3. GSAP SCROLL ANIMATIONS — CAD REVEAL
-    // ==========================================================
-
-    // ---- Header fade in ----
-    const header = document.querySelector('.header');
-    if (header) {
-        gsap.fromTo(header,
-            { opacity: 0, y: -10 },
-            { opacity: 1, y: 0, duration: 0.5, ease: 'power2.out' }
-        );
-    }
-
-    // ---- Hero animations (scroll-triggered, replay in/out) ----
-    const heroLabel = document.querySelector('.hero-left .label');
-    const heroH1 = document.querySelector('.hero-left h1');
-    const heroSubs = document.querySelectorAll('.hero-sub');
-    const heroImg = document.querySelector('.hero-img');
-    const heroRight = document.querySelector('.hero-right');
-
-    const heroTl = gsap.timeline({
-        defaults: { ease: 'power3.out' },
-        scrollTrigger: {
-            trigger: '.hero',
-            start: 'top 95%',
-            end: 'bottom 5%',
-            toggleActions: 'play reverse play reverse',
-        },
-    });
-
-    if (heroLabel) {
-        heroTl.fromTo(heroLabel,
-            { opacity: 0, x: -20 },
-            { opacity: 1, x: 0, duration: 0.6 },
-            0.1
-        );
-    }
-
-    if (heroH1) {
-        heroTl.fromTo(heroH1,
-            { opacity: 0, y: 40, clipPath: 'inset(0 0 100% 0)' },
-            { opacity: 1, y: 0, clipPath: 'inset(0 0 0% 0)', duration: 1 },
-            0.2
-        );
-    }
-
-    heroSubs.forEach((sub, i) => {
-        heroTl.fromTo(sub,
-            { opacity: 0, y: 20 },
-            { opacity: 1, y: 0, duration: 0.6 },
-            0.5 + i * 0.15
-        );
-    });
-
-    if (heroImg && heroRight) {
-        heroTl.fromTo(heroRight,
-            { clipPath: 'inset(0 0 0 100%)' },
-            { clipPath: 'inset(0 0 0 0%)', duration: 1.2, ease: 'power4.inOut' },
-            0.3
-        );
-        heroTl.fromTo(heroImg,
-            { scale: 1.15, opacity: 0 },
-            { scale: 1, opacity: 0.92, duration: 1.4, ease: 'power2.out' },
-            0.4
-        );
-    }
-
-    // Hero parallax on scroll
-    if (heroImg) {
-        gsap.to(heroImg, {
-            yPercent: 15,
-            ease: 'none',
-            scrollTrigger: {
-                trigger: '.hero',
-                start: 'top top',
-                end: 'bottom top',
-                scrub: true,
-            },
-        });
-    }
-
-    // ---- Collection header: construction line draw-in ----
-    const collectionHeader = document.querySelector('.collection-header');
-    if (collectionHeader) {
-        const line = document.createElement('div');
-        line.className = 'cad-construction-line';
-        collectionHeader.appendChild(line);
-
-        gsap.fromTo(line,
-            { scaleX: 0 },
-            {
-                scaleX: 1,
-                transformOrigin: 'left center',
-                duration: 0.8,
-                ease: 'power2.out',
-                scrollTrigger: {
-                    trigger: collectionHeader,
-                    start: 'top 95%',
-                    end: 'bottom 5%',
-                    toggleActions: 'play reverse play reverse',
-                },
-            }
-        );
-    }
-
-    // ---- Product cards: scale + fade reveal on scroll (replays) ----
-    const cards = document.querySelectorAll('.product-card');
-
-    cards.forEach((card, i) => {
-        const imgWrap = card.querySelector('.card-img-wrap');
-        const img = card.querySelector('.card-img-wrap img');
-        const meta = card.querySelector('.card-meta');
-
-        if (!img) return;
-
-        const tl = gsap.timeline({
-            scrollTrigger: {
-                trigger: card,
-                start: 'top 95%',
-                end: 'bottom 5%',
-                toggleActions: 'play reverse play reverse',
-            },
-        });
-
-        // Clip-path reveal + scale + fade
-        tl.fromTo(imgWrap,
-            { clipPath: 'inset(8% 8% 8% 8%)' },
-            { clipPath: 'inset(0% 0% 0% 0%)', duration: 0.8, ease: 'power3.out' },
-            0
-        );
-
-        tl.fromTo(img,
-            { opacity: 0, scale: 1.12 },
-            { opacity: 1, scale: 1, duration: 0.9, ease: 'power2.out' },
-            0
-        );
-
-        if (meta) {
-            tl.fromTo(meta,
-                { opacity: 0, y: 15 },
-                { opacity: 1, y: 0, duration: 0.5, ease: 'power2.out' },
-                0.25
-            );
-        }
-    });
-
-    // ---- Newsletter section: slide in (replays) ----
-    const nlLeft = document.querySelector('.nl-left');
-    const nlRight = document.querySelector('.nl-right');
-    if (nlLeft && nlRight) {
-        gsap.fromTo(nlLeft,
-            { opacity: 0, x: -40 },
-            {
-                opacity: 1, x: 0, duration: 0.7, ease: 'power2.out',
-                scrollTrigger: { trigger: '.newsletter', start: 'top 95%', end: 'bottom 5%', toggleActions: 'play reverse play reverse' },
-            }
-        );
-        gsap.fromTo(nlRight,
-            { opacity: 0, x: 40 },
-            {
-                opacity: 1, x: 0, duration: 0.7, ease: 'power2.out', delay: 0.15,
-                scrollTrigger: { trigger: '.newsletter', start: 'top 95%', end: 'bottom 5%', toggleActions: 'play reverse play reverse' },
-            }
-        );
-    }
-
-    // ==========================================================
-    //  4. (REMOVED) — no overlay effects on panel image
-    // ==========================================================
-
-    // ==========================================================
-    //  5. PRODUCT PANEL
-    // ==========================================================
-
-    const panel = document.getElementById('product-panel');
-    const panelClose = document.getElementById('panel-close');
-    const panelCards = document.querySelectorAll('.product-card');
-
-    const fields = {
-        img:        document.getElementById('panel-img'),
-        gallery:    document.getElementById('panel-gallery'),
-        galleryNav: document.getElementById('panel-gallery-nav'),
-        index:      document.getElementById('panel-index'),
-        name:       document.getElementById('panel-name'),
-        type:       document.getElementById('panel-type'),
-        mat:        document.getElementById('panel-mat'),
-        year:       document.getElementById('panel-year'),
-        status:     document.getElementById('panel-status'),
-        desc:       document.getElementById('panel-desc'),
-        specs:      document.getElementById('panel-specs'),
-        notes:      document.getElementById('panel-notes'),
-    };
-
-    let currentGalleryIndex = 0;
-    let currentGalleryImages = [];
-
-    // ---- CHECKOUT LOGIC ----
-    const checkoutSection   = document.getElementById('checkout-section');
-    const checkoutToggleBtn = document.getElementById('checkout-toggle-btn');
-    const checkoutFormWrap  = document.getElementById('checkout-form-wrap');
-    const checkoutForm      = document.getElementById('checkout-form');
-    const checkoutSubmitBtn = document.getElementById('checkout-submit-btn');
-    const checkoutPriceEl   = document.querySelector('.checkout-price');
-    let currentSlug = null;
-
-    function formatPrice(cents) {
-        return (cents / 100).toLocaleString('fr-FR') + ' €';
-    }
-
-    if (checkoutToggleBtn) {
-        checkoutToggleBtn.addEventListener('click', () => {
-            const isOpen = checkoutFormWrap.style.display !== 'none';
-            checkoutFormWrap.style.display = isOpen ? 'none' : 'block';
-            checkoutToggleBtn.textContent = isOpen
-                ? '[ COMMANDER CETTE PIÈCE ]'
-                : '[ ANNULER ]';
-        });
-    }
-
-    if (checkoutForm) {
-        checkoutForm.addEventListener('submit', async (e) => {
-            e.preventDefault();
-            if (!currentSlug) return;
-            const email = document.getElementById('checkout-email').value;
-
-            checkoutSubmitBtn.disabled = true;
-            checkoutSubmitBtn.textContent = 'CONNEXION STRIPE...';
-
-            try {
-                const res = await fetch('/api/checkout', {
-                    method: 'POST',
-                    headers: { 'Content-Type': 'application/json' },
-                    body: JSON.stringify({ product: currentSlug, email }),
-                });
-                const data = await res.json();
-                if (data.url) {
-                    window.location.href = data.url;
-                } else {
-                    throw new Error('No URL returned');
-                }
-            } catch (err) {
-                checkoutSubmitBtn.disabled = false;
-                checkoutSubmitBtn.textContent = 'ERREUR — RÉESSAYER';
-                console.error(err);
-            }
-        });
-    }
-
-    function toSlug(name) {
-        return name
-            .toLowerCase()
-            .normalize('NFD').replace(/[\u0300-\u036f]/g, '')
-            .replace(/_/g, '-')
-            .replace(/[^a-z0-9-]/g, '');
-    }
-
-    function showGalleryImage(index) {
-        if (!currentGalleryImages.length) return;
-        currentGalleryIndex = index;
-        fields.img.src = currentGalleryImages[index].url;
-        fields.img.alt = currentGalleryImages[index].alt;
-
-        // Update nav dots
-        fields.galleryNav.querySelectorAll('.gallery-dot').forEach((dot, i) => {
-            dot.classList.toggle('active', i === index);
-        });
-    }
-
-    function openPanel(card, pushState = true) {
-        // Gallery setup
-        try {
-            currentGalleryImages = JSON.parse(card.dataset.images || '[]');
-        } catch { currentGalleryImages = []; }
-
-        if (currentGalleryImages.length > 0) {
-            currentGalleryIndex = 0;
-            fields.img.src = currentGalleryImages[0].url;
-            fields.img.alt = currentGalleryImages[0].alt;
-        } else {
-            fields.img.src = card.dataset.img;
-            fields.img.alt = card.dataset.imgAlt || card.dataset.name;
-        }
-
-        // Build nav dots
-        fields.galleryNav.innerHTML = '';
-        if (currentGalleryImages.length > 1) {
-            fields.galleryNav.style.display = 'flex';
-            currentGalleryImages.forEach((_, i) => {
-                const dot = document.createElement('button');
-                dot.className = 'gallery-dot' + (i === 0 ? ' active' : '');
-                dot.setAttribute('aria-label', `Image ${i + 1}`);
-                dot.addEventListener('click', () => showGalleryImage(i));
-                fields.galleryNav.appendChild(dot);
-            });
-
-            // Arrow buttons
-            const prevBtn = document.createElement('button');
-            prevBtn.className = 'gallery-arrow gallery-prev';
-            prevBtn.textContent = '←';
-            prevBtn.setAttribute('aria-label', 'Image précédente');
-            prevBtn.addEventListener('click', () => {
-                showGalleryImage((currentGalleryIndex - 1 + currentGalleryImages.length) % currentGalleryImages.length);
-            });
-
-            const nextBtn = document.createElement('button');
-            nextBtn.className = 'gallery-arrow gallery-next';
-            nextBtn.textContent = '→';
-            nextBtn.setAttribute('aria-label', 'Image suivante');
-            nextBtn.addEventListener('click', () => {
-                showGalleryImage((currentGalleryIndex + 1) % currentGalleryImages.length);
-            });
-
-            fields.galleryNav.prepend(prevBtn);
-            fields.galleryNav.appendChild(nextBtn);
-        } else {
-            fields.galleryNav.style.display = 'none';
-        }
-        fields.index.textContent  = card.dataset.index;
-        fields.name.textContent   = card.dataset.name;
-        fields.type.textContent   = card.dataset.type;
-        fields.mat.textContent    = card.dataset.mat;
-        fields.year.textContent   = card.dataset.year;
-        fields.status.textContent = card.dataset.status;
-        fields.desc.textContent   = card.dataset.desc;
-        fields.specs.textContent  = card.dataset.specs;
-        fields.notes.textContent  = card.dataset.notes;
-
-        // Checkout
-        const price = card.dataset.price;
-        const slug = card.dataset.slug;
-        const isOrderable = price && slug;
-
-        checkoutSection.style.display = 'block';
-
-        if (isOrderable) {
-            currentSlug = slug;
-            checkoutPriceEl.textContent = formatPrice(parseInt(price, 10));
-            checkoutToggleBtn.textContent = '[ COMMANDER CETTE PIÈCE ]';
-            checkoutToggleBtn.disabled = false;
-            checkoutToggleBtn.classList.remove('checkout-btn--disabled');
-        } else {
-            currentSlug = null;
-            checkoutPriceEl.textContent = '';
-            checkoutToggleBtn.textContent = 'PROCHAINEMENT DISPONIBLE';
-            checkoutToggleBtn.disabled = true;
-            checkoutToggleBtn.classList.add('checkout-btn--disabled');
-        }
-
-        checkoutFormWrap.style.display = 'none';
-        checkoutSubmitBtn.disabled = false;
-        checkoutSubmitBtn.textContent = 'PROCÉDER AU PAIEMENT →';
-        checkoutForm.reset();
-
-        panel.querySelectorAll('details').forEach(d => d.setAttribute('open', ''));
-        panel.classList.add('is-open');
-        panel.setAttribute('aria-hidden', 'false');
-        document.body.style.overflow = 'hidden';
-
-        attachCursorHover(panel.querySelectorAll(
-            'summary, .panel-close, .checkout-btn, .checkout-submit'
-        ));
-
-        if (pushState) {
-            const cardSlug = card.dataset.slug || toSlug(card.dataset.name);
-            history.pushState({ slug: cardSlug }, '', `/collection/${cardSlug}`);
-        }
-    }
-
-    function closePanel(pushState = true) {
-        panel.classList.remove('is-open');
-        panel.setAttribute('aria-hidden', 'true');
-        document.body.style.overflow = '';
-
-        if (pushState) {
-            history.pushState({}, '', '/');
-        }
-    }
-
-    panelCards.forEach(card => {
-        card.addEventListener('click', () => openPanel(card));
-    });
-
-    // Auto-open from direct URL (/collection/[slug])
-    if (window.__OPEN_PANEL__) {
-        const name = window.__OPEN_PANEL__;
-        const card = [...panelCards].find(c => c.dataset.name === name);
-        if (card) openPanel(card, false);
-    }
-
-    if (panelClose) panelClose.addEventListener('click', () => closePanel());
-
-    document.addEventListener('keydown', (e) => {
-        if (e.key === 'Escape') closePanel();
-    });
-
-    window.addEventListener('popstate', () => {
-        if (panel.classList.contains('is-open')) {
-            closePanel(false);
-        } else {
-            const match = location.pathname.match(/^\/collection\/(.+)$/);
-            if (match) {
-                const slug = match[1];
-                const card = [...panelCards].find(c => c.dataset.slug === slug || toSlug(c.dataset.name) === slug);
-                if (card) openPanel(card, false);
-            }
-        }
-    });
-
-    // ==========================================================
-    //  6. AMBIENT WORKSHOP SOUND (MP3)
-    // ==========================================================
-
-    let soundOn = true;
-
-    // Create audio element (preloaded, looped, low volume)
-    const ambientAudio = new Audio('/assets/atelier-ambiance.mp3');
-    ambientAudio.loop = true;
-    ambientAudio.volume = 0;
-    ambientAudio.preload = 'auto';
-
-    const headerNav = document.querySelector('.header-nav');
-    if (headerNav) {
-        const soundBtn = document.createElement('button');
-        soundBtn.className = 'sound-toggle sound-active';
-        soundBtn.setAttribute('aria-label', 'Couper le son ambiant');
-        soundBtn.innerHTML =
-            '<span class="sound-bars">' +
-                '<span class="sound-bar"></span>' +
-                '<span class="sound-bar"></span>' +
-                '<span class="sound-bar"></span>' +
-            '</span>' +
-            '<span class="sound-label">SON</span>';
-        soundBtn.addEventListener('click', toggleSound);
-        headerNav.appendChild(soundBtn);
-        attachCursorHover([soundBtn]);
-    }
-
-    // Autoplay on first user interaction (browsers require it)
-    let autoStarted = false;
-    function autoStartSound() {
-        if (autoStarted || !soundOn) return;
-        autoStarted = true;
-        startAmbientSound();
-        window.removeEventListener('click', autoStartSound);
-        window.removeEventListener('scroll', autoStartSound);
-        window.removeEventListener('mousemove', autoStartSound);
-    }
-    window.addEventListener('click', autoStartSound, { once: false });
-    window.addEventListener('scroll', autoStartSound, { once: false });
-    window.addEventListener('mousemove', autoStartSound, { once: false });
-
-    // Smooth volume fade using GSAP
-    function startAmbientSound() {
-        ambientAudio.play().then(() => {
-            gsap.to(ambientAudio, { volume: 0.04, duration: 2, ease: 'power2.out' });
-        }).catch(() => {});
-    }
-
-    function stopAmbientSound() {
-        gsap.to(ambientAudio, {
-            volume: 0, duration: 1.2, ease: 'power2.in',
-            onComplete: () => ambientAudio.pause(),
-        });
-    }
-
-    function toggleSound() {
-        soundOn = !soundOn;
-        const btn = document.querySelector('.sound-toggle');
-        if (!btn) return;
-
-        if (soundOn) {
-            startAmbientSound();
-            btn.classList.add('sound-active');
-            btn.setAttribute('aria-label', 'Couper le son ambiant');
-        } else {
-            stopAmbientSound();
-            btn.classList.remove('sound-active');
-            btn.setAttribute('aria-label', 'Activer le son ambiant');
-        }
-    }
-
-    // ==========================================================
-    //  7. CONTACT MODAL
-    // ==========================================================
-
-    const contactModal = document.getElementById('contact-modal');
-    const contactForm = document.getElementById('contact-form');
-
-    function openContactModal() {
-        if (!contactModal) return;
-        contactModal.classList.add('is-open');
-        contactModal.setAttribute('aria-hidden', 'false');
-        document.body.style.overflow = 'hidden';
-        attachCursorHover(contactModal.querySelectorAll('button, input, textarea'));
-    }
-
-    function closeContactModal() {
-        if (!contactModal) return;
-        contactModal.classList.remove('is-open');
-        contactModal.setAttribute('aria-hidden', 'true');
-        if (!panel.classList.contains('is-open')) {
-            document.body.style.overflow = '';
-        }
-    }
-
-    // Trigger links
-    document.querySelectorAll('.contact-trigger').forEach(link => {
-        link.addEventListener('click', (e) => {
-            e.preventDefault();
-            openContactModal();
-        });
-    });
-
-    // Close button
-    const contactCloseBtn = contactModal?.querySelector('.contact-modal-close');
-    if (contactCloseBtn) contactCloseBtn.addEventListener('click', closeContactModal);
-
-    // Backdrop click
-    const contactBackdrop = contactModal?.querySelector('.contact-modal-backdrop');
-    if (contactBackdrop) contactBackdrop.addEventListener('click', closeContactModal);
-
-    // Escape key
-    document.addEventListener('keydown', (e) => {
-        if (e.key === 'Escape' && contactModal?.classList.contains('is-open')) {
-            closeContactModal();
-        }
-    });
-
-    // Form → WhatsApp
-    if (contactForm) {
-        contactForm.addEventListener('submit', (e) => {
-            e.preventDefault();
-            const name = document.getElementById('contact-name').value.trim();
-            const email = document.getElementById('contact-email').value.trim();
-            const subject = document.getElementById('contact-subject').value.trim() || 'Contact depuis rebours.studio';
-            const message = document.getElementById('contact-message').value.trim();
-
-            const waNumber = contactModal.dataset.whatsapp || '33651755191';
-            const text = `*${subject}*\n\n${message}\n\n— ${name}\n${email}`;
-            window.open(`https://wa.me/${waNumber}?text=${encodeURIComponent(text)}`, '_blank');
-        });
-    }
-
-});
				`@ -1 +0,0 @@`
				[["Map",1,2],"meta::meta",["Map",3,4,5,6],"astro-version","5.18.1","astro-config-digest","{\"root\":{},\"srcDir\":{},\"publicDir\":{},\"outDir\":{},\"cacheDir\":{},\"compressHTML\":true,\"base\":\"/\",\"trailingSlash\":\"ignore\",\"output\":\"server\",\"scopedStyleStrategy\":\"attribute\",\"build\":{\"format\":\"directory\",\"client\":{},\"server\":{},\"assets\":\"_astro\",\"serverEntry\":\"entry.mjs\",\"redirects\":false,\"inlineStylesheets\":\"auto\",\"concurrency\":1},\"server\":{\"open\":false,\"host\":false,\"port\":4321,\"streaming\":true,\"allowedHosts\":[]},\"redirects\":{},\"image\":{\"endpoint\":{\"route\":\"/_image\",\"entrypoint\":\"astro/assets/endpoint/dev\"},\"service\":{\"entrypoint\":\"astro/assets/services/sharp\",\"config\":{}},\"domains\":[],\"remotePatterns\":[],\"responsiveStyles\":false},\"devToolbar\":{\"enabled\":true},\"markdown\":{\"syntaxHighlight\":{\"type\":\"shiki\",\"excludeLangs\":[\"math\"]},\"shikiConfig\":{\"langs\":[],\"langAlias\":{},\"theme\":\"github-dark\",\"themes\":{},\"wrap\":false,\"transformers\":[]},\"remarkPlugins\":[],\"rehypePlugins\":[],\"remarkRehype\":{},\"gfm\":true,\"smartypants\":true},\"security\":{\"checkOrigin\":true,\"allowedDomains\":[],\"actionBodySizeLimit\":1048576},\"env\":{\"schema\":{},\"validateSecrets\":false},\"experimental\":{\"clientPrerender\":false,\"contentIntellisense\":false,\"headingIdCompat\":false,\"preserveScriptOrder\":false,\"liveContentCollections\":false,\"csp\":false,\"staticImportMetaEnv\":false,\"chromeDevtoolsWorkspace\":false,\"failOnPrerenderConflict\":false,\"svgo\":false},\"legacy\":{\"collections\":false},\"session\":{\"driver\":\"fs-lite\",\"options\":{\"base\":\"/Users/arthurbarre/dev/freelance/rebours/node_modules/.astro/sessions\"}}}"]