performance test

public/build/assets/img-BW8E9934.js

@@ -1 +0,0 @@
-import{L as e}from"./lazyload.esm-2_xOKgVb.js";window.lLoad=new e({elements_selector:".lazy"});

public/build/assets/load-more-CJiZ-Ghi.js

@@ -1 +0,0 @@
-import{L as s}from"./lazyload.esm-2_xOKgVb.js";window.lazyFunctions={more:function(a){const n=a,e=JSON.parse(atob(a.dataset.params)),r=new Headers;r.append("Content-Type","application/json"),r.append("Accept","application/json");const o={page:e.page,route:e.route};"genre"in e.route_parameters&&(o.genre=e.route_parameters.genre);const p={method:"POST",headers:r,body:JSON.stringify(o)};fetch(e.route,p).then(t=>t.json()).then(t=>{const i=a.parentNode;i.innerHTML+=t.html,window.lLoad.update(),a.remove(),document.getElementById(a.getAttribute("id")).remove(),t.has_more_pages&&(e.page=t.current_page+1,n.setAttribute("href",n.getAttribute("href").replace(new RegExp(t.current_page+"$"),t.current_page+1)),n.setAttribute("data-params",btoa(JSON.stringify(e))),n.removeAttribute("data-ll-status"),n.classList.remove("entered"),i.appendChild(n),window.lMore.update())}).catch(t=>console.error(t))}};function c(a){var n=a.getAttribute("data-lazy-function"),e=window.lazyFunctions[n];e&&e(a)}window.lMore=new s({elements_selector:"#next-page",unobserve_entered:!0,callback_enter:c});

public/build/assets/load-more-D8TQhGMg.js

@@ -0,0 +1 @@
+window.lazyFunctions={more:function(a){const n=a,e=JSON.parse(atob(a.dataset.params)),r=new Headers;r.append("Content-Type","application/json"),r.append("Accept","application/json");const o={page:e.page,route:e.route};"genre"in e.route_parameters&&(o.genre=e.route_parameters.genre);const p={method:"POST",headers:r,body:JSON.stringify(o)};fetch(e.route,p).then(t=>t.json()).then(t=>{const i=a.parentNode;i.innerHTML+=t.html,window.lLoad.update(),a.remove(),document.getElementById(a.getAttribute("id")).remove(),t.has_more_pages&&(e.page=t.current_page+1,n.setAttribute("href",n.getAttribute("href").replace(new RegExp(t.current_page+"$"),t.current_page+1)),n.setAttribute("data-params",btoa(JSON.stringify(e))),n.removeAttribute("data-ll-status"),n.classList.remove("entered"),i.appendChild(n),window.lMore.update())}).catch(t=>console.error(t))}};function s(a){var n=a.getAttribute("data-lazy-function"),e=window.lazyFunctions[n];e&&e(a)}window.lMore=new window.LazyLoad({elements_selector:"#next-page",unobserve_entered:!0,callback_enter:s});

public/build/assets/watch-D88slwFy.css

