diff --git a/src/FrontOffice.Main/FrontOffice.Main.csproj b/src/FrontOffice.Main/FrontOffice.Main.csproj
index 35dacea..de5e9d6 100644
--- a/src/FrontOffice.Main/FrontOffice.Main.csproj
+++ b/src/FrontOffice.Main/FrontOffice.Main.csproj
@@ -20,6 +20,7 @@
 
   <ItemGroup>
     <Folder Include="Components\" />
+    <Folder Include="wwwroot\image\" />
   </ItemGroup>
 
 </Project>
diff --git a/src/FrontOffice.Main/Pages/Index.razor b/src/FrontOffice.Main/Pages/Index.razor
index e8f9fd6..ee7810b 100644
--- a/src/FrontOffice.Main/Pages/Index.razor
+++ b/src/FrontOffice.Main/Pages/Index.razor
@@ -155,18 +155,20 @@
                     @foreach (var p in _packs)
                     {
                         <MudItem xs="12" md="4" Class="d-flex">
-                            <MudPaper Elevation="2" Class="rounded-2xl d-flex flex-column flex-grow-1 overflow-hidden">
-                                <MudImage Src="@p.Image"
-                                          Alt="@p.Title"
-                                          Height="300"
-                                          ObjectFit="ObjectFit.Cover"
-                                          ObjectPosition="ObjectPosition.Center"
-                                          Class="feature-img" />
-                                <div class="pa-5">
-                                    <MudText Typo="Typo.h6" Class="mb-2">@(p.Title)</MudText>
-                                    @((MarkupString)p.Body)                                    
-                                </div>
-                            </MudPaper>
+                            <MudCard>
+                                <MudCardMedia Image="@p.Image"
+                                              Title="@p.Title"
+                                              Height="300" />
+                                <MudCardContent>
+                                    <MudText Typo="Typo.h5" Class="mb-3">@(p.Title)</MudText>
+                                    @((MarkupString)p.Body)
+                                </MudCardContent>
+                                <MudCardActions>
+                                    <MudButton Variant="Variant.Outlined"
+                                               Color="Color.Primary"
+                                               FullWidth="true">مشاهده جزئیات</MudButton>
+                                </MudCardActions>
+                            </MudCard>
                         </MudItem>
                     }
                 </MudGrid>
@@ -264,7 +266,7 @@
             </MudGrid>
 
         </MudContainer>
-    </section>   
+    </section>
 
     <!-- TESTIMONIALS -->
     <section id="testimonials" class="py-20 testimonials">