diff --git a/SharedUI/Shared/Components/Layout/GalleryComponent.razor b/SharedUI/Shared/Components/Layout/GalleryComponent.razor
index 22739e5..c6e3ce6 100644
--- a/SharedUI/Shared/Components/Layout/GalleryComponent.razor
+++ b/SharedUI/Shared/Components/Layout/GalleryComponent.razor
@@ -5,93 +5,64 @@
                 <div class="wm-simple-facny-title wm-in-light">
                     <h2>Our Image Gallery</h2>
                 </div>
-                <ul class="wm-album-filter">
-                    <li><a href="#" data-filter="*" class="active">All</a></li>
-                    <li><a href="#" data-filter=".jquery">Festivals</a></li>
-                    <li><a data-filter=".php" href="#">Concerts</a></li>
-                    <li><a data-filter=".wordpress" href="#">Official Tour</a></li>
-                </ul>
+               
                 <div class="wm-artist wm-artist-grid wm-albummasonry-list">
                     <ul class="row">
-                        <li class="col-md-3 jquery">
+                        <li class="col-md-4 jquery">
                             <figure>
-                                <a href="#"><img src="extra-images/ourimage-gallery-1.jpg" alt=""></a>
+                                <a href="#"><img src="_content/SharedUI/assets/images2/arc2.webp" alt=""></a>
                                 <figcaption><a href="#"><i class="flaticon-search"></i></a></figcaption>
                             </figure>
-                            <div class="wm-artist-title">
-                                <h2><a href="#">MetLife Stadium</a></h2>
-                                <span>East Rutherford, NJ</span>
-                            </div>
+                           
                         </li>
-                        <li class="col-md-3 php">
+                        <li class="col-md-4 php">
                             <figure>
-                                <a href="#"><img src="extra-images/ourimage-gallery-2.jpg" alt=""></a>
+                                <a href="#"><img src="_content/SharedUI/assets/images2/24_CORYHAPPYGANGcopy.webp" alt=""></a>
                                 <figcaption><a href="#"><i class="flaticon-search"></i></a></figcaption>
                             </figure>
-                            <div class="wm-artist-title">
-                                <h2><a href="#">Lincoln Financial Field</a></h2>
-                                <span>Philadelphia, PA</span>
-                            </div>
+                           
                         </li>
-                        <li class="col-md-3 wordpress">
+                        <li class="col-md-4 wordpress">
                             <figure>
-                                <a href="#"><img src="extra-images/ourimage-gallery-3.jpg" alt=""></a>
+                                <a href="#"><img src="_content/SharedUI/assets/images2/concert.webp" alt=""></a>
                                 <figcaption><a href="#"><i class="flaticon-search"></i></a></figcaption>
                             </figure>
-                            <div class="wm-artist-title">
-                                <h2><a href="#">Rose Bowl Stadium</a></h2>
-                                <span>Pasadena, CA</span>
-                            </div>
+                            
                         </li>
-                        <li class="col-md-3 jquery">
+                        <li class="col-md-4 jquery">
                             <figure>
-                                <a href="#"><img src="extra-images/ourimage-gallery-4.jpg" alt=""></a>
+                                <a href="#"><img src="_content/SharedUI/assets/images2/Cory.webp" alt=""></a>
                                 <figcaption> <a href="#"><i class="flaticon-search"></i></a> </figcaption>
                             </figure>
-                            <div class="wm-artist-title">
-                                <h2><a href="#">AT&T Stadium</a></h2>
-                                <span>Arlington, TX</span>
-                            </div>
+                            
                         </li>
-                        <li class="col-md-3 wordpress">
+                        <li class="col-md-4 wordpress">
                             <figure>
-                                <a href="#"><img src="extra-images/ourimage-gallery-5.jpg" alt=""></a>
+                                <a href="#"><img src="_content/SharedUI/assets/images2/Cory-1-5_edited.webp" alt=""></a>
                                 <figcaption><a href="#"><i class="flaticon-search"></i></a></figcaption>
                             </figure>
-                            <div class="wm-artist-title">
-                                <h2><a href="#">Manchester Etihad Stadium</a></h2>
-                                <span>UK - Manchester, GB</span>
-                            </div>
+                           
                         </li>
-                        <li class="col-md-3 php">
+                        <li class="col-md-4 php">
                             <figure>
-                                <a href="#"><img src="extra-images/ourimage-gallery-6.jpg" alt=""></a>
+                                <a href="#"><img src="_content/SharedUI/assets/images2/fb1565_1676ba3306bd41b98ced21823efa8b93~mv2.webp" alt=""></a>
                                 <figcaption><a href="#"><i class="flaticon-search"></i></a></figcaption>
                             </figure>
-                            <div class="wm-artist-title">
-                                <h2><a href="#">Wembley Stadium</a></h2>
-                                <span> London, GB</span>
-                            </div>
+                            
                         </li>
-                        <li class="col-md-3 jquery">
+                        <li class="col-md-4 jquery">
                             <figure>
-                                <a href="#"><img src="extra-images/ourimage-gallery-7.jpg" alt=""></a>
+                                <a href="#"><img src="_content/SharedUI/assets/images2/HAPPY GANG.webp" alt=""></a>
                                 <figcaption><a href="#"><i class="flaticon-search"></i></a></figcaption>
                             </figure>
-                            <div class="wm-artist-title">
-                                <h2><a href="#">Gillette Stadium</a></h2>
-                                <span>Foxborough, MA</span>
-                            </div>
+                           
                         </li>
-                        <li class="col-md-3 php">
+                        <li class="col-md-4 php">
                             <figure>
-                                <a href="#"><img src="extra-images/ourimage-gallery-8.jpg" alt=""></a>
+                                <a href="#"><img src="_content/SharedUI/assets/images2/happygangcory.webp" alt=""></a>
                                 <figcaption> <a href="#"><i class="flaticon-search"></i></a> </figcaption>
                             </figure>
