diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 2c06f22..181cab2 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,17 +1,24 @@ import type { Metadata } from "next"; -import { Nunito } from "next/font/google"; import "./globals.css"; import { ServiceWrapper } from "@/components/ServiceWrapper"; import Tag from "@/tag/Tag"; +import { Mulish } from "next/font/google"; +import { Inter } from "next/font/google"; -const nunito = Nunito({ - variable: "--font-nunito", subsets: ["latin"], -}); export const metadata: Metadata = { title: "Artisan Bakery | Fresh Baked Goods Delivered Daily", description: "Discover freshly baked artisan breads, pastries, and cakes made daily with love. Order online for local delivery or visit our warm, inviting bakery today.", keywords: ["artisan bakery", "fresh baked goods", "sourdough bread", "croissants", "custom cakes", "local bakery", "online bakery orders", "pastries", "cinnamon rolls", "bakery delivery"] }; +const mulish = Mulish({ + variable: "--font-mulish", + subsets: ["latin"], +}); +const inter = Inter({ + variable: "--font-inter", + subsets: ["latin"], +}); + export default function RootLayout({ children, }: Readonly<{ @@ -20,9 +27,7 @@ export default function RootLayout({ return ( - + {children} diff --git a/src/app/styles/base.css b/src/app/styles/base.css index 9cfc5ab..d97fa01 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-font-family: var(--font-nunito), sans-serif;), 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-font-family: var(--font-nunito), sans-serif;), sans-serif; + font-family: var(--font-mulish), sans-serif; }