Merge pull request #731 from Susmita-Dey/main

Rebuilt testimonial section for DSA page

src/components/layout/Testimonials.jsx

@@ -1,5 +1,9 @@
+import Carousel from 'better-react-carousel';
+import { AiFillLeftCircle, AiFillRightCircle } from 'react-icons/ai';
+
 import clsxm from '@/lib/utils';
 
+import TestimonialCard from '@/components/Cards/TestimonialCard';
 import TweetCarousael from '@/components/TweetCarousael';
 
 const Testimonials = ({
@@ -8,6 +12,7 @@ const Testimonials = ({
   as = 'section',
   className,
   setTweetId,
+  content,
 }) => {
   const Compoonent = as || 'section';
   return (
@@ -21,7 +26,39 @@ const Testimonials = ({
         <h2 className='h1'>{title}</h2>
         <hr className='styled-hr' />
 
-        <TweetCarousael tweetId={tweetId} setTweetId={setTweetId} />
+        {tweetId ? (
+          <TweetCarousael tweetId={tweetId} setTweetId={setTweetId} />
+        ) : (
+          <div className='flex flex-col gap-4'>
+            <Carousel
+              cols={3}
+              rows={1}
+              gap={20}
+              autoplay={2500}
+              dotColorActive='rgb(89,66,233)'
+              arrowRight={
+                <AiFillRightCircle
+                  size={50}
+                  className='absolute top-1/2 right-[-35px] z-10 -translate-y-1/2 cursor-pointer rounded-full bg-black text-2xl text-indigo-600'
+                />
+              }
+              arrowLeft={
+                <AiFillLeftCircle
+                  size={50}
+                  className='absolute top-1/2 left-[-35px] z-10 -translate-y-1/2 cursor-pointer rounded-full bg-black text-2xl text-indigo-600'
+                />
+              }
+              showDots
+              loop
+            >
+              {content?.map((item) => (
+                <Carousel.Item key={item.from}>
+                  <TestimonialCard {...item} />
+                </Carousel.Item>
+              ))}
+            </Carousel>
+          </div>
+        )}
       </div>
     </Compoonent>
   );

src/content/courses/dsa.js

@@ -1,5 +1,9 @@
 import { SingleCoursesPageHeader } from '@/content/courses/CoursesPageContent';
 
+import arsalan from '@/assets/courses/testimonials/arsalan.jpg';
+import Manoj from '@/assets/courses/testimonials/Manoj.jpg';
+import muhammad from '@/assets/courses/testimonials/muhammad.jpg';
+
 const DsaPageContent = {
   header: SingleCoursesPageHeader,
   content: {
@@ -119,14 +123,28 @@ const DsaPageContent = {
           "Greedy algorithms, tries, sliding window, two pointer, kadane's algorithm, and more!",
       },
     ],
-    tweetId: [
-      '1620824479395090435',
-      '1620081639199244288',
-      '1620489706994806785',
-      '1620828035804184579',
-      '1617535692497883138',
-      '1487399069383155716',
-      '1544248976664567811',
+    testimonials: [
+      {
+        src: arsalan,
+        description:
+          '#100DaysOfCode Resumed my DSA after so many days. Right Now learning String, Subset and Subsequence question from Recursion playlist of @kunalstwt #DSAWithKunal',
+        from: 'ARSALAN',
+        designation: '@Arsalan_0101',
+      },
+      {
+        src: muhammad,
+        description:
+          'Started with #DSAWithKunal and #LearningWithApoorv and many other resources for Web development. I will now be shifting towards technical blogs about Web Development and DSA. Whatever I learn, will come in the form of blogs and threads.',
+        from: 'MUHAMMAD NOORANI',
+        designation: '@MuhammadN_twts',
+      },
+      {
+        src: Manoj,
+        description:
+          "🎯 Thrilled to have cracked interview questions from major tech giants like Facebook, all thanks to the invaluable guidance of Kunal Kushwaha!🏆 I've compiled my solutions on GitHub for those prepping for technical interviews.     #interviewsuccess #DSAWithKunal",
+        from: 'MANOJ KUMAR',
+        designation: '@manojkumarbonala',
+      },
     ],
   },
 

src/pages/SingleCoursePage.jsx

@@ -8,7 +8,13 @@ const CoursesPage = ({ content }) => {
   return (
     <Layout content={content}>
       <About content={content.content} />
-      <Testimonials tweetId={tweetId} setTweetId={setTweetId} />
+      {tweetId ? (
+        <Testimonials tweetId={tweetId} setTweetId={setTweetId} />
+      ) : (
+        <>
+          <Testimonials content={content.content.testimonials} />
+        </>
+      )}
       {content.content.syllabus.length > 0 && (
         <Syllabus content={content.content} />
       )}