diff --git a/src/ClaudeClothes.Web/Pages/Index.razor b/src/ClaudeClothes.Web/Pages/Index.razor
index fdeec3f..4d2ec68 100644
--- a/src/ClaudeClothes.Web/Pages/Index.razor
+++ b/src/ClaudeClothes.Web/Pages/Index.razor
@@ -71,12 +71,47 @@
 
                         <p class="restaurant-description">@clothingItem.Description</p>
 
-                        <a href="/item/@clothingItem.Id"
-                           class="btn-view-details"
-                           aria-label="Vedi i dettagli di @clothingItem.Name">
-                            Vedi Dettagli
-                            <i class="bi bi-arrow-right" aria-hidden="true"></i>
-                        </a>
+                        <div class="card-footer-section">
+                            <div class="rating-badge">
+                                @if (clothingItem.AverageRating > 0)
+                                {
+                                    <div class="rating-stars"
+                                         role="img"
+                                         aria-label="Rating: @clothingItem.AverageRating.ToString("F1") stars out of 5">
+                                        @for (int i = 1; i <= 5; i++)
+                                        {
+                                            if (i <= Math.Floor(clothingItem.AverageRating))
+                                            {
+                                                <i class="bi bi-star-fill" aria-hidden="true"></i>
+                                            }
+                                            else if (i - clothingItem.AverageRating < 1)
+                                            {
+                                                <i class="bi bi-star-half" aria-hidden="true"></i>
+                                            }
+                                            else
+                                            {
+                                                <i class="bi bi-star" aria-hidden="true"></i>
+                                            }
+                                        }
+                                    </div>
+                                    <span class="rating-value">@clothingItem.AverageRating.ToString("F1")</span>
+                                    <span class="review-count">(@clothingItem.Reviews.Count)</span>
+                                }
+                                else
+                                {
+                                    <span class="no-rating">
+                                        <i class="bi bi-star" aria-hidden="true"></i> No reviews
+                                    </span>
+                                }
+                            </div>
+
+                            <a href="/item/@clothingItem.Id"
+                               class="btn-view-details"
+                               aria-label="View details of @clothingItem.Name">
+                                View Details
+                                <i class="bi bi-arrow-right" aria-hidden="true"></i>
+                            </a>
+                        </div>
                     </div>
                     <div class="card-shine"></div>
                 </article>
@@ -335,7 +370,6 @@
         letter-spacing: 0.5px;
         font-family: 'Bebas Neue', sans-serif;
         font-size: 1.1rem;
-        margin-top: 1rem;
     }
 
     .btn-view-details:hover {
@@ -365,6 +399,48 @@
         transform: translateX(3px) scale(1.1);
     }
 
+    /* Card Footer Section */
+    .card-footer-section {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        padding-top: 1.5rem;
+        border-top: 3px dashed #1A1A1A;
+    }
+
+    .rating-badge {
+        display: flex;
+        align-items: center;
+        gap: 0.5rem;
+    }
+
+    .rating-stars {
+        display: flex;
+        gap: 3px;
+        color: #FFD23F;
+        font-size: 1.1rem;
+        filter: drop-shadow(1px 1px 0 #1A1A1A);
+    }
+
+    .rating-value {
+        font-weight: 900;
+        color: #1A1A1A;
+        font-size: 1.3rem;
+        font-family: 'Bebas Neue', sans-serif;
+    }
+
+    .review-count {
+        color: #1A1A1A;
+        font-size: 0.9rem;
+        font-weight: 600;
+    }
+
+    .no-rating {
+        color: #a0aec0;
+        font-size: 0.95rem;
+        font-weight: 500;
+    }
+
     /* Loading State */
     .loading-container {
         text-align: center;