diff --git a/app/api/hello/route.ts b/app/api/hello/route.ts
deleted file mode 100644
index d1cc6ee..0000000
--- a/app/api/hello/route.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export async function GET(request: Request) {
-  return new Response('Hello, Next.js!')
-}
diff --git a/app/head.tsx b/app/head.tsx
deleted file mode 100644
index b279f4a..0000000
--- a/app/head.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import React from 'react'
-
-const Head = () => {
-    return (
-        <>
-            <title>DEV NEWS</title>
-            <meta name="viewport" content="width=device-width,initial-scale=1" />
-            <link rel="icon" href="/favicon.ico" />
-        </>
-    )
-}
-
-export default Head
\ No newline at end of file
diff --git a/app/layout.tsx b/app/layout.tsx
index 00e2166..ed540e1 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -2,7 +2,7 @@ import './globals.css'
 import { Inter } from 'next/font/google'
 
 const inter = Inter({ subsets: ['latin'] })
-import Header from './Header'
+import Header from '../components/Header'
 import Providers from './Providers'
 
 export const metadata = {
diff --git a/app/Header.tsx b/components/Header.tsx
similarity index 98%
rename from app/Header.tsx
rename to components/Header.tsx
index 0cfaa41..085b2a1 100644
--- a/app/Header.tsx
+++ b/components/Header.tsx
@@ -1,11 +1,10 @@
-"use client"
+'use client'
 
 import Navbar from "@/components/Navbar"
 import Navlinks from "@/components/Navlinks"
 import SearchBox from "@/components/SearchBox"
 import { useState } from "react"
 
-
 const Header = () => {
     const [showMenu, setShowMenu] = useState(false)
     const handleClick = () => {