x

apps/website/src/app/[lang]/layout.tsx

@@ -1,5 +1,4 @@
 import type { Metadata } from 'next';
-import { Sarabun } from 'next/font/google';
 import { notFound } from 'next/navigation';
 import '../globals.css';
 import Navbar from '@/components/Navbar';
@@ -10,13 +9,6 @@ import type { MegaMenuPayload } from '@/components/navigation/menuTypes';
 import type { MenuItem, StoreSettings } from '@homaroma/types';
 import { isSupportedLocale } from '@/lib/locales';
 
-const sarabun = Sarabun({
-  subsets: ['thai', 'latin'],
-  weight: ['300', '400', '500', '600', '700', '800'],
-  display: 'swap',
-  variable: '--font-sarabun',
-});
-
 export const metadata: Metadata = {
   title: 'HomAroma',
   description: 'Pure Origins, Artisan Craft, Zero Compromise',
@@ -104,8 +96,8 @@ export default async function RootLayout({
   ]);
 
   return (
-    <html lang={lang} className={`${lang === 'th' ? sarabun.variable : ''} scroll-smooth`}>
-      <body className="min-h-screen bg-pop-bg text-pop-black font-sans antialiased">
+    <html lang={lang} className="scroll-smooth">
+      <body className="min-h-screen bg-surface-page text-text-main font-sans antialiased">
         <ClientProviders>
           <Navbar categories={categories} initialMenu={initialMenu} settings={settings} />
           <main className="global-main">