diff --git a/src/App.jsx b/src/App.jsx
index c754f06..769bb31 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1,23 +1,23 @@
-import "./App.css";
-import Layout from "./components/layout";
-import Management1 from "./components/management1";
+import "./styles/App.css";
+import Layout from "./components/layout/layout";
+import Management1 from "./components/features/management1";
 import CafeManagement from "./pages/CafeManagement";
 // import Header from "./components/header";
 import { BrowserRouter, Routes, Route } from "react-router-dom";
 
 function App() {
-  return (
-    <div dir="rtl">
-      <BrowserRouter>
-        <Routes>
-          <Route path="/" element={<Layout />}>
-            <Route path="management1" element={<Management1 />} />
-            <Route path="edit-cafe/:id" element={<CafeManagement />} />
-          </Route>
-        </Routes>
-      </BrowserRouter>
-    </div>
-  );
+    return (
+        <div dir="rtl">
+            <BrowserRouter>
+                <Routes>
+                    <Route path="/" element={<Layout />}>
+                        <Route path="management1" element={<Management1 />} />
+                        <Route path="edit-cafe/:id" element={<CafeManagement />} />
+                    </Route>
+                </Routes>
+            </BrowserRouter>
+        </div>
+    );
 }
 
-export default App;
+export default App;
\ No newline at end of file
diff --git a/src/components/management1.jsx b/src/components/features/management1.jsx
similarity index 95%
rename from src/components/management1.jsx
rename to src/components/features/management1.jsx
index f8a6d55..6dea9ad 100644
--- a/src/components/management1.jsx
+++ b/src/components/features/management1.jsx
@@ -1,14 +1,14 @@
 import React from "react";
 import { BiEdit } from "react-icons/bi";
-import Search from "../assets/icons/search.svg";
-import Arrow from "../assets/icons/arrow.svg";
-import Vector7 from "../assets/icons/Vector7.svg";
-import Vector8 from "../assets/icons/Vector8.svg";
-import Vector9 from "../assets/icons/Vector9.svg";
-import Star1 from "../assets/icons/Star1.svg";
-import Group from "../assets/icons/Group.svg";
-import Pic from "../assets/icons/pic.png";
-import Pic1 from "../assets/icons/pic1.svg";
+import Search from "../../assets/icons/search.svg";
+import Arrow from "../../assets/icons/arrow.svg";
+import Vector7 from "../../assets/icons/Vector7.svg";
+import Vector8 from "../../assets/icons/Vector8.svg";
+import Vector9 from "../../assets/icons/Vector9.svg";
+import Star1 from "../../assets/icons/Star1.svg";
+import Group from "../../assets/icons/Group.svg";
+import Pic from "../../assets/icons/pic.png";
+import Pic1 from "../../assets/icons/pic1.svg";
 import { Link } from "react-router-dom";
 
 const cafes = [
diff --git a/src/components/header.jsx b/src/components/layout/header.jsx
similarity index 90%
rename from src/components/header.jsx
rename to src/components/layout/header.jsx
index e686e1d..6328df8 100644
--- a/src/components/header.jsx
+++ b/src/components/layout/header.jsx
@@ -25,10 +25,10 @@
 
 // src/components/Header.jsx
 import React from "react";
-import Search from "../assets/icons/search.svg";
-import Arrow from "../assets/icons/arrow.svg";
-import Vector7 from "../assets/icons/Vector7.svg";
-import Pic from "../assets/icons/pic.png";
+import Search from "../../assets/icons/search.svg";
+import Arrow from "../../assets/icons/arrow.svg";
+import Vector7 from "../../assets/icons/Vector7.svg";
+import Pic from "../../assets/icons/pic.png";
 
 const Header = ({ title }) => {
   return (
diff --git a/src/components/layout.jsx b/src/components/layout/layout.jsx
similarity index 100%
rename from src/components/layout.jsx
rename to src/components/layout/layout.jsx
diff --git a/src/components/sidebar.jsx b/src/components/layout/sidebar.jsx
similarity index 89%
rename from src/components/sidebar.jsx
rename to src/components/layout/sidebar.jsx
index fed1c22..60b128a 100644
--- a/src/components/sidebar.jsx
+++ b/src/components/layout/sidebar.jsx
@@ -1,11 +1,11 @@
 import React from "react";
-import Vector1 from "../assets/icons/Vector1.svg";
-import Vector2 from "../assets/icons/Vector2.svg";
-import Vector3 from "../assets/icons/Vector3.svg";
-import Vector4 from "../assets/icons/Vector4.svg";
-import Vector5 from "../assets/icons/Vector5.svg";
-import Vector6 from "../assets/icons/Vector6.svg";
-import LogoDM from "../assets/icons/LogoDM.svg";
+import Vector1 from "../../assets/icons/Vector1.svg";
+import Vector2 from "../../assets/icons/Vector2.svg";
+import Vector3 from "../../assets/icons/Vector3.svg";
+import Vector4 from "../../assets/icons/Vector4.svg";
+import Vector5 from "../../assets/icons/Vector5.svg";
+import Vector6 from "../../assets/icons/Vector6.svg";
+import LogoDM from "../../assets/icons/LogoDM.svg";
 import { Link } from "react-router-dom";
 import { BiBarChartAlt2 } from "react-icons/bi";
 import { AiOutlinePieChart } from "react-icons/ai";
diff --git a/src/main.jsx b/src/main.jsx
index b9a1a6d..62820cb 100644
--- a/src/main.jsx
+++ b/src/main.jsx
@@ -1,10 +1,10 @@
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
-import './index.css'
+import './styles/index.css'
 import App from './App.jsx'
 
 createRoot(document.getElementById('root')).render(
-  <StrictMode>
-    <App />
-  </StrictMode>,
-)
+    <StrictMode>
+        <App />
+    </StrictMode>,
+)
\ No newline at end of file
diff --git a/src/App.css b/src/styles/App.css
similarity index 100%
rename from src/App.css
rename to src/styles/App.css
diff --git a/src/index.css b/src/styles/index.css
similarity index 100%
rename from src/index.css
rename to src/styles/index.css