initialized structure

components/blogFooter.tsx

@@ -0,0 +1,11 @@
+export default function BlogFooter() {
+    return(
+        <div>
+            <p className="text-center font-blog text-xl my-10">Suyono</p>
+            <p className="text-center font-blog">suyono3484@gmail.com</p>
+            <p className="text-center font-blog mt-20 mb-10">
+                &copy;2023 by Suyono. Built using Next.js
+            </p>
+        </div>
+    )
+}

components/blogHeader.tsx

@@ -0,0 +1,24 @@
+import Link from "next/link";
+
+export default function BlogHeader() {
+    return(
+        <div>
+            <div className="ml-20 py-8">
+                <p className="font-blog text-2xl font-thin">SUYONO</p>
+            </div>
+            <div className="bg-gray-100">
+                <div className="flex flex-row ml-20">
+                    <Link href="/" className="m-2 font-thin text-sm font-blog">
+                        Home
+                    </Link>
+                    <Link href="/about" className="m-2 font-thin text-sm font-blog">
+                        About
+                    </Link>
+                    <Link href="/blog" className="m-2 font-thin text-sm font-blog">
+                        Blog
+                    </Link>
+                </div>
+            </div>
+        </div>
+    )
+}