departments

src/Components/Sections/Home/Home.jsx

@@ -1,7 +1,5 @@
 import React, { useEffect, useState, useRef } from "react";
 import styled from 'styled-components';
-import { Element } from "react-scroll";
-import Departments from "../Departments/Departments";
 
 export default function EngineeringHeroFlowbite() {
   const defaultConfig = {
@@ -22,7 +20,6 @@ export default function EngineeringHeroFlowbite() {
 
   const mainTitleRef = useRef(null);
   const subtitleRef = useRef(null);
-  const departmentsRef = useRef(null);
 
   useEffect(() => {
     const id = "cairo-font-link";
@@ -192,7 +189,8 @@ export default function EngineeringHeroFlowbite() {
   };
 
   return (
-    <div dir="rtl" className="h-screen w-full overflow-hidden" style={{ background: "var(--ehb-background, #000000)" }}>
+    // خلفية الحاوية شفافة حتى يظهر الـ BackgroundCanvas في مستوى التطبيق
+    <div dir="rtl" className="h-screen w-full overflow-hidden content-container" style={{ background: "transparent" }}>
       <style>{` 
         :root { --ehb-primary: #e67e22; --ehb-background: #000000; --ehb-surface: #95a5a6; --ehb-action: #34495e }
 
@@ -396,23 +394,7 @@ export default function EngineeringHeroFlowbite() {
         </div>
       </div>
 
-      <div className="partner-strip-wrap" aria-hidden>
-        <div className="partner-strip" role="presentation" aria-hidden>
-          <div className="partner-item" aria-label="شريك TPS">
-            <img src="src/assets/TPS-logo.png" alt="TPS" />
-          </div>
-          <div className="partner-item" aria-label="شريك NSC">
-            <img src="src/assets/NSC.png" alt="NSC" />
-          </div>
-          <div className="partner-item" aria-label="شريك LOGO">
-            <img src="src/assets/LOGO.png" alt="LOGO" />
-          </div>
-        </div>
-      </div>
-
-      <Element name="departments" id="departments">
-        <Departments />
-      </Element>
+     
     </div>
   );
 }