diff --git a/app/Models/Area.php b/app/Models/Area.php
index 573bd62..1ba5097 100644
--- a/app/Models/Area.php
+++ b/app/Models/Area.php
@@ -29,6 +29,7 @@ class Area extends Model
         'group',
         'groups',
         'groups_page',
+        'header',
         'index',
         'invoice',
         'login',
diff --git a/public/upload/images/index.ParallaxHeader.jpg b/public/upload/images/index.ParallaxHeader.jpg
new file mode 100644
index 0000000..8f60d93
Binary files /dev/null and b/public/upload/images/index.ParallaxHeader.jpg differ
diff --git a/resources/views/segments/header/ParallaxHeader/ParallaxHeader.blade.php b/resources/views/segments/header/ParallaxHeader/ParallaxHeader.blade.php
new file mode 100644
index 0000000..9660f6f
--- /dev/null
+++ b/resources/views/segments/header/ParallaxHeader/ParallaxHeader.blade.php
@@ -0,0 +1,10 @@
+<header class='ParallaxHeader' style="background-image: url('{{$bg??asset('upload/images/'.$data->area->name.'.'.$data->part.'.jpg')}}')">
+    <div class="{{gfx()['container']}}">
+        <h1>
+            {{$title}}
+        </h1>
+        <h2>
+            {{$subtitle}}
+        </h2>
+    </div>
+</header>
diff --git a/resources/views/segments/header/ParallaxHeader/ParallaxHeader.js b/resources/views/segments/header/ParallaxHeader/ParallaxHeader.js
new file mode 100644
index 0000000..e69de29
diff --git a/resources/views/segments/header/ParallaxHeader/ParallaxHeader.json b/resources/views/segments/header/ParallaxHeader/ParallaxHeader.json
new file mode 100644
index 0000000..2badf1d
--- /dev/null
+++ b/resources/views/segments/header/ParallaxHeader/ParallaxHeader.json
@@ -0,0 +1,10 @@
+{
+    "name": "ParallaxHeader",
+    "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/header/ParallaxHeader/ParallaxHeader.php b/resources/views/segments/header/ParallaxHeader/ParallaxHeader.php
new file mode 100644
index 0000000..0704e9e
--- /dev/null
+++ b/resources/views/segments/header/ParallaxHeader/ParallaxHeader.php
@@ -0,0 +1,33 @@
+<?php
+
+namespace Resources\Views\Segments;
+
+use App\Models\Part;
+use App\Models\Setting;
+use Illuminate\Support\Facades\File;
+
+class ParallaxHeader
+{
+    public static function onAdd(Part $part = null)
+    {
+
+        $setting = new Setting();
+        $setting->section = 'theme';
+        $setting->key = $part->area->name . '_' . $part->part.'_jpg';
+        $setting->value = null;
+        $setting->type = 'FILE';
+        $setting->size = 6;
+        $setting->title =  $part->area->name . ' ' . $part->part.' default image';
+        $setting->save();
+
+        File::copy(__DIR__.'/../../default-assets/bg.jpg',public_path('upload/images/').$part->area->name . '.' . $part->part.'.jpg');
+    }
+    public static function onRemove(Part $part = null)
+    {
+        Setting::where('key',$part->area->name . '_' . $part->part.'_jpg')->first()?->delete();
+    }
+    public static function onMount(Part $part = null)
+    {
+        return $part;
+    }
+}
diff --git a/resources/views/segments/header/ParallaxHeader/ParallaxHeader.scss b/resources/views/segments/header/ParallaxHeader/ParallaxHeader.scss
new file mode 100644
index 0000000..06d3fe1
--- /dev/null
+++ b/resources/views/segments/header/ParallaxHeader/ParallaxHeader.scss
@@ -0,0 +1,13 @@
+.ParallaxHeader {
+    background-size: cover;
+    background-attachment: fixed;
+    height: 250px;
+    color: var(--xshop-diff);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    h2{
+        opacity: .4;
+    }
+}
diff --git a/resources/views/segments/header/ParallaxHeader/screenshot.png b/resources/views/segments/header/ParallaxHeader/screenshot.png
new file mode 100644
index 0000000..c83bd13
Binary files /dev/null and b/resources/views/segments/header/ParallaxHeader/screenshot.png differ
diff --git a/resources/views/segments/header/SimpleHeader/SimpleHeader.blade.php b/resources/views/segments/header/SimpleHeader/SimpleHeader.blade.php
new file mode 100644
index 0000000..da2b907
--- /dev/null
+++ b/resources/views/segments/header/SimpleHeader/SimpleHeader.blade.php
@@ -0,0 +1,10 @@
+<header class='SimpleHeader'>
+    <div class="{{gfx()['container']}}">
+        <h1>
+            {{$title}}
+        </h1>
+        <h2>
+            {{$subtitle}}
+        </h2>
+    </div>
+</header>
diff --git a/resources/views/segments/header/SimpleHeader/SimpleHeader.js b/resources/views/segments/header/SimpleHeader/SimpleHeader.js
new file mode 100644
index 0000000..e69de29
diff --git a/resources/views/segments/header/SimpleHeader/SimpleHeader.json b/resources/views/segments/header/SimpleHeader/SimpleHeader.json
new file mode 100644
index 0000000..3ea8e03
--- /dev/null
+++ b/resources/views/segments/header/SimpleHeader/SimpleHeader.json
@@ -0,0 +1,10 @@
+{
+    "name": "SimpleHeader",
+    "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/header/SimpleHeader/SimpleHeader.php b/resources/views/segments/header/SimpleHeader/SimpleHeader.php
new file mode 100644
index 0000000..44eb54e
--- /dev/null
+++ b/resources/views/segments/header/SimpleHeader/SimpleHeader.php
@@ -0,0 +1,21 @@
+<?php
+
+namespace Resources\Views\Segments;
+
+use App\Models\Part;
+
+class SimpleHeader
+{
+    public static function onAdd(Part $part = null)
+    {
+
+    }
+    public static function onRemove(Part $part = null)
+    {
+
+    }
+    public static function onMount(Part $part = null)
+    {
+        return $part;
+    }
+}
diff --git a/resources/views/segments/header/SimpleHeader/SimpleHeader.scss b/resources/views/segments/header/SimpleHeader/SimpleHeader.scss
new file mode 100644
index 0000000..c721bb0
--- /dev/null
+++ b/resources/views/segments/header/SimpleHeader/SimpleHeader.scss
@@ -0,0 +1,48 @@
+.SimpleHeader {
+
+    overflow: hidden;
+
+    position: relative;
+    background: var(--xshop-background);
+    border-bottom: 2px solid var(--xshop-primary);;
+    .container, .container-fluid {
+        padding: 3rem;
+        position: relative;
+
+        h1{
+            color: var(--xshop-primary);
+            font-weight: 200;
+        }
+
+        h2{
+            opacity: .3;
+            position: absolute;
+            top: 35%;
+            inset-inline-end: 10%;
+            font-weight: 300;
+        }
+    }
+
+    &:after {
+        content:' ';
+        width: 25vw;
+        height: 25vw;
+        background: var(--xshop-primary);
+        position: absolute;
+        top: -10vw;
+        border-radius: 50%;
+        inset-inline-end: 10%;
+        opacity: .3;
+    }
+}
+
+
+/*-1000px width*/
+@media (max-width: 1000px) {
+    .SimpleHeader{
+        &:after{
+            height: 24vh;
+            width: 25vh;
+        }
+    }
+}
diff --git a/resources/views/segments/header/SimpleHeader/screenshot.png b/resources/views/segments/header/SimpleHeader/screenshot.png
new file mode 100644
index 0000000..4ed4c9f
Binary files /dev/null and b/resources/views/segments/header/SimpleHeader/screenshot.png differ
diff --git a/resources/views/segments/index/InlineMap/InlineMap.js b/resources/views/segments/index/InlineMap/InlineMap.js
index 47ae4af..21687f9 100644
--- a/resources/views/segments/index/InlineMap/InlineMap.js
+++ b/resources/views/segments/index/InlineMap/InlineMap.js
@@ -2,6 +2,7 @@ import L from 'leaflet';
 
 var map,marker ;
 window.addEventListener('load',function () {
+
     const lat = parseFloat(document.querySelector('#maplat').value);
     const lng = parseFloat(document.querySelector('#maplng').value);
     const zoom = parseInt(document.querySelector('#mapzoom').value);
diff --git a/resources/views/segments/menu/AplMenu/AplMenu.scss b/resources/views/segments/menu/AplMenu/AplMenu.scss
index a28a9cc..9bc78f1 100644
--- a/resources/views/segments/menu/AplMenu/AplMenu.scss
+++ b/resources/views/segments/menu/AplMenu/AplMenu.scss
@@ -1,9 +1,12 @@
+main{
+    padding-top: 47px;
+}
 #AplMenu {
     position: fixed;
     left: 0;
     top: 0;
     right: 0;
-    z-index: 99;
+    z-index: 9999;
     background: #434344;
     transition: 200ms;
 
diff --git a/routes/web.php b/routes/web.php
index 19d8930..9b59cbb 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -3,9 +3,12 @@
 use Illuminate\Support\Facades\Artisan;
 use Illuminate\Support\Facades\Route;
 
+
 Route::get('/', function () {
     $area = 'index';
-    return view('welcome',compact('area'));
+    $title = config('app.name');
+    $subtitle = getSetting('subtitle');
+    return view('welcome',compact('area','title','subtitle'));
 })->name('welcome')->middleware(\App\Http\Middleware\VisitorCounter::class);
 
 Auth::routes(['register' => false]);