Bob AI: Fix the 5-star review element in the hero section so it displays correctly witho

Merge version_7_1781400938404 into main

src/pages/HomePage/sections/Hero.tsx

@@ -188,7 +188,17 @@ const HeroInline = () => {
                     {"Design that"}{" "}
                     <span className="font-bold">{"commands attention."}</span>
                   </span>
-                </h1>\n            <div className="flex justify-center mt-6">\n              <RatingStars rating={5} />\n            </div>
+                </h1>
+
+                <div className="flex justify-center md:justify-start mt-2 mb-2">
+                  <div className="flex items-center gap-1 text-yellow-500">
+                    {[...Array(5)].map((_, i) => (
+                      <svg key={i} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" className="w-5 h-5">
+                        <path fillRule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clipRule="evenodd" />
+                      </svg>
+                    ))}
+                  </div>
+                </div>
 
                 <p className="text-base md:text-lg font-medium leading-snug text-center md:text-left max-w-[95%]">
                   {"Design engineered for performance, not just aesthetics."}{" "}