diff --git a/app/(home)/components/SponsorsDesktop.tsx b/app/(home)/components/SponsorsDesktop.tsx
index 11061cf..db81c73 100644
--- a/app/(home)/components/SponsorsDesktop.tsx
+++ b/app/(home)/components/SponsorsDesktop.tsx
@@ -158,7 +158,7 @@ const SponsorsDesktop = ({ sponsors }: { sponsors: SponsorshipProps[] }) => {
               <p className="lg:text-xl mt-4 text-[12px] max-md:m-5 pr-3 pl-3">
                 {featuredSponsor.description}
                 <br></br>
-                <br></br>— {featuredSponsor.name}
+                <br></br>- {featuredSponsor.name}
               </p>
             </Link>
           </div>
diff --git a/app/(home)/components/Testimonials.tsx b/app/(home)/components/Testimonials.tsx
new file mode 100644
index 0000000..47fd153
--- /dev/null
+++ b/app/(home)/components/Testimonials.tsx
@@ -0,0 +1,291 @@
+'use client';
+
+import { Button } from '@/components/ui/button';
+import Image from 'next/image';
+import { Container } from '@/components/ui/container';
+import Link from 'next/link';
+import { CarouselDots, type CarouselApi } from '@/components/ui/carousel';
+import { useState, useRef, useEffect } from 'react';
+import YellowStar from '@/public/assets/testimonials/yellow-star.svg';
+import WhiteStar from '@/public/assets/testimonials/white-star.svg';
+import ChatBubble from '@/public/assets/testimonials/chat-bubble.svg';
+import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';
+import {
+  Carousel,
+  CarouselContent,
+  CarouselItem,
+  CarouselNext,
+  CarouselPrevious,
+} from '@/components/ui/carousel';
+
+type TestimonialProps = {
+  text: string;
+  rate: number;
+  active: boolean;
+};
+
+export function Testimonials() {
+  const dummyData = [
+    {
+      name: 'AlexByte_97',
+      date: '2 days ago',
+      comment:
+        "I've been following similar content for a while, but this one really stands out. The attention to detail and the way everything is explained so clearly make it incredibly easy to understand. Honestly, I wish more people put this level of effort into their posts. Keep it up! Looking forward to more amazing content like this! ????",
+      rate: 5,
+      profilePic: 'https://github.com/shadcn.png',
+    },
+    {
+      name: 'GamerXtreme',
+      date: '3 weeks ago',
+      comment: 'Not bad, but I expected a bit more tbh. ??',
+      rate: 3,
+      profilePic: 'https://github.com/shadcn.png',
+    },
+    {
+      name: 'TechieTasha',
+      date: '5 days ago',
+      comment: 'Super useful, definitely sharing this! ??',
+      rate: 4,
+      profilePic: 'https://github.com/shadcn.png',
+    },
+    {
+      name: 'MemeLord420',
+      date: '1 month ago',
+      comment: "Bro, this ain't it... ??",
+      rate: 2,
+      profilePic: 'https://github.com/shadcn.png',
+    },
+    {
+      name: 'NeonC0der',
+      date: '10 hours ago',
+      comment:
+        'I appreciate the effort that went into this, but I feel like some parts could have been elaborated on a bit more. Certain sections were great, but others felt a little rushed. That being said, I still learned a lot and really enjoyed the overall message. Keep refining your style because you definitely have potential! Excited to see how your content evolves over time. ??',
+      rate: 4,
+      profilePic: 'https://github.com/shadcn.png',
+    },
+  ];
+
+  const [api, setApi] = useState<CarouselApi>();
+  const [current, setCurrent] = useState(0);
+  const [isInteracting, setIsInteracting] = useState(false);
+
+  useEffect(() => {
+    if (!api) {
+      return;
+    }
+    setCurrent(api.selectedScrollSnap());
+
+    api.on('select', () => {
+      setCurrent(api.selectedScrollSnap());
+    });
+  }, [api]);
+
+  return (
+    <section className="relative z-10 text-white py-12 sm:py-16 -ms-4 lg:-ms-0 ">
+      <Container className="space-y-6 xl:space-x-0 mx-auto lg:space-y-3">
+        {/* Combined container: Ratings + Button */}
+        <div className="flex flex-col space-y-5 xl:flex-row xl:justify-between px-[1%] 2xl:px-0 sm:pb-4 lg:flex-row lg:px-14">
+          {/* Logo & Ratings */}
+          <div className="flex flex-col items-center xl:items-start xl:text-left w-full lg:items-start">
+            <div className="-space-y-4">
+              <div className="flex items-center gap-x-2">
+                <Image
+                  src="/assets/logo.svg"
+                  height={64}
+                  width={64}
+                  className="h-16 sm:h-24 w-auto"
+                  alt="Durianpy Logo"
+                  priority
+                />
+                <h2 className="text-2xl mt-2 sm:text-3xl sm:mt-3 font-normal">
+                  Ratings
+                </h2>
+              </div>
+
+              {/* Star Ratings */}
+              <div className="flex text-xs sm:text-base sm:flex-row self items-center space-x-1 sm:space-x-4 -mt-5 ms-2">
+                <span className="font-semibold mt-1">4.8</span>
+                <div className="flex -space-x-3 sm:-space-x-1">
+                  {[...Array(4)].map((_, i) => (
+                    <Image
+                      src={YellowStar}
+                      alt="yellow star"
+                      key={i}
+                      className="p-2 sm:p-[6px]"
+                    />
+                  ))}
+                  <Image
+                    src={WhiteStar}
+                    alt="yellow star"
+                    className="p-2 sm:p-[6px]"
+                  />
+                </div>
+                <span className="font-light mt-1">5 reviews</span>
+              </div>
+            </div>
+          </div>
+
+          {/* Button */}
+          <div className="mx-auto">
+            <Link href="https://www.meetup.com/durianpy/" target="_blank">
+              <Button
+                variant="footer"
+                className="py-1 px-4 text-xs sm:py-1.5 sm:px-6 text-black sm:text-lg sm:font-normal lg:mt-3"
+              >
+                Write a Review
+              </Button>
+            </Link>
+          </div>
+        </div>
+
+        {/* CAROUSEL */}
+        <div>
+          <Carousel
+            setApi={setApi}
+            opts={{ loop: true }}
+            autoplay={!isInteracting}
+            autoplayInterval={5000}
+            onClick={() => setIsInteracting(true)}
+            onMouseLeave={() => setIsInteracting(false)}
+            className="max-w-96 sm:w-96 lg:max-w-full lg:w-full lg:px-5 mx-auto"
+          >
+            <CarouselContent className="flex mx-auto sm:-ms-4 lg:-ms-0 lg:py-8">
+              {dummyData.map((data, index) => (
+                <CarouselItem
+                  className="flex-col justify-center lg:basis-1/3 lg:px-11"
+                  key={index}
+                >
+                  <TestimonialCard
+                    text={data.comment}
+                    rate={data.rate}
+                    active={current === index ? true : false}
+                  />
+                  <div
+                    className={
+                      current === index
+                        ? 'flex justify-center items-center space-x-3 mt-4 sm:mt-2 sm:-ms-16 lg:-ms-5 lg:scale-125 lg:mt-12 transition-all duration-300 ease-in-out'
+                        : 'flex justify-center items-center space-x-3 mt-4 sm:mt-2 sm:-ms-16 lg:-ms-0 lg:mb-12 transition-all duration-300 ease-in-out'
+                    }
+                  >
+                    <Avatar className="h-16 w-16">
+                      <AvatarImage src={data.profilePic} />
+                      <AvatarFallback className="text-2xl text-[#B3B3B3]">
+                        {data.name
+                          .split(' ')
+                          .map((word) => word[0])
+                          .join('')
+                          .toUpperCase()}
+                      </AvatarFallback>
+                    </Avatar>
+                    <div className="flex-col">
+                      <div>{data.name}</div>
+                      <div className="text-sm text-[#B3B3B3]">{data.date}</div>
+                    </div>
+                  </div>
+                </CarouselItem>
+              ))}
+            </CarouselContent>
+            <CarouselPrevious
+              className="hidden sm:block absolute -left-24 h-20 w-20 -mt-[5%] lg:-left-6 lg:h-20 lg:w-20"
+              onClick={() => api?.scrollTo(current - 1)}
+            />
+            <CarouselNext
+              className="hidden sm:block absolute -right-24 h-20 w-20 -mt-[5%] lg:-right-6 lg:h-20 lg:w-20"
+              onClick={() => api?.scrollTo(current + 1)}
+            />
+            <CarouselDots className="pt-5" />
+          </Carousel>
+        </div>
+      </Container>
+    </section>
+  );
+}
+
+export function TestimonialCard({ text, rate, active }: TestimonialProps) {
+  const starRate = [];
+  const textRef = useRef<HTMLDivElement>(null);
+  const [isTextOverflowing, setIsTextOverflowing] = useState(false);
+
+  // Check if text is overflowing
+  useEffect(() => {
+    const checkOverflow = () => {
+      if (textRef.current) {
+        const element = textRef.current;
+        const isOverflowing =
+          element.scrollHeight > element.clientHeight ||
+          element.scrollWidth > element.clientWidth;
+        setIsTextOverflowing(isOverflowing);
+      }
+    };
+
+    checkOverflow();
+    // Re-check on window resize
+    window.addEventListener('resize', checkOverflow);
+    return () => window.removeEventListener('resize', checkOverflow);
+  }, [text]);
+
+  // Append stars
+  for (let i = 0; i < 5; i++) {
+    // If index is greater than the rating, append white star, else yellow star.
+    if (i >= rate) {
+      starRate.push(
+        <Image src={WhiteStar} alt="yellow star" key={i} className="lg:p-1" />
+      );
+    } else {
+      starRate.push(
+        <Image src={YellowStar} alt="yellow star" key={i} className="lg:p-1" />
+      );
+    }
+  }
+
+  return (
+    <>
+      {/* Mobile View Display */}
+      <div className="relative sm:hidden h-24 p-5 bg-medium-dark-green border border-[#36FF90] rounded-xl w-full text-clip overflow-hidden">
+        <div className="text-xs sm:text-base">{text}</div>
+        {isTextOverflowing && (
+          <div className="absolute bottom-0 pb-2 pt-14 bg-gradient-to-t from-medium-dark-green from-20% inset-x-5">
+            <Link
+              href="/404"
+              target="_blank"
+              className="text-xs sm:text-base text-yellow-400 underline"
+            >
+              Read more
+            </Link>
+          </div>
+        )}
+      </div>
+
+      {/* Tablet & Laptop View Display */}
+      <div
+        className={
+          active === true
+            ? 'hidden sm:block relative transition-all duration-300 ease-in-out lg:scale-125'
+            : 'hidden sm:block relative transition-all duration-300 ease-in-out'
+        }
+      >
+        <Image src={ChatBubble} alt="chat-bubble" />
+        <div className="flex absolute top-5 inset-x-0 justify-center space-x-2.5 lg:space-x-0.5">
+          {starRate}
+        </div>
+        <div
+          ref={textRef}
+          className="absolute top-16 mt-1 h-44 px-9 text-lg text-clip overflow-hidden lg:text-base lg:px-7 lg:h-1/3 xl:h-1/2"
+        >
+          {text}
+        </div>
+        {isTextOverflowing && (
+          <div className="absolute bottom-14 pb-2 pt-28 bg-gradient-to-t from-medium-dark-green from-25% inset-x-9 lg:inset-x-7 lg:bottom-10">
+            <Link
+              href="/404"
+              target="_blank"
+              className="text-[#B3B3B3] underline lg:text-xs"
+            >
+              Read more
+            </Link>
+          </div>
+        )}
+      </div>
+    </>
+  );
+}
diff --git a/app/(home)/page.tsx b/app/(home)/page.tsx
index 5992684..ba6fbe0 100644
--- a/app/(home)/page.tsx
+++ b/app/(home)/page.tsx
@@ -7,6 +7,8 @@ import { Partners } from './components//Partners';
 // import UpcomingEvents from './components//UpcomingEvents';
 import { Sponsors } from './components/Sponsors';
 
+import { Testimonials } from './components/Testimonials';
+
 export default function HomePage() {
   return (
     <main>
@@ -14,6 +16,7 @@ export default function HomePage() {
       <Carousel />
       <CTASection />
       <StatsAndReviews />
+      <Testimonials />
       <PythonFoundation />
       <Partners />
       {/* <UpcomingEvents /> */}
diff --git a/components/ui/avatar.tsx b/components/ui/avatar.tsx
new file mode 100644
index 0000000..afb7c8a
--- /dev/null
+++ b/components/ui/avatar.tsx
@@ -0,0 +1,50 @@
+'use client';
+
+import * as React from 'react';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+
+import { cn } from '@/lib/utils';
+
+const Avatar = React.forwardRef<
+  React.ElementRef<typeof AvatarPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>
+>(({ className, ...props }, ref) => (
+  <AvatarPrimitive.Root
+    ref={ref}
+    className={cn(
+      'relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full',
+      className
+    )}
+    {...props}
+  />
+));
+Avatar.displayName = AvatarPrimitive.Root.displayName;
+
+const AvatarImage = React.forwardRef<
+  React.ElementRef<typeof AvatarPrimitive.Image>,
+  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>
+>(({ className, ...props }, ref) => (
+  <AvatarPrimitive.Image
+    ref={ref}
+    className={cn('aspect-square h-full w-full', className)}
+    {...props}
+  />
+));
+AvatarImage.displayName = AvatarPrimitive.Image.displayName;
+
+const AvatarFallback = React.forwardRef<
+  React.ElementRef<typeof AvatarPrimitive.Fallback>,
+  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>
+>(({ className, ...props }, ref) => (
+  <AvatarPrimitive.Fallback
+    ref={ref}
+    className={cn(
+      'flex h-full w-full items-center justify-center rounded-full bg-neutral-100 dark:bg-neutral-800',
+      className
+    )}
+    {...props}
+  />
+));
+AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
+
+export { Avatar, AvatarImage, AvatarFallback };
diff --git a/package-lock.json b/package-lock.json
index 8feab5d..ba16fd3 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,6 +12,7 @@
         "@fortawesome/react-fontawesome": "^0.2.2",
         "@gsap/react": "^2.1.2",
         "@radix-ui/react-accordion": "^1.2.3",
+        "@radix-ui/react-avatar": "^1.1.3",
         "@radix-ui/react-checkbox": "^1.1.4",
         "@radix-ui/react-dialog": "^1.1.6",
         "@radix-ui/react-dropdown-menu": "^2.1.6",
@@ -25,11 +26,11 @@
         "gsap": "^3.12.7",
         "lenis": "^1.1.22",
         "lucide-react": "^0.475.0",
-        "next": "14.2.21",
+        "next": "^14.2.28",
         "odometer": "^0.4.8",
-        "react": "^18",
+        "react": "^18.2.0",
         "react-countup": "^6.5.3",
-        "react-dom": "^18",
+        "react-dom": "^18.2.0",
         "tailwind-merge": "^3.0.1",
         "tailwindcss-animate": "^1.0.7",
         "tailwindcss-gradients": "^3.0.0"
@@ -348,9 +349,9 @@
       }
     },
     "node_modules/@next/env": {
-      "version": "14.2.21",
-      "resolved": "https://registry.npmjs.org/@next/env/-/env-14.2.21.tgz",
-      "integrity": "sha512-lXcwcJd5oR01tggjWJ6SrNNYFGuOOMB9c251wUNkjCpkoXOPkDeF/15c3mnVlBqrW4JJXb2kVxDFhC4GduJt2A==",
+      "version": "14.2.28",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-14.2.28.tgz",
+      "integrity": "sha512-PAmWhJfJQlP+kxZwCjrVd9QnR5x0R3u0mTXTiZDgSd4h5LdXmjxCCWbN9kq6hkZBOax8Rm3xDW5HagWyJuT37g==",
       "license": "MIT"
     },
     "node_modules/@next/eslint-plugin-next": {
@@ -364,9 +365,9 @@
       }
     },
     "node_modules/@next/swc-darwin-arm64": {
-      "version": "14.2.21",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-14.2.21.tgz",
-      "integrity": "sha512-HwEjcKsXtvszXz5q5Z7wCtrHeTTDSTgAbocz45PHMUjU3fBYInfvhR+ZhavDRUYLonm53aHZbB09QtJVJj8T7g==",
+      "version": "14.2.28",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-14.2.28.tgz",
+      "integrity": "sha512-kzGChl9setxYWpk3H6fTZXXPFFjg7urptLq5o5ZgYezCrqlemKttwMT5iFyx/p1e/JeglTwDFRtb923gTJ3R1w==",
       "cpu": [
         "arm64"
       ],
@@ -380,9 +381,9 @@
       }
     },
     "node_modules/@next/swc-darwin-x64": {
-      "version": "14.2.21",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-14.2.21.tgz",
-      "integrity": "sha512-TSAA2ROgNzm4FhKbTbyJOBrsREOMVdDIltZ6aZiKvCi/v0UwFmwigBGeqXDA97TFMpR3LNNpw52CbVelkoQBxA==",
+      "version": "14.2.28",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-14.2.28.tgz",
+      "integrity": "sha512-z6FXYHDJlFOzVEOiiJ/4NG8aLCeayZdcRSMjPDysW297Up6r22xw6Ea9AOwQqbNsth8JNgIK8EkWz2IDwaLQcw==",
       "cpu": [
         "x64"
       ],
@@ -396,9 +397,9 @@
       }
     },
     "node_modules/@next/swc-linux-arm64-gnu": {
-      "version": "14.2.21",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-14.2.21.tgz",
-      "integrity": "sha512-0Dqjn0pEUz3JG+AImpnMMW/m8hRtl1GQCNbO66V1yp6RswSTiKmnHf3pTX6xMdJYSemf3O4Q9ykiL0jymu0TuA==",
+      "version": "14.2.28",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-14.2.28.tgz",
+      "integrity": "sha512-9ARHLEQXhAilNJ7rgQX8xs9aH3yJSj888ssSjJLeldiZKR4D7N08MfMqljk77fAwZsWwsrp8ohHsMvurvv9liQ==",
       "cpu": [
         "arm64"
       ],
@@ -412,9 +413,9 @@
       }
     },
     "node_modules/@next/swc-linux-arm64-musl": {
-      "version": "14.2.21",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-14.2.21.tgz",
-      "integrity": "sha512-Ggfw5qnMXldscVntwnjfaQs5GbBbjioV4B4loP+bjqNEb42fzZlAaK+ldL0jm2CTJga9LynBMhekNfV8W4+HBw==",
+      "version": "14.2.28",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-14.2.28.tgz",
+      "integrity": "sha512-p6gvatI1nX41KCizEe6JkF0FS/cEEF0u23vKDpl+WhPe/fCTBeGkEBh7iW2cUM0rvquPVwPWdiUR6Ebr/kQWxQ==",
       "cpu": [
         "arm64"
       ],
@@ -428,9 +429,9 @@
       }
     },
     "node_modules/@next/swc-linux-x64-gnu": {
-      "version": "14.2.21",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-14.2.21.tgz",
-      "integrity": "sha512-uokj0lubN1WoSa5KKdThVPRffGyiWlm/vCc/cMkWOQHw69Qt0X1o3b2PyLLx8ANqlefILZh1EdfLRz9gVpG6tg==",
+      "version": "14.2.28",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-14.2.28.tgz",
+      "integrity": "sha512-nsiSnz2wO6GwMAX2o0iucONlVL7dNgKUqt/mDTATGO2NY59EO/ZKnKEr80BJFhuA5UC1KZOMblJHWZoqIJddpA==",
       "cpu": [
         "x64"
       ],
@@ -444,9 +445,9 @@
       }
     },
     "node_modules/@next/swc-linux-x64-musl": {
-      "version": "14.2.21",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-14.2.21.tgz",
-      "integrity": "sha512-iAEBPzWNbciah4+0yI4s7Pce6BIoxTQ0AGCkxn/UBuzJFkYyJt71MadYQkjPqCQCJAFQ26sYh7MOKdU+VQFgPg==",
+      "version": "14.2.28",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-14.2.28.tgz",
+      "integrity": "sha512-+IuGQKoI3abrXFqx7GtlvNOpeExUH1mTIqCrh1LGFf8DnlUcTmOOCApEnPJUSLrSbzOdsF2ho2KhnQoO0I1RDw==",
       "cpu": [
         "x64"
       ],
@@ -460,9 +461,9 @@
       }
     },
     "node_modules/@next/swc-win32-arm64-msvc": {
-      "version": "14.2.21",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-14.2.21.tgz",
-      "integrity": "sha512-plykgB3vL2hB4Z32W3ktsfqyuyGAPxqwiyrAi2Mr8LlEUhNn9VgkiAl5hODSBpzIfWweX3er1f5uNpGDygfQVQ==",
+      "version": "14.2.28",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-14.2.28.tgz",
+      "integrity": "sha512-l61WZ3nevt4BAnGksUVFKy2uJP5DPz2E0Ma/Oklvo3sGj9sw3q7vBWONFRgz+ICiHpW5mV+mBrkB3XEubMrKaA==",
       "cpu": [
         "arm64"
       ],
@@ -476,9 +477,9 @@
       }
     },
     "node_modules/@next/swc-win32-ia32-msvc": {
-      "version": "14.2.21",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-14.2.21.tgz",
-      "integrity": "sha512-w5bacz4Vxqrh06BjWgua3Yf7EMDb8iMcVhNrNx8KnJXt8t+Uu0Zg4JHLDL/T7DkTCEEfKXO/Er1fcfWxn2xfPA==",
+      "version": "14.2.28",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-14.2.28.tgz",
+      "integrity": "sha512-+Kcp1T3jHZnJ9v9VTJ/yf1t/xmtFAc/Sge4v7mVc1z+NYfYzisi8kJ9AsY8itbgq+WgEwMtOpiLLJsUy2qnXZw==",
       "cpu": [
         "ia32"
       ],
@@ -492,9 +493,9 @@
       }
     },
     "node_modules/@next/swc-win32-x64-msvc": {
-      "version": "14.2.21",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-14.2.21.tgz",
-      "integrity": "sha512-sT6+llIkzpsexGYZq8cjjthRyRGe5cJVhqh12FmlbxHqna6zsDDK8UNaV7g41T6atFHCJUPeLb3uyAwrBwy0NA==",
+      "version": "14.2.28",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-14.2.28.tgz",
+      "integrity": "sha512-1gCmpvyhz7DkB1srRItJTnmR2UwQPAUXXIg9r0/56g3O8etGmwlX68skKXJOp9EejW3hhv7nSQUJ2raFiz4MoA==",
       "cpu": [
         "x64"
       ],
@@ -622,6 +623,134 @@
         }
       }
     },
