From 205188d0166d049befb7562c0f8116826a763e55 Mon Sep 17 00:00:00 2001
From: Avazbek Olimov <avazbekolimov722@gmail.com>
Date: Tue, 19 Aug 2025 12:00:06 +0300
Subject: [PATCH 1/2] About.razor fixed

---
 src/Client/Client/About.razor | 36 ++++++++++++++++++++++-------------
 1 file changed, 23 insertions(+), 13 deletions(-)

diff --git a/src/Client/Client/About.razor b/src/Client/Client/About.razor
index eae31e0..54ade4b 100644
--- a/src/Client/Client/About.razor
+++ b/src/Client/Client/About.razor
@@ -48,7 +48,7 @@
                     <div class="product-icon">🏺</div>
                     <MudText Typo="Typo.h6" Class="product-title">Восточные товары</MudText>
                     <MudText Typo="Typo.body1" Class="product-description">
-                        уникальные и качественные изделия, которые привезены с самых разных уголков Востока.
+                        Уникальные и качественные изделия, которые привезены с самых разных уголков Востока.
                     </MudText>
                 </MudPaper>
             </MudItem>
@@ -58,7 +58,7 @@
                     <div class="product-icon">🗡️</div>
                     <MudText Typo="Typo.h6" Class="product-title">Ножи</MudText>
                     <MudText Typo="Typo.body1" Class="product-description">
-                        изысканные коллекции ножей, которые понравятся как опытным коллекционерам, так и тем, кто ценит острые и практичные инструменты.
+                        Изысканные коллекции ножей, которые понравятся как опытным коллекционерам, так и тем, кто ценит острые и практичные инструменты.
                     </MudText>
                 </MudPaper>
             </MudItem>
@@ -68,7 +68,7 @@
                     <div class="product-icon">🍯</div>
                     <MudText Typo="Typo.h6" Class="product-title">Казаны</MudText>
                     <MudText Typo="Typo.body1" Class="product-description">
-                        для любителей кулинарных традиций Востока. Наши казаны – это сочетание удобства и качества для самых вкусных блюд.
+                        Для любителей кулинарных традиций Востока. Наши казаны – это сочетание удобства и качества для самых вкусных блюд.
                     </MudText>
                 </MudPaper>
             </MudItem>
@@ -78,7 +78,7 @@
                     <div class="product-icon">🍇</div>
                     <MudText Typo="Typo.h6" Class="product-title">Сухофрукты</MudText>
                     <MudText Typo="Typo.body1" Class="product-description">
-                        только лучшие плоды, которые сохраняют всю пользу и натуральный вкус.
+                        Только лучшие плоды, которые сохраняют всю пользу и натуральный вкус.
                     </MudText>
                 </MudPaper>
             </MudItem>
@@ -88,7 +88,7 @@
                     <div class="product-icon">🫖</div>
                     <MudText Typo="Typo.h6" Class="product-title">Восточная посуда</MudText>
                     <MudText Typo="Typo.body1" Class="product-description">
-                        от изысканных чайников до великолепных сервизов, которые украсят вашу трапезу.
+                        От изысканных чайников до великолепных сервизов, которые украсят вашу трапезу.
                     </MudText>
                 </MudPaper>
             </MudItem>
@@ -96,9 +96,9 @@
             <MudItem xs="12" sm="6" md="4">
                 <MudPaper Class="product-card animate-on-scroll" Elevation="3">
                     <div class="product-icon">🍬</div>
-                    <MudText Typo="Typo.h6" Class="product-title">Напитки и сладости</MudText>
+                    <MudText Typo="Typo.h6" Class="product-title">Сладости</MudText>
                     <MudText Typo="Typo.body1" Class="product-description">
-                        настоящие восточные напитки и сладости, которые подарят вам незабываемые моменты наслаждения.
+                        Настоящие восточные сладости, которые подарят вам незабываемые моменты наслаждения.
                     </MudText>
                 </MudPaper>
             </MudItem>
@@ -108,7 +108,7 @@
                     <div class="product-icon">🥜</div>
                     <MudText Typo="Typo.h6" Class="product-title">Орехи</MudText>
                     <MudText Typo="Typo.body1" Class="product-description">
