Merge branch 'main' into main

Author: Susmita-Dey

CODE_OF_CONDUCT.md

@@ -6,8 +6,8 @@ We as members, contributors, and leaders pledge to make participation in our
 community a harassment-free experience for everyone, regardless of age, body
 size, visible or invisible disability, ethnicity, sex characteristics, gender
 identity and expression, level of experience, education, socio-economic status,
-nationality, personal appearance, race, religion, or sexual identity
-and orientation.
+nationality, personal appearance, race, caste, color, religion, or sexual
+identity and orientation.
 
 We pledge to act and interact in ways that contribute to an open, welcoming,
 diverse, inclusive, and healthy community.
@@ -17,23 +17,23 @@ diverse, inclusive, and healthy community.
 Examples of behavior that contributes to a positive environment for our
 community include:
 
-- Demonstrating empathy and kindness toward other people
-- Being respectful of differing opinions, viewpoints, and experiences
-- Giving and gracefully accepting constructive feedback
-- Accepting responsibility and apologizing to those affected by our mistakes,
+* Demonstrating empathy and kindness toward other people
+* Being respectful of differing opinions, viewpoints, and experiences
+* Giving and gracefully accepting constructive feedback
+* Accepting responsibility and apologizing to those affected by our mistakes,
   and learning from the experience
-- Focusing on what is best not just for us as individuals, but for the
-  overall community
+* Focusing on what is best not just for us as individuals, but for the overall
+  community
 
 Examples of unacceptable behavior include:
 
-- The use of sexualized language or imagery, and sexual attention or
-  advances of any kind
-- Trolling, insulting or derogatory comments, and personal or political attacks
-- Public or private harassment
-- Publishing others' private information, such as a physical or email
-  address, without their explicit permission
-- Other conduct which could reasonably be considered inappropriate in a
+* The use of sexualized language or imagery, and sexual attention or advances of
+  any kind
+* Trolling, insulting or derogatory comments, and personal or political attacks
+* Public or private harassment
+* Publishing others' private information, such as a physical or email address,
+  without their explicit permission
+* Other conduct which could reasonably be considered inappropriate in a
   professional setting
 
 ## Enforcement Responsibilities
@@ -82,15 +82,15 @@ behavior was inappropriate. A public apology may be requested.
 
 ### 2. Warning
 
-**Community Impact**: A violation through a single incident or series
-of actions.
+**Community Impact**: A violation through a single incident or series of
+actions.
 
 **Consequence**: A warning with consequences for continued behavior. No
 interaction with the people involved, including unsolicited interaction with
 those enforcing the Code of Conduct, for a specified period of time. This
 includes avoiding interactions in community spaces as well as external channels
-like social media. Violating these terms may lead to a temporary or
-permanent ban.
+like social media. Violating these terms may lead to a temporary or permanent
+ban.
 
 ### 3. Temporary Ban
 
@@ -109,20 +109,24 @@ Violating these terms may lead to a permanent ban.
 standards, including sustained inappropriate behavior, harassment of an
 individual, or aggression toward or disparagement of classes of individuals.
 
-**Consequence**: A permanent ban from any sort of public interaction within
-the community.
+**Consequence**: A permanent ban from any sort of public interaction within the
+community.
 
 ## Attribution
 
 This Code of Conduct is adapted from the [Contributor Covenant][homepage],