+    "node_modules/@radix-ui/react-avatar": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-avatar/-/react-avatar-1.1.7.tgz",
+      "integrity": "sha512-V7ODUt4mUoJTe3VUxZw6nfURxaPALVqmDQh501YmaQsk3D8AZQrOPRnfKn4H7JGDLBc0KqLhT94H79nV88ppNg==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-primitive": "2.1.0",
+        "@radix-ui/react-use-callback-ref": "1.1.1",
+        "@radix-ui/react-use-is-hydrated": "0.1.0",
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-avatar/node_modules/@radix-ui/react-compose-refs": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.2.tgz",
+      "integrity": "sha512-z4eqJvfiNnFMHIIvXP3CY57y2WJs5g2v3X0zm9mEJkrkNv4rDxu+sg9Jh8EkXyeqBkB7SOcboo9dMVqhyrACIg==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-avatar/node_modules/@radix-ui/react-context": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.2.tgz",
+      "integrity": "sha512-jCi/QKUM2r1Ju5a3J64TH2A5SpKAgh0LpknyqdQ4m6DCV0xJ2HG1xARRwNGPQfi1SLdLWZ1OJz6F4OMBBNiGJA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-avatar/node_modules/@radix-ui/react-primitive": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.0.tgz",
+      "integrity": "sha512-/J/FhLdK0zVcILOwt5g+dH4KnkonCtkVJsa2G6JmvbbtZfBEI1gMsO3QMjseL4F/SwfAMt1Vc/0XKYKq+xJ1sw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.2.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-avatar/node_modules/@radix-ui/react-slot": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.0.tgz",
+      "integrity": "sha512-ujc+V6r0HNDviYqIK3rW4ffgYiZ8g5DEHrGJVk4x7kTlLXRDILnKX9vAUYeIsLOoDpDJ0ujpqMkjH4w2ofuo6w==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-avatar/node_modules/@radix-ui/react-use-callback-ref": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.1.1.tgz",
+      "integrity": "sha512-FkBMwD+qbGQeMu1cOHnuGB6x4yzPjho8ap5WtbEJ26umhgqVXbhekKUQO+hZEL1vU92a3wHwdp0HAcqAUF5iDg==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-avatar/node_modules/@radix-ui/react-use-layout-effect": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.1.1.tgz",
+      "integrity": "sha512-RbJRS4UWQFkzHTTwVymMTUv8EqYhOp8dOOviLj2ugtTiXRaRQS7GLGxZTLL1jWhMeoSCf5zmcZkqTl9IiYfXcQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@radix-ui/react-checkbox": {
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-checkbox/-/react-checkbox-1.1.4.tgz",
@@ -1203,6 +1332,24 @@
         }
       }
     },