-                            <div class="wm-artist-title">
-                                <h2><a href="#">Soldier Field</a></h2>
-                                <span>Chicago, IL</span>
-                            </div>
+                           
                         </li>
                     </ul>
                 </div>
diff --git a/SharedUI/Shared/Components/Layout/LeftSideComponent.razor b/SharedUI/Shared/Components/Layout/LeftSideComponent.razor
index f113ea8..3b912d1 100644
--- a/SharedUI/Shared/Components/Layout/LeftSideComponent.razor
+++ b/SharedUI/Shared/Components/Layout/LeftSideComponent.razor
@@ -5,7 +5,7 @@
         <div class="row flex-lg-row-reverse align-items-center">
             <div class="col-lg-6">
                 <div class="lc-block">
-                    <img class="img-fluid" src="_content/SharedUI/assets/images2/arc 2.webp" loading="lazy" width="900" height="600">
+                    <img class="img-fluid" src="_content/SharedUI/assets/images2/arc2.webp" loading="lazy" width="900" height="600">
                 </div>
             </div>
             <div class="col-lg-6">
diff --git a/SharedUI/Shared/Components/Layout/PlayerSliderComponent.razor b/SharedUI/Shared/Components/Layout/PlayerSliderComponent.razor
new file mode 100644
index 0000000..fc67faa
--- /dev/null
+++ b/SharedUI/Shared/Components/Layout/PlayerSliderComponent.razor
@@ -0,0 +1,119 @@
+<div class="wm-main-banner">
+
+    <div class="wm-banner-three">
+
+        <div class="wm-banner-three-slide">
+
+            <img src="_content/SharedUI/assets/images2/slider_bg1_788.png" alt="HUNGEXPO BP..jpeg" fetchpriority="high">
+            <!--// Player \\-->
+            <div class="container">
+
+                <div class="wm-banner-player-three">
+
+                    <div id="jquery_jplayer_3" class="jp-jplayer"></div>
+                    <div id="jp_container_3" class="jp-audio" role="application" aria-label="media player">
+                        <div class="jp-type-playlist">
+                            <div class="jp-gui jp-interface">
+                                <div id="get-track" class="wm-get-track wm-color-two">Track 1</div>
+                                <div id="current-track" class="song-title">- / -</div>
+                                <div class="wm-player-wrap">
+                                    <div class="jp-time-holder">
+                                        <div class="jp-current-time" role="timer" aria-label="time">&nbsp;</div>
+                                        <div class="jp-duration" role="timer" aria-label="duration">/&nbsp;</div>
+                                    </div>
+                                    <div class="jp-progress">
+                                        <div class="jp-seek-bar">
+                                            <div class="jp-play-bar"></div>
+                                        </div>
+                                    </div>
+                                    <div class="jp-volume-controls">
+                                        <span class="jp-mute"><i class="flaticon-technology-1"></i></span>
+                                        <div class="jp-volume-bar">
+                                            <div class="jp-volume-bar-value"></div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="jp-controls">
+                                    <span class="jp-shuffle"><i class="flaticon-arrows-2"></i></span>
+                                    <span class="wm-bgcolor-one jp-previous"><i class="flaticon-arrows-1"></i></span>
+                                    <span class="jp-play"><i class="fa fa-pause"></i> <i class="fa fa-play"></i></span>
+                                    <span class="wm-bgcolor-one jp-next"><i class="flaticon-arrows-1"></i></span>
+                                    <span class="jp-repeat"><i class="flaticon-arrows-3"></i></span>
+                                </div>
+                            </div>
+                            <div class="jp-playlist">
+                                <ul>
+                                    <li>&nbsp;</li>
+                                </ul>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+            </div>
+            <!--// Player \\-->
+        </div>
+
+        <div class="wm-banner-three-slide">
+
+            <img src="_content/SharedUI/assets/images2/slider_bg2_788.png" alt="VOLT festival2018.jpg" fetchpriority="high">
+            <!--// Player \\-->
+            <div class="container">
+
+                <div class="wm-banner-player-three">
+
+                    <div id="jquery_jplayer_9" class="jp-jplayer"></div>
+                    <div id="jp_container_9" class="jp-audio" role="application" aria-label="media player">
+                        <div class="jp-type-playlist">
+                            <div class="jp-gui jp-interface">
+                                <div id="get-track9" class="wm-get-track wm-color-two">Track 1</div>
+                                <div id="current-track9" class="song-title">Jenna Kevinsons / Bring Me To Life</div>
+                                <div class="wm-player-wrap">
+                                    <div class="jp-time-holder">
+                                        <div class="jp-current-time" role="timer" aria-label="time">&nbsp;</div>
+                                        <div class="jp-duration" role="timer" aria-label="duration">/&nbsp;</div>
+                                    </div>
+                                    <div class="jp-progress">
+                                        <div class="jp-seek-bar">
+                                            <div class="jp-play-bar"></div>
+                                        </div>
+                                    </div>
+                                    <div class="jp-volume-controls">
+                                        <span class="jp-mute"><i class="flaticon-technology-1"></i></span>
+                                        <div class="jp-volume-bar">
+                                            <div class="jp-volume-bar-value"></div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="jp-controls">
+                                    <span class="jp-shuffle"><i class="flaticon-arrows-2"></i></span>
+                                    <span class="wm-bgcolor-one jp-previous"><i class="flaticon-arrows-1"></i></span>
+                                    <span class="jp-play"><i class="fa fa-pause"></i> <i class="fa fa-play"></i></span>
+                                    <span class="wm-bgcolor-one jp-next"><i class="flaticon-arrows-1"></i></span>
+                                    <span class="jp-repeat"><i class="flaticon-arrows-3"></i></span>
+                                </div>
+                            </div>
+                            <div class="jp-playlist">
+                                <ul>
+                                    <li>&nbsp;</li>
+                                </ul>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+            </div>
+            <!--// Player \\-->
+        </div>
+
+
+
+    </div>
+
+</div>
+<script type="text/javascript" src="_content/SharedUI/assets/script/functions.js"></script>
+<script type="text/javascript" src="_content/SharedUI/assets/script/jplayer.functions.js"></script>
+
+@code {
+
+}
diff --git a/SharedUI/Shared/Components/Layout/VideoSliderComponent.razor b/SharedUI/Shared/Components/Layout/VideoSliderComponent.razor
new file mode 100644
index 0000000..ea0b2cd
--- /dev/null
+++ b/SharedUI/Shared/Components/Layout/VideoSliderComponent.razor
@@ -0,0 +1,52 @@
+<div class="wm-main-section wm-ourvideo-full">
+    <div class="container">
+        <div class="row">
+
+            <!--// Music Beat Dates \\-->
+            <div class="col-md-12">
+
+                <div class="wm-fancy-title wm-fancy-darkcolor">
+                    <span>latest Video Releases</span>
+                    <h2>Our Videos</h2>
+                </div>
+                <div class="wm-ourvideo-slider">
+                    <div class="wm-ourvideo-wrap">
+                        <figure>
+                            <video src="_content/SharedUI/assets/media/video/PROMO.1 HG.CORY.mov" controls height="340">
+                            </video>
+                        </figure>
+
+                        <div class="wm-ourvideo-text">
+                            <time datetime="2008-02-14 20:00">12/12/2015</time>
+                            <h4><a href="#">No.39: DMX - 'X Gon' Give It To Ya'</a></h4>
+                            <p>We can thank Deadpool for this entry... A sentence we never thought we'd say! After this huge tune appeared in the trailer for the movie, people had to get on it!</p>
+                        </div>
+                    </div>
+                    @* <div class="wm-ourvideo-wrap">
+                    <figure><iframe src="https://player.vimeo.com/video/3832662?color=ffffff&title=0&byline=0&portrait=0" height="340"></iframe></figure>
+                    <div class="wm-ourvideo-text">
+                    <time datetime="2008-02-14 20:00">13/12/2016</time>
+                    <h4><a href="#">No.39: DMX - 'X Gon' Give'</a></h4>
+                    <p>We can thank Deadpool for this entry... A sentence we never thought we'd say! After this huge tune appeared in the trailer for the movie, people had to get on it!</p>
+                    </div>
+                    </div>
+                    <div class="wm-ourvideo-wrap">
+                    <figure><iframe src="https://player.vimeo.com/video/5841704?color=ffffff&portrait=0" height="340"></iframe></figure>
+                    <div class="wm-ourvideo-text">
+                    <time datetime="2008-02-14 20:00">12/12/2015</time>
+                    <h4><a href="#">No.39: DMX - 'X Gon' Give It To Ya'</a></h4>
+                    <p>We can thank Deadpool for this entry... A sentence we never thought we'd say! After this huge tune appeared in the trailer for the movie, people had to get on it!</p>
+                    </div>
+                    </div> *@
+                </div>
+
+            </div>
+            <!--// Music Beat Dates \\-->
+
+        </div>
+    </div>
+</div>
+
+@code {
+
+}
diff --git a/SharedUI/Shared/Components/Pages/About.razor b/SharedUI/Shared/Components/Pages/About.razor
index 665e855..5b5d412 100644
--- a/SharedUI/Shared/Components/Pages/About.razor
+++ b/SharedUI/Shared/Components/Pages/About.razor
@@ -112,7 +112,8 @@
     <!--// Main Section \\-->
 
 
