diff --git a/resources/views/segments/header/ParallaxHeader/screenshot.png b/resources/views/segments/header/ParallaxHeader/screenshot.png
index c83bd13..3cc4f5e 100644
Binary files a/resources/views/segments/header/ParallaxHeader/screenshot.png and b/resources/views/segments/header/ParallaxHeader/screenshot.png differ
diff --git a/resources/views/segments/header/ParallaxHeaderPin/ParallaxHeaderPin.blade.php b/resources/views/segments/header/ParallaxHeaderPin/ParallaxHeaderPin.blade.php
new file mode 100644
index 0000000..39784e2
--- /dev/null
+++ b/resources/views/segments/header/ParallaxHeaderPin/ParallaxHeaderPin.blade.php
@@ -0,0 +1,13 @@
+<header class='ParallaxHeaderPin' 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 class="fake-container">
+            &nbsp;
+        </div>
+    </div>
+</header>
diff --git a/resources/views/segments/header/ParallaxHeaderPin/ParallaxHeaderPin.js b/resources/views/segments/header/ParallaxHeaderPin/ParallaxHeaderPin.js
new file mode 100644
index 0000000..e69de29
diff --git a/resources/views/segments/header/ParallaxHeaderPin/ParallaxHeaderPin.json b/resources/views/segments/header/ParallaxHeaderPin/ParallaxHeaderPin.json
new file mode 100644
index 0000000..bef2d26
--- /dev/null
+++ b/resources/views/segments/header/ParallaxHeaderPin/ParallaxHeaderPin.json
@@ -0,0 +1,10 @@
+{
+    "name": "ParallaxHeaderPin",
+    "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/ParallaxHeaderPin/ParallaxHeaderPin.php b/resources/views/segments/header/ParallaxHeaderPin/ParallaxHeaderPin.php
new file mode 100644
index 0000000..0dfd54c
--- /dev/null
+++ b/resources/views/segments/header/ParallaxHeaderPin/ParallaxHeaderPin.php
@@ -0,0 +1,34 @@
+<?php
+
+namespace Resources\Views\Segments;
+
+use App\Models\Part;
+use App\Models\Setting;
+use Illuminate\Support\Facades\File;
+
+class ParallaxHeaderPin
+{
+
+    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/ParallaxHeaderPin/ParallaxHeaderPin.scss b/resources/views/segments/header/ParallaxHeaderPin/ParallaxHeaderPin.scss
new file mode 100644
index 0000000..ed6da95
--- /dev/null
+++ b/resources/views/segments/header/ParallaxHeaderPin/ParallaxHeaderPin.scss
@@ -0,0 +1,21 @@
+.ParallaxHeaderPin {
+    background-size: cover;
+    background-attachment: fixed;
+    height: 270px;
+    color: var(--xshop-diff);
+    padding-top: 3rem;
+    overflow: hidden;
+
+    h2{
+        opacity: .4;
+        margin-bottom: 3rem;
+    }
+
+    .fake-container{
+        background: var(--xshop-background);
+        border-radius: var(--xshop-border-radius);
+        border-bottom-right-radius: 0;
+        border-bottom-left-radius: 0;
+        height: 100px;
+    }
+}
diff --git a/resources/views/segments/header/ParallaxHeaderPin/screenshot.png b/resources/views/segments/header/ParallaxHeaderPin/screenshot.png
new file mode 100644
index 0000000..58374b6
Binary files /dev/null and b/resources/views/segments/header/ParallaxHeaderPin/screenshot.png differ
diff --git a/resources/views/segments/index/GradientTextLink/GradientTextLink.scss b/resources/views/segments/index/GradientTextLink/GradientTextLink.scss
index 9f7c761..d21de30 100644
--- a/resources/views/segments/index/GradientTextLink/GradientTextLink.scss
+++ b/resources/views/segments/index/GradientTextLink/GradientTextLink.scss
@@ -9,5 +9,4 @@
         margin-top: 2rem;
     }
 
-    margin-bottom: 1rem;
 }
diff --git a/resources/views/segments/index/SimpleTextLink/SimpleTextLink.scss b/resources/views/segments/index/SimpleTextLink/SimpleTextLink.scss
index fa216a1..83b663f 100644
--- a/resources/views/segments/index/SimpleTextLink/SimpleTextLink.scss
+++ b/resources/views/segments/index/SimpleTextLink/SimpleTextLink.scss
@@ -10,5 +10,4 @@
         margin-top: 2rem;
     }
 
-    margin-bottom: 1rem;
 }
diff --git a/resources/views/segments/parallax/ParallaxShort/ParallaxShort.scss b/resources/views/segments/parallax/ParallaxShort/ParallaxShort.scss
index a6c5b12..c513076 100644
--- a/resources/views/segments/parallax/ParallaxShort/ParallaxShort.scss
+++ b/resources/views/segments/parallax/ParallaxShort/ParallaxShort.scss
@@ -3,5 +3,5 @@
     background-size: cover;
     background-attachment: fixed;
     height: 350px;
-    color: invert($xshop-text);
+    color: var(--xshop-diff);
 }