+    "node_modules/@radix-ui/react-use-is-hydrated": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-is-hydrated/-/react-use-is-hydrated-0.1.0.tgz",
+      "integrity": "sha512-U+UORVEq+cTnRIaostJv9AGdV3G6Y+zbVd+12e18jQ5A3c0xL03IhnHuiU4UV69wolOQp5GfR58NW/EgdQhwOA==",
+      "license": "MIT",
+      "dependencies": {
+        "use-sync-external-store": "^1.5.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@radix-ui/react-use-layout-effect": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.1.0.tgz",
@@ -4515,12 +4662,12 @@
       "license": "MIT"
     },
     "node_modules/next": {
-      "version": "14.2.21",
-      "resolved": "https://registry.npmjs.org/next/-/next-14.2.21.tgz",
-      "integrity": "sha512-rZmLwucLHr3/zfDMYbJXbw0ZeoBpirxkXuvsJbk7UPorvPYZhP7vq7aHbKnU7dQNCYIimRrbB2pp3xmf+wsYUg==",
+      "version": "14.2.28",
+      "resolved": "https://registry.npmjs.org/next/-/next-14.2.28.tgz",
+      "integrity": "sha512-QLEIP/kYXynIxtcKB6vNjtWLVs3Y4Sb+EClTC/CSVzdLD1gIuItccpu/n1lhmduffI32iPGEK2cLLxxt28qgYA==",
       "license": "MIT",
       "dependencies": {
-        "@next/env": "14.2.21",
+        "@next/env": "14.2.28",
         "@swc/helpers": "0.5.5",
         "busboy": "1.6.0",
         "caniuse-lite": "^1.0.30001579",
@@ -4535,15 +4682,15 @@
         "node": ">=18.17.0"
       },
       "optionalDependencies": {
-        "@next/swc-darwin-arm64": "14.2.21",
-        "@next/swc-darwin-x64": "14.2.21",
-        "@next/swc-linux-arm64-gnu": "14.2.21",
-        "@next/swc-linux-arm64-musl": "14.2.21",
-        "@next/swc-linux-x64-gnu": "14.2.21",
-        "@next/swc-linux-x64-musl": "14.2.21",
-        "@next/swc-win32-arm64-msvc": "14.2.21",
-        "@next/swc-win32-ia32-msvc": "14.2.21",
-        "@next/swc-win32-x64-msvc": "14.2.21"
+        "@next/swc-darwin-arm64": "14.2.28",
+        "@next/swc-darwin-x64": "14.2.28",
+        "@next/swc-linux-arm64-gnu": "14.2.28",
+        "@next/swc-linux-arm64-musl": "14.2.28",
+        "@next/swc-linux-x64-gnu": "14.2.28",
+        "@next/swc-linux-x64-musl": "14.2.28",
+        "@next/swc-win32-arm64-msvc": "14.2.28",
+        "@next/swc-win32-ia32-msvc": "14.2.28",
+        "@next/swc-win32-x64-msvc": "14.2.28"
       },
       "peerDependencies": {
         "@opentelemetry/api": "^1.1.0",
@@ -6338,6 +6485,15 @@
         }
       }
     },