-
+    <script type="text/javascript" src="_content/SharedUI/assets/script/functions.js"></script>
+    <script type="text/javascript" src="_content/SharedUI/assets/script/jplayer.functions.js"></script>
 
 </div>
 <!--// Main Content \\-->
diff --git a/SharedUI/Shared/Components/Pages/Index.razor b/SharedUI/Shared/Components/Pages/Index.razor
index 5f6f770..bb78933 100644
--- a/SharedUI/Shared/Components/Pages/Index.razor
+++ b/SharedUI/Shared/Components/Pages/Index.razor
@@ -1,332 +1,329 @@
 @page "/"
 @using SharedUI.Shared.Components.Layout
 
-    <div class="wm-main-wrapper wm-overflow-section">
+<div class="wm-main-wrapper wm-overflow-section">
 
-      
 
-        <!--// Main Banner \\-->
-        <div class="wm-main-banner">
 
-            <div class="wm-banner-three">
+    <!--// Main Banner \\-->
+    <div class="wm-main-banner">
 
-                <div class="wm-banner-three-slide">
+        <div class="wm-banner-three">
 
-                    <img src="_content/SharedUI/assets/images2/slider_bg1_788.png" alt="HUNGEXPO BP..jpeg" fetchpriority="high">
-                    <!--// Player \\-->
-                    <div class="container">
+            <div class="wm-banner-three-slide">
 
-                        <div class="wm-banner-player-three">
+                <img src="_content/SharedUI/assets/images2/slider_bg1_788.png" alt="HUNGEXPO BP..jpeg" fetchpriority="high">
+                <!--// Player \\-->
+                <div class="container">
 
-                            <div id="jquery_jplayer_3" class="jp-jplayer"></div>
-                            <div id="jp_container_3" class="jp-audio" role="application" aria-label="media player">
-                                <div class="jp-type-playlist">
-                                    <div class="jp-gui jp-interface">
-                                        <div id="get-track" class="wm-get-track wm-color-two">Track 1</div>
-                                        <div id="current-track" class="song-title">- / -</div>
-                                        <div class="wm-player-wrap">
-                                            <div class="jp-time-holder">
-                                                <div class="jp-current-time" role="timer" aria-label="time">&nbsp;</div>
-                                                <div class="jp-duration" role="timer" aria-label="duration">/&nbsp;</div>
-                                            </div>
-                                            <div class="jp-progress">
-                                                <div class="jp-seek-bar">
-                                                    <div class="jp-play-bar"></div>
-                                                </div>
-                                            </div>
-                                            <div class="jp-volume-controls">
-                                                <span class="jp-mute"><i class="flaticon-technology-1"></i></span>
-                                                <div class="jp-volume-bar">
-                                                    <div class="jp-volume-bar-value"></div>
-                                                </div>
+                    <div class="wm-banner-player-three">
+
+                        <div id="jquery_jplayer_3" class="jp-jplayer"></div>
+                        <div id="jp_container_3" class="jp-audio" role="application" aria-label="media player">
+                            <div class="jp-type-playlist">
+                                <div class="jp-gui jp-interface">
+                                    <div id="get-track" class="wm-get-track wm-color-two">Track 1</div>
+                                    <div id="current-track" class="song-title">- / -</div>
+                                    <div class="wm-player-wrap">
+                                        <div class="jp-time-holder">
+                                            <div class="jp-current-time" role="timer" aria-label="time">&nbsp;</div>
+                                            <div class="jp-duration" role="timer" aria-label="duration">/&nbsp;</div>
+                                        </div>
+                                        <div class="jp-progress">
+                                            <div class="jp-seek-bar">
+                                                <div class="jp-play-bar"></div>
                                             </div>
                                         </div>
