some fixes

src/components/AppLayout/index.ts

@@ -1,7 +1,7 @@
 import Breadcrumbs from './Breadcrumbs'
-import Layout from './Layout'
+import Container from './Container'
 import SearchBox from './SearchBox'
 import Sidebar from './Sidebar'
 import Topbar from './Topbar'
 
-export { Breadcrumbs, Layout, SearchBox, Sidebar, Topbar }
+export { Breadcrumbs, Container, SearchBox, Sidebar, Topbar }

src/components/BaseLayout/index.ts

@@ -1,3 +1,3 @@
-import Layout from './Layout'
+import Container from './Container'
 
-export default Layout
+export default Container

src/components/Elements/Maintenance.tsx

@@ -1,11 +1,11 @@
 import { siteMeta } from '@/libraries/config'
 
-import Layout from '@/components/BaseLayout'
+import Container from '@/components/BaseLayout'
 import { Anchor, Image } from '@/components/Elements'
 
 const Maintenance = () => {
   return (
-    <Layout fullTitle={siteMeta.defaultTitle} animate>
+    <Container fullTitle={siteMeta.defaultTitle} animate>
       <div className='flex flex-col min-h-screen pb-12 bg-white'>
         <main className='flex flex-col justify-center flex-grow w-full px-4 mx-auto max-w-7xl sm:px-6 lg:px-8'>
           <div className='flex justify-center flex-shrink-0'>
@@ -54,7 +54,7 @@ const Maintenance = () => {
           </nav>
         </footer>
       </div>
-    </Layout>
+    </Container>
   )
 }
 

src/components/SiteLayout/index.ts

@@ -1,5 +1,5 @@
+import Container from './Container'
 import Footer from './Footer'
 import Header from './Header'
-import Layout from './Layout'
 
-export { Footer, Header, Layout }
+export { Container, Footer, Header }

src/pages/404.tsx

@@ -2,12 +2,12 @@ import Link from 'next/link'
 import { CaretDoubleLeft } from 'phosphor-react'
 import * as React from 'react'
 
-import Layout from '@/components/BaseLayout'
+import Container from '@/components/BaseLayout'
 import { Image } from '@/components/Elements'
 
 export default function Error404() {
   return (
-    <Layout fullTitle='404 - Page Not Found' animate>
+    <Container fullTitle='404 - Page Not Found' animate>
       <div className='flex items-center justify-center min-h-screen py-20 lg:py-40'>
         <div className='top-0 left-0 hidden mt-32 lg:block lg:absolute'>
           <Image src='https://shuffle.dev/zeus-assets/icons/dots/blue-dot-left-bars.svg' width={300} height={300} alt='' />
@@ -46,6 +46,6 @@ export default function Error404() {
           </div>
         </div>
       </div>
-    </Layout>
+    </Container>
   )
 }

src/pages/_error.tsx

@@ -1,9 +1,9 @@
-import Layout from '@/components/BaseLayout'
+import Container from '@/components/BaseLayout'
 import { Anchor, Image } from '@/components/Elements'
 
 export default function ErrorPage() {
   return (
-    <Layout fullTitle='Something wrong!'>
+    <Container fullTitle='Something wrong!'>
       <div className='flex flex-col min-h-screen pb-12 bg-white'>
         <main className='flex flex-col justify-center flex-grow w-full px-4 mx-auto max-w-7xl sm:px-6 lg:px-8'>
           <div className='flex justify-center flex-shrink-0'>
@@ -54,6 +54,6 @@ export default function ErrorPage() {
           </nav>
         </footer>
       </div>
-    </Layout>
+    </Container>
   )
 }

src/pages/about.tsx

@@ -1,9 +1,9 @@
 import { Anchor } from '@/components/Elements'
-import { Layout } from '@/components/SiteLayout'
+import { Container } from '@/components/SiteLayout'
 
 export default function About() {
   return (
-    <Layout title='About' animate>
+    <Container title='About' animate>
       <div className='flex items-center justify-center min-h-screen py-20 lg:py-40'>
         <div className='container relative px-4 mx-auto'>
           <div className='max-w-3xl mx-auto text-center'>
@@ -19,6 +19,6 @@ export default function About() {
           </div>
         </div>
       </div>
-    </Layout>
+    </Container>
   )
 }

src/pages/dashboard.tsx

@@ -1,8 +1,8 @@
-import { Layout } from '@/components/AppLayout'
+import { Container } from '@/components/AppLayout'
 
 export default function Dashboard() {
   return (
-    <Layout title='Dashboard'>
+    <Container title='Dashboard'>
       <div className='py-6'>
         <div className='w-full px-4 mx-auto sm:px-6 md:px-8'>
           <h1 className='text-2xl font-semibold text-gray-900'>Dashboard</h1>
@@ -15,6 +15,6 @@ export default function Dashboard() {
           {/* /End replace */}
         </div>
       </div>
-    </Layout>
+    </Container>
   )
 }

src/pages/index.tsx

@@ -3,13 +3,13 @@ import { useTheme } from 'next-themes'
 import { siteMeta } from '@/libraries/config'
 
 import { Anchor, Image, ThemeSwitcher } from '@/components/Elements'
-import { Layout } from '@/components/SiteLayout'
+import { Container } from '@/components/SiteLayout'
 
 export default function Home() {
   const { theme } = useTheme()
 
   return (
-    <Layout fullTitle='This is Next.js Tailwind Starter' withHeader withFooter animate>
+    <Container fullTitle='This is Next.js Tailwind Starter' withHeader withFooter animate>
       <div className='flex flex-col items-center justify-center min-h-screen py-20 lg:py-30'>
         <div className='top-0 left-0 hidden mt-32 lg:block lg:absolute'>
           <Image src='https://shuffle.dev/zeus-assets/icons/dots/blue-dot-left-bars.svg' width={300} height={300} alt='' />
@@ -62,6 +62,6 @@ export default function Home() {
           </div>
         </div>
       </div>
-    </Layout>
+    </Container>
   )
 }

tsconfig.json

@@ -19,7 +19,7 @@
       "@/*": ["*"]
     }
   },
-  "include": ["next-env.d.ts", "next-modules.d.ts", "next-environments.d.ts", "**/**/*.ts", "**/**/*.tsx"],
+  "include": ["next-env.d.ts", "next-modules.d.ts", "**/**/*.ts", "**/**/*.tsx"],
   "exclude": ["node_modules"],
   "moduleResolution": ["node_modules", ".next", "node"]
 }