refactor: move code around

src/app/layout.tsx

@@ -3,9 +3,9 @@ import { Inter } from "next/font/google";
 
 import "./globals.css";
 
-import Footer from "@/components/Footer";
+import { Footer } from "@/components/footer";
 import GoogleAnalytics from "@/components/GoogleAnalytics";
-import Header from "@/components/Header";
+import { Header } from "@/components/header";
 import { Toaster } from "@/components/ui/toaster";
 
 const inter = Inter({ subsets: ["latin"], fallback: ["sans-serif"] });

src/components/Footer.tsx → src/components/footer.tsx

@@ -1,7 +1,6 @@
-import React from "react";
 import { GithubIcon } from "lucide-react";
 
-const Footer = () => {
+export function Footer() {
     return (
         <div className="flex h-24 flex-col items-center justify-between px-2 py-2 text-center sm:relative sm:w-[100%] sm:place-content-center sm:px-8 sm:py-0">
             <div className="flex flex-col">
@@ -24,6 +23,4 @@ const Footer = () => {
             </div>
         </div>
     );
-};
-
-export default Footer;
+}

src/components/header.tsx

@@ -0,0 +1,11 @@
+import Link from "next/link";
+
+export function Header() {
+    return (
+        <nav className="wrapper flex-between inset-x-0 z-30 h-24">
+            <div className="text-4xl font-bold text-primary sm:text-5xl">
+                <Link href="/">GE-Z</Link>
+            </div>
+        </nav>
+    );
+}