diff --git a/resources/views/segments/categories/CategoriesFavImageLinks/CategoriesFavImageLinks.blade.php b/resources/views/segments/categories/CategoriesFavImageLinks/CategoriesFavImageLinks.blade.php
index 07115e7..7173b1d 100644
--- a/resources/views/segments/categories/CategoriesFavImageLinks/CategoriesFavImageLinks.blade.php
+++ b/resources/views/segments/categories/CategoriesFavImageLinks/CategoriesFavImageLinks.blade.php
@@ -8,7 +8,7 @@
             @foreach( getCategorySubCatsBySetting($data->area->name.'_'.$data->part.'_category',8) as $category )
                 <div class="item">
                     <a href="{{$category->webUrl()}}">
-                        <img src="{{$category->imgUrl()}}" alt="{{$category->name}}" title="{{$category->title}}">
+                        <img src="{{$category->imgUrl()}}" alt="{{$category->name}}" title="{{$category->name}}">
                     </a>
                 </div>
             @endforeach
diff --git a/resources/views/segments/categories/CategoriesFavImageLinks/CategoriesFavImageLinks.php b/resources/views/segments/categories/CategoriesFavImageLinks/CategoriesFavImageLinks.php
index 43d013c..58dc57d 100644
--- a/resources/views/segments/categories/CategoriesFavImageLinks/CategoriesFavImageLinks.php
+++ b/resources/views/segments/categories/CategoriesFavImageLinks/CategoriesFavImageLinks.php
@@ -30,7 +30,7 @@ class CategoriesFavImageLinks
         $setting->size = 6;
         $setting->type = 'CATEGORY';
 //        $setting->data = json_encode(['xmin' => 2, 'xmax' => 90]);
-        $setting->title =  $part->area->name . ' ' . $part->part. ' group';
+        $setting->title =  $part->area->name . ' ' . $part->part. ' category';
         $setting->save();
 
     }
