Arnaud
9ea1f90ec4
Language switcher was two inline emoji-flag buttons -- emoji flag rendering is inconsistent across OS/browsers (some render as two-letter country codes instead of a flag). Replaced with hand-rolled inline SVG flags (no new dependency for two locales) inside a proper dropdown menu, trigger showing the current language's flag. Also added a 9th Home highlight (personalized recommendations, same copy already written for the Features page) so the lg:grid-cols-3 feature grid's last row has 3 items instead of 2. v0.48.2
25 lines
977 B
TypeScript
25 lines
977 B
TypeScript
// Minimal inline SVG flags — no emoji (inconsistent rendering across
|
|
// OS/browsers) and no new dependency for just two supported locales.
|
|
|
|
export function FlagGB({ className }: { className?: string }) {
|
|
return (
|
|
<svg viewBox="0 0 20 14" className={className} aria-hidden="true">
|
|
<rect width="20" height="14" fill="#00247d" />
|
|
<path d="M0 0 20 14M20 0 0 14" stroke="#fff" strokeWidth="2.4" />
|
|
<path d="M0 0 20 14M20 0 0 14" stroke="#cf142b" strokeWidth="1.2" />
|
|
<path d="M10 0V14M0 7H20" stroke="#fff" strokeWidth="4" />
|
|
<path d="M10 0V14M0 7H20" stroke="#cf142b" strokeWidth="2.4" />
|
|
</svg>
|
|
);
|
|
}
|
|
|
|
export function FlagFR({ className }: { className?: string }) {
|
|
return (
|
|
<svg viewBox="0 0 20 14" className={className} aria-hidden="true">
|
|
<rect width="20" height="14" fill="#fff" />
|
|
<rect width="6.67" height="14" fill="#0055a4" />
|
|
<rect x="13.33" width="6.67" height="14" fill="#ef4135" />
|
|
</svg>
|
|
);
|
|
}
|