-                        лучшие сорта орехов, которые могут быть прекрасным дополнением к вашему рациону.
+                        Лучшие сорта орехов, которые могут быть прекрасным дополнением к вашему рациону.
                     </MudText>
                 </MudPaper>
             </MudItem>
@@ -118,7 +118,17 @@
                     <div class="product-icon">🍵</div>
                     <MudText Typo="Typo.h6" Class="product-title">Чай</MudText>
                     <MudText Typo="Typo.body1" Class="product-description">
-                        отборные сорта чая, которые порадуют даже самых требовательных гурманов.
+                        Отборные сорта чая, которые порадуют даже самых требовательных гурманов.
+                    </MudText>
+                </MudPaper>
+            </MudItem>
+            
+            <MudItem xs="12" sm="6" md="4">
+                <MudPaper Class="product-card animate-on-scroll" Elevation="3">
+                    <div class="product-icon">🍸</div>
+                    <MudText Typo="Typo.h6" Class="product-title">Напитки</MudText>
+                    <MudText Typo="Typo.body1" Class="product-description">
+                        Лучшие восточные напитки, которые подарят вам незабываемые ощущения и придадут свежесть.
                     </MudText>
                 </MudPaper>
             </MudItem>
@@ -141,7 +151,7 @@
                         <div class="advantage-text">
                             <MudText Typo="Typo.h6" Class="advantage-title">Качество</MudText>
                             <MudText Typo="Typo.body1" Class="advantage-description">
-                                мы тщательно отбираем каждый товар, чтобы вы могли наслаждаться только лучшими продуктами.
+                                Мы тщательно отбираем каждый товар, чтобы вы могли наслаждаться только лучшими продуктами.
                             </MudText>
                         </div>
                     </div>
@@ -155,7 +165,7 @@
                         <div class="advantage-text">
                             <MudText Typo="Typo.h6" Class="advantage-title">Широкий ассортимент</MudText>
                             <MudText Typo="Typo.body1" Class="advantage-description">
-                                наш магазин – это место, где можно найти всё, что связано с Востоком, и каждый клиент найдет что-то по душе.
+                                Наш магазин – это место, где можно найти всё, что связано с Востоком, и каждый клиент найдет что-то по душе.
                             </MudText>
                         </div>
                     </div>
@@ -169,7 +179,7 @@
                         <div class="advantage-text">
                             <MudText Typo="Typo.h6" Class="advantage-title">Приятные цены</MudText>
                             <MudText Typo="Typo.body1" Class="advantage-description">
-                                мы стремимся предоставить вам лучшие товары по доступным ценам, чтобы вы могли наслаждаться восточной культурой без лишних затрат.
+                                Мы стремимся предоставить вам лучшие товары по доступным ценам, чтобы вы могли наслаждаться восточной культурой без лишних затрат.
                             </MudText>
                         </div>
                     </div>
@@ -183,7 +193,7 @@
                         <div class="advantage-text">
                             <MudText Typo="Typo.h6" Class="advantage-title">Дружелюбный сервис</MudText>
                             <MudText Typo="Typo.body1" Class="advantage-description">
-                                в наших магазинах всегда рады помочь вам, будь то вопрос о товаре или помощь с выбором.
+                                В наших магазинах всегда рады помочь вам, будь то вопрос о товаре или помощь с выбором.
                             </MudText>
                         </div>
                     </div>

From 04c78e972f25d0aed42ee6dee3332c7d2194c91c Mon Sep 17 00:00:00 2001
From: Avazbek Olimov <avazbekolimov722@gmail.com>
Date: Tue, 19 Aug 2025 13:30:27 +0300
Subject: [PATCH 2/2] Product cards fixed

---
 .../Client/Pages/Clients/Products.razor       | 58 +++++++++++++++----
 1 file changed, 46 insertions(+), 12 deletions(-)

