mmintel/mintel.me
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases 1 Wiki Activity

feat: German as the main language, English under /en, with a language switch

Browse Source 
The site now exists in German (at the root, with /impressum and /datenschutz)
and English (/en). A request without a language follows the visitor's choice
from the language switch, then the browser language, then German; the old
English legal addresses move to /en for good.

All visible texts are data in src/content/de.ts and en.ts, so components hold
none of their own. The header carries a DE/EN switch whose bit curtain covers
the page while it is swapped and reopens at the same reading position. Title,
description, canonical, hreflang, Open Graph, the share image, the sitemap and
the structured data are per language. The privacy notice now describes the
cookie that remembers the chosen language.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
mmintel
2026-10-04 13:07:22 +02:00
co-authored by Claude Opus 5.5
parent e89a248ca5
commit 75993100fa
72 changed files with 4418 additions and 1405 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/components/Header.tsx
+21 -13
View File
@@ -3,12 +3,17 @@ import Image from "next/image";
import Link from "next/link";
import * as React from "react";
import { pathFor } from "@/src/domain/routes";
import IconWhite from "../assets/logo/Icon-White-Transparent.svg";
import { DecodeText } from "./bits/DecodeText";
import { ScrollBits } from "./bits/ScrollBits";
import { useContent, useLocale } from "./ContentProvider";
import { LanguageSwitch } from "./LanguageSwitch";
/** Header: the logo and one action. Everything else lives on the homepage. */
/** Header: the logo, the language switch and one action. Everything else lives on the homepage. */
export const Header: React.FC = () => {
const { nav } = useContent();
const home = pathFor("home", useLocale());
const [isScrolled, setIsScrolled] = React.useState(false);
React.useEffect(() => {
@@ -32,11 +37,11 @@ export const Header: React.FC = () => {
<div className="mx-auto w-full max-w-[1400px] px-5 md:px-12 py-4 flex items-center justify-between relative z-10">
<Link
href="/"
aria-label="Marc Mintel, back to top"
href={home}
aria-label={nav.logoLabel}
onClick={(event) => {
// Already on the homepage: scroll up instead of reloading the route.
if (window.location.pathname === "/") {
if (window.location.pathname === home) {
event.preventDefault();
window.scrollTo({ top: 0, behavior: "smooth" });
}
@@ -56,15 +61,18 @@ export const Header: React.FC = () => {
<ScrollBits className="hidden font-mono text-[10px] tracking-[0.3em] text-slate-400 md:block" />
<Link
href="/#contact"
className="bit-cta bit-cta-quiet font-sans text-[10px] font-bold uppercase tracking-[0.2em] text-slate-900 border border-slate-200 px-5 py-2.5 rounded-full no-underline hover:border-slate-400 hover:bg-slate-50 transition-all duration-500 hover:-translate-y-0.5 hover:shadow-lg hover:shadow-slate-100"
style={{
transitionTimingFunction: "cubic-bezier(0.23, 1, 0.32, 1)",
}}
>
<DecodeText text="Get in touch" trigger="hover" />
</Link>
<div className="flex items-center gap-2.5 md:gap-4">
<LanguageSwitch />
<Link
href={`${home}#contact`}
className="bit-cta bit-cta-quiet font-sans text-[10px] font-bold uppercase tracking-[0.2em] text-slate-900 border border-slate-200 px-5 py-2.5 rounded-full no-underline hover:border-slate-400 hover:bg-slate-50 transition-all duration-500 hover:-translate-y-0.5 hover:shadow-lg hover:shadow-slate-100"
style={{
transitionTimingFunction: "cubic-bezier(0.23, 1, 0.32, 1)",
}}
>
<DecodeText text={nav.contact} trigger="hover" />
</Link>
</div>
</div>
</header>
);