-                                        <div class="jp-controls">
-                                            <span class="jp-shuffle"><i class="flaticon-arrows-2"></i></span>
-                                            <span class="wm-bgcolor-one jp-previous"><i class="flaticon-arrows-1"></i></span>
-                                            <span class="jp-play"><i class="fa fa-pause"></i> <i class="fa fa-play"></i></span>
-                                            <span class="wm-bgcolor-one jp-next"><i class="flaticon-arrows-1"></i></span>
-                                            <span class="jp-repeat"><i class="flaticon-arrows-3"></i></span>
+                                        <div class="jp-volume-controls">
+                                            <span class="jp-mute"><i class="flaticon-technology-1"></i></span>
+                                            <div class="jp-volume-bar">
+                                                <div class="jp-volume-bar-value"></div>
+                                            </div>
                                         </div>
                                     </div>
-                                    <div class="jp-playlist">
-                                        <ul>
-                                            <li>&nbsp;</li>
-                                        </ul>
+                                    <div class="jp-controls">
+                                        <span class="jp-shuffle"><i class="flaticon-arrows-2"></i></span>
+                                        <span class="wm-bgcolor-one jp-previous"><i class="flaticon-arrows-1"></i></span>
+                                        <span class="jp-play"><i class="fa fa-pause"></i> <i class="fa fa-play"></i></span>
+                                        <span class="wm-bgcolor-one jp-next"><i class="flaticon-arrows-1"></i></span>
+                                        <span class="jp-repeat"><i class="flaticon-arrows-3"></i></span>
                                     </div>
                                 </div>
+                                <div class="jp-playlist">
+                                    <ul>
+                                        <li>&nbsp;</li>
+                                    </ul>
+                                </div>
                             </div>
                         </div>
-
                     </div>
-                    <!--// Player \\-->
+
                 </div>
-
-                <div class="wm-banner-three-slide">
-
-                    <img src="_content/SharedUI/assets/images2/slider_bg2_788.png" alt="VOLT festival2018.jpg" fetchpriority="high">
-                    <!--// Player \\-->
-                    <div class="container">
-
-                        <div class="wm-banner-player-three">
-
-                            <div id="jquery_jplayer_9" class="jp-jplayer"></div>
-                            <div id="jp_container_9" class="jp-audio" role="application" aria-label="media player">
-                                <div class="jp-type-playlist">
-                                    <div class="jp-gui jp-interface">
-                                        <div id="get-track9" class="wm-get-track wm-color-two">Track 1</div>
-                                        <div id="current-track9" class="song-title">Jenna Kevinsons / Bring Me To Life</div>
-                                        <div class="wm-player-wrap">
-                                            <div class="jp-time-holder">
-                                                <div class="jp-current-time" role="timer" aria-label="time">&nbsp;</div>
-                                                <div class="jp-duration" role="timer" aria-label="duration">/&nbsp;</div>
-                                            </div>
-                                            <div class="jp-progress">
-                                                <div class="jp-seek-bar">
-                                                    <div class="jp-play-bar"></div>
-                                                </div>
-                                            </div>
-                                            <div class="jp-volume-controls">
-                                                <span class="jp-mute"><i class="flaticon-technology-1"></i></span>
-                                                <div class="jp-volume-bar">
-                                                    <div class="jp-volume-bar-value"></div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <div class="jp-controls">
-                                            <span class="jp-shuffle"><i class="flaticon-arrows-2"></i></span>
-                                            <span class="wm-bgcolor-one jp-previous"><i class="flaticon-arrows-1"></i></span>
-                                            <span class="jp-play"><i class="fa fa-pause"></i> <i class="fa fa-play"></i></span>
-                                            <span class="wm-bgcolor-one jp-next"><i class="flaticon-arrows-1"></i></span>
-                                            <span class="jp-repeat"><i class="flaticon-arrows-3"></i></span>
-                                        </div>
-                                    </div>
-                                    <div class="jp-playlist">
-                                        <ul>
-                                            <li>&nbsp;</li>
-                                        </ul>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-
-                    </div>
-                    <!--// Player \\-->
-                </div>
-
-                
-
+                <!--// Player \\-->
             </div>
 
-        </div>
-        <!--// Main Banner \\-->
+            <div class="wm-banner-three-slide">
 
-        <!--// Main Content \\-->
-        <div class="wm-main-content">
-
-            <!--// Main Section \\-->
-            <div class="wm-main-section wm-musicbeat-tourdates">
+                <img src="_content/SharedUI/assets/images2/slider_bg2_788.png" alt="VOLT festival2018.jpg" fetchpriority="high">
+                <!--// Player \\-->
                 <div class="container">
-                    <div class="row">
 
