diff --git a/src/pages/HomePage/sections/Reviews.tsx b/src/pages/HomePage/sections/Reviews.tsx
index aa85a74..628230d 100644
--- a/src/pages/HomePage/sections/Reviews.tsx
+++ b/src/pages/HomePage/sections/Reviews.tsx
@@ -4,6 +4,7 @@ import { Star } from "lucide-react";
 import TextAnimation from "@/components/ui/TextAnimation";
 import ImageOrVideo from "@/components/ui/ImageOrVideo";
 import ScrollReveal from "@/components/ui/ScrollReveal";
+import Carousel from "@/components/ui/Carousel";
 import { cls } from "@/lib/utils";
 
 const avatars = [
@@ -50,17 +51,32 @@ const ReviewsInline = () => {
           ))}
         </ScrollReveal>
 
-        <TextAnimation
-          text={"This company is amazing to work with and absolutely the best. I cannot recommend them enough to anyone. On time, very thorough with the diagnostic of the problem and explained the best cost effective way to fix it. I wish I could give them more stars."}
-          variant={"slide-up"}
-          gradientText={false}
-          tag="p"
-          className="md:max-w-8/10 text-5xl 2xl:text-6xl leading-[1.15] font-semibold text-center text-balance"
-        />
-
-        <ScrollReveal variant="fade-blur" delay={0.1} className="md:max-w-7/10 text-lg md:text-xl leading-snug text-center text-balance">
-          <p>{"Shawn Deidrich"}</p>
-        </ScrollReveal>
+        <Carousel className="w-full" itemClassName="w-full shrink-0 flex flex-col items-center justify-center px-4">
+          <div className="flex flex-col items-center gap-6 w-full max-w-5xl mx-auto">
+            <TextAnimation
+              text={"This company is amazing to work with and absolutely the best. I cannot recommend them enough to anyone. On time, very thorough with the diagnostic of the problem and explained the best cost effective way to fix it. I wish I could give them more stars."}
+              variant={"slide-up"}
+              gradientText={false}
+              tag="p"
+              className="text-3xl md:text-4xl 2xl:text-5xl leading-[1.2] font-semibold text-center text-balance"
+            />
+            <ScrollReveal variant="fade-blur" delay={0.1} className="text-lg md:text-xl leading-snug text-center text-balance">
+              <p>{"Shawn Deidrich"}</p>
+            </ScrollReveal>
+          </div>
+          <div className="flex flex-col items-center gap-6 w-full max-w-5xl mx-auto">
+            <TextAnimation
+              text={"Nick was excellent. Explained a few things on questions I had, very professionally. I appreciate the time he took in conversation while he was doing the work. Very courteous and respectful. I would definitely recommend ACHSM to trusted people who would only respect and honor you in business. Thanks again."}
+              variant={"slide-up"}
+              gradientText={false}
+              tag="p"
+              className="text-3xl md:text-4xl 2xl:text-5xl leading-[1.2] font-semibold text-center text-balance"
+            />
+            <ScrollReveal variant="fade-blur" delay={0.1} className="text-lg md:text-xl leading-snug text-center text-balance">
+              <p>{"Richard Gutierrez"}</p>
+            </ScrollReveal>
+          </div>
+        </Carousel>
 
         <ScrollReveal variant="fade-blur" delay={0.2} className="flex items-center justify-center mt-1">
           {visibleAvatars.map((avatar, index) => (