Files
Mathew 9b6638eb00
Deploy / deploy (push) Successful in 1m13s
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

87 lines
2.8 KiB
TypeScript

// 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";
/** 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;