diff --git a/src/account-profile.jsx b/src/account-profile.jsx
deleted file mode 100644
index ab959b01..00000000
--- a/src/account-profile.jsx
+++ /dev/null
@@ -1,124 +0,0 @@
-<>
-  {"{"}% set title = 'Account Profile' %{"}"}
-  {"{"}% set filename = 'account-profile.html' %{"}"}
-  {"{"}% extends 'src/layouts/master.html' %{"}"}
-  {"{"}% block content %{"}"}
-  <div className="page-heading">
-    <div className="page-title">
-      <div className="row">
-        <div className="col-12 col-md-6 order-md-1 order-last">
-          <h3>Account Profile</h3>
-          <p className="text-subtitle text-muted">
-            A page where users can change profile information
-          </p>
-        </div>
-        <div className="col-12 col-md-6 order-md-2 order-first">
-          <nav
-            aria-label="breadcrumb"
-            className="breadcrumb-header float-start float-lg-end"
-          >
-            <ol className="breadcrumb">
-              <li className="breadcrumb-item">
-                <a href="index.html">Dashboard</a>
-              </li>
-              <li className="breadcrumb-item active" aria-current="page">
-                Profile
-              </li>
-            </ol>
-          </nav>
-        </div>
-      </div>
-    </div>
-    <section className="section">
-      <div className="row">
-        <div className="col-12 col-lg-4">
-          <div className="card">
-            <div className="card-body">
-              <div className="d-flex justify-content-center align-items-center flex-column">
-                <div className="avatar avatar-2xl">
-                  <img src="assets/static/images/faces/2.jpg" alt="Avatar" />
-                </div>
-                <h3 className="mt-3">John Doe</h3>
-                <p className="text-small">Junior Software Engineer</p>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div className="col-12 col-lg-8">
-          <div className="card">
-            <div className="card-body">
-              <form action="#" method="get">
-                <div className="form-group">
-                  <label htmlFor="name" className="form-label">
-                    Name
-                  </label>
-                  <input
-                    type="text"
-                    name="name"
-                    id="name"
-                    className="form-control"
-                    placeholder="Your Name"
-                    defaultValue="John Doe"
-                  />
-                </div>
-                <div className="form-group">
-                  <label htmlFor="email" className="form-label">
-                    Email
-                  </label>
-                  <input
-                    type="text"
-                    name="email"
-                    id="email"
-                    className="form-control"
-                    placeholder="Your Email"
-                    defaultValue="john.doe@example.net"
-                  />
-                </div>
-                <div className="form-group">
-                  <label htmlFor="phone" className="form-label">
-                    Phone
-                  </label>
-                  <input
-                    type="text"
-                    name="phone"
-                    id="phone"
-                    className="form-control"
-                    placeholder="Your Phone"
-                    defaultValue="083xxxxxxxxx"
-                  />
-                </div>
-                <div className="form-group">
-                  <label htmlFor="birthday" className="form-label">
-                    Birthday
-                  </label>
-                  <input
-                    type="date"
-                    name="birthday"
-                    id="birthday"
-                    className="form-control"
-                    placeholder="Your Birthday"
-                  />
-                </div>
-                <div className="form-group">
-                  <label htmlFor="gender" className="form-label">
-                    Gender
-                  </label>
-                  <select name="gender" id="gender" className="form-control">
-                    <option value="male">Male</option>
-                    <option value="female">Female</option>
-                  </select>
-                </div>
-                <div className="form-group">
-                  <button type="submit" className="btn btn-primary">
-                    Save Changes
-                  </button>
-                </div>
-              </form>
-            </div>
-          </div>
-        </div>
-      </div>
-    </section>
-  </div>
-  {"{"}% endblock %{"}"}
-</>
diff --git a/src/account-security.jsx b/src/account-security.jsx
deleted file mode 100644
index 9a0e2a2b..00000000
--- a/src/account-security.jsx
+++ /dev/null
@@ -1,161 +0,0 @@
-<>
-  {"{"}% set title = 'Account Security' %{"}"}
-  {"{"}% set filename = 'account-security.html' %{"}"}
-  {"{"}% extends 'src/layouts/master.html' %{"}"}
-  {"{"}% block content %{"}"}
-  <div className="page-heading">
-    <div className="page-title">
-      <div className="row">
-        <div className="col-12 col-md-6 order-md-1 order-last">
-          <h3>Account Security</h3>
-          <p className="text-subtitle text-muted">
-            A page where this page can change account security settings
-          </p>
-        </div>
-        <div className="col-12 col-md-6 order-md-2 order-first">
-          <nav
-            aria-label="breadcrumb"
-            className="breadcrumb-header float-start float-lg-end"
-          >
-            <ol className="breadcrumb">
-              <li className="breadcrumb-item">
-                <a href="index.html">Dashboard</a>
-              </li>
-              <li className="breadcrumb-item active" aria-current="page">
-                Security
-              </li>
-            </ol>
-          </nav>
-        </div>
-      </div>
-    </div>
-    <section className="section">
-      <div className="row">
-        <div className="col-12">
-          <div className="card">
-            <div className="card-header">
-              <h5 className="card-title">Change Password</h5>
-            </div>
-            <div className="card-body">
-              <form action="#" method="get">
-                <div className="form-group my-2">
-                  <label htmlFor="current_password" className="form-label">
-                    Current Password
-                  </label>
-                  <input
-                    type="password"
-                    name="current_password"
-                    id="current_password"
-                    className="form-control"
-                    placeholder="Enter your current password"
-                    defaultValue="1L0V3Indonesia"
-                  />
-                </div>
-                <div className="form-group my-2">
-                  <label htmlFor="password" className="form-label">
-                    New Password
-                  </label>
-                  <input
-                    type="password"
-                    name="password"
-                    id="password"
-                    className="form-control"
-                    placeholder="Enter new password"
-                    defaultValue=""
-                  />
-                </div>
-                <div className="form-group my-2">
-                  <label htmlFor="confirm_password" className="form-label">
-                    Confirm Password
-                  </label>
-                  <input
-                    type="password"
-                    name="confirm_password"
-                    id="confirm_password"
-                    className="form-control"
-                    placeholder="Enter confirm password"
-                    defaultValue=""
-                  />
-                </div>
-                <div className="form-group my-2 d-flex justify-content-end">
-                  <button type="submit" className="btn btn-primary">
-                    Save Changes
-                  </button>
-                </div>
-              </form>
-            </div>
-          </div>
-        </div>
-        <div className="col-12">
-          <div className="card">
-            <div className="card-header">
-              <h5 className="card-title">Two Factor Authentication</h5>
-            </div>
-            <div className="card-body">
-              <form action="#" method="get">
-                <div className="form-group my-2">
-                  <label htmlFor="email" className="form-label">
-                    Current Email
-                  </label>
-                  <input
-                    type="email"
-                    name="email"
-                    id="email"
-                    className="form-control"
-                    placeholder="Enter your current email"
-                    defaultValue="john.doe@example.net"
-                  />
-                </div>
-                <div className="form-group my-2 d-flex justify-content-end">
-                  <button type="submit" className="btn btn-primary">
-                    Save Changes
-                  </button>
-                </div>
-              </form>
-            </div>
-          </div>
-        </div>
-        <div className="col-12">
-          <div className="card">
-            <div className="card-header">
-              <h5 className="card-title">Delete Account</h5>
-            </div>
-            <div className="card-body">
-              <form action="#" method="get">
-                <p>
-                  Your account will be permanently deleted and cannot be
-                  restored, click "Touch me!" to continue
-                </p>
-                <div className="form-check">
-                  <div className="checkbox">
-                    <input
-                      type="checkbox"
-                      id="iaggree"
-                      className="form-check-input"
-                    />
-                    <label htmlFor="iaggree">
-                      Touch me! If you agree to delete permanently
-                    </label>
-                  </div>
-                </div>
-                <div className="form-group my-2 d-flex justify-content-end">
-                  <button
-                    type="submit"
-                    className="btn btn-danger"
-                    id="btn-delete-account"
-                    disabled=""
-                  >
-                    Delete
-                  </button>
-                </div>
-              </form>
-            </div>
-          </div>
-        </div>
-      </div>
-    </section>
-  </div>
-  {"{"}% endblock %{"}"}
-  {"{"}% block js %{"}"}
-  {"{"}% endblock %{"}"}
-</>
diff --git a/src/components/LatestComments.js b/src/components/LatestComments.js
deleted file mode 100644
index e69de29b..00000000
diff --git a/src/layouts/auth.jsx b/src/layouts/auth.jsx
deleted file mode 100644
index ada38857..00000000
--- a/src/layouts/auth.jsx
+++ /dev/null
@@ -1,28 +0,0 @@
-<>
-  <meta charSet="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>
-    {"{"}
-    {"{"} title {"}"}
-    {"}"} - {"{"}
-    {"{"} web_title {"}"}
-    {"}"}
-  </title>
-  <link rel="stylesheet" href="assets/scss/app.scss" />
-  <link rel="stylesheet" href="assets/scss/themes/dark/app-dark.scss" />
-  <link rel="stylesheet" href="assets/scss/pages/auth.scss" />
-  <link
-    rel="shortcut icon"
-    href="assets/static/images/logo/favicon.svg"
-    type="image/x-icon"
-  />
-  <link
-    rel="shortcut icon"
-    href="assets/static/images/logo/favicon.png"
-    type="image/png"
-  />
-  <div id="auth">
-    {"{"}% block content %{"}"}
-    {"{"}% endblock %{"}"}
-  </div>
-</>
diff --git a/src/layouts/error.jsx b/src/layouts/error.jsx
deleted file mode 100644
index 949201c8..00000000
--- a/src/layouts/error.jsx
+++ /dev/null
@@ -1,27 +0,0 @@
-<>
-  <meta charSet="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>
-    {"{"}
-    {"{"} title {"}"}
-    {"}"} - {"{"}
-    {"{"} web_title {"}"}
-    {"}"}
-  </title>
-  <link rel="stylesheet" href="assets/scss/app.scss" />
-  <link rel="stylesheet" href="assets/scss/pages/error.scss" />
-  <link
-    rel="shortcut icon"
-    href="assets/static/images/logo/favicon.svg"
-    type="image/x-icon"
-  />
-  <link
-    rel="shortcut icon"
-    href="assets/static/images/logo/favicon.png"
-    type="image/png"
-  />
-  <div id="error">
-    {"{"}% block content %{"}"}
-    {"{"}% endblock %{"}"}
-  </div>
-</>
diff --git a/src/layouts/horizontal.jsx b/src/layouts/horizontal.jsx
deleted file mode 100644
index 7045dfd9..00000000
--- a/src/layouts/horizontal.jsx
+++ /dev/null
@@ -1,184 +0,0 @@
-<>
-  <meta charSet="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>
-    {"{"}
-    {"{"} title {"}"}
-    {"}"} - {"{"}
-    {"{"} web_title {"}"}
-    {"}"}
-  </title>
-  {"{"}% block stylesfirst %{"}"}
-  {"{"}% endblock %{"}"}
-  <link rel="stylesheet" href="assets/scss/app.scss" />
-  <link rel="stylesheet" href="assets/scss/themes/dark/app-dark.scss" />
-  <link
-    rel="shortcut icon"
-    href="assets/static/images/logo/favicon.svg"
-    type="image/x-icon"
-  />
-  <link
-    rel="shortcut icon"
-    href="assets/static/images/logo/favicon.png"
-    type="image/png"
-  />
-  {"{"}% block styles %{"}"}
-  {"{"}% endblock %{"}"}
-  <div id="app">
-    <div id="main" className="layout-horizontal">
-      <header className="mb-5">
-        <div className="header-top">
-          <div className="container">
-            <div className="logo">
-              <a href="index.html">
-                <img src="assets/static/images/logo/logo.svg" alt="Logo" />
-              </a>
-            </div>
-            <div className="header-top-right">
-              <div className="dropdown">
-                <a
-                  href="#"
-                  id="topbarUserDropdown"
-                  className="user-dropdown d-flex align-items-center dropend dropdown-toggle "
-                  data-bs-toggle="dropdown"
-                  aria-expanded="false"
-                >
-                  <div className="avatar avatar-md2">
-                    <img src="assets/static/images/faces/1.jpg" alt="Avatar" />
-                  </div>
-                  <div className="text">
-                    <h6 className="user-dropdown-name">John Ducky</h6>
-                    <p className="user-dropdown-status text-sm text-muted">
-                      Member
-                    </p>
-                  </div>
-                </a>
-                <ul
-                  className="dropdown-menu dropdown-menu-end shadow-lg"
-                  aria-labelledby="topbarUserDropdown"
-                >
-                  <li>
-                    <a className="dropdown-item" href="#">
-                      My Account
-                    </a>
-                  </li>
-                  <li>
-                    <a className="dropdown-item" href="#">
-                      Settings
-                    </a>
-                  </li>
-                  <li>
-                    <hr className="dropdown-divider" />
-                  </li>
-                  <li>
-                    <a className="dropdown-item" href="auth-login.html">
-                      Logout
-                    </a>
-                  </li>
-                </ul>
-              </div>
-              {/* Burger button responsive */}
-              <a href="#" className="burger-btn d-block d-xl-none">
-                <i className="bi bi-justify fs-3" />
-              </a>
-            </div>
-          </div>
-        </div>
-        <nav className="main-navbar">
-          <div className="container">
-            <ul>
-              {"{"}% set maxSubmenuItemY = 8 %{"}"}
-              {"{"}% for menuItem in horizontalMenuItems %{"}"}
-              {"{"}% if not menuItem.isTitle %{"}"}
-              <li className="menu-item {{ 'active' if (menuItem.url == filename or filename|startsWith(menuItem.key)) }} {{'has-sub' if menuItem.submenu.length > 0 }}">
-                <a
-                  href="{{menuItem.url if menuItem.url!==undefined else '#'}}"
-                  className="menu-link"
-                >
-                  <span>
-                    <i className="bi bi-{{ menuItem.icon }}" /> {"{"}
-                    {"{"}menuItem.name{"}"}
-                    {"}"}
-                  </span>
-                </a>
-                {"{"}% if menuItem.submenu.length &gt; 0 %{"}"}
-                <div className="submenu {{ 'active' if (sub.url and sub.url == filename or filename|startsWith(sidebarItem.key)) }}">
-                  {/* Wrap to submenu-group-wrapper if you want 3-level submenu. Otherwise remove it. */}
-                  <div className="submenu-group-wrapper">
-                    {"{"}% for sub in menuItem.submenu %{"}"}
-                    {"{"}% if loop.index % maxSubmenuItemY == 1 %{"}"}
-                    <ul className="submenu-group">
-                      {"{"}% endif %{"}"}
-                      <li className="submenu-item {{ 'active' if sub.url == filename }} {{'has-sub' if sub.submenu.length > 0 }}">
-                        <a
-                          href="{{sub.url if sub.url!==undefined else '#'}}"
-                          className="submenu-link"
-                        >
-                          {"{"}
-                          {"{"} sub.name {"}"}
-                          {"}"}
-                        </a>
-                        {"{"}% if sub.submenu.length &gt; 0 %{"}"}
-                        {/* 3 Level Submenu */}
-                        <ul className="subsubmenu">
-                          {"{"}% for subsub in sub.submenu %{"}"}
-                          <li className="subsubmenu-item ">
-                            <a
-                              href="{{ subsub.url }}"
-                              className="subsubmenu-link"
-                            >
-                              {"{"}
-                              {"{"}
-                              subsub.name {"}"}
-                              {"}"}
-                            </a>
-                          </li>
-                          {"{"}% endfor %{"}"}
-                        </ul>
-                        {"{"}% endif %{"}"}
-                      </li>
-                      {"{"}% if (loop.index % maxSubmenuItemY == 0) or
-                      (loop.last) %{"}"}
-                    </ul>
-                    {"{"}% endif %{"}"}
-                    {"{"}% endfor %{"}"}
-                  </div>
-                </div>
-                {"{"}% endif %{"}"}
-              </li>
-              {"{"}% endif %{"}"}
-              {"{"}% endfor %{"}"}
-            </ul>
-          </div>
-        </nav>
-      </header>
-      <div className="content-wrapper container">
-        {"{"}% block content %{"}"}
-        {"{"}% endblock %{"}"}
-      </div>
-      <footer>
-        <div className="container">
-          <div className="footer clearfix mb-0 text-muted">
-            <div className="float-start">
-              <p>2023 © Mazer</p>
-            </div>
-            <div className="float-end">
-              <p>
-                Crafted with{" "}
-                <span className="text-danger">
-                  <i className="bi bi-heart" />
-                </span>{" "}
-                by <a href="https://saugi.me">Saugi</a>
-              </p>
-            </div>
-          </div>
-        </div>
-      </footer>
-    </div>
-  </div>
-  {"{"}% if isDev %{"}"}
-  {"{"}% else %{"}"}
-  {"{"}% endif %{"}"}
-  {"{"}% block js %{"}"}
-  {"{"}% endblock %{"}"}
-</>
diff --git a/src/layouts/master.jsx b/src/layouts/master.jsx
deleted file mode 100644
index 84bcbbc7..00000000
--- a/src/layouts/master.jsx
+++ /dev/null
@@ -1,47 +0,0 @@
-<>
-  <meta charSet="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>
-    {"{"}
-    {"{"} title {"}"}
-    {"}"} - {"{"}
-    {"{"} web_title {"}"}
-    {"}"}
-  </title>
-  {"{"}% block stylesfirst %{"}"}
-  {"{"}% endblock %{"}"}
-  <link rel="stylesheet" href="assets/scss/app.scss" />
-  <link rel="stylesheet" href="assets/scss/themes/dark/app-dark.scss" />
-  <link
-    rel="shortcut icon"
-    href="assets/static/images/logo/favicon.svg"
-    type="image/x-icon"
-  />
-  <link
-    rel="shortcut icon"
-    href="assets/static/images/logo/favicon.png"
-    type="image/png"
-  />
-  {"{"}% block styles %{"}"}
-  {"{"}% endblock %{"}"}
-  <div id="app">
-    <div id="sidebar">
-      {"{"}% include "src/layouts/sidebar.html" %{"}"}
-    </div>
-    <div id="main">
-      <header className="mb-3">
-        <a href="#" className="burger-btn d-block d-xl-none">
-          <i className="bi bi-justify fs-3" />
-        </a>
-      </header>
-      {"{"}% block content %{"}"}
-      {"{"}% endblock %{"}"}
-      {"{"}% include '../partials/footer.html' %{"}"}
-    </div>
-  </div>
-  {"{"}% if isDev %{"}"}
-  {"{"}% else %{"}"}
-  {"{"}% endif %{"}"}
-  {"{"}% block js %{"}"}
-  {"{"}% endblock %{"}"}
-</>
diff --git a/src/layouts/rtl.jsx b/src/layouts/rtl.jsx
deleted file mode 100644
index c65043c8..00000000
--- a/src/layouts/rtl.jsx
+++ /dev/null
@@ -1,47 +0,0 @@
-<>
-  <meta charSet="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>
-    {"{"}
-    {"{"} title {"}"}
-    {"}"} - {"{"}
-    {"{"} web_title {"}"}
-    {"}"}
-  </title>
-  {"{"}% block stylesfirst %{"}"}
-  {"{"}% endblock %{"}"}
-  <link rel="stylesheet" href="assets/compiled/css/app.rtl.css" />
-  <link rel="stylesheet" href="assets/compiled/css/app-dark.rtl.css" />
-  <link
-    rel="shortcut icon"
-    href="assets/static/images/logo/favicon.svg"
-    type="image/x-icon"
-  />
-  <link
-    rel="shortcut icon"
-    href="assets/static/images/logo/favicon.png"
-    type="image/png"
-  />
-  {"{"}% block styles %{"}"}
-  {"{"}% endblock %{"}"}
-  <div id="app">
-    <div id="sidebar">
-      {"{"}% include "src/layouts/sidebar.html" %{"}"}
-    </div>
-    <div id="main">
-      <header className="mb-3">
-        <a href="#" className="burger-btn d-block d-xl-none">
-          <i className="bi bi-justify fs-3" />
-        </a>
-      </header>
-      {"{"}% block content %{"}"}
-      {"{"}% endblock %{"}"}
-      {"{"}% include '../partials/footer.html' %{"}"}
-    </div>
-  </div>
-  {"{"}% if isDev %{"}"}
-  {"{"}% else %{"}"}
-  {"{"}% endif %{"}"}
-  {"{"}% block js %{"}"}
-  {"{"}% endblock %{"}"}
-</>
diff --git a/src/layouts/sidebar.jsx b/src/layouts/sidebar.jsx
deleted file mode 100644
index c0fd5740..00000000
--- a/src/layouts/sidebar.jsx
+++ /dev/null
@@ -1,125 +0,0 @@
-<div className="sidebar-wrapper active">
-  <div className="sidebar-header position-relative">
-    <div className="d-flex justify-content-between align-items-center">
-      <div className="logo">
-        <a href="index.html">
-          <img src="assets/static/images/logo/logo.svg" alt="Logo" srcSet="" />
-        </a>
-      </div>
-      <div className="theme-toggle d-flex gap-2  align-items-center mt-2">
-        <svg
-          xmlns="http://www.w3.org/2000/svg"
-          xmlnsXlink="http://www.w3.org/1999/xlink"
-          aria-hidden="true"
-          role="img"
-          className="iconify iconify--system-uicons"
-          width={20}
-          height={20}
-          preserveAspectRatio="xMidYMid meet"
-          viewBox="0 0 21 21"
-        >
-          <g
-            fill="none"
-            fillRule="evenodd"
-            stroke="currentColor"
-            strokeLinecap="round"
-            strokeLinejoin="round"
-          >
-            <path
-              d="M10.5 14.5c2.219 0 4-1.763 4-3.982a4.003 4.003 0 0 0-4-4.018c-2.219 0-4 1.781-4 4c0 2.219 1.781 4 4 4zM4.136 4.136L5.55 5.55m9.9 9.9l1.414 1.414M1.5 10.5h2m14 0h2M4.135 16.863L5.55 15.45m9.899-9.9l1.414-1.415M10.5 19.5v-2m0-14v-2"
-              opacity=".3"
-            />
-            <g transform="translate(-210 -1)">
-              <path d="M220.5 2.5v2m6.5.5l-1.5 1.5" />
-              <circle cx="220.5" cy="11.5" r={4} />
-              <path d="m214 5l1.5 1.5m5 14v-2m6.5-.5l-1.5-1.5M214 18l1.5-1.5m-4-5h2m14 0h2" />
-            </g>
-          </g>
-        </svg>
-        <div className="form-check form-switch fs-6">
-          <input
-            className="form-check-input  me-0"
-            type="checkbox"
-            id="toggle-dark"
-            style={{ cursor: "pointer" }}
-          />
-          <label className="form-check-label" />
-        </div>
-        <svg
-          xmlns="http://www.w3.org/2000/svg"
-          xmlnsXlink="http://www.w3.org/1999/xlink"
-          aria-hidden="true"
-          role="img"
-          className="iconify iconify--mdi"
-          width={20}
-          height={20}
-          preserveAspectRatio="xMidYMid meet"
-          viewBox="0 0 24 24"
-        >
-          <path
-            fill="currentColor"
-            d="m17.75 4.09l-2.53 1.94l.91 3.06l-2.63-1.81l-2.63 1.81l.91-3.06l-2.53-1.94L12.44 4l1.06-3l1.06 3l3.19.09m3.5 6.91l-1.64 1.25l.59 1.98l-1.7-1.17l-1.7 1.17l.59-1.98L15.75 11l2.06-.05L18.5 9l.69 1.95l2.06.05m-2.28 4.95c.83-.08 1.72 1.1 1.19 1.85c-.32.45-.66.87-1.08 1.27C15.17 23 8.84 23 4.94 19.07c-3.91-3.9-3.91-10.24 0-14.14c.4-.4.82-.76 1.27-1.08c.75-.53 1.93.36 1.85 1.19c-.27 2.86.69 5.83 2.89 8.02a9.96 9.96 0 0 0 8.02 2.89m-1.64 2.02a12.08 12.08 0 0 1-7.8-3.47c-2.17-2.19-3.33-5-3.49-7.82c-2.81 3.14-2.7 7.96.31 10.98c3.02 3.01 7.84 3.12 10.98.31Z"
-          ></path>
-        </svg>
-      </div>
-      <div className="sidebar-toggler  x">
-        <a href="#" className="sidebar-hide d-xl-none d-block">
-          <i className="bi bi-x bi-middle" />
-        </a>
-      </div>
-    </div>
-  </div>
-  <div className="sidebar-menu">
-    <ul className="menu">
-      {"{"}% for sidebarItem in sidebarItems %{"}"}
-      {"{"}% if sidebarItem.isTitle %{"}"}
-      <li className="sidebar-title">
-        {"{"}
-        {"{"}sidebarItem.name{"}"}
-        {"}"}
-      </li>
-      {"{"}% else %{"}"}
-      <li className="sidebar-item {{ 'active' if (sidebarItem.url == filename or filename|startsWith(sidebarItem.key)) }} {{'has-sub' if sidebarItem.submenu.length > 0 }}">
-        <a
-          href="{{sidebarItem.url if sidebarItem.url!==undefined else '#'}}"
-          className="sidebar-link"
-        >
-          <i className="bi bi-{{ sidebarItem.icon }}" />
-          <span>
-            {"{"}
-            {"{"}sidebarItem.name{"}"}
-            {"}"}
-          </span>
-        </a>
-        {"{"}% if sidebarItem.submenu.length &gt; 0 %{"}"}
-        <ul className="submenu {{ 'active' if (sub.url == filename or filename|startsWith(sidebarItem.key)) }}">
-          {"{"}% for sub in sidebarItem.submenu %{"}"}
-          <li className="submenu-item {{ 'active' if sub.url == filename or filename|startsWith(sub.key) }} {{'has-sub' if sub.submenu.length > 0 }}">
-            <a href="{{ sub.url }}" className="submenu-link">
-              {"{"}
-              {"{"} sub.name {"}"}
-              {"}"}
-            </a>
-            {"{"}% if sub.submenu.length &gt; 0 %{"}"}
-            <ul className="submenu submenu-level-2 ">
-              {"{"}% for subsub in sub.submenu %{"}"}
-              <li className="submenu-item {{ 'active' if subsub.url == filename }}">
-                <a href="{{ subsub.url }}" className="submenu-link">
-                  {"{"}
-                  {"{"} subsub.name {"}"}
-                  {"}"}
-                </a>
-              </li>
-              {"{"}% endfor %{"}"}
-            </ul>
-            {"{"}% endif %{"}"}
-          </li>
-          {"{"}% endfor %{"}"}
-        </ul>
-        {"{"}% endif %{"}"}
-      </li>
-      {"{"}% endif %{"}"}
-      {"{"}% endfor %{"}"}
-    </ul>
-  </div>
-</div>
diff --git a/src/layouts/vertical-1-column.jsx b/src/layouts/vertical-1-column.jsx
deleted file mode 100644
index 71211d0c..00000000
--- a/src/layouts/vertical-1-column.jsx
+++ /dev/null
@@ -1,32 +0,0 @@
-<>
-  <meta charSet="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Layout Vertical 1 Column - Mazer</title>
-  <link rel="stylesheet" href="assets/scss/app.scss" />
-  <link rel="stylesheet" href="assets/scss/themes/dark/app-dark.scss" />
-  <link
-    rel="shortcut icon"
-    href="assets/static/images/logo/favicon.svg"
-    type="image/x-icon"
-  />
-  <link
-    rel="shortcut icon"
-    href="assets/static/images/logo/favicon.png"
-    type="image/png"
-  />
-  <nav className="navbar navbar-light">
-    <div className="container d-block">
-      <a href="index.html">
-        <i className="bi bi-chevron-left" />
-      </a>
-      <a className="navbar-brand ms-4" href="index.html">
-        <img src="assets/static/images/logo/logo.svg" />
-      </a>
-    </div>
-  </nav>
-  {"{"}% block content %{"}"}
-  {"{"}% endblock %{"}"}
-  {"{"}% if isDev %{"}"}
-  {"{"}% else %{"}"}
-  {"{"}% endif %{"}"}
-</>
diff --git a/src/layouts/vertical-navbar.jsx b/src/layouts/vertical-navbar.jsx
deleted file mode 100644
index 7e976c2d..00000000
--- a/src/layouts/vertical-navbar.jsx
+++ /dev/null
@@ -1,203 +0,0 @@
-<>
-  <meta charSet="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>
-    {"{"}
-    {"{"} title {"}"}
-    {"}"} - {"{"}
-    {"{"} web_title {"}"}
-    {"}"}
-  </title>
-  {"{"}% block stylesfirst %{"}"}
-  {"{"}% endblock %{"}"}
-  <link rel="stylesheet" href="assets/scss/app.scss" />
-  <link rel="stylesheet" href="assets/scss/themes/dark/app-dark.scss" />
-  {"{"}% block styles %{"}"}
-  {"{"}% endblock %{"}"}
-  <link
-    rel="shortcut icon"
-    href="assets/static/images/logo/favicon.svg"
-    type="image/x-icon"
-  />
-  <link
-    rel="shortcut icon"
-    href="assets/static/images/logo/favicon.png"
-    type="image/png"
-  />
-  <div id="app">
-    <div id="sidebar">
-      {"{"}% include "src/layouts/sidebar.html" %{"}"}
-    </div>
-    <div id="main" className="layout-navbar navbar-fixed">
-      <header>
-        <nav className="navbar navbar-expand navbar-light navbar-top">
-          <div className="container-fluid">
-            <a href="#" className="burger-btn d-block">
-              <i className="bi bi-justify fs-3" />
-            </a>
-            <button
-              className="navbar-toggler"
-              type="button"
-              data-bs-toggle="collapse"
-              data-bs-target="#navbarSupportedContent"
-              aria-controls="navbarSupportedContent"
-              aria-expanded="false"
-              aria-label="Toggle navigation"
-            >
-              <span className="navbar-toggler-icon" />
-            </button>
-            <div
-              className="collapse navbar-collapse"
-              id="navbarSupportedContent"
-            >
-              <ul className="navbar-nav ms-auto mb-lg-0">
-                <li className="nav-item dropdown me-1">
-                  <a
-                    className="nav-link active dropdown-toggle text-gray-600"
-                    href="#"
-                    data-bs-toggle="dropdown"
-                    aria-expanded="false"
-                  >
-                    <i className="bi bi-envelope bi-sub fs-4" />
-                  </a>
-                  <ul
-                    className="dropdown-menu  dropdown-menu-lg-end"
-                    aria-labelledby="dropdownMenuButton"
-                  >
-                    <li>
-                      <h6 className="dropdown-header">Mail</h6>
-                    </li>
-                    <li>
-                      <a className="dropdown-item" href="#">
-                        No new mail
-                      </a>
-                    </li>
-                  </ul>
-                </li>
-                <li className="nav-item dropdown me-3">
-                  <a
-                    className="nav-link active dropdown-toggle text-gray-600"
-                    href="#"
-                    data-bs-toggle="dropdown"
-                    data-bs-display="static"
-                    aria-expanded="false"
-                  >
-                    <i className="bi bi-bell bi-sub fs-4" />
-                    <span className="badge badge-notification bg-danger">
-                      7
-                    </span>
-                  </a>
-                  <ul
-                    className="dropdown-menu dropdown-center  dropdown-menu-sm-end notification-dropdown"
-                    aria-labelledby="dropdownMenuButton"
-                  >
-                    <li className="dropdown-header">
-                      <h6>Notifications</h6>
-                    </li>
-                    <li className="dropdown-item notification-item">
-                      <a className="d-flex align-items-center" href="#">
-                        <div className="notification-icon bg-primary">
-                          <i className="bi bi-cart-check" />
-                        </div>
-                        <div className="notification-text ms-4">
-                          <p className="notification-title font-bold">
-                            Successfully check out
-                          </p>
-                          <p className="notification-subtitle font-thin text-sm">
-                            Order ID #256
-                          </p>
-                        </div>
-                      </a>
-                    </li>
-                    <li className="dropdown-item notification-item">
-                      <a className="d-flex align-items-center" href="#">
-                        <div className="notification-icon bg-success">
-                          <i className="bi bi-file-earmark-check" />
-                        </div>
-                        <div className="notification-text ms-4">
-                          <p className="notification-title font-bold">
-                            Homework submitted
-                          </p>
-                          <p className="notification-subtitle font-thin text-sm">
-                            Algebra math homework
-                          </p>
-                        </div>
-                      </a>
-                    </li>
-                    <li>
-                      <p className="text-center py-2 mb-0">
-                        <a href="#">See all notification</a>
-                      </p>
-                    </li>
-                  </ul>
-                </li>
-              </ul>
-              <div className="dropdown">
-                <a href="#" data-bs-toggle="dropdown" aria-expanded="false">
-                  <div className="user-menu d-flex">
-                    <div className="user-name text-end me-3">
-                      <h6 className="mb-0 text-gray-600">John Ducky</h6>
-                      <p className="mb-0 text-sm text-gray-600">
-                        Administrator
-                      </p>
-                    </div>
-                    <div className="user-img d-flex align-items-center">
-                      <div className="avatar avatar-md">
-                        <img src="assets/static/images/faces/1.jpg" />
-                      </div>
-                    </div>
-                  </div>
-                </a>
-                <ul
-                  className="dropdown-menu dropdown-menu-end"
-                  aria-labelledby="dropdownMenuButton"
-                  style={{ minWidth: "11rem" }}
-                >
-                  <li>
-                    <h6 className="dropdown-header">Hello, John!</h6>
-                  </li>
-                  <li>
-                    <a className="dropdown-item" href="#">
-                      <i className="icon-mid bi bi-person me-2" /> My Profile
-                    </a>
-                  </li>
-                  <li>
-                    <a className="dropdown-item" href="#">
-                      <i className="icon-mid bi bi-gear me-2" />
-                      Settings
-                    </a>
-                  </li>
-                  <li>
-                    <a className="dropdown-item" href="#">
-                      <i className="icon-mid bi bi-wallet me-2" />
-                      Wallet
-                    </a>
-                  </li>
-                  <li>
-                    <hr className="dropdown-divider" />
-                  </li>
-                  <li>
-                    <a className="dropdown-item" href="#">
-                      <i className="icon-mid bi bi-box-arrow-left me-2" />{" "}
-                      Logout
-                    </a>
-                  </li>
-                </ul>
-              </div>
-            </div>
-          </div>
-        </nav>
-      </header>
-      <div id="main-content">
-        {"{"}% block content %{"}"}
-        {"{"}% endblock %{"}"}
-      </div>
-      {"{"}% include '../partials/footer.html' %{"}"}
-    </div>
-  </div>
-  {"{"}% if isDev %{"}"}
-  {"{"}% else %{"}"}
-  {"{"}% endif %{"}"}
-  {"{"}% block js %{"}"}
-  {"{"}% endblock %{"}"}
-</>
diff --git a/src/partials/footer.jsx b/src/partials/footer.jsx
deleted file mode 100644
index 8db13685..00000000
--- a/src/partials/footer.jsx
+++ /dev/null
@@ -1,16 +0,0 @@
-<footer>
-  <div className="footer clearfix mb-0 text-muted">
-    <div className="float-start">
-      <p>2023 © Mazer</p>
-    </div>
-    <div className="float-end">
-      <p>
-        Crafted with{" "}
-        <span className="text-danger">
-          <i className="bi bi-heart-fill icon-mid" />
-        </span>
-        by <a href="https://saugi.me">Saugi</a>
-      </p>
-    </div>
-  </div>
-</footer>