chore: use pressStart2P font

manishtiwari25 · manishtiwari25 · commit f549714f6489 · 2025-04-21T06:55:50.000Z
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -1,19 +1,25 @@
 import type { Metadata } from "next";
 import "../styles/globals.css";
 import { siteConfig } from "@/config/site";
+import { Press_Start_2P } from 'next/font/google';
 
 export const metadata: Metadata = {
   title: siteConfig.name,
   description: siteConfig.description,
 };
 
+const pressStart2P = Press_Start_2P({
+  subsets: ['latin'], // This font only supports latin
+  weight: '400', // This is the only available weight
+  display: 'swap',
+});
 export default function RootLayout({
   children,
 }: Readonly<{
   children: React.ReactNode;
 }>) {
   return (
-    <html lang="en">
+    <html lang="en" className={pressStart2P.className}>
       <body
         className="minecraft-world bg-green-200 font-pixel min-h-screen text-gray-800"
       >
diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -32,7 +32,7 @@ export default function Home() {
 
   return (
     <MinecraftLayout setDayOrNight={setDay}>
-      <div className="container mx-auto flex flex-col flex-grow w-full p-2 pt-8 gap-4">
+      <div className="container mx-auto flex flex-col flex-grow w-full p-2 pt-12 gap-4">
         <Hero day={day} />
         <Projects day={day} />
         <Skills day={day} />
diff --git a/src/components/Banner.tsx b/src/components/Banner.tsx
@@ -58,8 +58,8 @@ export default function Banner({ day, toggleDayNight }: { day: boolean; toggleDa
             <div className="flex justify-between items-center w-full md:w-auto">
                 <div className="content-start">
                     <div className="flex flex-col">
-                        <span className="font-extrabold text-lg md:text-xl">{siteConfig.profile.name}</span>
-                        <i className="font-bold text-xs md:text-sm">{siteConfig.profile.tagline}</i>
+                        <span className="font-extrabold text-sm md:text-lg">{siteConfig.profile.name}</span>
+                        <i className="font-bold text-[6px] md:text-sm">{siteConfig.profile.tagline}</i>
                     </div>
                 </div>
                 <div className="content-end flex gap-2 md:hidden">
@@ -80,7 +80,7 @@ export default function Banner({ day, toggleDayNight }: { day: boolean; toggleDa
                     <a
                         key={link.id}
                         href={`#${link.id}`}
-                        className="text-white text-lg hover:underline"
+                        className="text-white text-xs"
                         onClick={(e) => handleLinkClick(e, link.id)}
                     >
                         {link.label}
@@ -114,7 +114,7 @@ export default function Banner({ day, toggleDayNight }: { day: boolean; toggleDa
                         <a
                             key={link.id}
                             href={`#${link.id}`}
-                            className="text-white text-lg hover:underline"
+                            className="text-white text-xs"
                             onClick={(e) => handleLinkClick(e, link.id)}
                         >
                             {link.label}