-                        <!--// Music Beat Dates \\-->
-                        <div class="col-md-12">
-                            <div class="wm-fancy-title">
-                                <span>Koncert Dátumok</span>
-                                <h2>Kiemelt Koncertek</h2>
+                    <div class="wm-banner-player-three">
+
+                        <div id="jquery_jplayer_9" class="jp-jplayer"></div>
+                        <div id="jp_container_9" class="jp-audio" role="application" aria-label="media player">
+                            <div class="jp-type-playlist">
+                                <div class="jp-gui jp-interface">
+                                    <div id="get-track9" class="wm-get-track wm-color-two">Track 1</div>
+                                    <div id="current-track9" class="song-title">Jenna Kevinsons / Bring Me To Life</div>
+                                    <div class="wm-player-wrap">
+                                        <div class="jp-time-holder">
+                                            <div class="jp-current-time" role="timer" aria-label="time">&nbsp;</div>
+                                            <div class="jp-duration" role="timer" aria-label="duration">/&nbsp;</div>
+                                        </div>
+                                        <div class="jp-progress">
+                                            <div class="jp-seek-bar">
+                                                <div class="jp-play-bar"></div>
+                                            </div>
+                                        </div>
+                                        <div class="jp-volume-controls">
+                                            <span class="jp-mute"><i class="flaticon-technology-1"></i></span>
+                                            <div class="jp-volume-bar">
+                                                <div class="jp-volume-bar-value"></div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="jp-controls">
+                                        <span class="jp-shuffle"><i class="flaticon-arrows-2"></i></span>
+                                        <span class="wm-bgcolor-one jp-previous"><i class="flaticon-arrows-1"></i></span>
+                                        <span class="jp-play"><i class="fa fa-pause"></i> <i class="fa fa-play"></i></span>
+                                        <span class="wm-bgcolor-one jp-next"><i class="flaticon-arrows-1"></i></span>
+                                        <span class="jp-repeat"><i class="flaticon-arrows-3"></i></span>
+                                    </div>
+                                </div>
+                                <div class="jp-playlist">
+                                    <ul>
+                                        <li>&nbsp;</li>
+                                    </ul>
+                                </div>
                             </div>
-                            <div class="wm-musicbeat-dates">
-                                <ul class="row">
-                                    <li class="col-md-12">
-                                        <div class="wm-musicbeat-dates-wrap">
-                                            <!-- <figure>
-                                                <a href="#"><img src="extra-images/musicbeat-dates-1.jpg" alt=""> <span class="wm-black-layer"></span></a>
-                                            </figure>-->
-                                            <time datetime="2008-02-14 20:00">15 <span>March <small>Tue</small></span></time>
-                                            <div class="wm-musicbeat-title">
-                                                <h2><a href="#">Budapest Park - Total dance</a></h2>
-                                                <span>SOKADIK ALKALOMMAL TÉREK VISSZA A BUDAPEST PARKBA AHOL ISMÉT EGY HATALMASAT TOMBOLUNK MAJD</span>
-                                            </div>
-                                            <div class="wm-musicbeat-link">
-                                                <a href="#" class="wm-bayticket-radius-btn wm-bgcolor-two"><span><i class="flaticon-interface-1"></i> Buy Tickets</span></a>
-                                                <a href="#" class="wm-info-btn">Info <i class="flaticon-arrows"></i></a>
-                                            </div>
-                                        </div>
-                                    </li>
-                                    <li class="col-md-12">
-                                        <div class="wm-musicbeat-dates-wrap">
-                                            <!-- <figure>
-                                                <a href="#"><img src="extra-images/musicbeat-dates-2.jpg" alt=""> <span class="wm-black-layer"></span></a>
-                                            </figure>-->
-                                            <time datetime="2008-02-14 20:00">21 <span>March <small>Wed</small></span></time>
-                                            <div class="wm-musicbeat-title">
-                                                <h2><a href="#">EFOTT Velence</a></h2>
-                                                <span>HATALMAS BULI LESZ IDÉN IS NAGY PRESZTIZS EZEN A RENDEZVÉNYEN RENDSZERESEN KONCERTEZNI</span>
-                                            </div>
-                                            <div class="wm-musicbeat-link">
-                                                <a href="#" class="wm-bayticket-radius-btn wm-bgcolor-two"><span><i class="flaticon-interface-1"></i> Buy Tickets</span></a>
-                                                <a href="#" class="wm-info-btn">Info <i class="flaticon-arrows"></i></a>
-                                            </div>
-                                        </div>
-                                    </li>
-                                    <li class="col-md-12">
-                                        <div class="wm-musicbeat-dates-wrap">
-                                            <!-- <figure>
-                                                <a href="#"><img src="extra-images/musicbeat-dates-3.jpg" alt=""> <span class="wm-black-layer"></span></a>
-                                            </figure>-->
-                                            <time datetime="2008-02-14 20:00">31 <span>March <small>Thu</small></span></time>
-                                            <div class="wm-musicbeat-title">
-                                                <h2><a href="#">Siófok Plázs</a></h2>
-                                                <span>HÍV A BALATON :) TENGERNYI SLÁGER, VIHAROS TAPS, MEGABULI...IDÉN VELED ISMÉT...</span>
-                                            </div>
-                                            <div class="wm-musicbeat-link">
-                                                <a href="#" class="wm-bayticket-radius-btn wm-bgcolor-two"><span><i class="flaticon-interface-1"></i> Buy Tickets</span></a>
-                                                <a href="#" class="wm-info-btn">Info <i class="flaticon-arrows"></i></a>
-                                            </div>
-                                        </div>
-                                    </li>
-                                    <li class="col-md-12">
-                                        <div class="wm-musicbeat-dates-wrap">
-                                            <!-- <figure>
-                                                <a href="#"><img src="extra-images/musicbeat-dates-4.jpg" alt=""> <span class="wm-black-layer"></span></a>
-                                            </figure>-->
-                                            <time datetime="2008-02-14 20:00">14 <span>April <small>Thu</small></span></time>
-                                            <div class="wm-musicbeat-title">
-                                                <h2><a href="#">VOLT Fesztivál Sopron</a></h2>
-                                                <span>SOPRON IS FELTETTE A MAGASBA!</span>
-                                            </div>
-                                            <div class="wm-musicbeat-link">
-                                                <a href="#" class="wm-bayticket-radius-btn wm-bgcolor-two"><span><i class="flaticon-interface-1"></i> Buy Tickets</span></a>
-                                                <a href="#" class="wm-info-btn">Info <i class="flaticon-arrows"></i></a>
-                                            </div>
-                                        </div>
-                                    </li>
+                        </div>
+                    </div>
 