+    "node_modules/use-sync-external-store": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.5.0.tgz",
+      "integrity": "sha512-Rb46I4cGGVBmjamjphe8L/UnvJD+uPPtTkNvX5mZgqdbavhI4EbgIWJiIHXJ8bc/i9EQGPRh4DwEURJ552Do0A==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
     "node_modules/util-deprecate": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
diff --git a/package.json b/package.json
index 5988df9..7f36515 100644
--- a/package.json
+++ b/package.json
@@ -15,6 +15,7 @@
     "@fortawesome/react-fontawesome": "^0.2.2",
     "@gsap/react": "^2.1.2",
     "@radix-ui/react-accordion": "^1.2.3",
+    "@radix-ui/react-avatar": "^1.1.3",
     "@radix-ui/react-checkbox": "^1.1.4",
     "@radix-ui/react-dialog": "^1.1.6",
     "@radix-ui/react-dropdown-menu": "^2.1.6",
@@ -28,11 +29,11 @@
     "gsap": "^3.12.7",
     "lenis": "^1.1.22",
     "lucide-react": "^0.475.0",
-    "next": "14.2.21",
+    "next": "^14.2.28",
     "odometer": "^0.4.8",
-    "react": "^18",
+    "react": "^18.2.0",
     "react-countup": "^6.5.3",
