departments

src/App.jsx

@@ -106,8 +106,9 @@ import Footer from "./Components/Nav/Footer";
 import DepartmentDetail2 from "./Components/Sections/DepartmentDetail2/DepartmentDetail2";
 import ImagePreloader from "./Components/ImagePreloader";
 import BackgroundCanvas from "./Components/BackgroundCanvas/BackgroundCanvas";
-
-// المكون الرئيسي الذي يظهر في الصفحة الرئيسية
+import DepartmentDetail3 from "./Components/Sections/DepartmentDetail3/DepartmentDetail3";
+import DepartmentDetail4 from "./Components/Sections/DepartmentDetail4/DepartmentDetail4";
+import DepartmentDetail5 from "./Components/Sections/DepartmentDetail5/DepartmentDetail5";
 const MainPage = ({ theme }) => {
   return (
     <div className="min-h-screen bg-transparent">
@@ -145,6 +146,11 @@ function RouterView({ theme, toggleTheme }) {
           />
           <Route path="/departments/:id" element={<DepartmentDetail />} />
           <Route path="/department-detail2" element={<DepartmentDetail2 />} />
+                    <Route path="/department-detail3" element={<DepartmentDetail3 />} />
+                                        <Route path="/department-detail4" element={<DepartmentDetail4 />} />
+          <Route path="/department-detail5" element={<DepartmentDetail5/>} />
+
+
         </Routes>
       </AnimatePresence>
     </LayoutGroup>
@@ -157,6 +163,10 @@ function Layout({ theme, toggleTheme }) {
 
   const excludedExactPaths = [
     "/department-detail2",
+    "/department-detail3" ,
+        "/department-detail4" ,
+        "/department-detail5" ,
+
   ];
 
   const excludedPrefixes = ["/departments/"];