-version 2.0, available at
-https://www.contributor-covenant.org/version/2/0/code_of_conduct.html.
+version 2.1, available at
+[https://www.contributor-covenant.org/version/2/1/code_of_conduct.html][v2.1].
 
-Community Impact Guidelines were inspired by [Mozilla's code of conduct
-enforcement ladder](https://github.com/mozilla/diversity).
-
-[homepage]: https://www.contributor-covenant.org
+Community Impact Guidelines were inspired by
+[Mozilla's code of conduct enforcement ladder][Mozilla CoC].
 
 For answers to common questions about this code of conduct, see the FAQ at
-https://www.contributor-covenant.org/faq. Translations are available at
-https://www.contributor-covenant.org/translations.
+[https://www.contributor-covenant.org/faq][FAQ]. Translations are available at
+[https://www.contributor-covenant.org/translations][translations].
+
+[homepage]: https://www.contributor-covenant.org
+[v2.1]: https://www.contributor-covenant.org/version/2/1/code_of_conduct.html
+[Mozilla CoC]: https://github.com/mozilla/diversity
+[FAQ]: https://www.contributor-covenant.org/faq
+[translations]: https://www.contributor-covenant.org/translations

src/components/testimonial.js

@@ -48,9 +48,9 @@ const testimonials = [
 ];
 
 const Testimonial = ({ testimonial }) => (
-  <div className="bg-black p-4 rounded-xl delay-150 hover:-translate-y-1 duration-300 hover:scale-110 md:m-6 m-2 mt-8 h-100 border-2 border-white">
+  <div className=" bg-black p-4 rounded-xl delay-150 hover:-translate-y-1 duration-300 hover:scale-110 md:m-6 m-2 mt-8 h-96 w-auto border-2 border-white  text-lg text-center justify-center items-center">
     <p className="text-white">{testimonial.text}</p>
-    <div className="flex items-center mt-4">
+    <div className="flex justify-center mt-8">
       <div className="flex-shrink-0">
         <Image
           className="w-12 h-12 rounded-full"
@@ -70,71 +70,89 @@ const Testimonial = ({ testimonial }) => (
 const TestimonialCarousel = () => {
   const [current, setCurrent] = useState(0);
   const [numVisible, setNumVisible] = useState(3);
-
+  const [intervalId, setIntervalId] = useState(null);
   useEffect(() => {
     const handleResize = () => {
       const screenWidth = window.innerWidth;
-      if (screenWidth < 640) {
+      if (screenWidth <= 700) {
         setNumVisible(1);
-      } else if (screenWidth < 768) {
+      } else if (screenWidth >= 700 && screenWidth < 1024) {
+        setNumVisible(2);
+      } else if (screenWidth >= 1024 && screenWidth < 1300) {
         setNumVisible(2);
       } else {
         setNumVisible(3);
       }
     };
 
+    const startAutoCarousel = () => {
+      const id = setInterval(() => {
+        goToNext();
+      }, 5000);
+
+      return id;
+    };
+
     if (typeof window !== "undefined") {
       window.addEventListener("resize", handleResize);
     }
-
-    return () => {
-      if (typeof window !== "undefined") {
-        window.removeEventListener("resize", handleResize);
-      }
-    };
+    const intervalId = startAutoCarousel();
+    return () => clearInterval(intervalId);
   }, []);
 
   const visibleTestimonials = testimonials.slice(current, current + numVisible);
 
   const goToPrev = () => {
-    if (current === 0) {
-      setCurrent(testimonials.length - numVisible);
-    } else {
-      setCurrent(current - 1);
-    }
+    setCurrent((prev) => {
+      if (prev === 0) {
+        return testimonials.length - numVisible;
+      } else {
+        return prev - 1;
+      }
+    });
   };
 
   const goToNext = () => {
-    if (current === testimonials.length - numVisible) {
-      setCurrent(0);
-    } else {
-      setCurrent(current + 1);
-    }
+    setCurrent((prev) => {
+      if (prev + numVisible === testimonials.length) {
+        return 0;
+      } else {
+        return prev + 1;
+      }
+    });
   };
 
   return (
     <div className="py-10">
       <Header name="What Our Members Say About Us" />
-      <div className="flex flex-col items-center justify-center">
-        <div className="flex items-center mb-6">
-          <button
-            onClick={goToPrev}
-            className="bg-gray-800 text-white rounded-full p-3 flex justify-center items-center mr-2"
-          >
-            {"<"}
-          </button>
+      <div className="flex items-center justify-center">
+        <button
+          onClick={goToPrev}
+          className="bg-gray-800 text-white rounded-full p-3 flex justify-center items-center mr-2"
+        >
+          {"<"}
+        </button>
+        <div className="flex items-center mb-6 mx-auto">
           {visibleTestimonials.map((testimonial) => (
             <div key={testimonial.id}>
               <Testimonial testimonial={testimonial} />
             </div>
           ))}
-          <button
-            onClick={goToNext}
-            className="bg-gray-800 text-white rounded-full p-4 flex justify-center items-center ml-2"
-          >
-            {">"}
-          </button>
         </div>
+        <button
+          onClick={goToNext}
+          className="bg-gray-800 text-white rounded-full p-3 flex justify-center items-center mr-2"
+        >
+          {">"}
+        </button>
+      </div>
+      <div className="flex justify-center items-center gap-4">
+        {/* <button
+          onClick={goToPrev}
+          className="bg-gray-800 text-white rounded-full p-3 flex justify-center items-center mr-2"
+        >
+          {"<"}
+        </button> */}
         <div className="flex justify-center">
           {testimonials.map((testimonial, index) => (
             <div
@@ -146,6 +164,12 @@ const TestimonialCarousel = () => {
             ></div>
           ))}
         </div>
+        {/* <button
+          onClick={goToNext}
+          className="bg-gray-800 text-white rounded-full p-3 flex justify-center items-center mr-2"
+        >
+          {">"}
+        </button> */}
       </div>
     </div>
   );