@@ -0,0 +1 @@
+figure{position:absolute;width:100%;top:0;min-height:720px}figure:after{content:"";top:0;left:0;bottom:-6px;width:100%;box-shadow:inset 1px 0 105px 105px #0d0d31;background:linear-gradient(to bottom,#0d0d3105,#0d0d31);background-color:#0d0d3188;position:absolute}figure>img{-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;height:100%;width:100%;position:absolute;top:0}

public/build/assets/watch-DqwsOmtD.css

@@ -1 +0,0 @@
-picture{position:absolute;width:100%;top:0;min-height:720px}picture:after{content:"";top:0;left:0;bottom:-6px;width:100%;box-shadow:inset 1px 0 105px 105px #0d0d31;background:linear-gradient(to bottom,#0d0d3105,#0d0d31);background-color:#0d0d3188;position:absolute}picture>img{-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;height:100%;width:100%;position:absolute;top:0}

public/build/assets/watch-DyWjwkm3.js

@@ -1 +0,0 @@
-document.addEventListener("readystatechange",e=>{if(document.readyState==="complete"){const t=document.querySelector(".main-watch");t&&setTimeout(()=>{fetch(`https://qa.softcad.pw/${t.dataset.type}/view/${document.location.hostname}/${t.dataset.id}`).catch(a=>{})},800)}});

public/build/assets/watch-l0sNRNKZ.js

@@ -0,0 +1 @@
+

public/build/manifest.json

@@ -1,10 +1,6 @@
 {
-  "_lazyload.esm-2_xOKgVb.js": {
-    "file": "assets/lazyload.esm-2_xOKgVb.js",
-    "name": "lazyload.esm"
-  },
   "resources/js/app.js": {
-    "file": "assets/app-DKJGArX1.js",
+    "file": "assets/app-BaOZ0czw.js",
     "name": "app",
     "src": "resources/js/app.js",
     "isEntry": true
@@ -16,13 +12,10 @@
     "isEntry": true
   },
   "resources/js/img.js": {
-    "file": "assets/img-BW8E9934.js",
+    "file": "assets/img-BRqSA2_k.js",
     "name": "img",
     "src": "resources/js/img.js",
-    "isEntry": true,
+    "isEntry": true
-    "imports": [
-      "_lazyload.esm-2_xOKgVb.js"
-    ]
   },
   "resources/js/jqfix.js": {
     "file": "assets/jqfix-BaKlTciu.js",
@@ -31,22 +24,19 @@
     "isEntry": true
   },
   "resources/js/load-more.js": {
-    "file": "assets/load-more-CJiZ-Ghi.js",
+    "file": "assets/load-more-D8TQhGMg.js",
     "name": "load-more",
     "src": "resources/js/load-more.js",
-    "isEntry": true,
+    "isEntry": true
-    "imports": [
-      "_lazyload.esm-2_xOKgVb.js"
-    ]
   },
   "resources/js/watch.js": {
-    "file": "assets/watch-DyWjwkm3.js",
+    "file": "assets/watch-l0sNRNKZ.js",
     "name": "watch",
     "src": "resources/js/watch.js",
     "isEntry": true
   },
   "resources/scss/app.scss": {
-    "file": "assets/app-BGWnhPPd.css",
+    "file": "assets/app-BVyoWoDj.css",
     "src": "resources/scss/app.scss",
     "isEntry": true
   },
@@ -72,7 +62,7 @@
     "isEntry": true
   },
   "resources/scss/watch.scss": {
-    "file": "assets/watch-DqwsOmtD.css",
+    "file": "assets/watch-D88slwFy.css",
     "src": "resources/scss/watch.scss",
     "isEntry": true
   }

resources/js/app.js

@@ -1 +1,2 @@
 import './bootstrap';
+

resources/js/bootstrap.js

@@ -9,19 +9,7 @@ import * as Popper from '@popperjs/core'
 // import 'jquery'
 // import 'bootstrap'
 window.Popper = Popper
-// import {Alert} from 'bootstrap'
+
-// import Alert from "./js/dist/alert";
-// import Button from "./js/dist/button";
-// import Carousel from "./js/dist/carousel";
-// import Collapse from "./js/dist/collapse";
-// import Dropdown from "./js/dist/dropdown";
-// import Modal from "./js/dist/modal";
-// import Offcanvas from "./js/dist/offcanvas";
-// import Popover from "./js/dist/popover";
-// import ScrollSpy from "./js/dist/scrollspy";
-// import Tab from "./js/dist/tab";
-// import Toast from "./js/dist/toast";
-// import Tooltip from "./js/dist/tooltip";
 
 // menu options custom affix
 var fixed_top = $(".header");
@@ -40,7 +28,7 @@ $('.nav-right__search-btn').on('click', function(){
     $('.header-search-area').addClass('active');
   });
   //close when click off of container
-  $(document).on('click touchstart', function (e){
+ $(document).on('click', function (e){
       if (!$(e.target).is('.nav-right__search-btn, .nav-right__search-btn *, .header-search-form, .header-search-form *')) {
       $('.header-search-area').removeClass('active');
     }
@@ -67,7 +55,7 @@ $(".scroll-to-top").on("click", function(event) {
 });
 
 //preloader js code
-$("#preloader").delay(300).animate({
+$("#preloader").delay(200).animate({
 	"opacity" : "0"
 	}, 300, function() {
 	$("#preloader").css("display","none");
@@ -77,7 +65,7 @@ $("#preloader").delay(300).animate({
 
 $(function () {
     $('[data-toggle="tooltip"]').tooltip()
-  })
+})
 
 
 

resources/js/img.js

@@ -1,10 +1,11 @@
 import LazyLoad from 'vanilla-lazyload';
+window.LazyLoad = LazyLoad;
 // (() => {
 
 
     // document.addEventListener('readystatechange', event => {
     //     if (document.readyState === "complete") {
-            window.lLoad = new LazyLoad({
+            window.lLoad = new window.LazyLoad({
                 elements_selector: ".lazy",
                 // use_native: true,
                 // load_delay: 100,

resources/js/load-more.js

@@ -1,4 +1,4 @@
-import LazyLoad from "vanilla-lazyload";
+// import LazyLoad from "vanilla-lazyload";
 
 
 window.lazyFunctions = {
@@ -56,7 +56,7 @@ function executeLazyFunction(element) {
     lazyFunction(element);
 }
 
-window.lMore = new LazyLoad({
+window.lMore = new window.LazyLoad({
     elements_selector: "#next-page",
     unobserve_entered: true, // <- Avoid executing the function multiple times
     callback_enter: executeLazyFunction, // Assigning the function defined above

resources/js/watch.js

@@ -1,4 +1,4 @@
-document.addEventListener('readystatechange', event => {
+/* document.addEventListener('readystatechange', event => {
     if (document.readyState === "complete") {
         const watch = document.querySelector('.main-watch');
         if (watch) {
@@ -8,4 +8,4 @@ document.addEventListener('readystatechange', event => {
             }, 800);
         }
     }
-});
+}); */

resources/scss/_main.scss

@@ -27,81 +27,7 @@
   25) sidebar css
   26) footer section
 
-  *****************************************************************/
-/* reset css start */
-/* @import url("https://fonts.googleapis.com/css2?family=Bai+Jamjuree:wght@400;500;600&family=Roboto&display=swap");*/
 
-html {
-    scroll-behavior: smooth;
-}
-
-body {
-    font-family: "Roboto", sans-serif;
-    font-size: 16px;
-    padding: 0;
-    margin: 0;
-    font-weight: 400;
-    position: relative;
-    background-color: #0d0d31;
-    color: #bfbfbf;
-}
-
-img {
-    max-width: 100%;
-    height: auto;
-}
-
-ul,
-ol {
-    padding: 0;
-    margin: 0;
-    list-style: none;
-}
-
-button {
-    cursor: pointer;
-}
-
-*:focus {
-    outline: none;
-}
-
-button {
-    border: none;
-}
-
-button:focus {
-    outline: none;
-}
-
-select {
-    padding: 10px 20px;
-    width: 100%;
-    border: 1px solid rgba(255, 255, 255, 0.15);
-    cursor: pointer;
-    color: #ffffff;
-    background-color: #0d0d31;
-    height: 50px;
-    border-radius: 4px;
-    -webkit-border-radius: 4px;
-    -moz-border-radius: 4px;
-    -ms-border-radius: 4px;
-    -o-border-radius: 4px;
-}
-
-textarea {
-    min-height: 150px !important;
-    resize: none;
-    width: 100%;
-}
-
-span {
-    display: inline-block;
-}
-
-a:hover {
-    color: #ee005f;
-}
 
 /* reset css end */
 /* global css strat */
@@ -1696,58 +1622,7 @@ a:hover {
 }
 
 /* button css end */
-/* form css start */
-.form-control {
-    min-height: 50px;
-    padding: 10px 20px;
-    border: 1px solid rgba(255, 255, 255, 0.15);
-    width: 100%;
-    background-color: #1b1b3f;
-    border-radius: 3px;
-    -webkit-border-radius: 3px;
-    -moz-border-radius: 3px;
-    -ms-border-radius: 3px;
-    -o-border-radius: 3px;
-    color: #ffffff !important;
-}
 
-.form-control::-webkit-input-placeholder {
-    color: rgba(255, 255, 255, 0.2);
-}
-
-.form-control::-moz-placeholder {
-    color: rgba(255, 255, 255, 0.2);
-}
-
-.form-control:-ms-input-placeholder {
-    color: rgba(255, 255, 255, 0.2);
-}
-
-.form-control:-moz-placeholder {
-    color: rgba(255, 255, 255, 0.2);
-}
-
-.form-control:focus {
-    background-color: transparent;
-    box-shadow: none;
-    border-color: #ee005f;
-}
-
-.input-group-text {
-    background-color: #1b1b3f;
-    border-color: #1b1b3f;
-    color: #ffffff;
-}
-
-.input-group-text i {
-    font-size: 18px;
-}
-
-.form-group {
-    margin-bottom: 20px;
-}
-
-/* form css end*/
 [data-label] {
     position: relative;
 }
@@ -1763,549 +1638,8 @@ a:hover {
     display: none;
 }
 
-/* header start */
-.header {
-    position: fixed;
-    width: 100%;
-    left: 0;
-    top: 0;
-    z-index: 9;
-    -webkit-transition: all 0.3s;
-    -o-transition: all 0.3s;
-    transition: all 0.3s;
-    background: #bdc3c7;
-    background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.002));
-    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.002));
-}
 
-.header.active {
-    background-color: #070b28;
-}
 
-.header.menu-fixed {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-}
-
-.header.menu-fixed .header__top {
-    display: none;
-}
-
-.header.menu-fixed .header__bottom {
-    padding: 0 30px;
-    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
-    background-color: #070b28;
-}
-
-@media (max-width: 1199px) {
-    .header.menu-fixed .header__bottom {
-        padding: 15px 30px;
-    }
-}
-
-.header__top {
-    padding: 15px 0;
-    border-bottom: 1px solid rgba(90, 75, 204, 0.3);
-}
-
-@media (max-width: 1199px) {
-    .header__top {
-        padding: 8px 0;
-    }
-}
-
-@media (max-width: 575px) {
-    .header__top .left {
-        justify-content: center;
-    }
-}
-
-.header__top .left a {
-    color: #ffffff;
-}
-
-@media (max-width: 1199px) {
-    .header__top .left a {
-        font-size: 14px;
-    }
-}
-
-.header__top .left .language {
-    margin-left: 30px;
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-wrap: wrap;
-    flex-wrap: wrap;
-    align-items: center;
-}
-
-.header__top .left .language i {
-    color: #ffffff;
-    font-size: 18px;
-    margin-right: 5px;
-}
-
-@media (max-width: 1199px) {
-    .header__top .left .language i {
-        font-size: 15px;
-    }
-}
-
-.header__top .left .language .nice-select {
-    width: auto;
-    background-color: transparent;
-    padding-left: 0;
-    padding-right: 10px;
-    min-height: 40px;
-    line-height: 47px;
-    border: none;
-}
-
-.header__top .left .language .nice-select::after {
-    right: 0;
-    margin-top: -2px;
-}
-
-.header__top .left .language .nice-select .list {
-    background-color: transparent;
-    background-image: -moz-linear-gradient(7deg, #ec1379 0%, #6c0092 100%);
-    background-image: -webkit-linear-gradient(7deg, #ec1379 0%, #6c0092 100%);
-    background-image: -ms-linear-gradient(7deg, #ec1379 0%, #6c0092 100%);
-    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
-    width: 75px;
-}
-
-.header__top .left .language .nice-select .option {
-    background-color: transparent;
-    padding-left: 10px;
-    padding-right: 10px;
-    color: #ffffff;
-}
-
-.header__top .left .language .nice-select .current {
-    color: #ffffff;
-}
-
-.header__top .right a {
-    color: #ffffff;
-    margin: 5px 15px;
-}
-
-.header__top .right a:last-child {
-    margin-right: 0;
-}
-
-.header__bottom {
-    padding: 0 30px;
-}
-
-@media (max-width: 1199px) {
-    .header__bottom {
-        background-color: #1b1b3f;
-        padding: 15px 30px;
-    }
-}
-
-.header .site-logo img {
-    max-width: 150px;
-}
-
-@media (max-width: 1199px) {
-    .header .main-menu {
-        padding: 15px 0;
-    }
-}
-
-.header .main-menu li {
-    position: relative;
-}
-
-.header .main-menu li.menu_has_children {
-    position: relative;
-}
-
-.header .main-menu li.menu_has_children.open .sub-menu {
-    display: block;
-}
-
-@media (max-width: 1199px) {
-    .header .main-menu li.menu_has_children > a {
-        display: block;
-    }
-}
-
-.header .main-menu li.menu_has_children > a::before {
-    position: absolute;
-    content: "\f107";
-    font-family: "Font Awesome 5 Free";
-    font-weight: 900;
-    top: 0;
-    right: 0;
-    color: #ffffff;
-    -webkit-transition: all 0.3s;
-    -o-transition: all 0.3s;
-    transition: all 0.3s;
-    display: none;
-}
-
-@media (max-width: 1199px) {
-    .header .main-menu li.menu_has_children > a::before {
-        display: block;
-        top: 9px;
-    }
-}
-
-.header .main-menu li.menu_has_children:hover > a::before {
-    -webkit-transform: rotate(180deg);
-    -ms-transform: rotate(180deg);
-    transform: rotate(180deg);
-    color: #ee005f;
-}
-
-.header .main-menu li a {
-    padding: 20px 15px 20px 0;
-    text-transform: uppercase;
-    font-size: 14px;
-    color: #e7e7f4;
-    position: relative;
-}
-
-@media (max-width: 1199px) {
-    .header .main-menu li a {
-        padding: 8px 0;
-        display: block;
-        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
-    }
-}
-
-.header .main-menu li a:hover,
-.header .main-menu li a:focus {
-    color: #ee005f;
-}
-
-.header .main-menu li .sub-menu {
-    position: absolute;
-    width: 220px;
-    top: 105%;
-    left: -20px;
-    z-index: 9999;
-    background-color: $primary;
-    padding: 10px 0;
-    border-top: 2px solid #ee005f;
-    -webkit-box-shadow: 0px 18px 54px -8px rgba(0, 0, 0, 0.15);
-    box-shadow: 0px 18px 54px -8px rgba(0, 0, 0, 0.15);
-    border-radius: 5px;
-    -webkit-border-radius: 5px;
-    -moz-border-radius: 5px;
-    -ms-border-radius: 5px;
-    -o-border-radius: 5px;
-    -webkit-transition: all 0.3s;
-    -o-transition: all 0.3s;
-    transition: all 0.3s;
-    opacity: 0;
-    visibility: hidden;
-    border-top: 2px solid #ffffff;
-    z-index: 9;
-}
-
-@media (max-width: 1199px) {
-    .header .main-menu li .sub-menu {
-        opacity: 1;
-        visibility: visible;
-        display: none;
-        position: static;
-        -webkit-transition: none;
-        -o-transition: none;
-        transition: none;
-        width: 100%;
-    }
-}
-
-.header .main-menu li .sub-menu li a {
-    padding: 8px 20px;
-    display: block;
-    color: #ffffff;
-    font-size: 14px;
-}
-
-.header .main-menu li .sub-menu li a:hover {
-    background-color: rgba(255, 255, 255, 0.05);
-    color: #ffffff;
-    text-decoration: underline;
-}
-
-.header .main-menu li .sub-menu li + li {
-    margin-left: 0;
-}
-
-.header .main-menu li:hover .sub-menu {
-    top: 100%;
-    opacity: 1;
-    visibility: visible;
-}
-
-.header .main-menu li + li {
-    margin-left: 10px;
-}
-
-@media (max-width: 1199px) {
-    .header .main-menu li + li {
-        margin-left: 0;
-    }
-}
-
-.header .nav-right {
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-wrap: wrap;
-    flex-wrap: wrap;
-    align-items: center;
-}
-
-@media (max-width: 575px) {
-    .header .nav-right {
-        justify-content: space-between;
-        margin-top: 20px;
-    }
-}
-
-.header .nav-right a {
-    color: #ffffff;
-    text-transform: uppercase;
-    display: inline-flex;
-    align-items: center;
-    font-size: 14px;
-}
-
-.header .nav-right a i {
-    font-size: 20px;
-    margin-right: 8px;
-}
-
-.header .nav-right a + a {
-    margin-left: 30px;
-}
-
-@media (max-width: 575px) {
-    .header .nav-right a + a {
-        margin-left: 0;
-    }
-}
-
-.header .nav-right .nice-select {
-    margin-left: 30px;
-    width: 90px;
-    background-color: transparent;
-    min-height: 40px;
-    line-height: 40px;
-    border: 1px solid rgba(255, 255, 255, 0.15);
-}
-
-@media (max-width: 575px) {
-    .header .nav-right .nice-select {
-        margin-left: 0;
-    }
-}
-
-.header .nav-right .nice-select .current {
-    color: #ffffff;
-}
-
-.header .nav-right .nice-select .list {
-    background-color: #1b1b3f;
-}
-
-.nice-select .option:hover,
-.nice-select .option.focus,
-.nice-select .option.selected.focus {
-    background-color: #ffffff26;
-}
-
-.header .nav-right__search-btn {
-    background-color: transparent;
-    color: #ffffff;
-    font-size: 18px;
-    color: #ffffff;
-}
-
-@media (max-width: 767px) {
-    .navbar-collapse {
-        max-height: 320px;
-        overflow: auto;
-    }
-}
-
-.navbar-toggler {
-    padding: 0;
-    border: none;
-}
-
-.navbar-toggler:focus {
-    outline: none;
-}
-
-.menu-toggle {
-    margin: 10px 0;
-    position: relative;
-    display: block;
-    width: 35px;
-    height: 20px;
-    cursor: pointer;
-    background: transparent;
-    border-top: 2px solid;
-    border-bottom: 2px solid;
-    color: #000000;
-    font-size: 0;
-    -webkit-transition: all 0.25s ease-in-out;
-    -o-transition: all 0.25s ease-in-out;
-    transition: all 0.25s ease-in-out;
-    cursor: pointer;
-}
-
-@media (max-width: 1199px) {
-    .menu-toggle {
-        color: #ffffff;
-    }
-}
-
-.menu-toggle:before,
-.menu-toggle:after {
-    content: "";
-    display: block;
-    width: 100%;
-    height: 2px;
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    background: currentColor;
-    -webkit-transform: translate(-50%, -50%);
-    -ms-transform: translate(-50%, -50%);
-    transform: translate(-50%, -50%);
-    transition: -webkit-transform 0.25s ease-in-out;
-    -webkit-transition: -webkit-transform 0.25s ease-in-out;
-    -o-transition: -webkit-transform 0.25s ease-in-out;
-    transition: transform 0.25s ease-in-out;
-    -moz-transition: -webkit-transform 0.25s ease-in-out;
-    -ms-transition: -webkit-transform 0.25s ease-in-out;
-}
-
-@media (max-width: 1199px) {
-    .menu-toggle:before,
-    .menu-toggle:after {
-        background-color: #ffffff;
-    }
-}
-
-span.is-active {
-    border-color: transparent;
-}
-
-span.is-active:before {
-    -webkit-transform: translate(-50%, -50%) rotate(45deg);
-    -ms-transform: translate(-50%, -50%) rotate(45deg);
-    transform: translate(-50%, -50%) rotate(45deg);
-}
-
-span.is-active:after {
-    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
-    -ms-transform: translate(-50%, -50%) rotate(-45deg);
-    transform: translate(-50%, -50%) rotate(-45deg);
-}
-
-span.menu-toggle:hover {
-    color: #000000;
-}
-
-@media (max-width: 1199px) {
-    span.menu-toggle:hover {
-        color: #ffffff;
-    }
-}
-
-span.is-active {
-    border-color: transparent;
-}
-
-span.is-active:before {
-    -webkit-transform: translate(-50%, -50%) rotate(45deg);
-    -ms-transform: translate(-50%, -50%) rotate(45deg);
-    transform: translate(-50%, -50%) rotate(45deg);
-}
-
-span.is-active:after {
-    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
-    -ms-transform: translate(-50%, -50%) rotate(-45deg);
-    transform: translate(-50%, -50%) rotate(-45deg);
-}
-
-/* header end */
-/* header-search-area css start */
-.header-search-area {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100vh;
-    z-index: 99;
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-wrap: wrap;
-    flex-wrap: wrap;
-    justify-content: center;
-    align-items: center;
-    background-color: rgba(0, 0, 0, 0.65);
-    cursor: crosshair;
-    -webkit-transform: scale(1, 0);
-    -ms-transform: scale(1, 0);
-    transform: scale(1, 0);
-    transform-origin: center;
-    -webkit-transition: all 0.5s;
-    -o-transition: all 0.5s;
-    transition: all 0.5s;
-}
-
-.header-search-area.active {
-    -webkit-transform: scale(1, 1);
-    -ms-transform: scale(1, 1);
-    transform: scale(1, 1);
-}
-
-.header-search-form {
-    position: relative;
-}
-
-.header-search-form input {
-    width: 100%;
-    min-height: 70px;
-    padding: 10px 20px;
-    background-color: #000000;
-    border: 1px solid rgba(255, 255, 255, 0.15);
-    border-radius: 5px;
-    -webkit-border-radius: 5px;
-    -moz-border-radius: 5px;
-    -ms-border-radius: 5px;
-    -o-border-radius: 5px;
-    color: #ffffff;
-    padding-right: 80px;
-}
-
-.header-search-form button {
-    position: absolute;
-    top: 0;
-    right: 0;
-    width: 60px;
-    height: 100%;
-    background-color: #ee005f;
-    color: #ffffff;
-    font-size: 24px;
-    border-radius: 0 5px 5px 0;
-}
-
-/* header-search-area css end */
-
-/* header end */
 /* hero-section start */
 @media (max-width: 1199px) {
     .hero {
@@ -2585,102 +1919,7 @@ span.is-active:after {
 
 /* inner-hero section css end */
 /* featured section css start */
-.movie-card {
+/* movie-card */
-    overflow: hidden;
-    border-radius: 8px;
-    -webkit-border-radius: 8px;
-    -moz-border-radius: 8px;
-    -ms-border-radius: 8px;
-    -o-border-radius: 8px;
-    -webkit-transition: all 0.3s;
-    -o-transition: all 0.3s;
-    transition: all 0.3s;
-}
-
-.movie-card:hover {
-    -webkit-transform: scale(1.05);
-    -ms-transform: scale(1.05);
-    transform: scale(1.05);
-}
-
-.movie-card:hover .movie-card__thumb .icon {
-    opacity: 1;
-    visibility: visible;
-}
-
-.movie-card__thumb {
-    position: relative;
-}
-
-.movie-card__thumb img {
-    width: 100%;
-    // height: 420px;
-    aspect-ratio: 2/3;
-    object-fit: cover;
-    -o-object-fit: cover;
-    object-position: center;
-    -o-object-position: center;
-}
-
-.movie-card__thumb .icon {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    background-color: rgba(0, 0, 0, 0.55);
-    display: flex;
-    flex-wrap: wrap;
-    align-items: center;
-    justify-content: center;
-    color: #ee005f;
-    font-size: 24px;
-    opacity: 0;
-    visibility: hidden;
-    -webkit-transition: all 0.3s;
-    -o-transition: all 0.3s;
-    transition: all 0.3s;
-}
-
-.movie-card__content {
-    padding: 20px;
-    background-color: #1b1b3f;
-}
-.movie-card__title {
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    display: block;
-}
-
-@media (max-width: 425px) {
-    .movie-card .movie-card__content {
-        display: none;
-    }
-}
-
-.movie-card__content .year {
-    font-size: 14px;
-}
-
-.movie-card__meta {
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-wrap: wrap;
-    flex-wrap: wrap;
-    justify-content: space-between;
-    margin-top: 5px;
-}
-
-.movie-card__meta li i {
-    font-size: 12px;
-}
-
-.movie-card__meta li span {
-    font-size: 12px;
-    padding-left: 4px;
-}
-
 .movie-slider-one .slick-arrow {
     position: absolute;
     width: 30px;

resources/scss/app.scss

@@ -18,9 +18,11 @@ $secondary:#1B1B3F;
 
 
 
-@import "reset";
+@import "components/reset";
-@import "preloader";
+@import "components/preloader";
-@import "header";
+@import "components/header";
+@import "components/form";
+@import "components/movie-card";
 @import "main";
 @import "color";
 // @import "homesearch";

resources/scss/components/_form.scss

@@ -0,0 +1,52 @@
+/* form css start */
+.form-control {
+    min-height: 50px;
+    padding: 10px 20px;
+    border: 1px solid rgba(255, 255, 255, 0.15);
+    width: 100%;
+    background-color: #1b1b3f;
+    border-radius: 3px;
+    -webkit-border-radius: 3px;
+    -moz-border-radius: 3px;
+    -ms-border-radius: 3px;
+    -o-border-radius: 3px;
+    color: #ffffff !important;
+}
+
+.form-control::-webkit-input-placeholder {
+    color: rgba(255, 255, 255, 0.2);
+}
+
+.form-control::-moz-placeholder {
+    color: rgba(255, 255, 255, 0.2);
+}
+
+.form-control:-ms-input-placeholder {
+    color: rgba(255, 255, 255, 0.2);
+}
+
+.form-control:-moz-placeholder {
+    color: rgba(255, 255, 255, 0.2);
+}
+
+.form-control:focus {
+    background-color: transparent;
+    box-shadow: none;
+    border-color: #ee005f;
+}
+
+.input-group-text {
+    background-color: #1b1b3f;
+    border-color: #1b1b3f;
+    color: #ffffff;
+}
+
+.input-group-text i {
+    font-size: 18px;
+}
+
+.form-group {
+    margin-bottom: 20px;
+}
+
+/* form css end*/

resources/scss/components/_header.scss

@@ -226,7 +226,7 @@
     top: 105%;
     left: -20px;
     z-index: 9999;
-    background-color: #d50055;
+    background-color: $primary;
     padding: 10px 0;
     border-top: 2px solid #ee005f;
     -webkit-box-shadow: 0px 18px 54px -8px rgba(0, 0, 0, 0.15);
@@ -539,3 +539,5 @@ span.is-active:after {
 }
 
 /* header-search-area css end */
+
+/* header end */

resources/scss/components/_movie-card.scss

@@ -0,0 +1,105 @@
+.movie-card {
+    overflow: hidden;
+    border-radius: 8px;
+    -webkit-border-radius: 8px;
+    -moz-border-radius: 8px;
+    -ms-border-radius: 8px;
+    -o-border-radius: 8px;
+    -webkit-transition: all 0.3s;
+    -o-transition: all 0.3s;
+    transition: all 0.3s;
+}
+
+@media (hover: none) {
+
+    .movie-card:hover {
+        -webkit-transform: scale(1.05);
+        -ms-transform: scale(1.05);
+        transform: scale(1.05);
+    }
+
+    .movie-card:hover .movie-card__thumb .icon {
+        opacity: 1;
+        visibility: visible;
+    }
+}
+
+
+.movie-card__thumb {
+    position: relative;
+}
+
+.movie-card__thumb img {
+    width: 100%;
+    // height: 420px;
+    aspect-ratio: 2/3;
+    object-fit: cover;
+    -o-object-fit: cover;
+    object-position: center;
+    -o-object-position: center;
+}
+
+.movie-card__thumb .icon {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0, 0, 0, 0.55);
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: center;
+    color: $primary;
+    font-size: 24px;
+    opacity: 0;
+    visibility: hidden;
+    -webkit-transition: all 0.3s;
+    -o-transition: all 0.3s;
+    transition: all 0.3s;
+    @media not (hover) {
+        opacity: 1;
+        visibility: visible;
+        background-color: rgba(0, 0, 0, 0.2);
+    }
+}
+
+
+.movie-card__content {
+    padding: 20px;
+    background-color: #1b1b3f;
+}
+.movie-card__title {
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    display: block;
+}
+
+@media (max-width: 425px) {
+    .movie-card .movie-card__content {
+        display: none;
+    }
+}
+
+.movie-card__content .year {
+    font-size: 14px;
+}
+
+.movie-card__meta {
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-wrap: wrap;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    margin-top: 5px;
+}
+
+.movie-card__meta li i {
+    font-size: 12px;
+}
+
+.movie-card__meta li span {
+    font-size: 12px;
+    padding-left: 4px;
+}

resources/scss/components/_reset.scss

@@ -70,7 +70,7 @@ span {
 }
 
 a:hover {
-    color: #ee005f;
+    color: $primary;
 }
 
 /* reset css end */

resources/scss/watch.scss

@@ -1,6 +1,6 @@
 
 
-picture {
+figure {
     position: absolute;
     width:100%;
     top:0;

resources/views/layouts/layout.blade.php

@@ -35,13 +35,13 @@
 {{--     <style>
     {!! Vite::content('resources/scss/google-fonts.scss') !!}
     {!! Vite::content('resources/scss/fa.scss') !!}
-    {!! Vite::content('resources/scss/la.scss') !!}
+</style> --}}
-    </style> --}}
+{{-- {!! Vite::content('resources/scss/la.scss') !!} --}}
-    @vite(['resources/js/img.js'])
+    {{-- @vite(['resources/js/img.js']) --}}
     {{-- <link rel="preload" as="script" href="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous">
     <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script> --}}
     {{-- <style> --}}
-    <link rel="preload" as="image" type="image/svg" href="{{asset('images/logo.svg')}}" fetchpriority="high"/>
+    <link rel="preload" as="image" type="image/svg+xml" href="{{asset('images/logo.svg')}}" fetchpriority="high"/>
     @vite(['resources/scss/app.scss','resources/scss/google-fonts.scss'])
 
     {{-- @vite(['resources/js/jqfix.js']) --}}
@@ -82,9 +82,9 @@
     {{-- @include('components.svg') --}}
     {{-- @vite(['resources/js/img.js']) --}}
 
-    {{-- <script type="module">
+    <script type="module">
         {!! Vite::content('resources/js/img.js')!!}
-    </script> --}}
+    </script>
     {{-- <script type='text/javascript' src='https://code.jquery.com/jquery-3.7.1.min.js'></script> --}}
     {{-- <link rel="preload" as="script" href="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"> --}}
     <script src="https://code.jquery.com/jquery-3.3.1.min.js"  crossorigin></script>

resources/views/movie.blade.php

@@ -19,13 +19,13 @@
 {{-- @endsection --}}
 @section('app')
 <section class="inner-hero bg_img dark--overlay lazy main-watch" data-id="{{ $movie['id'] }}" data-type="movie">
-    <picture>
+    <figure>
         {{-- @if(isset($movie['backdrop']) && $movie['backdrop'] !== '')
         <source type="image/webp" media="(max-width:767px)" data-src="{{img_url('w1280', $movie['backdrop_path'], true, 400, 225 )}}">
         <source type="image/webp" media="(min-width:768px)" data-src="{{img_url('w1280', $movie['backdrop_path'], true, 1280, 720 )}}">
         @endif --}}
-        <img  @if(isset($movie['backdrop']) && $movie['backdrop'] !== '') data-src="{{img_url('w1280', $movie['backdrop_path'], true, 360, 200 )}}"  data-srcset="{{img_url('w1280', $movie['backdrop_path'], true, 360, 200 )}} 360w, {{img_url('w1280', $movie['backdrop_path'], true, 1280, 720 )}} 1280w"  class="lazy" @endif width="100%" height="720" alt="{{ str($movie['title'])->apa() }} ({{ $movie['year'] }})" src="data:image/svg+xml,%3Csvg width='1280' height='720' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1280' height='720' x='0' y='0' fill='%231B1B3F' /%3E%3C/svg%3E" data-sizes="70vw, 100vw">
+        <img  @if(isset($movie['backdrop']) && $movie['backdrop'] !== '') {{-- src="{{img_url('w1280', $movie['backdrop_path'], true, 360, 200 )}}" --}}  data-srcset="{{img_url('w1280', $movie['backdrop_path'], true, 360, 200 )}} 360w, {{img_url('w1280', $movie['backdrop_path'], true, 1280, 720 )}} 1280w"  class="lazy" @endif width="100%" height="720" alt="{{ str($movie['title'])->apa() }} ({{ $movie['year'] }})" src="data:image/svg+xml,%3Csvg width='1280' height='720' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1280' height='720' x='0' y='0' fill='%231B1B3F' /%3E%3C/svg%3E" data-sizes="70vw, 100vw">
-    </picture>
+    </figure>
     <div class="container position-relative">
         <div class="row">
             <div class="col-lg-12">

vite.config.mjs

@@ -41,7 +41,7 @@ export default defineConfig({
                 'resources/js/jqfix.js',
                 // 'resources/js/components/Player.js',
             ],
-            refresh: {paths:['./resources/*','./resources/views/*','./resources/views/*/*', './resources/scss/*',  './resources/js/*'], config:true},
+            refresh: {paths:['./resources/*','./resources/views/*','./resources/views/*/*', './resources/scss/*', './resources/scss/*/*',  './resources/js/*'], config:true},
         }),
         purge({
             templates: ['blade'],