feat: added the home page

components/Font/index.tsx

@@ -0,0 +1,25 @@
+// pages/_document.js
+import Document, { Html, Head, Main, NextScript } from 'next/document';
+
+class MyDocument extends Document {
+  render() {
+    return (
+      <Html>
+        <Head>
+          {/* Import Google Fonts */}
+          <link rel="preconnect" href="https://fonts.googleapis.com" />
+          <link
+            href="https://fonts.googleapis.com/css2?family=Caveat+Brush&display=swap"
+            rel="stylesheet"
+          />
+        </Head>
+        <body>
+          <Main />
+          <NextScript />
+        </body>
+      </Html>
+    );
+  }
+}
+
+export default MyDocument;

components/Header/index.tsx

@@ -1,10 +1,12 @@
 import Link from 'next/link';
+import Image from "next/image";
+
 
 const Header: React.FC = () => {
   return (
     <header className="bg-blue-500 flex justify-between items-center p-4">
       <div className="left">
-        <img src="/plimages/Group1.png" alt="logo" className="w-12" />
+          <Image src="/Group 1.png" alt="logo" width={100} height={100} />
       </div>
       <nav className="right">
         <ul className="flex space-x-4">