diff --git a/daily-thought-frontend/src/pages/index.tsx b/daily-thought-frontend/src/pages/index.tsx
index 2da803c241723126224226b4bc11cd65a0d200d5..d7a7715c9c44339652ba71ae8f7cea488ada5c63 100644
--- a/daily-thought-frontend/src/pages/index.tsx
+++ b/daily-thought-frontend/src/pages/index.tsx
@@ -2,6 +2,8 @@ import Head from 'next/head'
 import Image from 'next/image'
 import { Inter } from 'next/font/google'
 import styles from '../styles/Home.module.css'
+import NavigationProvider from '@/components/navigation/NavProvider'
+import { useState } from 'react'
 
 
 
@@ -17,7 +19,8 @@ export default function Home() {
         <link rel="icon" href="/favicon.ico" />
       </Head>
       <main className={styles.home}>
- 
+        <NavigationProvider>
+        </NavigationProvider>
       </main>
     </>
   )