diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 14b2cda..84c5db6 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -8,19 +8,17 @@ import Tag from "@/tag/Tag";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
 
 const halant = Halant({
-  variable: "--font-halant",
-  subsets: ["latin"],
+  variable: "--font-halant",  subsets: ["latin"],
   weight: ["300", "400", "500", "600", "700"],
 });
 
 const inter = Inter({
-  variable: "--font-inter",
-  subsets: ["latin"],
+  variable: "--font-inter",  subsets: ["latin"],
 });
 
 export const metadata: Metadata = {
-  title: 'Bella Italia Ristorante - Authentic Italian Cuisine',
-  description: 'Experience the true taste of Italy at Bella Italia Ristorante. Savor traditional pasta, pizza, and exquisite wines in a cozy, authentic atmosphere.',
+  title: 'Bella Italia Ristorante - Authentische italienische Küche',
+  description: 'Erleben Sie den wahren Geschmack Italiens im Bella Italia Ristorante. Genießen Sie traditionelle Pasta, Pizza und exquisite Weine in einer gemütlichen, authentischen Atmosphäre.',
 };
 
 export default function RootLayout({
@@ -29,10 +27,10 @@ export default function RootLayout({
   children: React.ReactNode;
 }>) {
   return (
-    <html lang="en" suppressHydrationWarning>
+    <html lang="de" suppressHydrationWarning>
       <ServiceWrapper>
         <body
-          className={`${halant.variable} ${inter.variable} antialiased`}
+          className={`${halant.variable} ${inter.variable} antialiased}`}
         >
           <Tag />
           {children}
@@ -45,4 +43,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 05479de..717e89e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -16,16 +16,16 @@ import { Sparkles } from "lucide-react";
 export default function ItalianRestaurantPage() {
     return (
         <ThemeProvider
-            defaultButtonVariant="icon-arrow"
+            defaultButtonVariant="directional-hover"
             defaultTextAnimation="background-highlight"
             borderRadius="soft"
             contentWidth="medium"
             sizing="mediumLarge"
             background="none"
-            cardStyle="glass-elevated"
-            primaryButtonStyle="shadow"
-            secondaryButtonStyle="layered"
-            headingFontWeight="semibold"
+            cardStyle="soft-shadow"
+            primaryButtonStyle="diagonal-gradient"
+            secondaryButtonStyle="solid"
+            headingFontWeight="bold"
         >
             <ReactLenis root>
                 <div id="nav" data-section="nav">
@@ -47,7 +47,7 @@ export default function ItalianRestaurantPage() {
                     <HeroBillboard
                         title="Welcome to Bella Italia"
                         description="Authentic Italian cuisine crafted with passion and tradition. Experience the flavors of Italy in every dish."
-                        background={{ variant: "sparkles-gradient" }}
+                        background={{ variant: "plain" }}
                         tag="Fine Dining"
                         tagIcon={Sparkles}
                         imageSrc="https://img.b2bpic.net/premium-photo/tasted-famous-italian-food_119101-260.jpg?id=6608694"
@@ -64,7 +64,7 @@ export default function ItalianRestaurantPage() {
                         title="At Bella Italia, we are passionate about bringing the true essence of Italian culinary traditions to your table. Our kitchen is a celebration of fresh, hand-picked ingredients, transformed into homemade dishes passed down through generations. Step into our family atmosphere, where every meal is crafted with love and served with the warmth of Italian hospitality. Experience traditional recipes that speak of rich heritage and unforgettable flavors."
                         useInvertedBackground={false}
                         buttons={[
-                            { text: "Learn More", href: "#" }
+                            { text: "Learn More", href: "contact" }
                         ]}
                     />
                 </div>
diff --git a/src/app/styles/base.css b/src/app/styles/base.css
index a25430f..c719d19 100644
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-inter-tight), sans-serif;
+  font-family: var(--font-inter), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-inter-tight), sans-serif;
+  font-family: var(--font-dm-sans), sans-serif;
 }
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 018e8e2..5a7d4af 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #000000;
-  --card: #0c0c0c;
-  --foreground: #ffffff;
-  --primary-cta: #106EFB;
-  --primary-cta-text: #ffffff;
-  --secondary-cta: #000000;
-  --secondary-cta-text: #ffffff;
-  --accent: #535353;
-  --background-accent: #106EFB;
+  --background: #f6f0e9;
+  --card: #efe7dd;
+  --foreground: #2b180a;
+  --primary-cta: #cc2936;
+  --primary-cta-text: #f6f0e9;
+  --secondary-cta: #efe7dd;
+  --secondary-cta-text: #2b180a;
+  --accent: #94877c;
+  --background-accent: #afa094;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
