diff --git a/package-lock.json b/package-lock.json index 15836b49..416c2096 100644 --- a/package-lock.json +++ b/package-lock.json @@ -966,11 +966,13 @@ } }, "node_modules/braces": { - "version": "3.0.2", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz", + "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==", "dev": true, "license": "MIT", "dependencies": { - "fill-range": "^7.0.1" + "fill-range": "^7.1.1" }, "engines": { "node": ">=8" @@ -1716,7 +1718,9 @@ } }, "node_modules/fill-range": { - "version": "7.0.1", + "version": "7.1.1", + "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz", + "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==", "dev": true, "license": "MIT", "dependencies": { @@ -1784,6 +1788,21 @@ "dev": true, "license": "ISC" }, + "node_modules/fsevents": { + "version": "2.3.3", + "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz", + "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==", + "dev": true, + "hasInstallScript": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": "^8.16.0 || ^10.6.0 || >=11.0.0" + } + }, "node_modules/function-bind": { "version": "1.1.1", "dev": true, @@ -2170,6 +2189,8 @@ }, "node_modules/is-number": { "version": "7.0.0", + "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", + "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", "dev": true, "license": "MIT", "engines": { @@ -2445,11 +2466,13 @@ } }, "node_modules/micromatch": { - "version": "4.0.5", + "version": "4.0.8", + "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz", + "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==", "dev": true, "license": "MIT", "dependencies": { - "braces": "^3.0.2", + "braces": "^3.0.3", "picomatch": "^2.3.1" }, "engines": { @@ -3187,7 +3210,9 @@ } }, "node_modules/rollup": { - "version": "3.26.3", + "version": "3.29.5", + "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.29.5.tgz", + "integrity": "sha512-GVsDdsbJzzy4S/v3dqWPJ7EfvZJfCHiDqe80IyrF59LYuP+e6U1LJoUqeuqRbwAWoMNoXivMNeNAOf5E22VA1w==", "dev": true, "license": "MIT", "bin": { @@ -3540,6 +3565,8 @@ }, "node_modules/to-regex-range": { "version": "5.0.1", + "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", + "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", "dev": true, "license": "MIT", "dependencies": { @@ -3695,13 +3722,15 @@ "license": "MIT" }, "node_modules/vite": { - "version": "4.4.4", + "version": "4.5.5", + "resolved": "https://registry.npmjs.org/vite/-/vite-4.5.5.tgz", + "integrity": "sha512-ifW3Lb2sMdX+WU91s3R0FyQlAyLxOzCSCP37ujw0+r5POeHPwe6udWVIElKQq8gk3t7b8rkmvqC6IHBpCff4GQ==", "dev": true, "license": "MIT", "dependencies": { "esbuild": "^0.18.10", - "postcss": "^8.4.25", - "rollup": "^3.25.2" + "postcss": "^8.4.27", + "rollup": "^3.27.1" }, "bin": { "vite": "bin/vite.js" diff --git a/src/components/testimonial-section/Testimonial.jsx b/src/components/testimonial-section/Testimonial.jsx index 62b5567f..04958c76 100644 --- a/src/components/testimonial-section/Testimonial.jsx +++ b/src/components/testimonial-section/Testimonial.jsx @@ -1,4 +1,4 @@ -import { useState } from "react"; +import { useEffect, useState } from "react"; import { BsChevronLeft, BsChevronRight } from "react-icons/bs"; import { RxDotFilled } from "react-icons/rx"; @@ -7,30 +7,39 @@ import person01 from "../../assets/Images/person01.png"; import person02 from "../../assets/Images/person02.png"; import person03 from "../../assets/Images/person03.png"; import testimonialbg from "../../assets/Images/testimonialbg.png"; + const slides = [ { url: person01, name: "Deman", paragraph: - "some dummy testimonials can be writteen here.some dummy testimonials can be writteen here.some dummy testimonials can be writteen here.some dummy testimonials can be writteen here.", + "The platform is user-friendly with a clean design, but the loading times could be faster. Adding personalized content recommendations would enhance the overall experience. Great work so far!", }, { url: person02, name: "Darla", paragraph: - "some dummy testimonials can be writteen here.some dummy testimonials can be writteen here.some dummy testimonials can be writteen here.some dummy testimonials can be writteen here.", + "I love the simplicity and ease of use on the site. However, it would be great to see quicker page load times and more interactive features, like real-time notifications. Keep up the good work!", }, { url: person03, name: "Hedrik", paragraph: - "some dummy testimonials can be writteen here.some dummy testimonials can be writteen here.some dummy testimonials can be writteen here.some dummy testimonials can be writteen here.", + "The interface is intuitive and visually appealing. One suggestion would be to add a dark mode option for better accessibility during nighttime use. Overall, it's a solid platform with great potential!", }, ]; const Testimonial = () => { const [slide, setSlide] = useState(0); + useEffect(() => { + const interval = setInterval(() => { + handleRightSlide(); + }, 3000); + + return () => clearInterval(interval); + }, [slide]); + function handleRightSlide() { const isLastSlide = slide === slides.length - 1; const nextSlide = isLastSlide ? 0 : slide + 1; @@ -60,7 +69,7 @@ const Testimonial = () => { alt="image" /> -
+
image
@@ -71,7 +80,7 @@ const Testimonial = () => {
- {slides[slide].name} +

{slides[slide].name}

{slides[slide].paragraph}