add collabs & exec testimonials

Author: devsdenepal

src/App.jsx

@@ -7,6 +7,7 @@ import About from './assets/Components/About/About'
 import Upcoming from './assets/Components/Upcoming/Upcoming'
 import Glimpses from './assets/Components/Glimpses/Glimpses'
 import Testimonial from './assets/Components/Testimonials/Testimonial'
+import Testimonials_2 from './assets/Components/Testimonials/Testimonials_2'
 const App = () => {
   return (
     <div>
@@ -23,6 +24,10 @@ const App = () => {
         <Glimpses>        </Glimpses>
         <Title title='TESTIMONIALS' subtitle='What student says'></Title>
         <Testimonial></Testimonial>
+        <Title title='COMMUNITIES AND ORGANIZATIONS' subtitle='Partnership and Collaboration With'></Title>
+        <Glimpses></Glimpses>
+        <Title title='TESTIMONIALS' subtitle='From Board and Advisors'></Title>
+<Testimonials_2></Testimonials_2>
       </div>
     </div>
   )

src/assets/Components/Testimonials/Testimonials_2.jsx

@@ -0,0 +1,56 @@
+import React, { useRef } from 'react';
+import Sub_testimonial from './Sub_testimonial'; // Ensure this matches the file name exactly
+import userImage from '../user-demo.png'; // Make sure the path is correct and the image exists
+
+const Testimonials_2 = () => {
+  const slider = useRef();
+  let tx = 0;
+  const slideForward = () => {
+    if (tx > -50) {
+      tx -= 25;
+    }
+    slider.current.style.transform = `translateX(${tx}%)`;
+  }
+  const slideBackward = () => {
+    if (tx < 0) {
+      tx += 25;
+    }
+    slider.current.style.transform = `translateX(${tx}%)`;
+  }
+  return (
+    <div className='testimonials'>
+      <i class="fa-solid fa-arrow-right next-btn" onClick={slideForward}></i>
+      <i class="fa-solid fa-arrow-left back-btn" onClick={slideBackward}></i>
+      <div className='slider'>
+        <ul ref={slider}>
+          <Sub_testimonial
+            userImage={userImage}
+            userName="Prabin Adhikari"
+            userTitle="Executive Member"
+            userMessage="Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus quam suscipit soluta porro maiores nihil, ut quod autem facere dignissimos atque sed modi ex aliquid voluptate ipsa error. Accusantium, beatae."
+          />
+          <Sub_testimonial
+            userImage={userImage}
+            userName="Prabin Adhikari"
+            userTitle="Executive Member"
+            userMessage="Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus quam suscipit soluta porro maiores nihil, ut quod autem facere dignissimos atque sed modi ex aliquid voluptate ipsa error. Accusantium, beatae."
+          />
+          <Sub_testimonial
+            userImage={userImage}
+            userName="Prabin Adhikari"
+            userTitle="Executive Member"
+            userMessage="Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus quam suscipit soluta porro maiores nihil, ut quod autem facere dignissimos atque sed modi ex aliquid voluptate ipsa error. Accusantium, beatae."
+          />
+          <Sub_testimonial
+            userImage={userImage}
+            userName="Prabin Adhikari"
+            userTitle="Executive Member"
+            userMessage="Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus quam suscipit soluta porro maiores nihil, ut quod autem facere dignissimos atque sed modi ex aliquid voluptate ipsa error. Accusantium, beatae."
+          />
+        </ul>
+      </div>
+    </div>
+  );
+}
+
+export default Testimonials_2;