feat: add layout

src/layouts/Footer.tsx

@@ -0,0 +1,3 @@
+export default function Footer() {
+  return <footer></footer>; //! Add your own footer here
+}

src/layouts/Layout.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+
+import Footer from '@/layouts/Footer';
+import Navbar from '@/layouts/Navbar';
+import { LayoutProps } from '@/types/layout';
+
+export default function Layout({
+  children,
+  withFooter,
+  withNavbar,
+}: LayoutProps) {
+  return (
+    <>
+      {withNavbar && <Navbar />}
+      {children}
+      {withFooter && <Footer />}
+    </>
+  );
+}

src/layouts/Navbar.tsx

@@ -0,0 +1,3 @@
+export default function Navbar() {
+  return <div></div>; //! Add your own navbar here
+}

src/types/layout.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+
+export type LayoutProps = {
+  children: React.ReactNode;
+  withNavbar: boolean;
+  withFooter: boolean;
+};

tailwind.config.ts

@@ -5,6 +5,7 @@ const config: Config = {
     './src/pages/**/*.{js,ts,jsx,tsx,mdx}',
     './src/components/**/*.{js,ts,jsx,tsx,mdx}',
     './src/app/**/*.{js,ts,jsx,tsx,mdx}',
+    './src/layouts/**/*.{js,ts,jsx,tsx,mdx}',
   ],
   theme: {
     extend: {