Ajoute une couche de micro-animations sur tout le site

Deux courbes partagées dans lib/motion.ts, pour que le CSS et Framer aient le même feeling, et quatre primitives que Tailwind ne sait pas exprimer : reflet de bouton, halo qui suit le curseur, soulignement qui se dessine, secousse d'erreur. Nouveaux composants : Stagger (les collections se distribuent une par une), Spotlight (trouve son parent tout seul, donc les cartes restent des composants serveur), ScrollProgress, BackToTop, Parallax, Spinner, CheckMark. Reveal accepte maintenant une direction. Côté rendu : le trait de nav glisse d'un onglet à l'autre, les cartes se soulèvent, le hero réagit au scroll, les piliers entrent en zig-zag, la lightbox glisse dans le sens demandé et les formulaires répondent. prefers-reduced-motion est respecté partout : Framer coupe via useReducedMotion, le CSS via la media query déjà en place. Le commit embarque aussi la réorganisation des composants par domaine qui était en cours dans l'arbre de travail — les deux étaient trop imbriquées pour être séparées proprement. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
2026-08-02 16:04:41 +02:00
parent 8fd9ca88cc
commit 9b6638eb00
66 changed files with 3938 additions and 1469 deletions
@@ -1,6 +1,86 @@
-// Single source of truth for the public site URL.
-// Override per environment with NEXT_PUBLIC_SITE_URL; falls back to production.
+// Single source of truth for everything "studio-level":
+// URL, identity, navigation, contact channels.
+// Pages must never hard-code these values — import them from here.
+
 export const SITE_URL =
  process.env.NEXT_PUBLIC_SITE_URL ?? "https://highlandgamesstudio.com";

-export const LOGO_URL = `${SITE_URL}/image/Studio/Logo Flat.png`;
+/** Studio identity. Reused in metadata, JSON-LD, footer, hero. */
+export const STUDIO = {
+  name: "Highland Games Studio",
+  shortName: "Highland Games",
+  tagline: "Where summits become worlds.",
+  description:
+    "Indie game studio crafting survival adventures. Where summits become worlds.",
+  foundingDate: "2026",
+} as const;
+
+/**
+ * Brand assets, with their intrinsic sizes so every `<Image>` keeps the
+ * correct aspect ratio (see `components/ui/Logo.tsx`).
+ *
+ * `Full Logo.png` is not referenced directly: it ships with an opaque black
+ * plate that would show as a rectangle over the #0a0a0a background.
+ * `Wordmark.png` is the transparent version, rebuilt by
+ * `node scripts/build-wordmark.mjs`.
+ */
+export const BRAND = {
+  /** Mountain mark alone, transparent. */
+  mark: { src: "/image/Studio/Logo Flat.png", width: 1344, height: 768 },
+  /** Mountain mark + "HIGHLAND GAMES STUDIO" lockup, transparent. */
+  wordmark: { src: "/image/Studio/Wordmark.png", width: 986, height: 407 },
+} as const;
+
+export const LOGO_URL = `${SITE_URL}${BRAND.mark.src}`;
+
+/** Hero background video. `poster` stays null until a real still is exported. */
+export const HERO_VIDEO = {
+  src: "/Video/Header_Video.mp4",
+  poster: null as string | null,
+};
+
+/** Primary navigation — shared by the navbar and the footer. */
+export const NAV_LINKS = [
+  { href: "/studio", label: "Studio" },
+  { href: "/games", label: "Games" },
+  { href: "/devblog", label: "Devblog" },
+  { href: "/contact", label: "Contact" },
+] as const;
+
+export const LEGAL_LINKS = [
+  { href: "/legal/notice", label: "Legal Notice" },
+  { href: "/legal/privacy", label: "Privacy" },
+] as const;
+
+/**
+ * Social accounts. Set `href` to null while an account does not exist yet —
+ * the footer hides those entries instead of rendering a dead `#` link.
+ */
+export const SOCIAL_LINKS: {
+  key: "x" | "discord" | "youtube" | "steam";
+  label: string;
+  href: string | null;
+}[] = [
+  { key: "x", label: "Twitter / X", href: null },
+  { key: "discord", label: "Discord", href: null },
+  { key: "youtube", label: "YouTube", href: null },
+  { key: "steam", label: "Steam", href: null },
+];
+
+export const CONTACT_CHANNELS = [
+  {
+    label: "GENERAL",
+    description: "Questions, feedback, or just to say hello.",
+    email: "hello@highlandgamesstudio.com",
+  },
+  {
+    label: "PRESS",
+    description: "Review keys, interviews and press assets.",
+    email: "press@highlandgamesstudio.com",
+  },
+  {
+    label: "BUSINESS",
+    description: "Publishing, partnerships and collaborations.",
+    email: "business@highlandgamesstudio.com",
+  },
+] as const;