From 2d432bc3dfbe77e9f253b6ffca0caef3bfb8a51c Mon Sep 17 00:00:00 2001
From: Spyke Lionel <social.lionel@gmail.com>
Date: Sun, 11 Aug 2024 11:19:06 +0100
Subject: [PATCH 1/3] add leadership route

---
 src/App.jsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/App.jsx b/src/App.jsx
index 01b6217..0178805 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -9,6 +9,7 @@ import Causes from "./pages/causes/Causes";
 import DonatePage from "./pages/causes/DonatePage";
 import Contact from "./pages/contact/Contact";
 import Home from "./pages/home/Home";
+import Leadership from "./pages/leadership/Leadership";
 
 function App() {
   return (
@@ -17,7 +18,7 @@ function App() {
         <Route path="/" element={<Home />} />
         <Route path="/about" element={<About />} />
         <Route path="/contact" element={<Contact />} />
-
+        <Route path="/leadership" element={<Leadership />} />
         <Route path="/causes" element={<Causes />} />
         <Route path="/causes/:id" element={<CauseDetails />} />
         <Route path="/donate" element={<DonatePage />} />

From cc285a0446b6194f54f58a8089729e1f659e1285 Mon Sep 17 00:00:00 2001
From: Spyke Lionel <social.lionel@gmail.com>
Date: Sun, 11 Aug 2024 11:19:15 +0100
Subject: [PATCH 2/3] use Link from rrd

---
 src/components/layout/Footer.jsx | 49 ++++++++++++++++----------------
 1 file changed, 24 insertions(+), 25 deletions(-)

diff --git a/src/components/layout/Footer.jsx b/src/components/layout/Footer.jsx
index 687e5a8..3558191 100644
--- a/src/components/layout/Footer.jsx
+++ b/src/components/layout/Footer.jsx
@@ -1,11 +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 image6 from "../../assets/images/Rectangle16.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 (
@@ -20,66 +21,64 @@ function Footer() {
         </div>
 
         <div className=" w-1/3 md:w-full">
-          <h3 className='mb-6'>Gallery</h3>
+          <h3 className="mb-6">Gallery</h3>
           <div className="flex flex-col justify-between">
-           
-            <div className=' flex '>
-            <img src={image1} alt="" className="w-20 h-20 " />
-            <img src={image2} alt="" className="w-20  h-20 mx-3" />
-            <img src={image3} alt="" className="w-20 h-20  mx-1" />
+            <div className=" flex ">
+              <img src={image1} alt="" className="w-20 h-20 " />
+              <img src={image2} alt="" className="w-20  h-20 mx-3" />
+              <img src={image3} alt="" className="w-20 h-20  mx-1" />
             </div>
 
-              <div className=' flex pt-3'>
+            <div className=" flex pt-3">
               <img src={image4} alt="" className="w-20 h-20" />
-            <img src={image5} alt="" className="w-20 h-20 mx-3" />
-            <img src={image6} alt="" className="w-20 h-20  mx-1" />
-              </div>
-
+              <img src={image5} alt="" className="w-20 h-20 mx-3" />
+              <img src={image6} alt="" className="w-20 h-20  mx-1" />
+            </div>
           </div>
         </div>
 
-        <div className=" w-1/3 md:w-full flex flex-col gap-6">
+        <div className="w-1/3 md:w-full flex flex-col gap-6">
           <h3>Quick Links</h3>
           <div className="flex flex-row gap-6  text-sm ">
             <ul className=" list-none flex flex-col gap-3 items-start ">
               <li>
-                <a href="about"> About Us</a>
+                <Link to="/about">About Us</Link>
               </li>
               <li>
-                <a href="career">Career</a>
+                <Link to="/career">Career</Link>
               </li>
               <li>
-                <a href="leadership"> Leadership</a>
+                <Link to="/leadership">Leadership</Link>
               </li>
               <li>
-                <a href="faqs"> FAQ's</a>
+                <Link to="/faqs">FAQ's</Link>
               </li>
               <li>
-                <a href="appointment"> Appointments</a>
+                <Link to="/appointment">Appointments</Link>
               </li>
               <li>
-                <a href="donners"> Donners</a>
+                <Link to="/donners">Donners</Link>
               </li>
             </ul>
 
             <ul className="list-none flex flex-col gap-3 items-start ">
               <li>
-                <a href="volunteer"> Become Volunteer</a>
+                <Link to="/volunteer"> Become Volunteer</Link>
               </li>
               <li>
-                <a href="donationhistory"> Donation History</a>
+                <Link to="/donationhistory"> Donation History</Link>
               </li>
               <li>
-                <a href="donationfailed"> Donation Failed</a>
+                <Link to="/donationfailed"> Donation Failed</Link>
               </li>
               <li>
-                <a href="404"> 404</a>
+                <Link to="/404"> 404</Link>
               </li>
               <li>
-                <a href="comingsoon"> Coming Soon</a>
+                <Link to="/comingsoon"> Coming Soon</Link>
               </li>
               <li>
-                <a href="#"> Medical Facilities </a>
+                <Link to="/#"> Medical Facilities </Link>
               </li>
             </ul>
           </div>

From 35a787399af1f5aa09936386f79dbb3e58fc8702 Mon Sep 17 00:00:00 2001
From: Spyke Lionel <social.lionel@gmail.com>
Date: Sun, 11 Aug 2024 11:19:25 +0100
Subject: [PATCH 3/3] add leadership [age

---
 src/pages/leadership/Leadership.jsx           | 20 +++++
 .../components/LeadershipSection.jsx          | 78 +++++++++++++++++++
 2 files changed, 98 insertions(+)
 create mode 100644 src/pages/leadership/Leadership.jsx
 create mode 100644 src/pages/leadership/components/LeadershipSection.jsx

diff --git a/src/pages/leadership/Leadership.jsx b/src/pages/leadership/Leadership.jsx
new file mode 100644
index 0000000..2d54a55
--- /dev/null
+++ b/src/pages/leadership/Leadership.jsx
@@ -0,0 +1,20 @@
+import React from "react";
+import Footer from "../../components/layout/Footer";
+import Header from "../../components/layout/Header";
+import Hero1 from "../../components/layout/Hero1";
+import Pagination from "../../components/Pagination";
+import LeadershipSection from "./components/LeadershipSection";
+
+const Leadership = () => {
+  return (
+    <div>
+      <Header />
+      <Hero1 title="LeaderShip" text="Home" span="LeaderShip" />
+      <LeadershipSection />
+      <Pagination />
+      <Footer />
+    </div>
+  );
+};
+
+export default Leadership;
diff --git a/src/pages/leadership/components/LeadershipSection.jsx b/src/pages/leadership/components/LeadershipSection.jsx
new file mode 100644
index 0000000..056c29e
--- /dev/null
+++ b/src/pages/leadership/components/LeadershipSection.jsx
@@ -0,0 +1,78 @@
+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 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";
+
+const LeadershipSection = () => {
+  return (
+    <div className=" mt-20">
+      <h1 className="text-4xl pb-7 font-semibold text-center">
+        Meet Our Volunteer
+      </h1>
+      <p className=" text-center pb-10 text-2xl px-28 pr-28">
+        Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dolorem
+        suscipit dolor architecto. Repudiandae quae aut beatae tempora.
+        Voluptatibus, doloremque ullam!
+      </p>
+
+      <div className="flex g-3 justify-evenly ">
+        <div>
+          <img src={image19} alt="" className="w-80 h-96" />
+        </div>
+        <div>
+          <img src={image17} alt="" className="w-80 h-96" />
+        </div>
+        <div>
+          <img src={image20} alt="" className="w-80 h-96" />
+        </div>
+      </div>
+
+      <div className="flex g-3 justify-evenly pt-6">
+        <div>
+          <img src={image12} alt="" className="w-80 h-96" />
+        </div>
+        <div>
+          <img src={image18} alt="" className="w-80 h-96" />
+        </div>
+        <div>
+          <img src={image19} alt="" className="w-80 h-96" />
+        </div>
+      </div>
+
+      <div className="flex g-3 justify-evenly pt-6">
+        <div>
+          <img src={image10} alt="" className="w-80 h-96" />
+        </div>
+        <div>
+          <img src={image22} alt="" className="w-80 h-96" />
+        </div>
+        <div>
+          <img src={image13} alt="" className="w-80 h-96" />
+        </div>
+      </div>
+
+      <div className="flex g-3 justify-evenly pt-6">
+        <div>
+          <img src={image21} alt="" className="w-80 h-96" />
+        </div>
+        <div>
+          <img src={image12} alt="" className="w-80 h-96" />
+        </div>
+        <div>
+          <img src={image23} alt="" className="w-80 h-96" />
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default LeadershipSection;