image updated

Author: sinanptm

app/layout.tsx

@@ -11,6 +11,7 @@ import metadata from "./metadata";
 import "../style/globals.css";
 import Footer from "@/components/layout/Footer";
 import { memo } from "react";
+import Image from "next/image";
 
 const layout = ({ children }: Readonly<RootLayoutProps>) => {
   return (
@@ -40,6 +41,17 @@ const layout = ({ children }: Readonly<RootLayoutProps>) => {
         >
           <HeroHighlight>
             <NavBar />
+            {/* Optimized SEO Image */}
+            <div className='h-30 w-30 opacity-0'>
+              <Image
+                src="/assets/profile-image.jpg"
+                alt="Muhammed sinan - Mern stack developer"
+                width={1}
+                height={1}
+                priority
+              />
+            </div>
+
             {children}
             <Toaster />
             <Footer />

app/page.tsx

@@ -2,24 +2,12 @@ import TypewriterEffect from '@/components/ui/typewriter-effect';
 import { TYPEWRITER_WORDS } from '@/constants';
 import About from '@/components/home/About';
 import Name from '@/components/home/Name';
-import Image from 'next/image';
 import { memo } from 'react';
 
 
 const HomePage = () => {
   return (
     <main className='flex flex-col pt-12'>
-      {/* Optimized SEO Image */}
-      <div className='relative h-0 w-0'>
-        <Image
-          src="/assets/profile-image.jpg"
-          alt="Muhammed sinan - Mern stack developer"
-          width={1}
-          height={1}
-          priority
-          className="opacity-0"
-        />
-      </div>
 
       <section className="w-full mx-auto sm:px-16 px-6 pb-10">
         <div className="pb-7 mx-auto flex flex-row items-start gap-5">