Bob AI: insert star rating icons next to each testimonial ...

src/components/sections/testimonial/TestimonialCardFive.tsx

@@ -2,7 +2,6 @@
 
 import { memo } from "react";
 
-
 import FullWidthCarousel from "@/components/cardStack/layouts/carousels/FullWidthCarousel";
 import MediaContent from "@/components/shared/MediaContent";
 import Tag from "@/components/shared/Tag";
@@ -11,6 +10,7 @@ import { cls, shouldUseInvertedText } from "@/lib/utils";
 import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 import type { LucideIcon } from "lucide-react";
 import type { ButtonConfig, TitleSegment, TextboxLayout, InvertedBackground } from "@/components/cardStack/types";
+import { Star } from "lucide-react";
 
 type Testimonial = {
     id: string;
@@ -204,6 +204,13 @@ const TestimonialCardFive = ({
             buttonTextClassName={textBoxButtonTextClassName}
             ariaLabel={ariaLabel}
         >
+            <div className="flex items-center mb-4">
+                <Star className="w-4 h-4 text-yellow-400" />
+                <Star className="w-4 h-4 text-yellow-400" />
+                <Star className="w-4 h-4 text-yellow-400" />
+                <Star className="w-4 h-4 text-gray-300" />
+                <Star className="w-4 h-4 text-gray-300" />
+            </div>
             {testimonials.map((testimonial, index) => (
                 <TestimonialCard
                     key={`${testimonial.id}-${index}`}