Update theme fonts

2026-06-10 11:30:16 +00:00 · 2026-06-10 11:30:16 +00:00 · 2026-06-10 11:30:08 +00:00 · 2026-06-10 11:30:08 +00:00 · 2026-06-10 11:30:02 +00:00 · 2026-06-10 11:30:01 +00:00
4 changed files with 30 additions and 25 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -7,6 +7,8 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
 import { Open_Sans } from "next/font/google";
+import { Public_Sans } from "next/font/google";
+import { Libre_Baskerville } from "next/font/google";



@@ -41,8 +43,17 @@ export const metadata: Metadata = {
  },
 };

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

@@ -54,7 +65,7 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body className={`${openSans.variable} antialiased`}>
+        <body className={`${libreBaskerville.variable} ${inter.variable} antialiased`}>
          <Tag />
          {children}
          <script
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,7 +2,7 @@

 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactText from '@/components/sections/contact/ContactText';
 import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
@@ -39,7 +39,7 @@ export default function LandingPage() {
        {
          name: "Галерея",          id: "/gallery"},
        {
-          name: "Контакти",          id: "#contact"},
+          name: "Контакти",          id: "/contacts"},
      ]}
      brandName="Pizzeria Daniel"
      button={{
@@ -147,17 +147,11 @@ export default function LandingPage() {
  </div>

  <div id="contact" data-section="contact">
-      <ContactCenter
-      tag="Зв'яжіться з нами"
-      title="Залишилися питання?"
-      description="Ми завжди раді відповісти на ваші запитання та допомогти з бронюванням або замовленням."
+      <ContactText
+      text="Залишилися питання? Зв'яжіться з нами!"
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
-      inputPlaceholder="Ваш email"
-      buttonText="Відправити"
-      termsText="Натискаючи 'Відправити', ви погоджуєтесь з нашою Політикою конфіденційності."
-      onSubmit={() => console.log("Form submitted")}
    />
  </div>

@@ -186,7 +180,7 @@ export default function LandingPage() {
            {
              label: "Галерея",              href: "/gallery"},
            {
-              label: "Контакти",              href: "#contact"},
+              label: "Контакти",              href: "/contacts"},
          ],
        },
        {
--- 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-open-sans), 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-open-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: #0a0a0a;
-  --card: #1a1a1a;
-  --foreground: #f5f5f5;
-  --primary-cta: #ffdf7d;
-  --primary-cta-text: #0a0a0a;
-  --secondary-cta: #1a1a1a;
-  --secondary-cta-text: #ffffff;
-  --accent: #b8860b;
-  --background-accent: #8b6914;
+  --background: #efebe5;
+  --card: #f7f2ea;
+  --foreground: #000000;
+  --primary-cta: #000000;
+  --primary-cta-text: #efebe5;
+  --secondary-cta: #ffffff;
+  --secondary-cta-text: #000000;
+  --accent: #ffffff;
+  --background-accent: #e1b875;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	cff5db6200	Update theme fonts	2026-06-10 11:30:16 +00:00
bender	a40b8c348f	Update theme fonts	2026-06-10 11:30:16 +00:00
bender	01e6b1bc95	Update theme fonts	2026-06-10 11:30:08 +00:00
bender	418034e370	Update theme fonts	2026-06-10 11:30:08 +00:00
bender	3a54568ae8	Update theme fonts	2026-06-10 11:30:02 +00:00
bender	a101f9e4b3	Update theme fonts	2026-06-10 11:30:01 +00:00
bender	4bc536647d	Update theme fonts	2026-06-10 11:30:00 +00:00
bender	c3cade964c	Update theme fonts	2026-06-10 11:30:00 +00:00
bender	c3ddb6990a	Update theme colors	2026-06-10 11:29:45 +00:00
bender	600d62c8ca	Update theme colors	2026-06-10 11:29:37 +00:00
bender	087099424b	Update theme colors	2026-06-10 11:29:35 +00:00
bender	8549320ca1	Update theme colors	2026-06-10 11:29:33 +00:00