diff --git a/src/Client/Client/Pages/Clients/Products.razor b/src/Client/Client/Pages/Clients/Products.razor
index f928a3a..a4ab450 100644
--- a/src/Client/Client/Pages/Clients/Products.razor
+++ b/src/Client/Client/Pages/Clients/Products.razor
@@ -32,7 +32,7 @@
     @foreach (var product in PagedProducts)
     {
         
-        <MudItem xs="12" sm="6" md="4" lg="3" @key="product">
+        <MudItem xs="12" sm="6" md="4" lg="3" @key="product.Slug">
             <MudCard Elevation="3" Class="product-card">
 
                 @{
@@ -44,17 +44,18 @@
                                      product.Images[0]?.StartsWith("http", StringComparison.OrdinalIgnoreCase) == true;
                 }
                 <!-- Карусель изображений -->
-                <MudCarousel Style="height:290px;border-radius:10px"
+                <MudCarousel Class="product-carousel"
+                             Style="height:290px;border-radius:10px"
                              ItemsSource="product.Images"
                              Context="img"
-                             EnableSwipeGesture="true"
+                             EnableSwipeGesture="hasImages"
                              AutoCycle="hasImages"
                              BulletsColor="Color.Dark"
                              BulletsPosition="Position.Bottom"
                              ShowBullets="hasImages"
                              ShowArrows="hasImages">
                     <ItemTemplate>
-                        <MudCardMedia Image="@img"/>
+                        <MudImage Src="@img" Style="width:100%; height:100%" Fluid="true"/>
                     </ItemTemplate>
                 </MudCarousel>
 
@@ -69,7 +70,7 @@
                                 SelectionMode="SelectionMode.SingleSelection"
                                 SelectedValue="product.SelectedVolume"
                                 SelectedValueChanged="v => OnVolumeChanged(product, v)"
-                                Ripple
+                                Ripple="true"
                                 Style="margin-bottom:20%;margin-left:-5px">
                         @foreach (var vp in product.Prices)
                         {
@@ -77,10 +78,9 @@
                                      Color="Color.Primary" Variant="Variant.Text"/>
                         }
                     </MudChipSet>
-
                     
                     <div class="discount-container">
-                        <MudText Typo="Typo.body1">Цена:&nbsp;</MudText>
+                        <MudText Typo="Typo.body1">Цена: </MudText>
 
                         @if (volumePrice.Discount is not null)
                         {
@@ -93,7 +93,6 @@
                         }
                     </div>
 
-
                     <!-- количество + кнопка «в корзину» -->
                     <div class="buttons-container">
                         <div class="counter-controls">
@@ -125,12 +124,19 @@
                         </MudButton>
 
                     </div>
-
                     <div class="description-container">
-                        <MudLink Typo="Typo.body2" OnClick="@(() => OpenDescriptionAsync(product))">
-                            Читать описание…
-                        </MudLink>
+                        @if (!string.IsNullOrWhiteSpace(product.Description))
+                        {
+                            <MudLink Typo="Typo.body2" OnClick="@(() => OpenDescriptionAsync(product))"
+                                     Class="desc-link">Читать описание…</MudLink>
+                        }
+                        else
+                        {
+                            <!-- невидимая заглушка той же высоты -->
+                            <span class="desc-link desc-link--empty" aria-hidden="true">Читать описание…</span>
+                        }
                     </div>
+
                 </MudCardContent>
             </MudCard>
         </MudItem>
@@ -435,6 +441,34 @@
 
 <style>
 
+    .desc-link--empty{
+        visibility: hidden;
+        pointer-events: none;
+    }
+
+    .product-carousel {
+        position: relative;
+        overflow: hidden; 
+    }
+
+    .product-carousel [class*="mud-carousel-bullets"] {
+        position: absolute;
+        left: 0; right: 0; bottom: 8px;
+        display: flex;
+        justify-content: center;
+        margin: 0 !important;
+        z-index: 2; 
+    }
+
+    .product-carousel::after {
+        content: "";
+        position: absolute;
+        left: 0; right: 0; bottom: 0;
+        height: 42px;
+        z-index: 1;           
+        pointer-events: none; 
+    }
+
     .pager-wrap {
         display: flex;
         justify-content: center;