Fix runttime

components/SiteHeader.tsx

@@ -3,7 +3,7 @@ import LanguageSwitcher from "@/components/LanguageSwitcher";
 import ThemeToggle from "@/components/ThemeToggle";
 import type { Locale } from "@/lib/i18n";
 import type { CommonContent } from "@/content/types";
-import { isComingSoonMode } from "@/lib/site";
+import { getModeValue, isComingSoonMode } from "@/lib/site";
 
 type SiteHeaderProps = {
   locale: Locale;
@@ -12,6 +12,7 @@ type SiteHeaderProps = {
 
 export default function SiteHeader({ locale, common }: SiteHeaderProps) {
   const isComingSoon = isComingSoonMode();
+  const commonVariant = getModeValue(common.variants);
 
   return (
     <header className="site-header">
@@ -20,7 +21,7 @@ export default function SiteHeader({ locale, common }: SiteHeaderProps) {
           <Link href={`/${locale}`} className="brand">
             {common.siteTitle}
           </Link>
-          <span className="brand-tagline">{common.siteTagline}</span>
+          <span className="brand-tagline">{commonVariant.siteTagline}</span>
         </div>
 
         {!isComingSoon ? (