Add Header component and update layout structure

theakashshukla · Sep 18, 2024 · 257b47d · 257b47d
1 parent 1ffe877
commit 257b47d
Show file tree

Hide file tree

Showing 3 changed files with 1,213 additions and 15 deletions.
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -2,6 +2,7 @@ import { Metadata } from "next";
 import { siteConfig } from "@/config/site";
 import "../styles/globals.css";
 import GoogleAnalytics from "@/components/GoogleAnalytics";
+import Header from "@/components/Header";
 
 export const metadata: Metadata = {
   metadataBase: new URL(siteConfig.url),
@@ -41,15 +42,13 @@ export default function RootLayout({
   return (
     <html lang="en">
       <head>
-        <meta
-          name="google-site-verification"
-          content="cSK6C5BfCiu_KaOhLptoPI88uBhKnHUvAOB7WPGrnbM"
-        />
         {process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS ? (
           <GoogleAnalytics ga_id={process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS} />
         ) : null}
       </head>
-      <body>{children}</body>
+      <body>
+        <Header /> {children}
+      </body>
     </html>
   );
 }
diff --git a/components/Header.tsx b/components/Header.tsx
@@ -3,14 +3,14 @@ import Link from "next/link";
 
 export default function Header() {
   return (
-    <header className="flex justify-between items-center w-full mt-5 border-b-2 pb-7 sm:px-4 px-2">
-      <Link href="/" className="flex space-x-3">
+    <header className="flex justify-between items-center w-full border-b-2 py-4 sm:px-6 px-4 bg-red-400">
+      <Link href="/" className="flex space-x-2 ">
         <Image
           alt="header text"
-          src="/pheclogo.png"
+          src="/favicon.svg"
           className="sm:w-12 sm:h-12 w-8 h-8"
-          width={34}
-          height={34}
+          width={28}
+          height={28}
         />
         <h1 className="sm:text-4xl text-2xl font-bold ml-2 tracking-tight">
           phec
@@ -23,7 +23,7 @@ export default function Header() {
       >
         <Image
           alt="Brand Icon"
-          src="/name.png"
+          src="/favicon.svg"
           className="sm:w-8 sm:h-[27px] w-8 h-[28px]"
           width={32}
           height={28}