diff --git a/resources/js/Global/components/Tiles/Tile.vue b/resources/js/Global/components/Tiles/Tile.vue
index efc33b2..b9fb580 100644
--- a/resources/js/Global/components/Tiles/Tile.vue
+++ b/resources/js/Global/components/Tiles/Tile.vue
@@ -1,6 +1,6 @@
 <template>
     <!-- <v-flex :class="TileSize" > -->
-        <div class="WM-ImageTile Shadowed" :class="TileClass">
+        <div class="WM-ImageTile" :class="TileClass">
             <div class="CoverBG WM-Block WM-Align-C Relative" :style="'background-image: linear-gradient('+GradientDirection+', #'+GradientBegin+' , #'+GradientEnd+'); height: '+TileHeight+';'">
                 <div class="Content">
                     <div class="Info">
@@ -61,11 +61,26 @@ export default {
 <style scoped lang="scss">
     .WM-ImageTile {
         width:100%;
+        padding: 10px;
+        transition: 0.5s;
+        border: 1px solid transparent;
+    }
+    .WM-ImageTile:hover {
+        border: 1px solid #6d6d6d;
+        -webkit-filter: grayscale(100%);
     }
     .WM-ImageTile.Shadowed {
         box-shadow: 0 10px 30px 0 rgba(0,0,0,.5);
         border-radius:5px;
     }
+    .we-dark .WM-ImageTile.Shadowed {
+        box-shadow: none;
+    }
+
+    .WM-ImageTile .WM-Block {
+        border-radius: 5px;
+    }
+
     .WM-ImageTile .TitleFa {
         font-size:26px;
         color: #000;
diff --git a/resources/js/Global/scss/Modify.scss b/resources/js/Global/scss/Modify.scss
index a99511f..e603579 100644
--- a/resources/js/Global/scss/Modify.scss
+++ b/resources/js/Global/scss/Modify.scss
@@ -82,6 +82,12 @@ $Value in $Colors {
     }
 }
 
+/* --------------------------------------------------------
+                        Vuetify :: Data Iterator
+-------------------------------------------------------- */
+.v-data-iterator  .v-data-footer {
+    width: 100%;
+}
 
 /* --------------------------------------------------------
                         Vuetify :: Dialog
diff --git a/resources/js/Global/scss/Tile.scss b/resources/js/Global/scss/Tile.scss
index 3ed79c2..61cc58e 100644
--- a/resources/js/Global/scss/Tile.scss
+++ b/resources/js/Global/scss/Tile.scss
@@ -8,7 +8,7 @@
 }
 
 .WM-Tile:hover {
-    border: 1px solid #000;
+    border: 5px solid #000;
 }
 
 .WM-Tile.Shadowed {
@@ -81,4 +81,4 @@
     text-decoration-color: #ee3552;
     color: #ee3552;
     margin-top: -5px;
-}
\ No newline at end of file
+}
diff --git a/resources/js/Global/scss/_vars.scss b/resources/js/Global/scss/_vars.scss
index 6b2945e..06e0100 100644
--- a/resources/js/Global/scss/_vars.scss
+++ b/resources/js/Global/scss/_vars.scss
@@ -50,4 +50,5 @@ $Shadows: (red: $RedShadow, orange: $OrangeShadow, yellow: $YellowShadow, gold:
     --color-portfolio: #915117;
     --color-client: #32c5d2;
     --color-task: #ac3773;
+    --color-blog-news: #ff6b57;
 }
diff --git a/resources/js/Global/utils/category-name/index.js b/resources/js/Global/utils/category-name/index.js
index ed28a92..91ba6c6 100644
--- a/resources/js/Global/utils/category-name/index.js
+++ b/resources/js/Global/utils/category-name/index.js
@@ -1,8 +1,14 @@
 import CRM from './modules/crm';
 import Common from './modules/common';
+import Portfolio from './modules/portfolio';
+import Blog from './modules/blog';
+import Reservation from './modules/reservation';
 export default {
     modules: {
         crm: CRM,
         common: Common,
+        portfolio: Portfolio,
+        blog: Blog,
+        reservation: Reservation,
     },
-}
\ No newline at end of file
+}
diff --git a/resources/js/Global/utils/category-name/modules/blog.js b/resources/js/Global/utils/category-name/modules/blog.js
new file mode 100644
index 0000000..41e3baa
--- /dev/null
+++ b/resources/js/Global/utils/category-name/modules/blog.js
@@ -0,0 +1,6 @@
+export default {
+    tile: {
+        name: 'مدیریت خبرنامه',
+        name_en: 'Blog',
+    }
+}
diff --git a/resources/js/Global/utils/category-name/modules/crm.js b/resources/js/Global/utils/category-name/modules/crm.js
index 2e15f06..720554d 100644
--- a/resources/js/Global/utils/category-name/modules/crm.js
+++ b/resources/js/Global/utils/category-name/modules/crm.js
@@ -44,6 +44,8 @@ export default{
         }
     },
     tile: {
+        name: ' مدیریت ارتباط با مشتری ',
+        name_en: 'CRM',
         chart: {name: 'نمودار و آمارها', name_en: 'Statistics'},
         task: {name: 'وظایــــــف مـــــــن', name_en: 'MY TASKS'},
         request: {name: 'درخواســت های مـــن', name_en: 'MY Requests'},
diff --git a/resources/js/Global/utils/category-name/modules/portfolio.js b/resources/js/Global/utils/category-name/modules/portfolio.js
new file mode 100644
index 0000000..215db2d
--- /dev/null
+++ b/resources/js/Global/utils/category-name/modules/portfolio.js
@@ -0,0 +1,6 @@
+export default {
+    tile: {
+        name: 'نمونه کارها',
+        name_en: 'Portfolios',
+    }
+}
diff --git a/resources/js/Global/utils/category-name/modules/reservation.js b/resources/js/Global/utils/category-name/modules/reservation.js
new file mode 100644
index 0000000..95e1d7a
--- /dev/null
+++ b/resources/js/Global/utils/category-name/modules/reservation.js
@@ -0,0 +1,6 @@
+export default {
+    tile: {
+        name: 'سیستم رزرو وقت',
+        name_en: 'Booking System',
+    }
+}
diff --git a/resources/js/Global/utils/category-name/name.js b/resources/js/Global/utils/category-name/name.js
index 5301773..86628d9 100644
--- a/resources/js/Global/utils/category-name/name.js
+++ b/resources/js/Global/utils/category-name/name.js
@@ -1,10 +1,10 @@
 import Name from './index';
 import GlobalState from "@Global/store/modules/common/state";
-// $_name in text replace 
+// $_name in text replace
 export default (path, text = '$_name') => {
     let arrayPath = path.split('.');
     let name = GlobalState.category_name.modules;
-    
+
     for (const component of arrayPath) {
         if (name[component]) {
             name = name[component];
@@ -12,20 +12,20 @@ export default (path, text = '$_name') => {
             return defaultName(path, text);
         }
     }
-    
+
     return text.replace('$_name', name);
 }
 
 function defaultName(path, text) {
     let arrayPath = path.split('.');
     let name = Name.modules;
-    
+
     for (const component of arrayPath) {
         if (name[component]) {
             name = name[component];
         } else {
-            return 'DissMiss';
+            return '';
         }
     }
     return text.replace('$_name', name);
-}
\ No newline at end of file
+}
diff --git a/resources/js/Global/utils/module-color/moduleColor.js b/resources/js/Global/utils/module-color/moduleColor.js
index 44896b3..f93d630 100644
--- a/resources/js/Global/utils/module-color/moduleColor.js
+++ b/resources/js/Global/utils/module-color/moduleColor.js
@@ -2,5 +2,6 @@ export default {
     task: 'purple',
     client: 'cyan',
     portfolio: 'brown',
-    blog: 'orange',
+    blog_news : 'orange',
+    blog_article : 'black',
 }
diff --git a/resources/js/Home/App.vue b/resources/js/Home/App.vue
index 55e5c9c..068219b 100644
--- a/resources/js/Home/App.vue
+++ b/resources/js/Home/App.vue
@@ -1,12 +1,12 @@
 <template>
 	<v-app>
-		<div id="app">
-			<wm-background C1="C33764" C2="1D2671" C3="211f20"></wm-background>
-			<app-menu></app-menu>
+		<div id="app" class="we-dark">
+			<wm-background C1="fff" C2="f1f1f1" C3="fff"/>
+			<app-menu/>
 			<v-content>
 				<v-container fluid class="Login">
 					<div class="Tile">
-						<router-view></router-view>
+						<router-view/>
 						<!-- <wm-tiles-layout></wm-tiles-layout> -->
 					</div>
 				</v-container>
@@ -34,7 +34,7 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped>
+<style lang="scss">
 #app {
 	background-color: transparent;
 	// -webkit-font-smoothing: antialiased;
@@ -44,4 +44,7 @@ export default {
 	width: 100%;
 	height: 100%;
 }
+.we-dark .Header .Time, .we-dark .Header .Name, .we-dark .Header .v-icon,  {
+    color: #000;
+}
 </style>
diff --git a/resources/js/Home/views/Home.vue b/resources/js/Home/views/Home.vue
index 77580f6..65b9ef9 100644
--- a/resources/js/Home/views/Home.vue
+++ b/resources/js/Home/views/Home.vue
@@ -9,9 +9,9 @@
             >
 
                 <wm-tile
-                    :TileClass="module.title_class"
-                    :TitleEn="$_name(`${module.slug}.name_en`)"
-                    :TitleFa="$_name(`${module.slug}.name`)"
+                    :TileClass="module.title_class +' Shadowed'"
+                    :TitleEn="$_name(`${module.slug}.tile.name_en`) != '' ? $_name(`${module.slug}.tile.name_en`)  :  module.title_en"
+                    :TitleFa="$_name(`${module.slug}.tile.name`) != '' ? $_name(`${module.slug}.tile.name`)  :  module.title_fa"
                     :GradientBegin="module.gradient_begin"
                     :GradientEnd="module.gradient_end"
                     :ImageURL="module.img_url"
diff --git a/storage/medialibrary/temp/B4RCZXlNLNf1WIwWddVZQfNmwK5ewGgi/8sf58QGh1H8h5Wfn.jpg b/storage/medialibrary/temp/B4RCZXlNLNf1WIwWddVZQfNmwK5ewGgi/8sf58QGh1H8h5Wfn.jpg
new file mode 100644
index 0000000..1ad9996
Binary files /dev/null and b/storage/medialibrary/temp/B4RCZXlNLNf1WIwWddVZQfNmwK5ewGgi/8sf58QGh1H8h5Wfn.jpg differ
diff --git a/storage/medialibrary/temp/B4RCZXlNLNf1WIwWddVZQfNmwK5ewGgi/NBqP4KA2JQBt3w4dthumbnail.jpg b/storage/medialibrary/temp/B4RCZXlNLNf1WIwWddVZQfNmwK5ewGgi/NBqP4KA2JQBt3w4dthumbnail.jpg
new file mode 100644
index 0000000..1ad9996
Binary files /dev/null and b/storage/medialibrary/temp/B4RCZXlNLNf1WIwWddVZQfNmwK5ewGgi/NBqP4KA2JQBt3w4dthumbnail.jpg differ