-                                    <li class="col-md-12">
-                                        <div class="wm-musicbeat-dates-wrap">
-                                            <!-- <figure>
-                                              <a href="#"><img src="extra-images/musicbeat-dates-4.jpg" alt=""> <span class="wm-black-layer"></span></a>
-                                          </figure>-->
-                                            <time datetime="2008-02-14 20:00">14 <span>April <small>Thu</small></span></time>
-                                            <div class="wm-musicbeat-title">
-                                                <h2><a href="#">PAPP LÁSZLÓ ARÉN BUDAPEST</a></h2>
-                                                <span>AZ ORSZÁG KIEMELT ARÉNÁJA AMIT TÖBBSZÖR LÁZBA HOZTAM MÁR:)</span>
-                                            </div>
-                                            <div class="wm-musicbeat-link">
-                                                <a href="#" class="wm-bayticket-radius-btn wm-bgcolor-two"><span><i class="flaticon-interface-1"></i> Buy Tickets</span></a>
-                                                <a href="#" class="wm-info-btn">Info <i class="flaticon-arrows"></i></a>
-                                            </div>
-                                        </div>
-                                    </li>
+                </div>
+                <!--// Player \\-->
+            </div>
 
-                                    <li class="col-md-12">
-                                        <div class="wm-musicbeat-dates-wrap">
-                                            <!-- <figure>
+
+
+        </div>
+
+    </div>
+    <!--// Main Banner \\-->
+    <!--// Main Content \\-->
+    <div class="wm-main-content">
+
+        <!--// Main Section \\-->
+        <div class="wm-main-section wm-musicbeat-tourdates">
+            <div class="container">
+                <div class="row">
+
+                    <!--// Music Beat Dates \\-->
+                    <div class="col-md-12">
+                        <div class="wm-fancy-title">
+                            <span>Koncert Dátumok</span>
+                            <h2>Kiemelt Koncertek</h2>
+                        </div>
+                        <div class="wm-musicbeat-dates">
+                            <ul class="row">
+                                <li class="col-md-12">
+                                    <div class="wm-musicbeat-dates-wrap">
+                                        <!-- <figure>
+                                            <a href="#"><img src="extra-images/musicbeat-dates-1.jpg" alt=""> <span class="wm-black-layer"></span></a>
+                                        </figure>-->
+                                        <time datetime="2008-02-14 20:00">15 <span>March <small>Tue</small></span></time>
+                                        <div class="wm-musicbeat-title">
+                                            <h2><a href="#">Budapest Park - Total dance</a></h2>
+                                            <span>SOKADIK ALKALOMMAL TÉREK VISSZA A BUDAPEST PARKBA AHOL ISMÉT EGY HATALMASAT TOMBOLUNK MAJD</span>
+                                        </div>
+                                        <div class="wm-musicbeat-link">
+                                            <a href="#" class="wm-bayticket-radius-btn wm-bgcolor-two"><span><i class="flaticon-interface-1"></i> Buy Tickets</span></a>
+                                            <a href="#" class="wm-info-btn">Info <i class="flaticon-arrows"></i></a>
+                                        </div>
+                                    </div>
+                                </li>
+                                <li class="col-md-12">
+                                    <div class="wm-musicbeat-dates-wrap">
+                                        <!-- <figure>
+                                            <a href="#"><img src="extra-images/musicbeat-dates-2.jpg" alt=""> <span class="wm-black-layer"></span></a>
+                                        </figure>-->
+                                        <time datetime="2008-02-14 20:00">21 <span>March <small>Wed</small></span></time>
+                                        <div class="wm-musicbeat-title">
+                                            <h2><a href="#">EFOTT Velence</a></h2>
+                                            <span>HATALMAS BULI LESZ IDÉN IS NAGY PRESZTIZS EZEN A RENDEZVÉNYEN RENDSZERESEN KONCERTEZNI</span>
+                                        </div>
+                                        <div class="wm-musicbeat-link">
+                                            <a href="#" class="wm-bayticket-radius-btn wm-bgcolor-two"><span><i class="flaticon-interface-1"></i> Buy Tickets</span></a>
+                                            <a href="#" class="wm-info-btn">Info <i class="flaticon-arrows"></i></a>
+                                        </div>
+                                    </div>
+                                </li>
+                                <li class="col-md-12">
+                                    <div class="wm-musicbeat-dates-wrap">
+                                        <!-- <figure>
+                                            <a href="#"><img src="extra-images/musicbeat-dates-3.jpg" alt=""> <span class="wm-black-layer"></span></a>
+                                        </figure>-->
+                                        <time datetime="2008-02-14 20:00">31 <span>March <small>Thu</small></span></time>
+                                        <div class="wm-musicbeat-title">
+                                            <h2><a href="#">Siófok Plázs</a></h2>
+                                            <span>HÍV A BALATON :) TENGERNYI SLÁGER, VIHAROS TAPS, MEGABULI...IDÉN VELED ISMÉT...</span>
+                                        </div>
+                                        <div class="wm-musicbeat-link">
+                                            <a href="#" class="wm-bayticket-radius-btn wm-bgcolor-two"><span><i class="flaticon-interface-1"></i> Buy Tickets</span></a>
+                                            <a href="#" class="wm-info-btn">Info <i class="flaticon-arrows"></i></a>
+                                        </div>
+                                    </div>
+                                </li>
+                                <li class="col-md-12">
+                                    <div class="wm-musicbeat-dates-wrap">
+                                        <!-- <figure>
                                             <a href="#"><img src="extra-images/musicbeat-dates-4.jpg" alt=""> <span class="wm-black-layer"></span></a>
                                         </figure>-->
