chore: update components folder structure, add constants, update existing layout components, scaffold pages

2026-05-27 19:52:41 -07:00
parent 6193c57655
commit 50fadddbe3
16 changed files with 228 additions and 237 deletions
@@ -1,22 +1,24 @@
 import type { Metadata } from "next";
-import { Geist, Geist_Mono } from "next/font/google";
+import { Inter, Instrument_Serif } from "next/font/google";
 import "./globals.css";
 import Header from "@/components/layout/Header";
 import Footer from "@/components/layout/Footer";
 import Container from "@/components/layout/Container";

-const geistSans = Geist({
-  variable: "--font-geist-sans",
+const inter = Inter({
+  variable: "--font-inter",
  subsets: ["latin"],
 });

-const geistMono = Geist_Mono({
-  variable: "--font-geist-mono",
+const instrumentSerif = Instrument_Serif({
+  variable: "--font-instrument-serif",
  subsets: ["latin"],
+  weight: "400",
+  style: ["normal", "italic"],
 });

 export const metadata: Metadata = {
-  title: "Angel Mankel — Software Engineer"
+  title: "Angel Mankel — Software Engineer",
 };

 export default function RootLayout({
@@ -27,9 +29,9 @@ export default function RootLayout({
  return (
    <html
      lang="en"
-      className={`${geistSans.variable} ${geistMono.variable} h-full antialiased`}
+      className={`${inter.variable} ${instrumentSerif.variable} h-full antialiased`}
    >
-      <body className="min-h-full flex flex-col">
+      <body className="min-h-full flex flex-col font-sans">
        <Header />
        <Container>{children}</Container>
        <Footer />