add 404

aura-nw · Feb 12, 2024 · f2be025 · f2be025
1 parent 2150035
commit f2be025
Show file tree

Hide file tree

Showing 3 changed files with 37 additions and 23 deletions.
diff --git a/app/components/homeComponents/home.tsx b/app/components/homeComponents/home.tsx
@@ -16,6 +16,7 @@ import LeaderboardSection from './leaderboardSection'
 import LixiStage from './lixiStage'
 import RuleSection from './ruleSection'
 import { getItem } from '@/utils/localStorage'
+import NFImage from '@/assets/404.png'
 export default function HomePage() {
   const { account, submitCode } = useContext(Context)
   const [loading, setLoading] = useState(false)

diff --git a/app/layout.tsx b/app/layout.tsx
@@ -8,6 +8,8 @@ import { Bounce, ToastContainer } from 'react-toastify'
 import 'react-toastify/dist/ReactToastify.css'
 import { Header } from './components/header'
 import './globals.css'
+import Image from 'next/image'
+import NFImage from '@/assets/404.png'
 const roboto = Roboto({
   subsets: ['latin'],
   weight: ['100', '300', '400', '500', '700', '900'],
@@ -27,32 +29,43 @@ export default function RootLayout({
       </html>
     )
   }
+
   return (
     <html lang='en'>
-      <body className={`${roboto.variable} bg-[#860204] overflow-x-hidden w-[100vw] min-h-[100dvh] min-w-[375px]`}>
-        <NextUIProvider>
-          <ContextProvider>
-            <Header />
-            <main className='relative pb-20 md:pb-0'>{children}</main>
-          </ContextProvider>
-        </NextUIProvider>
-        <ToastContainer
-          position='top-center'
-          autoClose={3000}
-          hideProgressBar
-          newestOnTop={false}
-          closeOnClick={false}
-          rtl={false}
-          closeButton={() => <></>}
-          pauseOnFocusLoss
-          draggable={false}
-          pauseOnHover={false}
-          theme='dark'
-          transition={Bounce}
-          limit={3}
-        />
+      <body className='bg-[#000] '>
+        <main className='relative min-h-screen grid place-items-center'>
+          <Image src={NFImage} alt='' className='w-screen h-screen object-contain' />
+        </main>
       </body>
-      <GoogleTagManager gtmId='GTM-K3NWXQS' />
     </html>
   )
+
+  // return (
+  //   <html lang='en'>
+  //     <body className={`${roboto.variable} bg-[#860204] overflow-x-hidden w-[100vw] min-h-[100dvh] min-w-[375px]`}>
+  //       <NextUIProvider>
+  //         <ContextProvider>
+  //           <Header />
+  //           <main className='relative pb-20 md:pb-0'>{children}</main>
+  //         </ContextProvider>
+  //       </NextUIProvider>
+  //       <ToastContainer
+  //         position='top-center'
+  //         autoClose={3000}
+  //         hideProgressBar
+  //         newestOnTop={false}
+  //         closeOnClick={false}
+  //         rtl={false}
+  //         closeButton={() => <></>}
+  //         pauseOnFocusLoss
+  //         draggable={false}
+  //         pauseOnHover={false}
+  //         theme='dark'
+  //         transition={Bounce}
+  //         limit={3}
+  //       />
+  //     </body>
+  //     <GoogleTagManager gtmId='GTM-K3NWXQS' />
+  //   </html>
+  // )
 }
diff --git a/assets/404.png b/assets/404.png