added testimonial

src/Pages/IntroPage.jsx

@@ -248,6 +248,59 @@ const IntroPage = () => {
         </div>
       </section>
 
+        {/* Add Testimonials Section before the footer */}
+        <section className="py-20 bg-white">
+        <div className="container mx-auto px-4">
+          <div className="text-center mb-16">
+            <div className="inline-flex items-center gap-2 bg-[#EEF2FF] p-2 rounded-full mb-4">
+              <span className="bg-[#2463EB] p-2 rounded-full">
+                <Users className="w-5 h-5 text-white" />
+              </span>
+              <span className="text-[#2463EB] pr-2 font-medium">
+                Testimonials
+              </span>
+            </div>
+            <h2 className="text-4xl font-bold text-[#1E293B] mb-4">
+              What Our Interns Say
+            </h2>
+            <p className="text-[#64748B] max-w-2xl mx-auto">
+              Hear from our alumni about their experiences stories with IISPPR
+            </p>
+          </div>
+
+          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
+            {testimonials.map((testimonial, index) => (
+              <motion.div
+                key={index}
+                whileHover={{ scale: 1.03 }}
+                className="bg-[#F8F9FD] p-8 rounded-xl shadow-sm hover:shadow-md transition-shadow"
+              >
+                <div className="flex items-center mb-6">
+                  <img
+                    src={testimonial.image}
+                    alt={testimonial.name}
+                    className="w-16 h-16 rounded-full object-cover"
+                  />
+                  <div className="ml-4">
+                    <h3 className="text-lg font-semibold text-[#1E293B]">{testimonial.name}</h3>
+                    <p className="text-[#64748B] text-sm">{testimonial.role}</p>
+                  </div>
+                </div>
+                <p className="text-[#64748B] italic mb-4">"{testimonial.quote}"</p>
+                {/* <div className="flex gap-1">
+                  {[...Array(5)].map((_, i) => (
+                    <Award
+                      key={i}
+                      className={w-5 h-5 ${i < testimonial.rating ? "text-[#2463EB]" : "text-gray-300"}}
+                    />
+                  ))}
+                </div> */}
+              </motion.div>
+            ))}
+          </div>
+        </div>
+      </section>
+
       {/* Footer */}
       <footer className="bg-[#1E293B] text-[#94A3B8] py-16">
         <div className="container mx-auto px-4">
@@ -410,5 +463,26 @@ const whyJoinReasons = [
       "IISPPR provides a comprehensive framework for public policy and sustainable development goals SDGs that address complex global policy issues. Discussions on public policies, international policies, and treaties are conducted to emphasize a thorough understanding of the policy issues.",
   },
 ];
+const testimonials = [
+  {
+    name: "Sombatla Truc Deydeepya Lakshmi",
+    role: "HR Intern",
+    quote: "The mentorship and hands-on experience at IISPPR were invaluable. I gained practical HR skills that will help me secure my dream position.",
+    image: "https://iisppr.in/userimg/pfp_12162024233023.jpg"
+  },
+  {
+    name: "Bhavesh Vinod Rathod",
+    role: "FullStack Developer Intern",
+    quote: "IISPPR's comprehensive training in leading and guiding the team gave me the foundation I needed to make meaningful contributions for Project Development.",
+    image: "https://iisppr.in/userimg/IMG_20230711_144717_12162024195321.jpg"
+  },
+  {
+    name: "Bhaskar Lekkala",
+    role: "Frontend Intern",
+    quote: "The collaborative environment and exposure to diverse designing areas helped me develop a holistic understanding of UI/UX design and software development using various AI designing tools.",
+    image: "https://iisppr.in/userimg/IMG_7720_12182024170525.jpeg"
+  }
+];
 
 export default IntroPage;
+