burrow/site/layout/layout.tsx
Kartikey S. Chauhan a97063f9b7 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.
2024-03-30 17:02:11 -07:00

47 lines
987 B
TypeScript

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>
);
}