Initial website setup

- Created project structure with necessary directories and files
- Set up Next.js with Tailwind CSS and Font Awesome
- Added base HTML structure and layout components
- Configured routing and created the homepage
- Styled the homepage with basic styling
- Added FontAwesome icons
- Configured font imports and styles
- Integrated HackClub branding elements

This commit establishes the foundation for our website, including the project structure, styling, and initial content.

site/layout/layout.tsx

@@ -0,0 +1,47 @@
+import { Space_Mono, Poppins } from "next/font/google";
+import localFont from "next/font/local";
+
+const space_mono = Space_Mono({
+  weight: ["400", "700"],
+  subsets: ["latin"],
+  display: "swap",
+  variable: "--font-space-mono",
+});
+
+const poppins = Poppins({
+  weight: ["400", "500", "600", "700", "800", "900"],
+  subsets: ["latin"],
+  display: "swap",
+  variable: "--font-poppins",
+});
+
+const phantomSans = localFont({
+  src: [
+    {
+      path: "../assets/Regular.woff2",
+      weight: "400",
+      style: "normal",
+    },
+    {
+      path: "../assets/Italic.woff2",
+      weight: "400",
+      style: "italic",
+    },
+    {
+      path: "../assets/Bold.woff2",
+      weight: "700",
+      style: "normal",
+    },
+  ],
+  variable: "--font-phantom-sans",
+});
+
+export default function Layout({ children }: { children: React.ReactNode }) {
+  return (
+    <div
+      className={`${space_mono.variable} ${poppins.variable} ${phantomSans.variable}`}
+    >
+      {children}
+    </div>
+  );
+}