style: change font to montserrat

GarudaHacks · Jan 20, 2025 · 5a1d14a · 5a1d14a
1 parent 5369a16
commit 5a1d14a
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 8 deletions.
diff --git a/app/components/Footer.tsx b/app/components/Footer.tsx
@@ -1,10 +1,14 @@
-import React from 'react';
+import React from "react";
 
 const Footer: React.FC = () => {
   return (
     <footer className="w-full text-center p-4 pb-6 bg-transparent text-white flex-shrink-0">
-      <p className='font-[family-name:var(--font-montserrat)]'>Stay tuned for Garuda Hacks 6.0!</p>
-      <p className='font-[family-name:var(--font-montserrat)]'>24-26 July 2025</p>
+      <p className="font-[family-name:var(--font-montserrat)]">
+        Stay tuned for Garuda Hacks 6.0!
+      </p>
+      <p className="font-[family-name:var(--font-montserrat)]">
+        24-26 July 2025
+      </p>
     </footer>
   );
 };

diff --git a/app/components/Navbar.tsx b/app/components/Navbar.tsx
@@ -27,7 +27,10 @@ function Navbar() {
             </li> */}
       </ul>
       {/* <ApplyButton /> */}
-      <a className="font-bold text-lg" href="https://2024.garudahacks.com/">
+      <a
+        className="font-bold text-lg font-[family-name:var(--font-montserrat)]"
+        href="https://2024.garudahacks.com/"
+      >
         Past Events
       </a>
     </nav>

diff --git a/app/layout.tsx b/app/layout.tsx
@@ -31,7 +31,9 @@ export default function RootLayout({
 }>) {
   return (
     <html lang="en" className="h-full">
-      <body className={`h-full flex flex-col overflow-hidden antialiased ${geistSans.variable} ${geistMono.variable} ${montserrat.variable}`}>
+      <body
+        className={`h-full flex flex-col overflow-hidden antialiased ${geistSans.variable} ${geistMono.variable} ${montserrat.variable}`}
+      >
         <div id="root" className="flex flex-col h-full">
           <Navbar />
 

diff --git a/app/page.tsx b/app/page.tsx
@@ -2,9 +2,10 @@ import ComingSoon from "./components/ComingSoon";
 
 export default function Home() {
   return (
-    <div className="grid grid-rows-[20px_1fr_20px] items-center justify-items-center min-h-screen p-8 pb-20 gap-16 sm:p-20 font-[family-name:var(--font-geist-sans)] bg-[#141414]">
+    <div className="grid grid-rows-[20px_1fr_20px] items-center justify-items-center min-h-screen p-8 pb-20 gap-16 sm:p-20 font-[family-name:var(--font-geist-sans)]">
       <main className="flex flex-col gap-8 row-start-2 md:items-center sm:items-start">
-        {/* <Hero />
+        {
+          /* <Hero />
         <About />
         <Stats />
         <Stories />
@@ -14,7 +15,7 @@ export default function Home() {
         <Countdown />
         <FAQ />
         <Footer /> */
-        <ComingSoon />
+          <ComingSoon />
         }
       </main>
     </div>