diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 26c48ab..8b5acd5 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,19 +1,24 @@ import type { Metadata } from "next"; -import { Poppins } from "next/font/google"; import { Raleway } from "next/font/google"; +import { Halant } from "next/font/google"; +import { Inter } from "next/font/google"; import "./globals.css"; import { ServiceWrapper } from "@/components/ServiceWrapper"; import Tag from "@/tag/Tag"; -const poppins = Poppins({ - variable: "--font-poppins", subsets: ["latin"], - weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"], -}); - const raleway = Raleway({ variable: "--font-raleway", subsets: ["latin"], }); +const halant = Halant({ + variable: "--font-halant", subsets: ["latin"], + weight: ["300", "400", "500", "600", "700"], +}); + +const inter = Inter({ + variable: "--font-inter", subsets: ["latin"], +}); + export const metadata: Metadata = { title: "ATFZGARAGE | Mobile Mechanic Services", description: "Professional mobile mechanic services at your location. Expert automotive repairs, maintenance, and diagnostics. Convenient, honest, and affordable.", keywords: "mobile mechanic, car repair, automotive services, roadside assistance, vehicle maintenance, brake repair, engine diagnostics", openGraph: { title: "ATFZGARAGE Mobile Mechanic Services", description: "Professional automotive repairs delivered to your location. Convenient, honest, and affordable mechanical services.", siteName: "ATFZGARAGE", type: "website", images: [ @@ -40,7 +45,7 @@ export default function RootLayout({ {children} diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css index 52897fb..847fdd8 100644 --- a/src/app/styles/variables.css +++ b/src/app/styles/variables.css @@ -2,23 +2,23 @@ /* Base units */ /* --vw is set by ThemeProvider */ - /* --background: #f7f6f7;; - --card: #ffffff;; - --foreground: #250c0d;; - --primary-cta: #b82b40;; - --secondary-cta: #ffffff;; - --accent: #b90941;; - --background-accent: #e8a8b6;; */ + /* --background: #0a0a0a;; + --card: #1a1a1a;; + --foreground: #ffffffe6;; + --primary-cta: #9d00ff;; + --secondary-cta: #1a1a1a;; + --accent: #737373;; + --background-accent: #9d00ff;; */ - --background: #f7f6f7;; - --card: #ffffff;; - --foreground: #250c0d;; - --primary-cta: #b82b40;; + --background: #0a0a0a;; + --card: #1a1a1a;; + --foreground: #ffffffe6;; + --primary-cta: #9d00ff;; --primary-cta-text: #f7f6f7;; - --secondary-cta: #ffffff;; + --secondary-cta: #1a1a1a;; --secondary-cta-text: #250c0d;; - --accent: #b90941;; - --background-accent: #e8a8b6;; + --accent: #737373;; + --background-accent: #9d00ff;; /* text sizing - set by ThemeProvider */ /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);