3 Commits

Author SHA1 Message Date
b3e3d6a572 Update theme fonts 2026-02-10 22:56:27 +00:00
1b0151a441 Update theme fonts 2026-02-10 22:56:26 +00:00
1c3b4b15f9 Update src/app/page.tsx 2026-02-10 22:53:19 +00:00
3 changed files with 15 additions and 6 deletions

View File

@@ -4,6 +4,8 @@ import { Source_Sans_3 } from "next/font/google";
import "./globals.css"; import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper"; import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag"; import Tag from "@/tag/Tag";
import { DM_Sans } from "next/font/google";
import { Inter } from "next/font/google";
const workSans = Work_Sans({ const workSans = Work_Sans({
variable: "--font-work-sans", subsets: ["latin"], variable: "--font-work-sans", subsets: ["latin"],
@@ -34,6 +36,15 @@ export const metadata: Metadata = {
} }
}; };
const dmSans = DM_Sans({
variable: "--font-dm-sans",
subsets: ["latin"],
});
const inter = Inter({
variable: "--font-inter",
subsets: ["latin"],
});
export default function RootLayout({ export default function RootLayout({
children, children,
}: Readonly<{ }: Readonly<{
@@ -42,9 +53,7 @@ export default function RootLayout({
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<ServiceWrapper> <ServiceWrapper>
<body <body className={`${dmSans.variable} ${inter.variable} antialiased`}>
className={`${workSans.variable} ${sourceSans3.variable} antialiased`}
>
<Tag /> <Tag />
{children} {children}

View File

@@ -40,7 +40,7 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroLogoBillboardSplit <HeroLogoBillboardSplit
logoText="DetailPro" logoText="Mobile One Detailing "
description="Professional mobile car detailing that comes to you. Premium results with convenience. Call now for an instant quote." description="Professional mobile car detailing that comes to you. Premium results with convenience. Call now for an instant quote."
background={{ variant: "radial-gradient" }} background={{ variant: "radial-gradient" }}
buttons={[ buttons={[

View File

@@ -11,7 +11,7 @@ html {
body { body {
background-color: var(--background); background-color: var(--background);
color: var(--foreground); color: var(--foreground);
font-family: var(--font-source-sans-3), sans-serif; font-family: var(--font-inter), sans-serif;
position: relative; position: relative;
min-height: 100vh; min-height: 100vh;
overscroll-behavior: none; overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4, h4,
h5, h5,
h6 { h6 {
font-family: var(--font-work-sans), sans-serif; font-family: var(--font-dm-sans), sans-serif;
} }