-    "react-dom": "^18",
+    "react-dom": "^18.2.0",
     "tailwind-merge": "^3.0.1",
     "tailwindcss-animate": "^1.0.7",
     "tailwindcss-gradients": "^3.0.0"
diff --git a/public/assets/testimonials/chat-bubble.svg b/public/assets/testimonials/chat-bubble.svg
new file mode 100644
index 0000000..2dcf7d6
--- /dev/null
+++ b/public/assets/testimonials/chat-bubble.svg
@@ -0,0 +1,7 @@
+<svg width="392" height="319" viewBox="0 0 392 319" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-inside-1_2121_3087" fill="white">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 0C4.97715 0 0.5 4.47714 0.5 9.99999V273C0.5 278.523 4.97716 283 10.5 283H31.5994C38.4192 295.781 59.512 333.548 59.512 311.751C59.512 296.103 69.6571 287.428 77.7365 283H381.5C387.023 283 391.5 278.523 391.5 273V10C391.5 4.47715 387.023 0 381.5 0H10.5Z"/>
+</mask>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 0C4.97715 0 0.5 4.47714 0.5 9.99999V273C0.5 278.523 4.97716 283 10.5 283H31.5994C38.4192 295.781 59.512 333.548 59.512 311.751C59.512 296.103 69.6571 287.428 77.7365 283H381.5C387.023 283 391.5 278.523 391.5 273V10C391.5 4.47715 387.023 0 381.5 0H10.5Z" fill="#1A3E2A"/>
+<path d="M31.5994 283L32.4817 282.529L32.1993 282H31.5994V283ZM77.7365 283V282H77.4804L77.2559 282.123L77.7365 283ZM1.5 9.99999C1.5 5.02943 5.52944 1 10.5 1V-1C4.42487 -1 -0.5 3.92486 -0.5 9.99999H1.5ZM1.5 273V9.99999H-0.5V273H1.5ZM10.5 282C5.52944 282 1.5 277.971 1.5 273H-0.5C-0.5 279.075 4.42487 284 10.5 284V282ZM31.5994 282H10.5V284H31.5994V282ZM58.512 311.751C58.512 314.45 58.176 316.014 57.7249 316.8C57.5161 317.164 57.3204 317.296 57.1776 317.348C57.0286 317.402 56.794 317.422 56.4179 317.3C55.618 317.041 54.5265 316.254 53.1901 314.9C51.8815 313.575 50.4354 311.809 48.9182 309.749C42.8407 301.5 35.8928 288.922 32.4817 282.529L30.7172 283.471C34.1258 289.859 41.1343 302.555 47.308 310.935C48.8536 313.033 50.3638 314.884 51.7668 316.305C53.1419 317.698 54.5174 318.787 55.8015 319.203C56.4674 319.419 57.179 319.476 57.8633 319.227C58.5539 318.975 59.0785 318.46 59.4597 317.796C60.1888 316.525 60.512 314.502 60.512 311.751H58.512ZM77.2559 282.123C69.0255 286.634 58.512 295.579 58.512 311.751H60.512C60.512 296.628 70.2887 288.222 78.2171 283.877L77.2559 282.123ZM381.5 282H77.7365V284H381.5V282ZM390.5 273C390.5 277.971 386.471 282 381.5 282V284C387.575 284 392.5 279.075 392.5 273H390.5ZM390.5 10V273H392.5V10H390.5ZM381.5 1C386.471 1 390.5 5.02944 390.5 10H392.5C392.5 3.92487 387.575 -1 381.5 -1V1ZM10.5 1H381.5V-1H10.5V1Z" fill="#36FF90" mask="url(#path-1-inside-1_2121_3087)"/>
+</svg>
diff --git a/public/assets/testimonials/white-star.svg b/public/assets/testimonials/white-star.svg
new file mode 100644
index 0000000..29f5581
--- /dev/null
+++ b/public/assets/testimonials/white-star.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.4745 11.3334C20.869 11.3334 20.3348 10.9374 20.1588 10.358L17.3157 0.998093C16.9207 -0.302404 15.0795 -0.302407 14.6844 0.99809L11.8413 10.358C11.6654 10.9374 11.1312 11.3334 10.5257 11.3334H1.96078C0.622807 11.3334 0.0729795 13.0505 1.16209 13.8277L8.18815 18.8414C8.67082 19.1858 8.87832 19.8009 8.70295 20.3673L5.9567 29.2371C5.56114 30.5147 7.03753 31.5478 8.10227 30.7384L15.1687 25.3671C15.6601 24.9935 16.3403 24.9932 16.832 25.3664L23.9188 30.7446C24.9837 31.5528 26.4589 30.5197 26.0635 29.2426L23.3153 20.3666C23.14 19.8005 23.3472 19.1858 23.8293 18.8413L30.8446 13.8271C31.9327 13.0493 31.3825 11.3334 30.045 11.3334H21.4745Z" fill="white"/>
+</svg>
diff --git a/public/assets/testimonials/yellow-star.svg b/public/assets/testimonials/yellow-star.svg
new file mode 100644
index 0000000..50debfa
--- /dev/null
+++ b/public/assets/testimonials/yellow-star.svg
@@ -0,0 +1,3 @@
+<svg width="31" height="32" viewBox="0 0 31 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.9747 11.3334C20.3692 11.3334 19.835 10.9374 19.6591 10.358L16.816 0.998093C16.4209 -0.302404 14.5797 -0.302407 14.1847 0.99809L11.3416 10.358C11.1656 10.9374 10.6314 11.3334 10.0259 11.3334H1.46103C0.123051 11.3334 -0.426776 13.0505 0.662337 13.8277L7.6884 18.8414C8.17107 19.1858 8.37857 19.8009 8.20319 20.3673L5.45695 29.2371C5.06139 30.5147 6.53778 31.5478 7.60251 30.7384L14.6689 25.3671C15.1604 24.9935 15.8405 24.9932 16.3322 25.3664L23.419 30.7446C24.484 31.5528 25.9591 30.5197 25.5637 29.2426L22.8156 20.3666C22.6403 19.8005 22.8474 19.1858 23.3295 18.8413L30.3448 13.8271C31.4329 13.0493 30.8827 11.3334 29.5453 11.3334H20.9747Z" fill="#FFC201"/>
+</svg>
diff --git a/tsconfig.json b/tsconfig.json
index 40f87ee..37ebeb5 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -24,7 +24,8 @@
       "@/components/*": ["./components/*"],
       "@/lib/*": ["./lib/*"],
       "@/styles/*": ["./styles/*"]
-    }
+    },
+    "target": "ES2017"
   },
   "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
   "exclude": ["node_modules"]