-                                            <time datetime="2008-02-14 20:00">14 <span>April <small>Thu</small></span></time>
-                                            <div class="wm-musicbeat-title">
-                                                <h2><a href="#">FŐNIX CSARNOK DEBRECEN</a></h2>
-                                                <span> AZ ORSZÁG ÉS KELETMAGYARORSZÁG EGYIK LEGMENŐBB SPORTCSARNOKÁT TÖLTJÜK FEL ELEMI ERŐVEL ÉS FRENETIKUS HANGULATTAL ISMÉT, GYERE!</span>
-                                            </div>
-                                            <div class="wm-musicbeat-link">
-                                                <a href="#" class="wm-bayticket-radius-btn wm-bgcolor-two"><span><i class="flaticon-interface-1"></i> Buy Tickets</span></a>
-                                                <a href="#" class="wm-info-btn">Info <i class="flaticon-arrows"></i></a>
-                                            </div>
+                                        <time datetime="2008-02-14 20:00">14 <span>April <small>Thu</small></span></time>
+                                        <div class="wm-musicbeat-title">
+                                            <h2><a href="#">VOLT Fesztivál Sopron</a></h2>
+                                            <span>SOPRON IS FELTETTE A MAGASBA!</span>
                                         </div>
-                                    </li>
+                                        <div class="wm-musicbeat-link">
+                                            <a href="#" class="wm-bayticket-radius-btn wm-bgcolor-two"><span><i class="flaticon-interface-1"></i> Buy Tickets</span></a>
+                                            <a href="#" class="wm-info-btn">Info <i class="flaticon-arrows"></i></a>
+                                        </div>
+                                    </div>
+                                </li>
 
-                                </ul>
-                            </div>
-                            <div class="wm-align-center"> <a href="#" class="wm-info-btn">See All Events <i class="flaticon-arrows"></i></a> </div>
+                                <li class="col-md-12">
+                                    <div class="wm-musicbeat-dates-wrap">
+                                        <!-- <figure>
+                                            <a href="#"><img src="extra-images/musicbeat-dates-4.jpg" alt=""> <span class="wm-black-layer"></span></a>
+                                        </figure>-->
+                                        <time datetime="2008-02-14 20:00">14 <span>April <small>Thu</small></span></time>
+                                        <div class="wm-musicbeat-title">
+                                            <h2><a href="#">PAPP LÁSZLÓ ARÉN BUDAPEST</a></h2>
+                                            <span>AZ ORSZÁG KIEMELT ARÉNÁJA AMIT TÖBBSZÖR LÁZBA HOZTAM MÁR:)</span>
+                                        </div>
+                                        <div class="wm-musicbeat-link">
+                                            <a href="#" class="wm-bayticket-radius-btn wm-bgcolor-two"><span><i class="flaticon-interface-1"></i> Buy Tickets</span></a>
+                                            <a href="#" class="wm-info-btn">Info <i class="flaticon-arrows"></i></a>
+                                        </div>
+                                    </div>
+                                </li>
+
+                                <li class="col-md-12">
+                                    <div class="wm-musicbeat-dates-wrap">
+                                        <!-- <figure>
+                                            <a href="#"><img src="extra-images/musicbeat-dates-4.jpg" alt=""> <span class="wm-black-layer"></span></a>
+                                        </figure>-->
+                                        <time datetime="2008-02-14 20:00">14 <span>April <small>Thu</small></span></time>
+                                        <div class="wm-musicbeat-title">
+                                            <h2><a href="#">FŐNIX CSARNOK DEBRECEN</a></h2>
+                                            <span> AZ ORSZÁG ÉS KELETMAGYARORSZÁG EGYIK LEGMENŐBB SPORTCSARNOKÁT TÖLTJÜK FEL ELEMI ERŐVEL ÉS FRENETIKUS HANGULATTAL ISMÉT, GYERE!</span>
+                                        </div>
+                                        <div class="wm-musicbeat-link">
+                                            <a href="#" class="wm-bayticket-radius-btn wm-bgcolor-two"><span><i class="flaticon-interface-1"></i> Buy Tickets</span></a>
+                                            <a href="#" class="wm-info-btn">Info <i class="flaticon-arrows"></i></a>
+                                        </div>
+                                    </div>
+                                </li>
+
+                            </ul>
                         </div>
-                        <!--// Music Beat Dates \\-->
-
+                        <div class="wm-align-center"> <a href="#" class="wm-info-btn">See All Events <i class="flaticon-arrows"></i></a> </div>
                     </div>
+                    <!--// Music Beat Dates \\-->
+
                 </div>
             </div>
-            <!--// Main Section \\-->
+        </div>
+        <!--// Main Section \\-->
 
 
 
 
 
+    </div>
+</div>
+
+<!--// Main Section \\-->
+<!--// Main Section \\-->
+<div class="wm-main-section wm-ourvideo-full">
+    <div class="container">
+        <div class="row">
+
+            <!--// Music Beat Dates \\-->
+            <div class="col-md-12">
+
+                <div class="wm-fancy-title wm-fancy-darkcolor">
+                    <span>latest Video Releases</span>
+                    <h2>Our Videos</h2>
+                </div>
+                <div class="wm-ourvideo-slider">
+                    <div class="wm-ourvideo-wrap">
+                        <figure>
+                            <video src="_content/SharedUI/assets/media/video/PROMO.1 HG.CORY.mov" controls height="340">
+                            </video>
+                        </figure>
+
+                        <div class="wm-ourvideo-text">
+                            <time datetime="2008-02-14 20:00">12/12/2015</time>
+                            <h4><a href="#">No.39: DMX - 'X Gon' Give It To Ya'</a></h4>
+                            <p>We can thank Deadpool for this entry... A sentence we never thought we'd say! After this huge tune appeared in the trailer for the movie, people had to get on it!</p>
+                        </div>
+                    </div>
+                    @* <div class="wm-ourvideo-wrap">
+                        <figure><iframe src="https://player.vimeo.com/video/3832662?color=ffffff&title=0&byline=0&portrait=0" height="340"></iframe></figure>
+                        <div class="wm-ourvideo-text">
+                            <time datetime="2008-02-14 20:00">13/12/2016</time>
+                            <h4><a href="#">No.39: DMX - 'X Gon' Give'</a></h4>
+                            <p>We can thank Deadpool for this entry... A sentence we never thought we'd say! After this huge tune appeared in the trailer for the movie, people had to get on it!</p>
+                        </div>
+                    </div>
+                    <div class="wm-ourvideo-wrap">
+                        <figure><iframe src="https://player.vimeo.com/video/5841704?color=ffffff&portrait=0" height="340"></iframe></figure>
+                        <div class="wm-ourvideo-text">
+                            <time datetime="2008-02-14 20:00">12/12/2015</time>
+                            <h4><a href="#">No.39: DMX - 'X Gon' Give It To Ya'</a></h4>
+                            <p>We can thank Deadpool for this entry... A sentence we never thought we'd say! After this huge tune appeared in the trailer for the movie, people had to get on it!</p>
+                        </div>
+                    </div> *@
+                </div>
+
+            </div>
+            <!--// Music Beat Dates \\-->
+
         </div>
     </div>
