Update src/app/styles/variables.css

Update src/app/styles/base.css
Update src/app/page.tsx
2026-06-07 11:35:51 +00:00 · 2026-06-07 11:35:50 +00:00 · 2026-06-07 11:35:50 +00:00 · 2026-06-07 11:35:49 +00:00 · 2026-06-07 11:31:58 +00:00
4 changed files with 25 additions and 27 deletions
--- 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>
  );
-}
+}
--- 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>
--- 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;
 }
--- 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);
Author	SHA1	Message	Date
bender	de051ce944	Update src/app/styles/variables.css	2026-06-07 11:35:51 +00:00
bender	d91d6576bd	Update src/app/styles/base.css	2026-06-07 11:35:50 +00:00
bender	a062e88a5e	Update src/app/page.tsx	2026-06-07 11:35:50 +00:00
bender	33384e7fc7	Update src/app/layout.tsx	2026-06-07 11:35:49 +00:00
bender	26f3485784	Merge version_2 into main Merge version_2 into main	2026-06-07 11:31:58 +00:00