feat: move 5-star review tag in hero section

Merge version_4_1778224204206 into main

src/components/sections/hero/HeroBillboardTiltedCarousel.tsx

@@ -28,8 +28,6 @@ const HeroBillboardTiltedCarousel = ({
     >
       <HeroBackgroundSlot />
       <div className="flex flex-col items-center gap-2 w-content-width mx-auto text-center">
-        <span className="px-3 py-1 mb-1 text-sm card rounded">{tag}</span>
-
         <TextAnimation
           text={title}
           variant="fade-blur"
@@ -38,6 +36,10 @@ const HeroBillboardTiltedCarousel = ({
           className="text-6xl font-medium text-balance"
         />
 
+
+
+        <span className="px-3 py-1 mb-1 text-sm card rounded">{tag}</span>
+
         <TextAnimation
           text={description}
           variant="fade-blur"
@@ -51,20 +53,7 @@ const HeroBillboardTiltedCarousel = ({
           <Button text={secondaryButton.text} href={secondaryButton.href} variant="secondary"animationDelay={0.1} />
         </div>
 
-        <div className="flex flex-col items-center gap-2 mt-4">
-          <div className="flex items-center gap-1">
-            {[...Array(5)].map((_, i) => (
-              <Star key={i} className="w-5 h-5 text-yellow-400 fill-yellow-400" />
-            ))}
-          </div>
-          <div className="flex -space-x-2 overflow-hidden">
-            <img className="inline-block h-8 w-8 rounded-full ring-2 ring-background" src="https://randomuser.me/api/portraits/women/17.jpg" alt="User 1" />
-            <img className="inline-block h-8 w-8 rounded-full ring-2 ring-background" src="https://randomuser.me/api/portraits/men/32.jpg" alt="User 2" />
-            <img className="inline-block h-8 w-8 rounded-full ring-2 ring-background" src="https://randomuser.me/api/portraits/women/44.jpg" alt="User 3" />
-            <img className="inline-block h-8 w-8 rounded-full ring-2 ring-background" src="https://randomuser.me/api/portraits/men/46.jpg" alt="User 4" />
-          </div>
-          <p className="text-sm text-muted-foreground">Loved by 10,000+ happy customers</p>
-        </div>
+
       </div>
 
       <TiltedCarousel items={items} />