diff --git a/.env.example b/.env.example
index 3bd8d01..c20c0a7 100644
--- a/.env.example
+++ b/.env.example
@@ -9,7 +9,7 @@ NEXTAUTH_SECRET= #use openssl to generate key, base64 recomended
 BASEPATH=
 NEXT_PUBLIC_APP_URL=http://localhost:3000${BASEPATH}
 
-# PRISMA MYSQL CONNECTION
+# PRISMA CONNECTION
 DATABASE_URL=  #<mysql or postgresql>://<account name>:<password>@localhost:<port>/<databasename>
 
 #Vercel PostgreSQL
@@ -22,3 +22,6 @@ POSTGRES_USER=
 POSTGRES_HOST=
 POSTGRES_PASSWORD=
 POSTGRES_DATABASE=
+
+#Admin KEY
+ADMIN_KEY=
diff --git a/package-lock.json b/package-lock.json
index 2b36bb9..3dfb8cc 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "Kasbon-Manager",
-  "version": "0.1.0",
+  "version": "1.1.8",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "Kasbon-Manager",
-      "version": "0.1.0",
+      "version": "1.0.10",
       "hasInstallScript": true,
       "license": "Commercial",
       "dependencies": {
diff --git a/package.json b/package.json
index 134d9ab..c0bee4c 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "Kasbon-Manager",
-  "version": "1.1.7",
+  "version": "1.1.8",
   "license": "Commercial",
   "private": true,
   "scripts": {
diff --git a/src/app/dashboard/account-settings/page.jsx b/src/app/dashboard/account-settings/page.jsx
deleted file mode 100644
index 5be6118..0000000
--- a/src/app/dashboard/account-settings/page.jsx
+++ /dev/null
@@ -1,22 +0,0 @@
-// Next Imports
-import dynamic from 'next/dynamic'
-
-// Component Imports
-import AccountSettings from '@views/account-settings'
-
-const AccountTab = dynamic(() => import('@views/account-settings/account'))
-const NotificationsTab = dynamic(() => import('@views/account-settings/notifications'))
-const ConnectionsTab = dynamic(() => import('@views/account-settings/connections'))
-
-// Vars
-const tabContentList = () => ({
-  account: <AccountTab />,
-  notifications: <NotificationsTab />,
-  connections: <ConnectionsTab />
-})
-
-const AccountSettingsPage = () => {
-  return <AccountSettings tabContentList={tabContentList()} />
-}
-
-export default AccountSettingsPage
diff --git a/src/app/dashboard/bayar/page.jsx b/src/app/dashboard/bayar/page.jsx
index 7bd189d..3993829 100644
--- a/src/app/dashboard/bayar/page.jsx
+++ b/src/app/dashboard/bayar/page.jsx
@@ -1,8 +1,29 @@
+'use client'
 
-import StatusBayar from "@/views/status-bayar/StatusBayar"
+import { useEffect } from "react"
+
+import { useRouter } from "next/navigation"
 
+import { useSession } from "next-auth/react"
+
+import StatusBayar from "@/views/status-bayar/StatusBayar"
 
 const BayarKasbon = () =>{
+  const {data: session, status} = useSession()
+  const router = useRouter()
+
+  useEffect(()=>{
+    if(status==='loading') return
+
+    if(!session){
+      router.push('/error/401')
+    }
+  },[session, status, router])
+
+  if(!session){
+    return null
+  }
+
   return(
     <div>
       <h1>Halaman Status Bayar Kasbon</h1>
diff --git a/src/app/dashboard/cetak/page.jsx b/src/app/dashboard/cetak/page.jsx
index 09e499d..6d8f537 100644
--- a/src/app/dashboard/cetak/page.jsx
+++ b/src/app/dashboard/cetak/page.jsx
@@ -1,8 +1,29 @@
+'use client'
 
+import { useEffect } from "react"
+
+import { useRouter } from "next/navigation"
+
+import { useSession } from "next-auth/react"
 
 import PrintLaporan from "@/views/print-laporan/PrintLaporan"
 
 const CetakKasbon = () =>{
+  const {data:session, status} = useSession()
+  const router = useRouter()
+
+  useEffect(()=>{
+    if (status === 'loading') return
+
+    if(!session){
+      router.push('/error/401')
+    }
+  }, [session, status, router])
+
+  if(!session){
+    return null
+  }
+
   return(
     <div>
       <div>
diff --git a/src/app/dashboard/daftar-akun/page.jsx b/src/app/dashboard/daftar-akun/page.jsx
index d989f6a..c7d3fbb 100644
--- a/src/app/dashboard/daftar-akun/page.jsx
+++ b/src/app/dashboard/daftar-akun/page.jsx
@@ -1,22 +1,40 @@
-import dynamic from 'next/dynamic'
+'use client'
 
-import TabelAkunAdmin from '@/views/tabel-akun/TabelAdmin'
+import { useEffect } from "react"
+
+import { useRouter } from "next/navigation"
 
-//Membuat komponen yang diimport menjadi dynamic page
-const TabelAkun = dynamic(()=>import('@views/tabel-akun/TabelAkun'),  {ssr:false})
+import { useSession } from "next-auth/react"
+
+import TabelAkunAdmin from '@/views/tabel-akun/TabelAdmin'
 
+import TabelAkun from "@/views/tabel-akun/TabelAkun"
 
 const DaftarAkun = () => {
+  const {data: session, status} = useSession()
+  const router = useRouter()
+
+  useEffect(()=>{
+    if (status === 'loading') return
+
+    if(!session){
+      router.push('/error/401')
+    }
+  }, [session, status, router])
+
+  if(!session){
+    return null
+  }
 
   return (
-<div className="">
+<div>
       <h1>Tabel Daftar Akun</h1>
       <br />
-      <div className="">
+      <div>
         <TabelAkun/>
       </div>
       <br />
-      <div className="">
+      <div>
         <TabelAkunAdmin/>
       </div>
       <br />
diff --git a/src/app/dashboard/kasbon/page.jsx b/src/app/dashboard/kasbon/page.jsx
deleted file mode 100644
index 0bd3386..0000000
--- a/src/app/dashboard/kasbon/page.jsx
+++ /dev/null
@@ -1,11 +0,0 @@
-
-
-const Kasbon = () =>{
-  return(
-    <div>
-      Tabel Kasbon
-    </div>
-  )
-}
-
-export default Kasbon
diff --git a/src/app/dashboard/laporan/page.jsx b/src/app/dashboard/laporan/page.jsx
deleted file mode 100644
index eeb54fa..0000000
--- a/src/app/dashboard/laporan/page.jsx
+++ /dev/null
@@ -1,12 +0,0 @@
-
-
-const LaporanKasbon = () =>{
-
-  return(
-    <div>
-
-    </div>
-  )
-}
-
-export default LaporanKasbon
diff --git a/src/app/dashboard/registrasi-akun/page.jsx b/src/app/dashboard/registrasi-akun/page.jsx
index 56f9ccc..2e7f8c4 100644
--- a/src/app/dashboard/registrasi-akun/page.jsx
+++ b/src/app/dashboard/registrasi-akun/page.jsx
@@ -2,6 +2,10 @@
 
 import { useState, useEffect, useRef } from 'react'
 
+import { useRouter } from 'next/navigation'
+
+import { useSession } from 'next-auth/react'
+
 import Card from '@mui/material/Card'
 import Grid from '@mui/material/Grid'
 import Button from '@mui/material/Button'
@@ -15,20 +19,32 @@ import FormControl from '@mui/material/FormControl'
 import Alert from '@mui/material/Alert'
 
 const RegistrasiAkun = () => {
-  const [status, setStatus] = useState(null)
+  const {data: session, status} = useSession()
+  const [alert, setAlert] = useState(null)
   const [message, setMessage] = useState('')
   const formRef = useRef(null)
+  const router = useRouter()
 
   useEffect(() => {
-    if (status) {
+    if (status === 'loading') return // Jangan lakukan apa pun saat sesi sedang dimuat
+
+    if (!session) {
+      router.push('/error/401')
+    }
+
+    if (alert) {
       const timer = setTimeout(() => {
-        setStatus(null)
+        setAlert(null)
         setMessage('')
       }, 5000)
 
       return () => clearTimeout(timer)
     }
-  }, [status])
+  }, [session, status, router, alert])
+
+  if (!session) {
+    return null
+  }
 
   const handleSubmit = async (event) => {
     event.preventDefault()
@@ -53,15 +69,15 @@ const RegistrasiAkun = () => {
       const result = await response.json()
 
       if (response.ok) {
-        setStatus('success')
+        setAlert('success')
         setMessage('Akun berhasil didaftarkan!')
         formRef.current.reset() // Kosongkan form setelah berhasil didaftarkan
       } else {
-        setStatus('error')
+        setAlert('error')
         setMessage(result.error || 'Terjadi kesalahan saat mendaftarkan akun.')
       }
     } catch (error) {
-      setStatus('error')
+      setAlert('error')
       setMessage('Terjadi kesalahan saat mendaftarkan akun.')
     }
   }
@@ -71,8 +87,8 @@ const RegistrasiAkun = () => {
       <Card>
         <CardHeader title='Registrasi Akun' />
         <CardContent>
-          {status && (
-            <Alert severity={status} style={{ marginBottom: '1rem' }}>
+          {alert && (
+            <Alert severity={alert} style={{ marginBottom: '1rem' }}>
               {message}
             </Alert>
           )}
diff --git a/src/app/dashboard/request/page.jsx b/src/app/dashboard/request/page.jsx
index efae953..2ae1f28 100644
--- a/src/app/dashboard/request/page.jsx
+++ b/src/app/dashboard/request/page.jsx
@@ -1,7 +1,29 @@
+'use client'
+
+import { useEffect } from "react"
+
+import { useRouter } from "next/navigation"
+
+import { useSession } from "next-auth/react"
 
 import StatusRequest from "@/views/status-request/StatusRequest"
 
 const RequestKasbon = () =>{
+  const {data:session,status} = useSession()
+  const router = useRouter()
+
+  useEffect(()=>{
+    if(status === 'loading') return
+
+    if(!session){
+      router.push('/error/401')
+    }
+  },[session,status,router])
+
+  if(!session){
+    return null
+  }
+
   return(
     <div>
       <h1>Status Request Kasbon</h1>
diff --git a/src/app/dashboard/reset-password-akun/page.jsx b/src/app/dashboard/reset-password-akun/page.jsx
index f6d8a15..c7396cb 100644
--- a/src/app/dashboard/reset-password-akun/page.jsx
+++ b/src/app/dashboard/reset-password-akun/page.jsx
@@ -9,7 +9,6 @@ import { useSession } from 'next-auth/react'
 import ResetPasswordKaryawan from "@/views/reset-password/resetpassword-karyawan"
 import ResetPasswordAdmin from '@/views/reset-password/resetpassword-admin'
 
-
 const ResetPasswordAkun = () =>{
   const { data: session, status } = useSession()
   const router = useRouter()
diff --git a/src/app/dashboard/tambah-kasbon/page.jsx b/src/app/dashboard/tambah-kasbon/page.jsx
index 1dd6b91..b552ada 100644
--- a/src/app/dashboard/tambah-kasbon/page.jsx
+++ b/src/app/dashboard/tambah-kasbon/page.jsx
@@ -2,6 +2,8 @@
 
 import { useState, useEffect, useRef } from 'react'
 
+import { useRouter } from 'next/navigation'
+
 import { useSession } from 'next-auth/react'
 
 import Card from '@mui/material/Card'
@@ -17,21 +19,32 @@ import InputLabel from '@mui/material/InputLabel'
 import FormControl from '@mui/material/FormControl'
 
 const TambahKasbon = () =>{
-  const { data: session } = useSession()
-  const [status, setStatus] = useState(null)
+  const { data: session, status } = useSession()
+  const [alert, setAlert] = useState(null)
   const [message, setMessage] = useState('')
   const formRef = useRef(null)
+  const router = useRouter()
 
   useEffect(() => {
-    if (status) {
+    if(status === 'loading') return
+
+    if(!session){
+      router.push('/error/401')
+    }
+
+    if (alert) {
       const timer = setTimeout(() => {
-        setStatus(null)
+        setAlert(null)
         setMessage('')
       }, 5000)
 
       return () => clearTimeout(timer)
     }
-  }, [status])
+  }, [alert, session, status, router])
+
+  if(!session){
+    return null
+  }
 
   const handleSubmit = async (event) => {
     event.preventDefault()
@@ -39,7 +52,7 @@ const TambahKasbon = () =>{
 
     // Validasi form sebelum mengirimkan
   if (!data.get('jumlah') || !data.get('keterangan') || !data.get('metode')) {
-    setStatus('error')
+    setAlert('error')
     setMessage('Semua bidang harus diisi.')
 
     return
@@ -64,15 +77,15 @@ const TambahKasbon = () =>{
       const result = await response.json()
 
       if (response.ok) {
-        setStatus('success')
+        setAlert('success')
         setMessage('Permintaan Kasbon berhasil dikirim!')
         formRef.current.reset() // Kosongkan form setelah berhasil didaftarkan
       } else {
-        setStatus('error')
+        setAlert('error')
         setMessage(result.error || 'Terjadi kesalahan saat mengirim data permintaan kasbon.')
       }
     } catch (error) {
-      setStatus('error')
+      setAlert('error')
       setMessage('Terjadi kesalahan saat mengirim data.')
     }
   }
@@ -82,8 +95,8 @@ const TambahKasbon = () =>{
       <Card>
         <CardHeader title='Form Permintaan Kasbon' />
         <CardContent>
-          {status && (
-            <Alert severity={status} style={{ marginBottom: '1rem' }}>
+          {alert && (
+            <Alert severity={alert} style={{ marginBottom: '1rem' }}>
               {message}
             </Alert>
           )}
diff --git a/src/components/layout/vertical/VerticalMenu.jsx b/src/components/layout/vertical/VerticalMenu.jsx
index 8834287..a515af7 100644
--- a/src/components/layout/vertical/VerticalMenu.jsx
+++ b/src/components/layout/vertical/VerticalMenu.jsx
@@ -83,7 +83,6 @@ const VerticalMenu = ({ scrollMenu }) => {
               label='Laporan'
               icon={<i className='ri-file-chart-fill' />}
             >
-              <MenuItem href='/dashboard/laporan'>Laporan Kasbon</MenuItem>
               <MenuItem href='/dashboard/cetak'>Ekspor Laporan</MenuItem>
             </SubMenu>
             <SubMenu
diff --git a/src/views/account-settings/account/AccountDelete.jsx b/src/views/account-settings/account/AccountDelete.jsx
deleted file mode 100644
index e1f5005..0000000
--- a/src/views/account-settings/account/AccountDelete.jsx
+++ /dev/null
@@ -1,23 +0,0 @@
-// MUI Imports
-import Card from '@mui/material/Card'
-import CardHeader from '@mui/material/CardHeader'
-import CardContent from '@mui/material/CardContent'
-import FormControlLabel from '@mui/material/FormControlLabel'
-import Checkbox from '@mui/material/Checkbox'
-import Button from '@mui/material/Button'
-
-const AccountDelete = () => {
-  return (
-    <Card>
-      <CardHeader title='Delete Account' />
-      <CardContent className='flex flex-col items-start gap-6'>
-        <FormControlLabel control={<Checkbox />} label='I confirm my account deactivation' />
-        <Button variant='contained' color='error' type='submit'>
-          Deactivate Account
-        </Button>
-      </CardContent>
-    </Card>
-  )
-}
-
-export default AccountDelete
diff --git a/src/views/account-settings/account/AccountDetails.jsx b/src/views/account-settings/account/AccountDetails.jsx
deleted file mode 100644
index 8bf0d4b..0000000
--- a/src/views/account-settings/account/AccountDetails.jsx
+++ /dev/null
@@ -1,284 +0,0 @@
-'use client'
-
-// React Imports
-import { useState } from 'react'
-
-// MUI Imports
-import Grid from '@mui/material/Grid'
-import Card from '@mui/material/Card'
-import CardContent from '@mui/material/CardContent'
-import Button from '@mui/material/Button'
-import Typography from '@mui/material/Typography'
-import TextField from '@mui/material/TextField'
-import FormControl from '@mui/material/FormControl'
-import InputLabel from '@mui/material/InputLabel'
-import Select from '@mui/material/Select'
-import MenuItem from '@mui/material/MenuItem'
-import Chip from '@mui/material/Chip'
-
-// Vars
-const initialData = {
-  firstName: 'John',
-  lastName: 'Doe',
-  email: 'john.doe@example.com',
-  organization: 'ThemeSelection',
-  phoneNumber: '+1 (917) 543-9876',
-  address: '123 Main St, New York, NY 10001',
-  state: 'New York',
-  zipCode: '634880',
-  country: 'usa',
-  language: 'arabic',
-  timezone: 'gmt-12',
-  currency: 'usd'
-}
-
-const languageData = ['English', 'Arabic', 'French', 'German', 'Portuguese']
-
-const AccountDetails = () => {
-  // States
-  const [formData, setFormData] = useState(initialData)
-  const [fileInput, setFileInput] = useState('')
-  const [imgSrc, setImgSrc] = useState('/images/avatars/1.png')
-  const [language, setLanguage] = useState(['English'])
-
-  const handleDelete = value => {
-    setLanguage(current => current.filter(item => item !== value))
-  }
-
-  const handleChange = event => {
-    setLanguage(event.target.value)
-  }
-
-  const handleFormChange = (field, value) => {
-    setFormData({ ...formData, [field]: value })
-  }
-
-  const handleFileInputChange = file => {
-    const reader = new FileReader()
-    const { files } = file.target
-
-    if (files && files.length !== 0) {
-      reader.onload = () => setImgSrc(reader.result)
-      reader.readAsDataURL(files[0])
-
-      if (reader.result !== null) {
-        setFileInput(reader.result)
-      }
-    }
-  }
-
-  const handleFileInputReset = () => {
-    setFileInput('')
-    setImgSrc('/images/avatars/1.png')
-  }
-
-  return (
-    <Card>
-      <CardContent className='mbe-5'>
-        <div className='flex max-sm:flex-col items-center gap-6'>
-          <img height={100} width={100} className='rounded' src={imgSrc} alt='Profile' />
-          <div className='flex flex-grow flex-col gap-4'>
-            <div className='flex flex-col sm:flex-row gap-4'>
-              <Button component='label' size='small' variant='contained' htmlFor='account-settings-upload-image'>
-                Upload New Photo
-                <input
-                  hidden
-                  type='file'
-                  value={fileInput}
-                  accept='image/png, image/jpeg'
-                  onChange={handleFileInputChange}
-                  id='account-settings-upload-image'
-                />
-              </Button>
-              <Button size='small' variant='outlined' color='error' onClick={handleFileInputReset}>
-                Reset
-              </Button>
-            </div>
-            <Typography>Allowed JPG, GIF or PNG. Max size of 800K</Typography>
-          </div>
-        </div>
-      </CardContent>
-      <CardContent>
-        <form onSubmit={e => e.preventDefault()}>
-          <Grid container spacing={5}>
-            <Grid item xs={12} sm={6}>
-              <TextField
-                fullWidth
-                label='First Name'
-                value={formData.firstName}
-                placeholder='John'
-                onChange={e => handleFormChange('firstName', e.target.value)}
-              />
-            </Grid>
-            <Grid item xs={12} sm={6}>
-              <TextField
-                fullWidth
-                label='Last Name'
-                value={formData.lastName}
-                placeholder='Doe'
-                onChange={e => handleFormChange('lastName', e.target.value)}
-              />
-            </Grid>
-            <Grid item xs={12} sm={6}>
-              <TextField
-                fullWidth
-                label='Email'
-                value={formData.email}
-                placeholder='john.doe@gmail.com'
-                onChange={e => handleFormChange('email', e.target.value)}
-              />
-            </Grid>
-            <Grid item xs={12} sm={6}>
-              <TextField
-                fullWidth
-                label='Organization'
-                value={formData.organization}
-                placeholder='ThemeSelection'
-                onChange={e => handleFormChange('organization', e.target.value)}
-              />
-            </Grid>
-            <Grid item xs={12} sm={6}>
-              <TextField
-                fullWidth
-                label='Phone Number'
-                value={formData.phoneNumber}
-                placeholder='+1 (234) 567-8901'
-                onChange={e => handleFormChange('phoneNumber', e.target.value)}
-              />
-            </Grid>
-            <Grid item xs={12} sm={6}>
-              <TextField
-                fullWidth
-                label='Address'
-                value={formData.address}
-                placeholder='Address'
-                onChange={e => handleFormChange('address', e.target.value)}
-              />
-            </Grid>
-            <Grid item xs={12} sm={6}>
-              <TextField
-                fullWidth
-                label='State'
-                value={formData.state}
-                placeholder='New York'
-                onChange={e => handleFormChange('state', e.target.value)}
-              />
-            </Grid>
-            <Grid item xs={12} sm={6}>
-              <TextField
-                fullWidth
-                type='number'
-                label='Zip Code'
-                value={formData.zipCode}
-                placeholder='123456'
-                onChange={e => handleFormChange('zipCode', e.target.value)}
-              />
-            </Grid>
-            <Grid item xs={12} sm={6}>
-              <FormControl fullWidth>
-                <InputLabel>Country</InputLabel>
-                <Select
-                  label='Country'
-                  value={formData.country}
-                  onChange={e => handleFormChange('country', e.target.value)}
-                >
-                  <MenuItem value='usa'>USA</MenuItem>
-                  <MenuItem value='uk'>UK</MenuItem>
-                  <MenuItem value='australia'>Australia</MenuItem>
-                  <MenuItem value='germany'>Germany</MenuItem>
-                </Select>
-              </FormControl>
-            </Grid>
-            <Grid item xs={12} sm={6}>
-              <FormControl fullWidth>
-                <InputLabel>Language</InputLabel>
-                <Select
-                  multiple
-                  label='Language'
-                  value={language}
-                  onChange={handleChange}
-                  renderValue={selected => (
-                    <div className='flex flex-wrap gap-2'>
-                      {selected.map(value => (
-                        <Chip
-                          key={value}
-                          clickable
-                          deleteIcon={
-                            <i className='ri-close-circle-fill' onMouseDown={event => event.stopPropagation()} />
-                          }
-                          size='small'
-                          label={value}
-                          onDelete={() => handleDelete(value)}
-                        />
-                      ))}
-                    </div>
-                  )}
-                >
-                  {languageData.map(name => (
-                    <MenuItem key={name} value={name}>
-                      {name}
-                    </MenuItem>
-                  ))}
-                </Select>
-              </FormControl>
-            </Grid>
-            <Grid item xs={12} sm={6}>
-              <FormControl fullWidth>
-                <InputLabel>TimeZone</InputLabel>
-                <Select
-                  label='TimeZone'
-                  value={formData.timezone}
-                  onChange={e => handleFormChange('timezone', e.target.value)}
-                  MenuProps={{ PaperProps: { style: { maxHeight: 250 } } }}
-                >
-                  <MenuItem value='gmt-12'>(GMT-12:00) International Date Line West</MenuItem>
-                  <MenuItem value='gmt-11'>(GMT-11:00) Midway Island, Samoa</MenuItem>
-                  <MenuItem value='gmt-10'>(GMT-10:00) Hawaii</MenuItem>
-                  <MenuItem value='gmt-09'>(GMT-09:00) Alaska</MenuItem>
-                  <MenuItem value='gmt-08'>(GMT-08:00) Pacific Time (US & Canada)</MenuItem>
-                  <MenuItem value='gmt-08-baja'>(GMT-08:00) Tijuana, Baja California</MenuItem>
-                  <MenuItem value='gmt-07'>(GMT-07:00) Chihuahua, La Paz, Mazatlan</MenuItem>
-                  <MenuItem value='gmt-07-mt'>(GMT-07:00) Mountain Time (US & Canada)</MenuItem>
-                  <MenuItem value='gmt-06'>(GMT-06:00) Central America</MenuItem>
-                  <MenuItem value='gmt-06-ct'>(GMT-06:00) Central Time (US & Canada)</MenuItem>
-                  <MenuItem value='gmt-06-mc'>(GMT-06:00) Guadalajara, Mexico City, Monterrey</MenuItem>
-                  <MenuItem value='gmt-06-sk'>(GMT-06:00) Saskatchewan</MenuItem>
-                  <MenuItem value='gmt-05'>(GMT-05:00) Bogota, Lima, Quito, Rio Branco</MenuItem>
-                  <MenuItem value='gmt-05-et'>(GMT-05:00) Eastern Time (US & Canada)</MenuItem>
-                  <MenuItem value='gmt-05-ind'>(GMT-05:00) Indiana (East)</MenuItem>
-                  <MenuItem value='gmt-04'>(GMT-04:00) Atlantic Time (Canada)</MenuItem>
-                  <MenuItem value='gmt-04-clp'>(GMT-04:00) Caracas, La Paz</MenuItem>
-                </Select>
-              </FormControl>
-            </Grid>
-            <Grid item xs={12} sm={6}>
-              <FormControl fullWidth>
-                <InputLabel>Currency</InputLabel>
-                <Select
-                  label='Currency'
-                  value={formData.currency}
-                  onChange={e => handleFormChange('currency', e.target.value)}
-                >
-                  <MenuItem value='usd'>USD</MenuItem>
-                  <MenuItem value='euro'>EUR</MenuItem>
-                  <MenuItem value='pound'>Pound</MenuItem>
-                  <MenuItem value='bitcoin'>Bitcoin</MenuItem>
-                </Select>
-              </FormControl>
-            </Grid>
-            <Grid item xs={12} className='flex gap-4 flex-wrap'>
-              <Button variant='contained' type='submit'>
-                Save Changes
-              </Button>
-              <Button variant='outlined' type='reset' color='secondary' onClick={() => setFormData(initialData)}>
-                Reset
-              </Button>
-            </Grid>
-          </Grid>
-        </form>
-      </CardContent>
-    </Card>
-  )
-}
-
-export default AccountDetails
diff --git a/src/views/account-settings/account/index.jsx b/src/views/account-settings/account/index.jsx
deleted file mode 100644
index 6590f24..0000000
--- a/src/views/account-settings/account/index.jsx
+++ /dev/null
@@ -1,21 +0,0 @@
-// MUI Imports
-import Grid from '@mui/material/Grid'
-
-// Component Imports
-import AccountDetails from './AccountDetails'
-import AccountDelete from './AccountDelete'
-
-const Account = () => {
-  return (
-    <Grid container spacing={6}>
-      <Grid item xs={12}>
-        <AccountDetails />
-      </Grid>
-      <Grid item xs={12}>
-        <AccountDelete />
-      </Grid>
-    </Grid>
-  )
-}
-
-export default Account
diff --git a/src/views/account-settings/connections/index.jsx b/src/views/account-settings/connections/index.jsx
deleted file mode 100644
index 6d2ea7d..0000000
--- a/src/views/account-settings/connections/index.jsx
+++ /dev/null
@@ -1,139 +0,0 @@
-// Next Imports
-import Link from 'next/link'
-
-// MUI Imports
-import Card from '@mui/material/Card'
-import CardHeader from '@mui/material/CardHeader'
-import CardContent from '@mui/material/CardContent'
-import Grid from '@mui/material/Grid'
-import Typography from '@mui/material/Typography'
-import Switch from '@mui/material/Switch'
-
-// Component Imports
-import CustomIconButton from '@core/components/mui/IconButton'
-
-// Vars
-const connectedAccountsArr = [
-  {
-    checked: true,
-    title: 'Google',
-    logo: '/images/logos/google.png',
-    subtitle: 'Calendar and Contacts'
-  },
-  {
-    checked: false,
-    title: 'Slack',
-    logo: '/images/logos/slack.png',
-    subtitle: 'Communications'
-  },
-  {
-    checked: true,
-    title: 'Github',
-    logo: '/images/logos/github.png',
-    subtitle: 'Manage your Git repositories'
-  },
-  {
-    checked: true,
-    title: 'Mailchimp',
-    subtitle: 'Email marketing service',
-    logo: '/images/logos/mailchimp.png'
-  },
-  {
-    title: 'Asana',
-    checked: false,
-    subtitle: 'Task Communication',
-    logo: '/images/logos/asana.png'
-  }
-]
-
-const socialAccountsArr = [
-  {
-    title: 'Facebook',
-    isConnected: false,
-    logo: '/images/logos/facebook.png'
-  },
-  {
-    title: 'Twitter',
-    isConnected: true,
-    username: '@Theme_Selection',
-    logo: '/images/logos/twitter.png',
-    href: 'https://twitter.com/Theme_Selection'
-  },
-  {
-    title: 'Linkedin',
-    isConnected: true,
-    username: '@ThemeSelection',
-    logo: '/images/logos/linkedin.png',
-    href: 'https://in.linkedin.com/company/themeselection'
-  },
-  {
-    title: 'Dribbble',
-    isConnected: false,
-    logo: '/images/logos/dribbble.png'
-  },
-  {
-    title: 'Behance',
-    isConnected: false,
-    logo: '/images/logos/behance.png'
-  }
-]
-
-const Connections = () => {
-  return (
-    <Card>
-      <Grid container>
-        <Grid item xs={12} md={6}>
-          <CardHeader
-            title='Connected Accounts'
-            subheader='Display content from your connected accounts on your site'
-          />
-          <CardContent className='flex flex-col gap-4'>
-            {connectedAccountsArr.map((item, index) => (
-              <div key={index} className='flex items-center justify-between gap-4'>
-                <div className='flex flex-grow items-center gap-4'>
-                  <img height={32} width={32} src={item.logo} alt={item.title} />
-                  <div className='flex-grow'>
-                    <Typography className='font-medium' color='text.primary'>
-                      {item.title}
-                    </Typography>
-                    <Typography variant='body2'>{item.subtitle}</Typography>
-                  </div>
-                </div>
-                <Switch defaultChecked={item.checked} />
-              </div>
-            ))}
-          </CardContent>
-        </Grid>
-        <Grid item xs={12} md={6}>
-          <CardHeader title='Social Accounts' subheader='Display content from social accounts on your site' />
-          <CardContent className='flex flex-col gap-4'>
-            {socialAccountsArr.map((item, index) => (
-              <div key={index} className='flex items-center justify-between gap-4'>
-                <div className='flex flex-grow items-center gap-4'>
-                  <img height={32} width={32} src={item.logo} alt={item.title} />
-                  <div className='flex-grow'>
-                    <Typography className='font-medium' color='text.primary'>
-                      {item.title}
-                    </Typography>
-                    {item.isConnected ? (
-                      <Typography color='primary' component={Link} href={item.href || '/'} target='_blank'>
-                        {item.username}
-                      </Typography>
-                    ) : (
-                      <Typography variant='body2'>Not Connected</Typography>
-                    )}
-                  </div>
-                </div>
-                <CustomIconButton variant='outlined' color={item.isConnected ? 'error' : 'secondary'}>
-                  <i className={item.isConnected ? 'ri-delete-bin-7-line' : 'ri-links-line'} />
-                </CustomIconButton>
-              </div>
-            ))}
-          </CardContent>
-        </Grid>
-      </Grid>
-    </Card>
-  )
-}
-
-export default Connections
diff --git a/src/views/account-settings/index.jsx b/src/views/account-settings/index.jsx
deleted file mode 100644
index 3d7d27d..0000000
--- a/src/views/account-settings/index.jsx
+++ /dev/null
@@ -1,46 +0,0 @@
-'use client'
-
-// React Imports
-import { useState } from 'react'
-
-// MUI Imports
-import Grid from '@mui/material/Grid'
-import Tab from '@mui/material/Tab'
-import TabContext from '@mui/lab/TabContext'
-import TabList from '@mui/lab/TabList'
-import TabPanel from '@mui/lab/TabPanel'
-
-const AccountSettings = ({ tabContentList }) => {
-  // States
-  const [activeTab, setActiveTab] = useState('account')
-
-  const handleChange = (event, value) => {
-    setActiveTab(value)
-  }
-
-  return (
-    <TabContext value={activeTab}>
-      <Grid container spacing={6}>
-        <Grid item xs={12}>
-          <TabList onChange={handleChange} variant='scrollable'>
-            <Tab label='Account' icon={<i className='ri-user-3-line' />} iconPosition='start' value='account' />
-            <Tab
-              label='Notifications'
-              icon={<i className='ri-notification-3-line' />}
-              iconPosition='start'
-              value='notifications'
-            />
-            <Tab label='Connections' icon={<i className='ri-link' />} iconPosition='start' value='connections' />
-          </TabList>
-        </Grid>
-        <Grid item xs={12}>
-          <TabPanel value={activeTab} className='p-0'>
-            {tabContentList[activeTab]}
-          </TabPanel>
-        </Grid>
-      </Grid>
-    </TabContext>
-  )
-}
-
-export default AccountSettings
diff --git a/src/views/account-settings/notifications/index.jsx b/src/views/account-settings/notifications/index.jsx
deleted file mode 100644
index 9a2e618..0000000
--- a/src/views/account-settings/notifications/index.jsx
+++ /dev/null
@@ -1,114 +0,0 @@
-// MUI Imports
-import Card from '@mui/material/Card'
-import CardHeader from '@mui/material/CardHeader'
-import CardContent from '@mui/material/CardContent'
-import Typography from '@mui/material/Typography'
-import Checkbox from '@mui/material/Checkbox'
-import Select from '@mui/material/Select'
-import MenuItem from '@mui/material/MenuItem'
-import Grid from '@mui/material/Grid'
-import Button from '@mui/material/Button'
-
-// Component Imports
-import Link from '@components/Link'
-import Form from '@components/Form'
-
-// Style Imports
-import tableStyles from '@core/styles/table.module.css'
-
-// Vars
-const tableData = [
-  {
-    app: true,
-    email: true,
-    browser: true,
-    type: 'New for you'
-  },
-  {
-    app: true,
-    email: true,
-    browser: true,
-    type: 'Account activity'
-  },
-  {
-    app: false,
-    email: true,
-    browser: true,
-    type: 'A new browser used to sign in'
-  },
-  {
-    app: false,
-    email: true,
-    browser: false,
-    type: 'A new device is linked'
-  }
-]
-
-const Notifications = () => {
-  return (
-    <Card>
-      <CardHeader
-        title='Recent Devices'
-        subheader={
-          <>
-            We need permission from your browser to show notifications.
-            <Link className='text-primary'> Request Permission</Link>
-          </>
-        }
-      />
-      <Form>
-        <div className='overflow-x-auto'>
-          <table className={tableStyles.table}>
-            <thead>
-              <tr>
-                <th>Type</th>
-                <th>Email</th>
-                <th>Browser</th>
-                <th>App</th>
-              </tr>
-            </thead>
-            <tbody className='border-be'>
-              {tableData.map((data, index) => (
-                <tr key={index}>
-                  <td>
-                    <Typography color='text.primary'>{data.type}</Typography>
-                  </td>
-                  <td>
-                    <Checkbox defaultChecked={data.email} />
-                  </td>
-                  <td>
-                    <Checkbox defaultChecked={data.browser} />
-                  </td>
-                  <td>
-                    <Checkbox defaultChecked={data.app} />
-                  </td>
-                </tr>
-              ))}
-            </tbody>
-          </table>
-        </div>
-        <CardContent>
-          <Typography className='mbe-6 font-medium'>When should we send you notifications?</Typography>
-          <Grid container spacing={6}>
-            <Grid item xs={12} sm={6} md={4}>
-              <Select fullWidth defaultValue='online'>
-                <MenuItem value='online'>Only when I&#39;m online</MenuItem>
-                <MenuItem value='anytime'>Anytime</MenuItem>
-              </Select>
-            </Grid>
-            <Grid item xs={12} className='flex gap-4 flex-wrap'>
-              <Button variant='contained' type='submit'>
-                Save Changes
-              </Button>
-              <Button variant='outlined' color='secondary' type='reset'>
-                Reset
-              </Button>
-            </Grid>
-          </Grid>
-        </CardContent>
-      </Form>
-    </Card>
-  )
-}
-
-export default Notifications
diff --git a/src/views/card-basic/CardFacebook.jsx b/src/views/card-basic/CardFacebook.jsx
deleted file mode 100644
index 8108170..0000000
--- a/src/views/card-basic/CardFacebook.jsx
+++ /dev/null
@@ -1,42 +0,0 @@
-// MUI Imports
-import Card from '@mui/material/Card'
-import CardContent from '@mui/material/CardContent'
-import Typography from '@mui/material/Typography'
-import Avatar from '@mui/material/Avatar'
-
-const CardFacebook = () => {
-  return (
-    <Card className='bg-[#3b5998]'>
-      <CardContent>
-        <div className='flex items-center gap-2 mbe-4'>
-          <i className='ri-facebook-fill text-3xl text-white' />
-          <Typography variant='h5' className='text-white'>
-            Facebook Card
-          </Typography>
-        </div>
-        <Typography className='mbe-4 text-white'>
-          You&#39;ve read about the importance of being courageous, rebellious and imaginative. These are all vital
-          ingredients in an effective.
-        </Typography>
-        <div className='flex align-center justify-between flex-wrap gap-x-4 gap-y-2'>
-          <div className='flex items-center gap-2.5'>
-            <Avatar src='/images/avatars/1.png' />
-            <Typography className='text-white'>Eugene Clarke</Typography>
-          </div>
-          <div className='flex items-center gap-1.5'>
-            <i className='ri-thumb-up-fill text-xl text-white' />
-            <Typography variant='body2' className='text-white'>
-              2.5k
-            </Typography>
-            <i className='ri-share-line text-xl text-white' />
-            <Typography variant='body2' className='text-white'>
-              124
-            </Typography>
-          </div>
-        </div>
-      </CardContent>
-    </Card>
-  )
-}
-
-export default CardFacebook
diff --git a/src/views/card-basic/CardHorizontalRatings.jsx b/src/views/card-basic/CardHorizontalRatings.jsx
deleted file mode 100644
index dec4165..0000000
--- a/src/views/card-basic/CardHorizontalRatings.jsx
+++ /dev/null
@@ -1,45 +0,0 @@
-'use client'
-
-// MUI Imports
-import Card from '@mui/material/Card'
-import Grid from '@mui/material/Grid'
-import CardContent from '@mui/material/CardContent'
-import Typography from '@mui/material/Typography'
-import Rating from '@mui/material/Rating'
-import CardActions from '@mui/material/CardActions'
-import Button from '@mui/material/Button'
-
-const CardHorizontalRatings = () => {
-  return (
-    <Card>
-      <Grid container>
-        <Grid item xs={12} md={6} lg={7}>
-          <CardContent>
-            <Typography variant='h5' className='mbe-2'>
-              Stumptown Roasters
-            </Typography>
-            <div className='flex flex-wrap gap-x-2 gap-y-1 mbe-2'>
-              <Rating name='read-only' value={4} readOnly />
-              <Typography color='text.primary'>4 Star | 98 reviews</Typography>
-            </div>
-            <Typography>
-              Before there was a United States of America, there were coffee houses, because how are you supposed to
-              build.
-            </Typography>
-          </CardContent>
-          <CardActions className='card-actions-dense'>
-            <Button>Location</Button>
-            <Button>Reviews</Button>
-          </CardActions>
-        </Grid>
-        <Grid item xs={12} md={6} lg={5} className='flex items-center justify-center md:order-[unset] -order-1'>
-          <CardContent className='flex items-center justify-center'>
-            <img src='/images/cards/5.png' height='175' className='rounded' />
-          </CardContent>
-        </Grid>
-      </Grid>
-    </Card>
-  )
-}
-
-export default CardHorizontalRatings
diff --git a/src/views/card-basic/CardInfluencingInfluencer.jsx b/src/views/card-basic/CardInfluencingInfluencer.jsx
deleted file mode 100644
index 9981bab..0000000
--- a/src/views/card-basic/CardInfluencingInfluencer.jsx
+++ /dev/null
@@ -1,32 +0,0 @@
-// MUI Imports
-import Card from '@mui/material/Card'
-import CardContent from '@mui/material/CardContent'
-import Typography from '@mui/material/Typography'
-import CardActions from '@mui/material/CardActions'
-import Button from '@mui/material/Button'
-
-const CardInfluencingInfluencer = () => {
-  return (
-    <Card>
-      <CardContent>
-        <Typography variant='h5' className='mbe-2'>
-          Influencing Influencer
-        </Typography>
-        <Typography className='mbe-4'>
-          Computers have become ubiquitous in almost every facet of our lives. At work, desk jockeys spend hours in
-          front of their desktops, while delivery people scan bar codes with handhelds and workers in the field stay in
-          touch.
-        </Typography>
-        <Typography>
-          If you&#39;re in the market for new desktops, notebooks, or PDAs, there are a myriad of choices. Here&#39;s a
-          rundown of some of the best systems available.
-        </Typography>
-      </CardContent>
-      <CardActions className='card-actions-dense'>
-        <Button>Read More</Button>
-      </CardActions>
-    </Card>
-  )
-}
-
-export default CardInfluencingInfluencer
diff --git a/src/views/card-basic/CardInfluencingInfluencerWithImg.jsx b/src/views/card-basic/CardInfluencingInfluencerWithImg.jsx
deleted file mode 100644
index e6f84ff..0000000
--- a/src/views/card-basic/CardInfluencingInfluencerWithImg.jsx
+++ /dev/null
@@ -1,24 +0,0 @@
-// MUI Imports
-import Card from '@mui/material/Card'
-import CardMedia from '@mui/material/CardMedia'
-import CardContent from '@mui/material/CardContent'
-import Typography from '@mui/material/Typography'
-
-const CardInfluencingInfluencerWithImg = () => {
-  return (
-    <Card>
-      <CardMedia image='/images/cards/1.png' className='bs-[200px]' />
-      <CardContent>
-        <Typography variant='h5' className='mbe-2'>
-          Influencing The Influencer
-        </Typography>
-        <Typography>
-          Cancun is back, better than ever! Over a hundred Mexico resorts have reopened and the state tourism minister
-          predicts Cancun will draw as many visitors in 2006 as it did two years ago.
-        </Typography>
-      </CardContent>
-    </Card>
-  )
-}
-
-export default CardInfluencingInfluencerWithImg
diff --git a/src/views/card-basic/CardLifetimeMembership.jsx b/src/views/card-basic/CardLifetimeMembership.jsx
deleted file mode 100644
index 312d607..0000000
--- a/src/views/card-basic/CardLifetimeMembership.jsx
+++ /dev/null
@@ -1,80 +0,0 @@
-// MUI Imports
-import Card from '@mui/material/Card'
-import Grid from '@mui/material/Grid'
-import CardContent from '@mui/material/CardContent'
-import Typography from '@mui/material/Typography'
-import Divider from '@mui/material/Divider'
-import Button from '@mui/material/Button'
-
-const CardLifetimeMembership = () => {
-  return (
-    <Card>
-      <Grid container>
-        <Grid item xs={12} sm={7}>
-          <CardContent>
-            <Typography variant='h5' className='mbe-2'>
-              Lifetime Membership
-            </Typography>
-            <Typography>
-              Here, I focus on a range of items and features that we use in life without giving them a second thought
-              such as Coca Cola, body muscles and holding ones own breath. Though, most of these notes are not
-              fundamentally necessary, they are such that you can use them for a good laugh, at a drinks party or for
-              picking up women or men.
-            </Typography>
-            <Divider className='mbs-7 mbe-7' />
-            <Grid container>
-              <Grid item xs={12} sm={6} className='flex flex-col pie-5 gap-[26px]'>
-                <div className='flex items-center gap-2.5'>
-                  <div className='flex'>
-                    <i className='ri-lock-unlock-line text-xl text-textSecondary' />
-                  </div>
-                  <Typography>Full Access</Typography>
-                </div>
-                <div className='flex items-center gap-2.5'>
-                  <div className='flex'>
-                    <i className='ri-user-3-line text-xl text-textSecondary' />
-                  </div>
-                  <Typography>15 Members</Typography>
-                </div>
-              </Grid>
-              <Grid item xs={12} sm={6} className='flex flex-col max-sm:mbs-[26px] sm:pis-5 sm:border-is gap-[26px]'>
-                <div className='flex items-center gap-2.5'>
-                  <div className='flex'>
-                    <i className='ri-lock-unlock-line text-xl text-textSecondary' />
-                  </div>
-                  <Typography>Access all Features</Typography>
-                </div>
-                <div className='flex items-center gap-2.5'>
-                  <div className='flex'>
-                    <i className='ri-user-3-line text-xl text-textSecondary' />
-                  </div>
-                  <Typography>Lifetime Free Update</Typography>
-                </div>
-              </Grid>
-            </Grid>
-          </CardContent>
-        </Grid>
-        <Grid item xs={12} sm={5}>
-          <CardContent className='flex items-center justify-center bs-full bg-actionHover'>
-            <div className='flex flex-col items-center justify-center gap-2'>
-              <div className='flex items-baseline justify-center'>
-                <Typography variant='h5'>$</Typography>
-                <Typography variant='h1'>899</Typography>
-                <Typography variant='h5'>USD</Typography>
-              </div>
-              <Typography className='flex flex-col text-center'>
-                <span>5 Tips For Offshore</span>
-                <span>Software Development</span>
-              </Typography>
-              <Button variant='contained' className='mbs-5'>
-                Contact Now
-              </Button>
-            </div>
-          </CardContent>
-        </Grid>
-      </Grid>
-    </Card>
-  )
-}
-
-export default CardLifetimeMembership
diff --git a/src/views/card-basic/CardLinkedIn.jsx b/src/views/card-basic/CardLinkedIn.jsx
deleted file mode 100644
index 45fe70b..0000000
--- a/src/views/card-basic/CardLinkedIn.jsx
+++ /dev/null
@@ -1,42 +0,0 @@
-// MUI Imports
-import Card from '@mui/material/Card'
-import CardContent from '@mui/material/CardContent'
-import Typography from '@mui/material/Typography'
-import Avatar from '@mui/material/Avatar'
-
-const CardLinkedIn = () => {
-  return (
-    <Card className='bg-[#007bb6]'>
-      <CardContent>
-        <div className='flex items-center gap-2 mbe-4'>
-          <i className='ri-linkedin-fill text-3xl text-white' />
-          <Typography variant='h5' className='text-white'>
-            LinkedIn Card
-          </Typography>
-        </div>
-        <Typography className='mbe-4 text-white'>
-          With the Internet spreading like wildfire and reaching every part of our daily life, more and more traffic is
-          directed.
-        </Typography>
-        <div className='flex align-center justify-between flex-wrap gap-x-4 gap-y-2'>
-          <div className='flex items-center gap-2.5'>
-            <Avatar src='/images/avatars/8.png' />
-            <Typography className='text-white'>Anne Burke</Typography>
-          </div>
-          <div className='flex items-center gap-1.5'>
-            <i className='ri-thumb-up-fill text-xl text-white' />
-            <Typography variant='body2' className='text-white'>
-              1.2k
-            </Typography>
-            <i className='ri-share-line text-xl text-white' />
-            <Typography variant='body2' className='text-white'>
-              56
-            </Typography>
-          </div>
-        </div>
-      </CardContent>
-    </Card>
-  )
-}
-
-export default CardLinkedIn
diff --git a/src/views/card-basic/CardMobile.jsx b/src/views/card-basic/CardMobile.jsx
deleted file mode 100644
index 8492dd2..0000000
--- a/src/views/card-basic/CardMobile.jsx
+++ /dev/null
@@ -1,89 +0,0 @@
-'use client'
-
-// React Imports
-import { useState } from 'react'
-
-// MUI Imports
-import Card from '@mui/material/Card'
-import Grid from '@mui/material/Grid'
-import CardContent from '@mui/material/CardContent'
-import Typography from '@mui/material/Typography'
-import CardActions from '@mui/material/CardActions'
-import Button from '@mui/material/Button'
-import IconButton from '@mui/material/IconButton'
-import Menu from '@mui/material/Menu'
-import MenuItem from '@mui/material/MenuItem'
-
-const CardMobile = () => {
-  // States
-  const [anchorEl, setAnchorEl] = useState(null)
-  const open = Boolean(anchorEl)
-
-  const handleClick = event => {
-    setAnchorEl(event.currentTarget)
-  }
-
-  const handleClose = () => {
-    setAnchorEl(null)
-  }
-
-  return (
-    <Card>
-      <Grid container>
-        <Grid item xs={12} md={5} className='flex items-center justify-center'>
-          <CardContent className='flex items-center justify-center'>
-            <img alt='iPhone 11 Pro' src='/images/cards/4.png' height={175} />
-          </CardContent>
-        </Grid>
-        <Grid item xs={12} md={7} className='md:border-is border-bs md:border-bs-0'>
-          <CardContent>
-            <Typography variant='h5' className='mbe-2'>
-              Apple iPhone 11 Pro
-            </Typography>
-            <Typography className='mbe-2'>
-              Apple iPhone 11 Pro smartphone. Announced Sep 2019. Features 5.8″ display Apple A13 Bionic
-            </Typography>
-            <div className='flex gap-1'>
-              <Typography color='text.primary'>Price:</Typography>
-              <Typography className='font-medium' color='text.primary'>
-                $899
-              </Typography>
-            </div>
-          </CardContent>
-          <CardActions className='justify-between card-actions-dense'>
-            <Button startIcon={<i className='ri-shopping-cart-2-line' />}>Add to Cart</Button>
-            <IconButton
-              id='share-button'
-              aria-haspopup='true'
-              {...(open && { 'aria-expanded': true, 'aria-controls': 'share-menu' })}
-              onClick={handleClick}
-            >
-              <i className='ri-share-line' />
-            </IconButton>
-            <Menu
-              anchorEl={anchorEl}
-              open={open}
-              MenuListProps={{ 'aria-labelledby': 'share-button' }}
-              onClose={handleClose}
-            >
-              <MenuItem onClick={handleClose}>
-                <i className='ri-facebook-fill text-xl' />
-              </MenuItem>
-              <MenuItem onClick={handleClose}>
-                <i className='ri-twitter-fill text-xl' />
-              </MenuItem>
-              <MenuItem onClick={handleClose}>
-                <i className='ri-linkedin-fill text-xl' />
-              </MenuItem>
-              <MenuItem onClick={handleClose}>
-                <i className='ri-google-fill text-xl' />
-              </MenuItem>
-            </Menu>
-          </CardActions>
-        </Grid>
-      </Grid>
-    </Card>
-  )
-}
-
-export default CardMobile
diff --git a/src/views/card-basic/CardSupport.jsx b/src/views/card-basic/CardSupport.jsx
deleted file mode 100644
index 72196e7..0000000
--- a/src/views/card-basic/CardSupport.jsx
+++ /dev/null
@@ -1,28 +0,0 @@
-// MUI Imports
-import Card from '@mui/material/Card'
-import CardContent from '@mui/material/CardContent'
-import Avatar from '@mui/material/Avatar'
-import Typography from '@mui/material/Typography'
-import Button from '@mui/material/Button'
-
-const CardSupport = () => {
-  return (
-    <Card>
-      <CardContent className='flex flex-col items-center text-center'>
-        <Avatar className='mbe-2 is-[56px] bs-[56px]'>
-          <i className='ri-question-line text-[32px]' />
-        </Avatar>
-        <Typography variant='h5' className='mbe-2'>
-          Support
-        </Typography>
-        <Typography className='mbe-4'>
-          According to us blisters are a very common thing and we come across them very often in our daily lives. It is
-          a very common occurrence like cold or fever depending upon your lifestyle.
-        </Typography>
-        <Button variant='contained'>Contact Now</Button>
-      </CardContent>
-    </Card>
-  )
-}
-
-export default CardSupport
diff --git a/src/views/card-basic/CardTwitter.jsx b/src/views/card-basic/CardTwitter.jsx
deleted file mode 100644
index 7643843..0000000
--- a/src/views/card-basic/CardTwitter.jsx
+++ /dev/null
@@ -1,42 +0,0 @@
-// MUI Imports
-import Card from '@mui/material/Card'
-import CardContent from '@mui/material/CardContent'
-import Typography from '@mui/material/Typography'
-import Avatar from '@mui/material/Avatar'
-
-const CardTwitter = () => {
-  return (
-    <Card className='bg-[#1d9bf0]'>
-      <CardContent>
-        <div className='flex items-center gap-2 mbe-4'>
-          <i className='ri-twitter-fill text-3xl text-white' />
-          <Typography variant='h5' className='text-white'>
-            Twitter Card
-          </Typography>
-        </div>
-        <Typography className='mbe-4 text-white'>
-          Turns out semicolon-less style is easier and safer in TS because most gotcha edge cases are type invalid as
-          well.
-        </Typography>
-        <div className='flex align-center justify-between flex-wrap gap-x-4 gap-y-2'>
-          <div className='flex items-center gap-2.5'>
-            <Avatar src='/images/avatars/6.png' />
-            <Typography className='text-white'>Mary Vaughn</Typography>
-          </div>
-          <div className='flex items-center gap-1.5'>
-            <i className='ri-thumb-up-fill text-xl text-white' />
-            <Typography variant='body2' className='text-white'>
-              1.6k
-            </Typography>
-            <i className='ri-share-line text-xl text-white' />
-            <Typography variant='body2' className='text-white'>
-              98
-            </Typography>
-          </div>
-        </div>
-      </CardContent>
-    </Card>
-  )
-}
-
-export default CardTwitter
diff --git a/src/views/card-basic/CardUser.jsx b/src/views/card-basic/CardUser.jsx
deleted file mode 100644
index e402f6a..0000000
--- a/src/views/card-basic/CardUser.jsx
+++ /dev/null
@@ -1,45 +0,0 @@
-// MUI Imports
-import Card from '@mui/material/Card'
-import CardMedia from '@mui/material/CardMedia'
-import CardContent from '@mui/material/CardContent'
-import Avatar from '@mui/material/Avatar'
-import Typography from '@mui/material/Typography'
-import Button from '@mui/material/Button'
-import AvatarGroup from '@mui/material/AvatarGroup'
-
-const CardUser = () => {
-  return (
-    <Card>
-      <CardMedia image='/images/cards/2.png' className='bs-[180px]' />
-      <CardContent className='relative'>
-        <Avatar
-          src='/images/avatars/3.png'
-          alt='Robert Meyer'
-          className='is-[78px] bs-[78px] border-[5px] border-backgroundPaper absolute start-[11px] block-start-[-39px]'
-        />
-        <div className='flex justify-between items-center flex-wrap gap-x-4 gap-y-2 mbe-5 mbs-[30px]'>
-          <div className='flex flex-col items-start'>
-            <Typography variant='h5'>Robert Meyer</Typography>
-            <Typography variant='body2'>London, UK</Typography>
-          </div>
-          <Button variant='contained'>Send Request</Button>
-        </div>
-        <div className='flex justify-between items-center flex-wrap gap-x-4 gap-y-2'>
-          <Typography variant='subtitle2' color='text.disabled'>
-            18 mutual friends
-          </Typography>
-          <AvatarGroup max={4}>
-            <Avatar src='/images/avatars/1.png' />
-            <Avatar src='/images/avatars/5.png' />
-            <Avatar src='/images/avatars/4.png' />
-            <Avatar src='/images/avatars/6.png' />
-            <Avatar src='/images/avatars/7.png' />
-            <Avatar src='/images/avatars/8.png' />
-          </AvatarGroup>
-        </div>
-      </CardContent>
-    </Card>
-  )
-}
-
-export default CardUser
diff --git a/src/views/card-basic/CardVerticalRatings.jsx b/src/views/card-basic/CardVerticalRatings.jsx
deleted file mode 100644
index a80478a..0000000
--- a/src/views/card-basic/CardVerticalRatings.jsx
+++ /dev/null
@@ -1,37 +0,0 @@
-// MUI Imports
-import Card from '@mui/material/Card'
-import CardContent from '@mui/material/CardContent'
-import Typography from '@mui/material/Typography'
-import Rating from '@mui/material/Rating'
-import CardActions from '@mui/material/CardActions'
-import Button from '@mui/material/Button'
-
-const CardVerticalRatings = () => {
-  return (
-    <Card>
-      <CardContent>
-        <Typography variant='h5' className='mbe-2'>
-          The Best Answers
-        </Typography>
-        <div className='flex flex-wrap gap-x-2 gap-y-1 mbe-2'>
-          <Rating name='read-only' value={4} readOnly />
-          <Typography>4 Star | 98 reviews</Typography>
-        </div>
-        <Typography color='text.secondary' className='mbe-4'>
-          If you are looking for a new way to promote your business that won&#39;t cost you more money, maybe printing
-          is one of the options you won&#39;t resist.
-        </Typography>
-        <Typography color='text.secondary'>
-          Printing is a widely use process in making printed materials that are used for advertising. It become fast,
-          easy and simple.
-        </Typography>
-      </CardContent>
-      <CardActions className='card-actions-dense'>
-        <Button>Location</Button>
-        <Button>Review</Button>
-      </CardActions>
-    </Card>
-  )
-}
-
-export default CardVerticalRatings
diff --git a/src/views/card-basic/CardWatch.jsx b/src/views/card-basic/CardWatch.jsx
deleted file mode 100644
index 2d2c24d..0000000
--- a/src/views/card-basic/CardWatch.jsx
+++ /dev/null
@@ -1,26 +0,0 @@
-// MUI Imports
-import Card from '@mui/material/Card'
-import CardMedia from '@mui/material/CardMedia'
-import CardContent from '@mui/material/CardContent'
-import Typography from '@mui/material/Typography'
-import Button from '@mui/material/Button'
-
-const CardWatch = () => {
-  return (
-    <Card>
-      <CardMedia image='/images/cards/6.png' className='bs-[140px]' />
-      <CardContent>
-        <Typography variant='h5' className='mbe-2'>
-          Apple Watch
-        </Typography>
-        <Typography className='mbe-2'>$249.40</Typography>
-        <Typography>3.1GHz 6-core 10th-generation Intel Core i5 processor, Turbo Boost up to 4.5GHz</Typography>
-      </CardContent>
-      <Button variant='contained' fullWidth className='rounded-none'>
-        Add to Cart
-      </Button>
-    </Card>
-  )
-}
-
-export default CardWatch
diff --git a/src/views/card-basic/CardWithCollapse.jsx b/src/views/card-basic/CardWithCollapse.jsx
deleted file mode 100644
index 2ef6ba5..0000000
--- a/src/views/card-basic/CardWithCollapse.jsx
+++ /dev/null
@@ -1,50 +0,0 @@
-'use client'
-
-// React Imports
-import { useState } from 'react'
-
-// MUI Imports
-import Card from '@mui/material/Card'
-import CardMedia from '@mui/material/CardMedia'
-import CardContent from '@mui/material/CardContent'
-import Typography from '@mui/material/Typography'
-import CardActions from '@mui/material/CardActions'
-import Button from '@mui/material/Button'
-import IconButton from '@mui/material/IconButton'
-import Collapse from '@mui/material/Collapse'
-import Divider from '@mui/material/Divider'
-
-const CardWithCollapse = () => {
-  const [expanded, setExpanded] = useState(false)
-
-  return (
-    <Card>
-      <CardMedia image='/images/cards/3.png' className='bs-[185px]' />
-      <CardContent>
-        <Typography variant='h5' className='mbe-3'>
-          Popular Uses Of The Internet
-        </Typography>
-        <Typography>Although cards can support multiple actions, UI controls, and an overflow menu.</Typography>
-      </CardContent>
-      <CardActions className='justify-between card-actions-dense'>
-        <Button onClick={() => setExpanded(!expanded)}>Details</Button>
-        <IconButton onClick={() => setExpanded(!expanded)}>
-          <i className={expanded ? 'ri-arrow-up-s-line' : 'ri-arrow-down-s-line'} />
-        </IconButton>
-      </CardActions>
-      <Collapse in={expanded} timeout={300}>
-        <Divider />
-        <CardContent>
-          <Typography>
-            I&#39;m a thing. But, like most politicians, he promised more than he could deliver. You won&#39;t have time
-            for sleeping, soldier, not with all the bed making you&#39;ll be doing. Then we&#39;ll go with that data
-            file! Hey, you add a one and two zeros to that or we walk! You&#39;re going to do his laundry? I&#39;ve got
-            to find a way to escape.
-          </Typography>
-        </CardContent>
-      </Collapse>
-    </Card>
-  )
-}
-
-export default CardWithCollapse
diff --git a/src/views/card-basic/CardWithTabs.jsx b/src/views/card-basic/CardWithTabs.jsx
deleted file mode 100644
index 5a30f14..0000000
--- a/src/views/card-basic/CardWithTabs.jsx
+++ /dev/null
@@ -1,69 +0,0 @@
-'use client'
-
-// React Imports
-import { useState } from 'react'
-
-// MUI Imports
-import Card from '@mui/material/Card'
-import CardContent from '@mui/material/CardContent'
-import TabContext from '@mui/lab/TabContext'
-import TabList from '@mui/lab/TabList'
-import Tab from '@mui/material/Tab'
-import TabPanel from '@mui/lab/TabPanel'
-import Typography from '@mui/material/Typography'
-import Button from '@mui/material/Button'
-
-const CardWithTabs = () => {
-  // ** State
-  const [value, setValue] = useState('1')
-
-  const handleChange = (event, newValue) => {
-    setValue(newValue)
-  }
-
-  return (
-    <Card>
-      <TabContext value={value}>
-        <TabList onChange={handleChange} aria-label='card navigation examples'>
-          <Tab value='1' label='Item One' />
-          <Tab value='2' label='Item Two' />
-          <Tab value='3' label='Item Three' />
-        </TabList>
-        <CardContent>
-          <TabPanel value='1'>
-            <Typography variant='h5' className='mbe-2'>
-              Header One
-            </Typography>
-            <Typography className='mbe-6'>
-              Pudding tiramisu caramels. Gingerbread gummies danish chocolate bar toffee marzipan. Wafer wafer cake
-              powder danish oat cake.
-            </Typography>
-            <Button variant='contained'>Button One</Button>
-          </TabPanel>
-          <TabPanel value='2'>
-            <Typography variant='h5' className='mbe-2'>
-              Header Two
-            </Typography>
-            <Typography className='mbe-6'>
-              Dragée chupa chups soufflé cheesecake jelly tootsie roll cupcake marzipan. Carrot cake sweet roll gummi
-              bears caramels jelly beans.
-            </Typography>
-            <Button variant='contained'>Button Two</Button>
-          </TabPanel>
-          <TabPanel value='3'>
-            <Typography variant='h5' className='mbe-2'>
-              Header Three
-            </Typography>
-            <Typography className='mbe-6'>
-              Icing cake macaroon macaroon jelly chocolate bar. Chupa chups dessert dessert soufflé chocolate bar
-              jujubes gummi bears lollipop.
-            </Typography>
-            <Button variant='contained'>Button Three</Button>
-          </TabPanel>
-        </CardContent>
-      </TabContext>
-    </Card>
-  )
-}
-
-export default CardWithTabs
diff --git a/src/views/card-basic/CardWithTabsCenter.jsx b/src/views/card-basic/CardWithTabsCenter.jsx
deleted file mode 100644
index fc5d565..0000000
--- a/src/views/card-basic/CardWithTabsCenter.jsx
+++ /dev/null
@@ -1,69 +0,0 @@
-'use client'
-
-// React Imports
-import { useState } from 'react'
-
-// MUI Imports
-import Card from '@mui/material/Card'
-import CardContent from '@mui/material/CardContent'
-import TabContext from '@mui/lab/TabContext'
-import TabList from '@mui/lab/TabList'
-import Tab from '@mui/material/Tab'
-import TabPanel from '@mui/lab/TabPanel'
-import Typography from '@mui/material/Typography'
-import Button from '@mui/material/Button'
-
-const CardWithTabsCenter = () => {
-  // ** State
-  const [value, setValue] = useState('1')
-
-  const handleChange = (event, newValue) => {
-    setValue(newValue)
-  }
-
-  return (
-    <Card>
-      <TabContext value={value}>
-        <TabList centered onChange={handleChange} aria-label='card navigation examples'>
-          <Tab value='1' label='Item One' />
-          <Tab value='2' label='Item Two' />
-          <Tab value='3' label='Item Three' />
-        </TabList>
-        <CardContent>
-          <TabPanel value='1' className='text-center'>
-            <Typography variant='h5' className='mbe-2'>
-              Header One
-            </Typography>
-            <Typography className='mbe-6'>
-              Pudding tiramisu caramels. Gingerbread gummies danish chocolate bar toffee marzipan. Wafer wafer cake
-              powder danish oat cake.
-            </Typography>
-            <Button variant='contained'>Button One</Button>
-          </TabPanel>
-          <TabPanel value='2' className='text-center'>
-            <Typography variant='h5' className='mbe-2'>
-              Header Two
-            </Typography>
-            <Typography className='mbe-6'>
-              Dragée chupa chups soufflé cheesecake jelly tootsie roll cupcake marzipan. Carrot cake sweet roll gummi
-              bears caramels jelly beans.
-            </Typography>
-            <Button variant='contained'>Button Two</Button>
-          </TabPanel>
-          <TabPanel value='3' className='text-center'>
-            <Typography variant='h5' className='mbe-2'>
-              Header Three
-            </Typography>
-            <Typography className='mbe-6'>
-              Icing cake macaroon macaroon jelly chocolate bar. Chupa chups dessert dessert soufflé chocolate bar
-              jujubes gummi bears lollipop.
-            </Typography>
-            <Button variant='contained'>Button Three</Button>
-          </TabPanel>
-        </CardContent>
-      </TabContext>
-    </Card>
-  )
-}
-
-export default CardWithTabsCenter