Rahaf/REXNT
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Edit image and home
All checks were successful
Build frontend / build (push) Successful in 1m7s
Details

Browse Source
This commit is contained in:
Rahaf
2026-01-21 22:38:31 +03:00
parent 69a2ed83c5
commit 28d089534b
13 changed files with 394 additions and 398 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/Components/Sections/DepartmentDetail/DepartmentDetail.jsx
View File

@ -3,15 +3,15 @@ import { motion, AnimatePresence } from "framer-motion";
import { useTranslation } from "react-i18next";
import "../../../../src/i18n";
// import d1 from "https://imgur.com/Y5Gdv4g";
// import d2 from "https://imgur.com/v3AYLPX";
// import d3 from "https://imgur.com/i072paW";
// import d4 from "https://imgur.com/wf4IUNt";
import d1 from "../../../assets/Images/d1.jpeg";
import d2 from "../../../assets/Images/d2.jpeg";
import d3 from "../../../assets/Images/d3.jpeg";
import d4 from "../../../assets/Images/d4.jpeg";
const d1 ="https://i.imgur.com/Y5Gdv4g.jpeg";
const d2 = "https://i.imgur.com/v3AYLPX.jpeg";
const d3="https://i.imgur.com/i072paW.jpeg";
const d4="https://i.imgur.com/wf4IUNt.jpeg";
// const d1 ="https://i.imgur.com/Y5Gdv4g.jpeg";
// const d2 = "https://i.imgur.com/v3AYLPX.jpeg";
// const d3="https://i.imgur.com/i072paW.jpeg";
// const d4="https://i.imgur.com/wf4IUNt.jpeg";
function ProjectsTimeline({
projects,

16
src/Components/Sections/DepartmentDetail2/DepartmentDetail2.jsx
View File

@ -2,15 +2,15 @@ import React, { useState, useEffect, useRef, useCallback } from "react";
import { motion, AnimatePresence } from "framer-motion";
import { useTranslation } from "react-i18next";
// import d1 from "../../../../src/assets/Images/d1.jpeg";
// import d12 from "../../../../src/assets/Images/d12.jpeg";
// import d13 from "../../../../src/assets/Images/d13.jpeg";
// import d7 from "../../../../src/assets/Images/d7.jpeg";
import d1 from "../../../../src/assets/Images/d1.jpeg";
import d12 from "../../../../src/assets/Images/d12.jpeg";
import d13 from "../../../../src/assets/Images/d13.jpeg";
import d7 from "../../../../src/assets/Images/d7.jpeg";
const d1="https://i.imgur.com/Y5Gdv4g.jpeg";
const d12="https://i.imgur.com/guqu8T6.jpeg";
const d13 ="https://i.imgur.com/aoFA4iX.jpeg";
const d7="https://i.imgur.com/yY52DzL.jpeg";
// const d1="https://i.imgur.com/Y5Gdv4g.jpeg";
// const d12="https://i.imgur.com/guqu8T6.jpeg";
// const d13 ="https://i.imgur.com/aoFA4iX.jpeg";
// const d7="https://i.imgur.com/yY52DzL.jpeg";
function ProjectsTimeline({

17
src/Components/Sections/DepartmentDetail3/DepartmentDetail3.jsx
View File

@ -1,16 +1,15 @@
import React, { useState, useEffect, useRef, useCallback } from "react";
import { motion, AnimatePresence } from "framer-motion";
import { useTranslation } from "react-i18next";
// import d14 from "../../../../src/assets/Images/d14.jpg";
// import d15 from "../../../../src/assets/Images/d15.jpg";
// import d16 from "../../../../src/assets/Images/d16.jpg";
// import d7 from "../../../../src/assets/Images/d7.jpeg";
import d14 from "../../../../src/assets/Images/d14.jpg";
import d15 from "../../../../src/assets/Images/d15.jpg";
import d16 from "../../../../src/assets/Images/d16.jpg";
import d7 from "../../../../src/assets/Images/d7.jpeg";
const d14="https://i.imgur.com/o1xvcUP.jpeg";
const d15="https://i.imgur.com/NDp2kuS.jpeg";
const d16 ="https://i.imgur.com/zSHOy11.jpeg";
const d7="https://i.imgur.com/yY52DzL.jpeg";
// const d14="https://i.imgur.com/o1xvcUP.jpeg";
// const d15="https://i.imgur.com/NDp2kuS.jpeg";
// const d16 ="https://i.imgur.com/zSHOy11.jpeg";
// const d7="https://i.imgur.com/yY52DzL.jpeg";
function ProjectsTimeline({
projects,

12
src/Components/Sections/DepartmentDetail4/DepartmentDetail4.jsx
View File

@ -1,13 +1,13 @@
import React, { useState, useEffect, useRef, useCallback } from "react";
import { motion, AnimatePresence } from "framer-motion";
import { useTranslation } from "react-i18next";
// import d17 from "../../../../src/assets/Images/d17.png";
// import d23 from "../../../../src/assets/Images/d23.jpg";
// import d24 from "../../../../src/assets/Images/d24.png";
import d17 from "../../../../src/assets/Images/d17.png";
import d23 from "../../../../src/assets/Images/d23.jpg";
import d24 from "../../../../src/assets/Images/d24.png";
const d17="https://i.imgur.com/R4UR5d2.png";
const d23="https://i.imgur.com/P2EY4jw.jpeg";
const d24="https://i.imgur.com/8qeT81T.png";
// const d17="https://i.imgur.com/R4UR5d2.png";
// const d23="https://i.imgur.com/P2EY4jw.jpeg";
// const d24="https://i.imgur.com/8qeT81T.png";
function ProjectsTimeline({
projects,

12
src/Components/Sections/DepartmentDetail5/DepartmentDetail5.jsx
View File

@ -1,14 +1,14 @@
import React, { useState, useEffect, useRef, useCallback } from "react";
import { motion, AnimatePresence } from "framer-motion";
import { useTranslation } from "react-i18next";
// import d18 from "../../../../src/assets/Images/d18.jpg";
// import d25 from "../../../../src/assets/Images/d25.jpeg";
// import d26 from "../../../../src/assets/Images/d26.jpeg";
import d18 from "../../../../src/assets/Images/d18.jpg";
import d25 from "../../../../src/assets/Images/d25.jpeg";
import d26 from "../../../../src/assets/Images/d26.jpeg";
const d18="https://i.imgur.com/ZhYek8J.jpeg";
const d25="https://i.imgur.com/Bte4bPE.jpeg";
const d26="https://i.imgur.com/QlbXMye.jpeg";
// const d18="https://i.imgur.com/ZhYek8J.jpeg";
// const d25="https://i.imgur.com/Bte4bPE.jpeg";
// const d26="https://i.imgur.com/QlbXMye.jpeg";
function ProjectsTimeline({

20
src/Components/Sections/DepartmentDetail6/DepartmentDetail6.jsx
View File

@ -1,17 +1,17 @@
import React, { useState, useEffect, useRef, useCallback } from "react";
import { motion, AnimatePresence } from "framer-motion";
import { useTranslation } from "react-i18next";
// import d19 from "../../../../src/assets/Images/d19.jpeg";
// import d27 from "../../../../src/assets/Images/d27.jpeg";
// import d28 from "../../../../src/assets/Images/d28.jpeg";
// import d29 from "../../../../src/assets/Images/d29.jpeg";
// import d30 from "../../../../src/assets/Images/d30.png";
import d19 from "../../../../src/assets/Images/d19.jpeg";
import d27 from "../../../../src/assets/Images/d27.jpeg";
import d28 from "../../../../src/assets/Images/d28.jpeg";
import d29 from "../../../../src/assets/Images/d29.jpeg";
import d30 from "../../../../src/assets/Images/d30.png";
const d19 ="https://i.imgur.com/BPHfMW8.jpeg";
const d27="https://i.imgur.com/MvjtBCL.jpeg";
const d28="https://i.imgur.com/ekFWpZ1.jpeg";
const d29="https://i.imgur.com/doxdYIX.jpeg";
const d30="https://i.imgur.com/xsT3ZV8.png";
// const d19 ="https://i.imgur.com/BPHfMW8.jpeg";
// const d27="https://i.imgur.com/MvjtBCL.jpeg";
// const d28="https://i.imgur.com/ekFWpZ1.jpeg";
// const d29="https://i.imgur.com/doxdYIX.jpeg";
// const d30="https://i.imgur.com/xsT3ZV8.png";
function ProjectsTimeline({
projects,
mainTitle = "المشاريع المنفذة",

12
src/Components/Sections/DepartmentDetail7/DepartmentDetail7.jsx
View File

@ -1,13 +1,13 @@
import React, { useState, useEffect, useRef, useCallback } from "react";
import { motion, AnimatePresence } from "framer-motion";
import { useTranslation } from "react-i18next";
// import d20 from "../../../../src/assets/Images/d20.jpeg";
// import d31 from "../../../../src/assets/Images/d31.jpeg";
// import d32 from "../../../../src/assets/Images/d32.jpeg";
import d20 from "../../../../src/assets/Images/d20.jpeg";
import d31 from "../../../../src/assets/Images/d31.jpeg";
import d32 from "../../../../src/assets/Images/d32.jpeg";
const d20="https://i.imgur.com/ufkwKge.jpeg";
const d31="https://i.imgur.com/voi0eQI.jpeg";
const d32="https://i.imgur.com/L9ygJdP.jpeg";
// const d20="https://i.imgur.com/ufkwKge.jpeg";
// const d31="https://i.imgur.com/voi0eQI.jpeg";
// const d32="https://i.imgur.com/L9ygJdP.jpeg";
function ProjectsTimeline({
projects,

12
src/Components/Sections/DepartmentDetail8/DepartmentDetail8.jsx
View File

@ -1,13 +1,13 @@
import React, { useState, useEffect } from "react";
import { motion, AnimatePresence } from "framer-motion";
import { useTranslation } from "react-i18next";
// import d21 from "../../../../src/assets/Images/d21.jpeg";
// import d34 from "../../../../src/assets/Images/d34.jpg";
// import d33 from "../../../../src/assets/Images/d33.png";
import d21 from "../../../../src/assets/Images/d21.jpeg";
import d34 from "../../../../src/assets/Images/d34.jpg";
import d33 from "../../../../src/assets/Images/d33.png";
const d21="https://i.imgur.com/zovmMp5.jpeg";
const d34="https://i.imgur.com/uAaae7s.jpeg";
const d33="https://i.imgur.com/0Pk2UCo.png";
// const d21="https://i.imgur.com/zovmMp5.jpeg";
// const d34="https://i.imgur.com/uAaae7s.jpeg";
// const d33="https://i.imgur.com/0Pk2UCo.png";
import { useRef, useCallback, useState as useStateLocal } from "react";

12
src/Components/Sections/DepartmentDetail9/DepartmentDetail9.jsx
View File

@ -1,13 +1,13 @@
import React, { useState, useEffect, useRef, useCallback } from "react";
import { motion, AnimatePresence } from "framer-motion";
import { useTranslation } from "react-i18next";
// import d22 from "../../../../src/assets/Images/d22.jpg";
// import d35 from "../../../../src/assets/Images/d35.jpeg";
// import d36 from "../../../../src/assets/Images/d36.jpg";
import d22 from "../../../../src/assets/Images/d22.jpg";
import d35 from "../../../../src/assets/Images/d35.jpeg";
import d36 from "../../../../src/assets/Images/d36.jpg";
const d22="https://i.imgur.com/02uxTxi.jpeg";
const d35="https://i.imgur.com/tdPRx3S.jpeg";
const d36="https://i.imgur.com/HK3zHq4.jpeg";
// const d22="https://i.imgur.com/02uxTxi.jpeg";
// const d35="https://i.imgur.com/tdPRx3S.jpeg";
// const d36="https://i.imgur.com/HK3zHq4.jpeg";
function ProjectsTimeline({
projects,

37
src/Components/Sections/Departments/Departments.jsx
View File

@ -10,27 +10,26 @@ import {
import { useNavigate } from "react-router-dom";
import { useTranslation } from "react-i18next";
// import d1 from "../../../../src/assets/Images/d1.jpeg";
// import d7 from "../../../../src/assets/Images/d7.jpeg";
// import d14 from "../../../../src/assets/Images/d14.jpg";
// import d17 from "../../../../src/assets/Images/d17.png";
// import d18 from "../../../../src/assets/Images/d18.jpg";
// import d19 from "../../../../src/assets/Images/d19.jpeg";
// import d20 from "../../../../src/assets/Images/d20.jpeg";
// import d21 from "../../../../src/assets/Images/d21.jpeg";
// import d22 from "../../../../src/assets/Images/d22.jpg";
import d1 from "../../../../src/assets/Images/d1.jpeg";
import d7 from "../../../../src/assets/Images/d7.jpeg";
import d14 from "../../../../src/assets/Images/d14.jpg";
import d17 from "../../../../src/assets/Images/d17.png";
import d18 from "../../../../src/assets/Images/d18.jpg";
import d19 from "../../../../src/assets/Images/d19.jpeg";
import d20 from "../../../../src/assets/Images/d20.jpeg";
import d21 from "../../../../src/assets/Images/d21.jpeg";
import d22 from "../../../../src/assets/Images/d22.jpg";
const d1 ="https://i.imgur.com/Y5Gdv4g.jpeg";
const d7="https://i.imgur.com/yY52DzL.jpeg";
const d14="https://i.imgur.com/o1xvcUP.jpeg";
const d17="https://i.imgur.com/R4UR5d2.png";
const d18="https://i.imgur.com/ZhYek8J.jpeg";
const d19 ="https://i.imgur.com/BPHfMW8.jpeg";
const d20="https://i.imgur.com/ufkwKge.jpeg";
const d21="https://i.imgur.com/zovmMp5.jpeg";
const d22="https://i.imgur.com/02uxTxi.jpeg";
// const d1 ="https://i.imgur.com/Y5Gdv4g.jpeg";
// const d7="https://i.imgur.com/yY52DzL.jpeg";
// const d14="https://i.imgur.com/o1xvcUP.jpeg";
// const d17="https://i.imgur.com/R4UR5d2.png";
// const d18="https://i.imgur.com/ZhYek8J.jpeg";
// const d19 ="https://i.imgur.com/BPHfMW8.jpeg";
// const d20="https://i.imgur.com/ufkwKge.jpeg";
// const d21="https://i.imgur.com/zovmMp5.jpeg";
// const d22="https://i.imgur.com/02uxTxi.jpeg";

18
src/Components/Sections/Home/Home.jsx
View File

@ -1,15 +1,15 @@
import React, { useEffect, useState, useRef } from "react";
import styled from "styled-components";
import { useTranslation } from "react-i18next";
// import REXNT from "https://i.imgur.com/KIwqp1N.png";
// import TPSlogo from "https://i.imgur.com/zO4GbnB.png";
// import NSC from "https://i.imgur.com/SIUgWI7.png";
// import LOGO from "https://i.imgur.com/sh4F6Xb.png";
import REXNT from "../../../assets/Images/REXNT.png";
import TPSlogo from "../../../assets/Images/TPS-logo.png";
import NSC from "../../../assets/Images/NSC.png";
import LOGO from "../../../assets/Images/LOGO.png";
const REXNT = "https://i.imgur.com/KIwqp1N.png";
const TPSlogo = "https://i.imgur.com/zO4GbnB.png";
const NSC = "https://i.imgur.com/SIUgWI7.png";
const LOGO = "https://i.imgur.com/sh4F6Xb.png";
// const REXNT = "https://i.imgur.com/KIwqp1N.png";
// const TPSlogo = "https://i.imgur.com/zO4GbnB.png";
// const NSC = "https://i.imgur.com/SIUgWI7.png";
// const LOGO = "https://i.imgur.com/sh4F6Xb.png";
export default function EngineeringHeroFlowbite() {
const { t, i18n } = useTranslation();
@ -230,7 +230,7 @@ export default function EngineeringHeroFlowbite() {
:root { --ehb-primary: #e67e22; --ehb-background: #000000; --ehb-surface: #95a5a6; --ehb-action: #34495e; --base: 16px }
.hero-section{position:relative;width:100%;height:100%;overflow:hidden}
.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background: linear-gradient(135deg, #57acd9 0%, rgba(55, 65, 81, 0.85) 50%, #47718b 100%);z-index:3}
.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(35deg, #57acd900 0%, rgb(151 162 179 / 0%) 50%, #47718b 100%);z-index:3}
.hero-layout{position:relative;z-index:10;height:100%;display:flex;align-items:center;justify-content:space-between;padding:clamp(12px,4vw,40px);gap:2rem;direction:ltr;flex-direction:row}
.hero-layout.layout-ltr{flex-direction:row-reverse}
.hero-left{flex:1;display:flex;align-items:center;justify-content:flex-start;padding:20px;position:relative;flex-direction:column}