diff --git a/resources/views/segments/categories/CategoriesGrid/CategoriesGrid.blade.php b/resources/views/segments/categories/CategoriesGrid/CategoriesGrid.blade.php
new file mode 100644
index 0000000..275b46d
--- /dev/null
+++ b/resources/views/segments/categories/CategoriesGrid/CategoriesGrid.blade.php
@@ -0,0 +1,22 @@
+<section class='CategoriesGrid'>
+    <div class="{{gfx()['container']}}">
+        <h1>
+            {{getSetting($data->area->name.'_'.$data->part.'_title')}}
+        </h1>
+        <div class="row cat-grid-list">
+            @foreach( getCategorySubCatsBySetting($data->area->name.'_'.$data->part.'_category',getSetting($data->area->name.'_'.$data->part.'_limit')) as $category )
+                <div class="col-md p-0">
+                    <div class="cat-grid-item">
+                        <a href="{{$category->webUrl()}}">
+                            <img src="{{$category->imgUrl()}}" alt="{{$category->name}}"
+                                 title="{{$category->name}}">
+                            <h3 class="py-3">
+                                {{$category->name}}
+                            </h3>
+                        </a>
+                    </div>
+                </div>
+            @endforeach
+        </div>
+    </div>
+</section>
diff --git a/resources/views/segments/categories/CategoriesGrid/CategoriesGrid.js b/resources/views/segments/categories/CategoriesGrid/CategoriesGrid.js
new file mode 100644
index 0000000..e69de29
diff --git a/resources/views/segments/categories/CategoriesGrid/CategoriesGrid.json b/resources/views/segments/categories/CategoriesGrid/CategoriesGrid.json
new file mode 100644
index 0000000..427bbe1
--- /dev/null
+++ b/resources/views/segments/categories/CategoriesGrid/CategoriesGrid.json
@@ -0,0 +1,10 @@
+{
+    "name": "CategoriesGrid",
+    "version": "1.0",
+    "author": "xStack",
+    "email": "xshop@xstack.ir",
+    "license": "GPL-3.0-or-later",
+    "url": "https:\/\/xstack.ir",
+    "author_url": "https:\/\/4xmen.ir",
+    "packages": []
+}
\ No newline at end of file
diff --git a/resources/views/segments/categories/CategoriesGrid/CategoriesGrid.php b/resources/views/segments/categories/CategoriesGrid/CategoriesGrid.php
new file mode 100644
index 0000000..44b6c14
--- /dev/null
+++ b/resources/views/segments/categories/CategoriesGrid/CategoriesGrid.php
@@ -0,0 +1,55 @@
+<?php
+
+namespace Resources\Views\Segments;
+
+use App\Models\Category;
+use App\Models\Part;
+use App\Models\Setting;
+
+class CategoriesGrid
+{
+    public static function onAdd(Part $part = null)
+    {
+
+        $setting = new Setting();
+        $setting->section = 'theme';
+        $setting->key = $part->area->name . '_' . $part->part.'_title';
+        $setting->value =  Category::first()->name;
+        $setting->size = 4;
+        $setting->type = 'TEXT';
+//        $setting->data = json_encode(['xmin' => 2, 'xmax' => 90]);
+        $setting->title =  $part->area->name . ' ' . $part->part. ' title';
+        $setting->save();
+
+        $setting = new Setting();
+        $setting->section = 'theme';
+        $setting->key = $part->area->name . '_' . $part->part.'_limit';
+        $setting->value = '4';
+        $setting->size = 4;
+        $setting->type = 'NUMBER';
+        $setting->data = json_encode(['xmin' => 2, 'xmax' => 6]);
+        $setting->title =  $part->area->name . ' ' . $part->part. ' count';
+        $setting->save();
+
+
+        $setting = new Setting();
+        $setting->section = 'theme';
+        $setting->key = $part->area->name . '_' . $part->part.'_category';
+        $setting->value = Category::first()->id;
+        $setting->size = 4;
+        $setting->type = 'CATEGORY';
+//        $setting->data = json_encode(['xmin' => 2, 'xmax' => 90]);
+        $setting->title =  $part->area->name . ' ' . $part->part. ' category';
+        $setting->save();
+    }
+    public static function onRemove(Part $part = null)
+    {
+        Setting::where('key',$part->area->name . '_' . $part->part.'_title')->first()?->delete();
+        Setting::where('key',$part->area->name . '_' . $part->part.'_limit')->first()?->delete();
+        Setting::where('key',$part->area->name . '_' . $part->part.'_category')->first()?->delete();
+    }
+    public static function onMount(Part $part = null)
+    {
+        return $part;
+    }
+}
diff --git a/resources/views/segments/categories/CategoriesGrid/CategoriesGrid.scss b/resources/views/segments/categories/CategoriesGrid/CategoriesGrid.scss
new file mode 100644
index 0000000..ed43477
--- /dev/null
+++ b/resources/views/segments/categories/CategoriesGrid/CategoriesGrid.scss
@@ -0,0 +1,40 @@
+.CategoriesGrid {
+    padding: 3rem 0;
+    h1{
+        margin-bottom: 2rem;
+        font-weight: 300;
+    }
+
+    .row{
+        column-gap: 7px;
+    }
+    // scss
+    .cat-grid-list{
+        .cat-grid-item{
+            border-radius: var(--xshop-border-radius);
+            overflow: hidden;
+            text-align: center;
+            box-shadow: var(--xshop-shadow);
+
+            h3{
+                font-size: 22px;
+                font-weight: 200;
+                background: var(--xshop-primary);
+                color: var(--xshop-diff);
+                margin-bottom: 0;
+            }
+            img{
+                height: 25vh;
+                object-fit: cover;
+                transition: 400ms;
+                width: 100%;
+            }
+
+            &:hover{
+                img{
+                    transform: scale(1.7);
+                }
+            }
+        }
+    }
+}
diff --git a/resources/views/segments/footer/ParallaxFooter/ParallaxFooter.scss b/resources/views/segments/footer/ParallaxFooter/ParallaxFooter.scss
index 12ad5c6..856c4c1 100644
--- a/resources/views/segments/footer/ParallaxFooter/ParallaxFooter.scss
+++ b/resources/views/segments/footer/ParallaxFooter/ParallaxFooter.scss
@@ -12,7 +12,7 @@
             position: absolute;
             content: ' ';
             height: 1px;
-            width: 10%;
+            width: 20%;
             top: 48%;
         }