Update src/app/page.tsx

2026-06-12 13:33:30 +00:00
4 changed files with 23 additions and 22 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -7,7 +7,6 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
 import { Libre_Baskerville } from "next/font/google";
-import { DM_Sans } from "next/font/google";



@@ -42,12 +41,14 @@ export const metadata: Metadata = {
  },
 };

-
-const dmSans = DM_Sans({
-  variable: "--font-dm-sans",  subsets: ["latin"],
+const libreBaskerville = Libre_Baskerville({
+  variable: "--font-libre-baskerville",
+  subsets: ["latin"],
+  weight: ["400", "700"],
 });
 const inter = Inter({
-  variable: "--font-inter",  subsets: ["latin"],
+  variable: "--font-inter",
+  subsets: ["latin"],
 });

 export default function RootLayout({
@@ -58,7 +59,7 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body className={`${dmSans.variable} ${inter.variable} antialiased`}>
+        <body className={`${libreBaskerville.variable} ${inter.variable} antialiased`}>
          <Tag />
          {children}
          <script
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -18,15 +18,15 @@ import { Crown, Droplet, Feather, Heart, Palette, Scissors, Sparkles, Star } fro
 export default function LandingPage() {
  return (
    <ThemeProvider
-        defaultButtonVariant="directional-hover"
-        defaultTextAnimation="reveal-blur"
+        defaultButtonVariant="text-shift"
+        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="compact"
        sizing="largeSmallSizeLargeTitles"
        background="floatingGradient"
-        cardStyle="soft-shadow"
-        primaryButtonStyle="shadow"
-        secondaryButtonStyle="glass"
+        cardStyle="gradient-radial"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="layered"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
@@ -304,7 +304,7 @@ export default function LandingPage() {
        {
          title: "Kontakt",          items: [
            {
-              label: "Termin vereinbaren",            href: "#contact"},
+              label: "Termin vereinbaren",              href: "#contact"},
            {
              label: "Anfahrt",              href: "#"},
            {
@@ -319,4 +319,4 @@ export default function LandingPage() {
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-dm-sans), sans-serif;
+  font-family: var(--font-libre-baskerville), serif;
 }
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #ffffff;
  --background-accent: #ffffff; */

-  --background: #f5f4f0;
+  --background: #f7f6f7;
  --card: #ffffff;
-  --foreground: #1a1a1a;
-  --primary-cta: #2c2c2c;
-  --primary-cta-text: #f5f4f0;
-  --secondary-cta: #f5f4f0;
-  --secondary-cta-text: #1a1a1a;
-  --accent: #8a8a8a;
-  --background-accent: #e8e6e1;
+  --foreground: #1b0c25;
+  --primary-cta: #1b0c25;
+  --primary-cta-text: #f7f6f7;
+  --secondary-cta: #ffffff;
+  --secondary-cta-text: #1b0c25;
+  --accent: #ff93e4;
+  --background-accent: #e8a8c3;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);