-
-    <!--// Main Section \\-->
-
-
-
-    <!--// Main Section \\-->
-    <div class="wm-main-section wm-ourvideo-full">
-        <div class="container">
-            <div class="row">
-
-                <!--// Music Beat Dates \\-->
-                <div class="col-md-12">
-
-                    <div class="wm-fancy-title wm-fancy-darkcolor">
-                        <span>latest Video Releases</span>
-                        <h2>Our Videos</h2>
-                    </div>
-                    <div class="wm-ourvideo-slider">
-                        <div class="wm-ourvideo-wrap">
-                            <figure><video src="_content/SharedUI/assets/media/video/PROMO.1 HG.CORY.mov" controls height="340">
-                                
-                            </video></figure>
-
-                            <div class="wm-ourvideo-text">
-                                <time datetime="2008-02-14 20:00">12/12/2015</time>
-                                <h4><a href="#">No.39: DMX - 'X Gon' Give It To Ya'</a></h4>
-                                <p>We can thank Deadpool for this entry... A sentence we never thought we'd say! After this huge tune appeared in the trailer for the movie, people had to get on it!</p>
-                            </div>
-                        </div>
-                        <div class="wm-ourvideo-wrap">
-                            <figure><iframe src="https://player.vimeo.com/video/3832662?color=ffffff&title=0&byline=0&portrait=0" height="340"></iframe></figure>
-                            <div class="wm-ourvideo-text">
-                                <time datetime="2008-02-14 20:00">13/12/2016</time>
-                                <h4><a href="#">No.39: DMX - 'X Gon' Give'</a></h4>
-                                <p>We can thank Deadpool for this entry... A sentence we never thought we'd say! After this huge tune appeared in the trailer for the movie, people had to get on it!</p>
-                            </div>
-                        </div>
-                        <div class="wm-ourvideo-wrap">
-                            <figure><iframe src="https://player.vimeo.com/video/5841704?color=ffffff&portrait=0" height="340"></iframe></figure>
-                            <div class="wm-ourvideo-text">
-                                <time datetime="2008-02-14 20:00">12/12/2015</time>
-                                <h4><a href="#">No.39: DMX - 'X Gon' Give It To Ya'</a></h4>
-                                <p>We can thank Deadpool for this entry... A sentence we never thought we'd say! After this huge tune appeared in the trailer for the movie, people had to get on it!</p>
-                            </div>
-                        </div>
-                    </div>
-
-                </div>
-                <!--// Music Beat Dates \\-->
-
-            </div>
-        </div>
-    </div>
+</div>
 
 
 
 
-    <style>
-        .icons {
-            font-family: 'FontAwesome';
-        }
-    </style>
+<style>
+    .icons {
+        font-family: 'FontAwesome';
+    }
+</style>
 
 
 
-   
 
 
 
-    <!--// Footer \\-->
 
-    <div class="clearfix"></div>
+<!--// Footer \\-->
 
-    <!--// Main Wrapper \\-->
+<div class="clearfix"></div>
+
+<!--// Main Wrapper \\-->
 <script type="text/javascript" src="_content/SharedUI/assets/script/functions.js"></script>
 <script type="text/javascript" src="_content/SharedUI/assets/script/jplayer.functions.js"></script>
 
diff --git a/SharedUI/Shared/Components/Pages/Music.razor b/SharedUI/Shared/Components/Pages/Music.razor
index f7a963d..a83b86c 100644
--- a/SharedUI/Shared/Components/Pages/Music.razor
+++ b/SharedUI/Shared/Components/Pages/Music.razor
@@ -1,5 +1,7 @@
 @page "/music"
+@using SharedUI.Shared.Components.Layout
 
+<PlayerSliderComponent/>
 @code {
-
+   
 }
diff --git a/SharedUI/Shared/Components/Pages/Video.razor b/SharedUI/Shared/Components/Pages/Video.razor
index 720dc8e..d4c8a50 100644
--- a/SharedUI/Shared/Components/Pages/Video.razor
+++ b/SharedUI/Shared/Components/Pages/Video.razor
@@ -1,4 +1,8 @@
 @page "/video"
+@using SharedUI.Shared.Components.Layout
+
+<VideoSliderComponent/>
+
 
 @code {
 
diff --git a/SharedUI/wwwroot/assets/images2/24_CORY HAPPYGANG  copy.webp b/SharedUI/wwwroot/assets/images2/24_CORYHAPPYGANGcopy.webp
similarity index 100%
rename from SharedUI/wwwroot/assets/images2/24_CORY HAPPYGANG  copy.webp
rename to SharedUI/wwwroot/assets/images2/24_CORYHAPPYGANGcopy.webp
diff --git a/SharedUI/wwwroot/assets/images2/arc 2.webp b/SharedUI/wwwroot/assets/images2/arc2.webp
similarity index 100%
rename from SharedUI/wwwroot/assets/images2/arc 2.webp
rename to SharedUI/wwwroot/assets/images2/arc2.webp