From cea621a2fa89abb7bfe244909aacff45e4f3e2e5 Mon Sep 17 00:00:00 2001
From: Mathew <mathew.simon2004@gmail.com>
Date: Wed, 1 Jul 2026 21:30:36 +0200
Subject: [PATCH] =?UTF-8?q?Supprime=20la=20section=20valeurs=20et=20met=20?=
 =?UTF-8?q?la=20vraie=20=C3=A9quipe?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Retire la section CRAFT/SURVIVE/WONDER
- Équipe : Mathew Simon (CEO/Dev), Kevin Tostivin (3D/DA), Axel (Anim 3D)
- Grille 3 colonnes pour les cards équipe

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 app/studio/page.tsx | 68 ++++++++++++---------------------------------
 1 file changed, 18 insertions(+), 50 deletions(-)

diff --git a/app/studio/page.tsx b/app/studio/page.tsx
index b0accbb..9fd5382 100644
--- a/app/studio/page.tsx
+++ b/app/studio/page.tsx
@@ -4,38 +4,26 @@ import type { Metadata } from "next";
 export const metadata: Metadata = {
   title: "Studio",
   description:
-    "Highland Games Studio is a two-person indie team crafting survival adventures.",
+    "Highland Games Studio is a small indie team crafting survival adventures.",
 };
 
-const values = [
-  {
-    index: "01",
-    title: "CRAFT",
-    body: "Every system, asset and line of dialogue is touched by hand. No shortcuts on what matters.",
-  },
-  {
-    index: "02",
-    title: "SURVIVE",
-    body: "We love the genre. The tension between scarcity and discovery is at the core of every game we make.",
-  },
-  {
-    index: "03",
-    title: "WONDER",
-    body: "A summit isn't the end of the climb — it's the start of a new world. We design for that feeling.",
-  },
-];
-
 const team = [
   {
-    name: "Founder One",
-    role: "Co-founder · Programming · Design",
+    name: "Mathew Simon",
+    role: "CEO · Developer",
     bio: "Builds the systems, gameplay loops and tools that bring our worlds to life.",
     photo: "/image/teams/CEO_Dev.jpg",
   },
   {
-    name: "Founder Two",
-    role: "Co-founder · Art · Design",
-    bio: "Shapes the visual identity, environments and feel of every Highland Games world.",
+    name: "Kevin Tostivin",
+    role: "3D Artist · Art Director",
+    bio: "Shapes the visual identity, environments and overall look of every Highland Games world.",
+    photo: null,
+  },
+  {
+    name: "Axel",
+    role: "3D Animator",
+    bio: "Brings characters and creatures to life, giving motion and feel to everything on screen.",
     photo: null,
   },
 ];
@@ -54,35 +42,15 @@ export default function StudioPage() {
           BIG HORIZONS.
         </h1>
         <p className="text-lg text-foreground-muted leading-relaxed max-w-2xl">
-          Highland Games Studio is an independent game studio of two friends
-          building survival worlds we&apos;d want to lose ourselves in. We
-          believe small teams can craft big experiences, where every detail is
-          made by someone who cares.
+          Highland Games Studio is an independent game studio building survival
+          worlds we&apos;d want to lose ourselves in. We believe small teams can
+          craft big experiences, where every detail is made by someone who
+          cares.
         </p>
       </div>
 
-      {/* VALUES */}
-      <section className="max-w-4xl mx-auto mt-24 grid md:grid-cols-3 gap-6">
-        {values.map((v) => (
-          <div
-            key={v.index}
-            className="group relative rounded-3xl border border-border bg-surface/60 p-8 transition-all duration-300 hover:-translate-y-1 hover:border-accent/60 hover:bg-surface"
-          >
-            <div className="mb-5 flex h-12 w-12 items-center justify-center rounded-2xl border border-border bg-surface-elevated font-display text-sm tracking-[0.2em] text-accent transition-colors duration-300 group-hover:border-accent/50">
-              {v.index}
-            </div>
-            <h3 className="font-display text-2xl tracking-wider mb-3">
-              {v.title}
-            </h3>
-            <p className="text-sm text-foreground-muted leading-relaxed">
-              {v.body}
-            </p>
-          </div>
-        ))}
-      </section>
-
       {/* TEAM */}
-      <section className="max-w-4xl mx-auto mt-28">
+      <section className="max-w-5xl mx-auto mt-28">
         <div className="mb-12 text-center">
           <p className="font-display text-sm tracking-[0.3em] text-accent mb-4">
             — THE PEOPLE
@@ -92,7 +60,7 @@ export default function StudioPage() {
           </h2>
         </div>
 
-        <div className="grid sm:grid-cols-2 gap-8">
+        <div className="grid sm:grid-cols-2 lg:grid-cols-3 gap-8">
           {team.map((m) => (
             <div
               key={m.name}