MOVED IMAGES

src/components/layout/Footer.jsx

@@ -1,12 +1,12 @@
 import React from "react";
 import { Link } from "react-router-dom";
-import Logo from "../../assets/images/logo.png";
-import image3 from "../../assets/images/Rectangle 13.png";
-import image4 from "../../assets/images/Rectangle 14.png";
-import image5 from "../../assets/images/Rectangle 15.png";
-import image1 from "../../assets/images/Rectangle 2.png";
-import image2 from "../../assets/images/Rectangle 5.png";
-import image6 from "../../assets/images/Rectangle16.png";
+import Logo from "/assets/images/logo.png";
+import image3 from "/assets/images/Rectangle 13.png";
+import image4 from "/assets/images/Rectangle 14.png";
+import image5 from "/assets/images/Rectangle 15.png";
+import image1 from "/assets/images/Rectangle 2.png";
+import image2 from "/assets/images/Rectangle 5.png";
+import image6 from "/assets/images/Rectangle16.png";
 
 function Footer() {
   return (

src/components/layout/Header.jsx

@@ -2,7 +2,7 @@ import React from "react";
 
 import { Link, useLocation } from "react-router-dom";
 
-import Logo from "../../assets/images/logo.png";
+import Logo from "/assets/images/logo.png";
 import Button from "../Button";
 
 function Header(props) {

src/pages/about/About.jsx

@@ -1,8 +1,8 @@
 import React from "react";
-import image14 from "../../assets/images/Ellipse 94.png";
-import image10 from "../../assets/images/man.jpg";
-import image13 from "../../assets/images/muslim.jpg";
-import image12 from "../../assets/images/Rayon.jpg";
+import image14 from "/assets/images/Ellipse 94.png";
+import image10 from "/assets/images/man.jpg";
+import image13 from "/assets/images/muslim.jpg";
+import image12 from "/assets/images/Rayon.jpg";
 import Footer from "../../components/layout/Footer";
 import Header from "../../components/layout/Header";
 import Hero1 from "../../components/layout/Hero1";

src/pages/about/components/AboutSection.jsx

@@ -1,5 +1,5 @@
 import React from "react";
-import image11 from "../../../assets/images/baby.jpg";
+import image11 from "/assets/images/baby.jpg";
 
 function AboutSection() {
   return (

src/pages/causes/CauseDetails.jsx

@@ -1,7 +1,7 @@
 import React from "react";
 import { useParams } from "react-router-dom";
 import Button from "../../../src/components/Button";
-import image from "../../assets/images/Rectangle 2.png";
+import image from "/assets/images/Rectangle 2.png";
 import Footer from "../../components/layout/Footer";
 import GeneralHero from "../../components/layout/GeneralHero";
 import Header from "../../components/layout/Header";

src/pages/causes/Causes.jsx

@@ -1,7 +1,7 @@
 import React from "react";
 import Header from "../../components/layout/Header";
 import GeneralHero from "../../components/layout/GeneralHero";
-import image from "../../assets/images/Rectangle 2.png";
+import image from "/assets/images/Rectangle 2.png";
 import CausesSection from "./components/CausesSection";
 import Pagination from "../../components/Pagination";
 import StatisticsSection from "../../components/layout/StatisticsSection";

src/pages/causes/DonatePage.jsx

@@ -1,5 +1,5 @@
 import React from "react";
-import image from "../../assets/images/Rectangle 2.png";
+import image from "/assets/images/Rectangle 2.png";
 import Footer from "../../components/layout/Footer";
 import GeneralHero from "../../components/layout/GeneralHero";
 import Header from "../../components/layout/Header";

src/pages/causes/data/data.js

@@ -1,4 +1,4 @@
-import image from "../../../assets/images/Rectangle 5.png";
+import image from "/assets/images/Rectangle 5.png";
 
 export const donations = [
   {

src/pages/contact/Contact.jsx

@@ -1,5 +1,5 @@
 import React from "react";
-import image23 from "../../assets/images/map1.jpg";
+import image23 from "/assets/images/map1.jpg";
 import Footer from "../../components/layout/Footer";
 import Header from "../../components/layout/Header";
 import Hero1 from "../../components/layout/Hero1";

src/pages/donners/components/DonnersSection.jsx

@@ -1,14 +1,14 @@
 import React from "react";
-import image10 from "../../../assets/images/man.jpg";
-import image13 from "../../../assets/images/muslim.jpg";
-import image12 from "../../../assets/images/Rayon.jpg";
-import image17 from "../../../assets/images/Rectangle17.jpg";
-import image18 from "../../../assets/images/Rectangle18.jpg";
-import image19 from "../../../assets/images/Rectangle19.jpg";
-import image20 from "../../../assets/images/Rectangle20.jpg";
-import image21 from "../../../assets/images/Rectangle21.jpg";
-import image22 from "../../../assets/images/Rectangle22.jpg";
-import image23 from "../../../assets/images/Rectangle23.jpg";
+import image10 from "/assets/images/man.jpg";
+import image13 from "/assets/images/muslim.jpg";
+import image12 from "/assets/images/Rayon.jpg";
+import image17 from "/assets/images/Rectangle17.jpg";
+import image18 from "/assets/images/Rectangle18.jpg";
+import image19 from "/assets/images/Rectangle19.jpg";
+import image20 from "/assets/images/Rectangle20.jpg";
+import image21 from "/assets/images/Rectangle21.jpg";
+import image22 from "/assets/images/Rectangle22.jpg";
+import image23 from "/assets/images/Rectangle23.jpg";
 
 const DonnersSection = () => {
   return (

src/pages/faqs/Faqs.jsx

@@ -2,7 +2,7 @@ import React from 'react'
 import Header from '../../components/layout/Header'
 import Hero1 from '../../components/layout/Hero1'
 import Footer from '../../components/layout/Footer'
-import FaqsSection from './components/FaqsSection'
+// import FaqsSection from './components/FaqsSection'
 
 
 const Faqs = () => {
@@ -18,7 +18,7 @@ span = "FAQ'S"
 
 />
 
-<FaqsSection/>
+{/* <FaqsSection/> */}
 
 <Footer/>
 

src/pages/home/Home.jsx

@@ -1,7 +1,7 @@
 import React from "react";
 
-import image8 from "../../assets/images/Rectangle 10.png";
-import image7 from "../../assets/images/Rectangle 9.png";
+// import image8 from "/assets/images/Rectangle 10.png";
+// import image7 from "/assets/images/Rectangle 9.png";
 
 import "../../assets/styles/style.css";
 import Footer from "../../components/layout/Footer";

src/pages/home/components/BlogSection.jsx

@@ -1,7 +1,7 @@
 import React from "react";
-import image12 from "../../../assets/images/Rectangle 12.png";
-import image13 from "../../../assets/images/Rectangle 13.png";
-import image14 from "../../../assets/images/Rectangle 14.png";
+import image12 from "/assets/images/Rectangle 12.png";
+import image13 from "/assets/images/Rectangle 13.png";
+import image14 from "/assets/images/Rectangle 14.png";
 import BlogCard from "./BlogCard";
 
 function BlogSection() {

src/pages/home/components/DonationSection.jsx

@@ -10,17 +10,17 @@ function DonationSection() {
       </p>
       <div className="flex flex-col gap-8 lg:flex-row">
 
-      {donations.slice(0, 3).map((donation, index) => (
-  <DonationCard key={donation.id} {...donation} />
-))}
-
+            {donations.slice(0, 3).map((donation, index) => (
+        <DonationCard key={donation.id} {...donation} />
+              ))}
+      </div>
       <div className="flex flex-row gap-1 ">
         <div className="w-4 h-4 rounded-lg bg-[#9483F1]"></div>
         <div className="w-16 h-4 rounded-lg bg-primary-color"></div>
         <div className="w-4 h-4 rounded-lg bg-[#9483F1]"></div>
       </div>
     </section>
-  );
+  )
 }
 
 export default DonationSection;

src/pages/home/components/EventCard.jsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import image10 from "../../../assets/images/image1.png";
+import image10 from "/assets/images/Image1.png";
 
 
 function EventCard(props) {

src/pages/home/components/HelpSection.jsx

@@ -1,7 +1,7 @@
 import React from "react";
-import icon from "../../../assets/images/icon.png";
-import icon2 from "../../../assets/images/icon2.png";
-import icon3 from "../../../assets/images/icon3.png";
+import icon from "/assets/images/Icon.png";
+import icon2 from "/assets/images/Icon2.png";
+import icon3 from "/assets/images/Icon3.png";
 import HelpCard from "./HelpCard";
 
 function HelpSection() {

src/pages/home/components/Hero.jsx

@@ -1,5 +1,5 @@
 import React from "react";
-import heroImage from "../../../assets/images/hero-image.png";
+import heroImage from "/assets/images/hero-image.png";
 import Button from "../../../components/Button";
 function Hero() {
   return (

src/pages/home/components/PeopleDonationSection.jsx

@@ -1,7 +1,7 @@
 import React from "react";
-import image9 from "../../../assets/images/Ellipse 94.png";
-import image8 from "../../../assets/images/Rectangle 10.png";
-import image7 from "../../../assets/images/Rectangle 9.png";
+import image9 from "/assets/images/Ellipse 94.png";
+import image8 from "/assets/images/Rectangle 10.png";
+import image7 from "/assets/images/Rectangle 9.png";
 import Button from "../../../components/Button";
 
 function PeopleDonationSection() {

src/pages/home/components/ReviewSection.jsx

@@ -1,5 +1,5 @@
 import React from "react";
-import image9 from "../../../assets/images/Ellipse 94.png";
+import image9 from "/assets/images/Ellipse 94.png";
 import ReviewCard from "./ReviewCard";
 
 function ReviewSection() {

src/pages/leadership/components/LeadershipSection.jsx

@@ -1,16 +1,16 @@
 import React from "react";
-import image10 from "../../../assets/images/man.jpg";
-import image12 from "../../../assets/images/Rayon.jpg";
-import image17 from "../../../assets/images/Rectangle17.jpg";
-import image18 from "../../../assets/images/Rectangle18.jpg";
-import image19 from "../../../assets/images/Rectangle19.jpg";
-import image20 from "../../../assets/images/Rectangle20.jpg";
+import image10 from "/assets/images/man.jpg";
+import image12 from "/assets/images/Rayon.jpg";
+import image17 from "/assets/images/Rectangle17.jpg";
+import image18 from "/assets/images/Rectangle18.jpg";
+import image19 from "/assets/images/Rectangle19.jpg";
+import image20 from "/assets/images/Rectangle20.jpg";
 
-import image13 from "../../../assets/images/muslim.jpg";
+import image13 from "/assets/images/muslim.jpg";
 
-import image21 from "../../../assets/images/Rectangle21.jpg";
-import image22 from "../../../assets/images/Rectangle22.jpg";
-import image23 from "../../../assets/images/Rectangle23.jpg";
+import image21 from "/assets/images/Rectangle21.jpg";
+import image22 from "/assets/images/Rectangle22.jpg";
+import image23 from "/assets/images/Rectangle23.jpg";
 
 const LeadershipSection = () => {
   return (