costin/123movies-seo
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

add search page

Browse source
This commit is contained in:
Constantin Plaiasu 2024-08-28 01:03:34 +03:00
parent dc30424db9
commit 4c2f96ea6b
26 changed files with 169 additions and 148 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
app/Http/Controllers/HomeController.php
View file

@ -30,7 +30,7 @@ public function index(ApiClient $api, TmdbClient $tmdb)
$meta['description'] = Str::limit(config('site.home.description'), 150); $meta['description'] = Str::limit(config('site.home.description'), 150);
$meta['full_description'] = config('site.home.description'); $meta['full_description'] = config('site.home.description');
$meta['keywords'] = config('site.home.keywords', false); $meta['keywords'] = config('site.home.keywords', false);
$meta['image'] = asset('images/custom-icon.png'); $meta['image'] = asset('images/cover.jpg');
$nowplaying = $this->formatTmdbResponse($tmdb->getNowPlayingMovies(1), false, [], 12)['data']; $nowplaying = $this->formatTmdbResponse($tmdb->getNowPlayingMovies(1), false, [], 12)['data'];
$upcoming = $this->formatTmdbResponse($tmdb->getUpcomingMovies(1), false, [], 12)['data']; $upcoming = $this->formatTmdbResponse($tmdb->getUpcomingMovies(1), false, [], 12)['data'];
@ -62,7 +62,7 @@ public function homesearch()
$meta['description'] = Str::limit(config('site.homesearch.description'), 150); $meta['description'] = Str::limit(config('site.homesearch.description'), 150);
$meta['full_description'] = config('site.homesearch.description'); $meta['full_description'] = config('site.homesearch.description');
$meta['keywords'] = config('site.homesearch.keywords', false); $meta['keywords'] = config('site.homesearch.keywords', false);
$meta['image'] = asset('images/custom-icon.png'); $meta['image'] = asset('images/cover.jpg');
$content = config('site.homesearch.content'); $content = config('site.homesearch.content');
@ -89,7 +89,7 @@ public function search(SearchRequest $request, TmdbClient $tmdb)
$meta['title'] = str(config('site.search.title'))->replace(['{QUERY}'], $query)->replace(['{PAGE}'], $page_text)->apa(); $meta['title'] = str(config('site.search.title'))->replace(['{QUERY}'], $query)->replace(['{PAGE}'], $page_text)->apa();
$meta['description'] = str(config('site.search.description'))->replace(['{QUERY}'], $query)->replace(['{PAGE}'], $page_text); $meta['description'] = str(config('site.search.description'))->replace(['{QUERY}'], $query)->replace(['{PAGE}'], $page_text);
$meta['keywords'] = config('site.search.keywords', false); $meta['keywords'] = config('site.search.keywords', false);
$meta['image'] = asset('images/custom-icon.png'); $meta['image'] = asset('images/cover.jpg');
$meta['page_title'] = 'Search Results for: '. $query; $meta['page_title'] = 'Search Results for: '. $query;
$meta['route'] = Route::current(); $meta['route'] = Route::current();
// dd($meta['route']); // dd($meta['route']);

4
app/Http/Controllers/MovieController.php
View file

@ -64,7 +64,7 @@ public function movies( ApiClient $api, TmdbClient $tmdb, ?int $page = 1,)
$meta['page_title'] = config('site.movies.list.title', 'Popular Movies'); $meta['page_title'] = config('site.movies.list.title', 'Popular Movies');
$meta['description'] = config('site.movies.list.description', 'Popular Movies'); $meta['description'] = config('site.movies.list.description', 'Popular Movies');
$meta['keywords'] = config('site.movies.list.keywords'); $meta['keywords'] = config('site.movies.list.keywords');
$meta['image'] = asset('images/custom-icon.png'); $meta['image'] = asset('images/cover.jpg');
$meta['route'] = Route::current(); $meta['route'] = Route::current();
$pagination = $results['pagination']; $pagination = $results['pagination'];
// dd($pagination); // dd($pagination);
@ -108,7 +108,7 @@ public function genres( ApiClient $api, TmdbClient $tmdb, string $genre, ?int $p
$meta['page_title'] = sprintf(config('site.movies.genres.title', 'Genre Movies'), $genre->name); $meta['page_title'] = sprintf(config('site.movies.genres.title', 'Genre Movies'), $genre->name);
$meta['description'] = sprintf(config('site.movies.genres.description', 'Genre Movies'), $genre->name); $meta['description'] = sprintf(config('site.movies.genres.description', 'Genre Movies'), $genre->name);
$meta['keywords'] = config('site.movies.genres.keywords', null); $meta['keywords'] = config('site.movies.genres.keywords', null);
$meta['image'] = asset('images/custom-icon.png'); $meta['image'] = asset('images/cover.jpg');
$meta['route'] = Route::current(); $meta['route'] = Route::current();
$pagination = $results['pagination']; $pagination = $results['pagination'];
// dd($pagination); // dd($pagination);

4
app/Http/Controllers/ShowController.php
View file

@ -160,7 +160,7 @@ public function shows( ApiClient $api, TmdbClient $tmdb, ?int $page = 1,)
$meta['page_title'] = config('site.shows.list.title', 'Popular Shows'); $meta['page_title'] = config('site.shows.list.title', 'Popular Shows');
$meta['description'] = config('site.shows.list.description', 'Popular Shows'); $meta['description'] = config('site.shows.list.description', 'Popular Shows');
$meta['keywords'] = config('site.shows.list.keywords', false); $meta['keywords'] = config('site.shows.list.keywords', false);
$meta['image'] = asset('images/custom-icon.png'); $meta['image'] = asset('images/cover.jpg');
$meta['type'] = 'TV Shows'; $meta['type'] = 'TV Shows';
$meta['route'] = Route::current(); $meta['route'] = Route::current();
$pagination = $results['pagination']; $pagination = $results['pagination'];
@ -195,7 +195,7 @@ public function genres( ApiClient $api, TmdbClient $tmdb, string $genre, ?int $p
$meta['page_title'] = sprintf(config('site.shows.genres.title', 'Genre Shows'), $genre->name); $meta['page_title'] = sprintf(config('site.shows.genres.title', 'Genre Shows'), $genre->name);
$meta['description'] = sprintf(config('site.shows.genres.description', 'Genre Shows'), $genre->name); $meta['description'] = sprintf(config('site.shows.genres.description', 'Genre Shows'), $genre->name);
$meta['keywords'] = config('site.shows.genres.keywords'); $meta['keywords'] = config('site.shows.genres.keywords');
$meta['image'] = asset('images/custom-icon.png'); $meta['image'] = asset('images/cover.jpg');
$meta['route'] = Route::current(); $meta['route'] = Route::current();
$pagination = $results['pagination']; $pagination = $results['pagination'];
// dd($pagination); // dd($pagination);

2
public/build/assets/app-BaOZ0czw.js → public/build/assets/app-CHq8Ct2h.js
View file

File diff suppressed because one or more lines are too long

1
public/build/assets/app-CT5t3asE.css
View file

File diff suppressed because one or more lines are too long

1
public/build/assets/app-eEoWVkwA.css Normal file
View file

File diff suppressed because one or more lines are too long

1
public/build/assets/home-DeVdxQxW.css Normal file
View file

@ -0,0 +1 @@
.hero__slider .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.hero__slider .movie-slide{padding-top:50px;padding-bottom:50px;position:relative;z-index:1;min-height:695px;display:flex!important;flex-wrap:wrap;align-items:center;height:695px}.hero__slider .movie-slide:before{height:695px}@media (max-width: 1199px){.hero__slider .movie-slide{height:600px}}@media (max-width: 991px){.hero__slider .movie-slide{height:450px}}@media (max-width: 767px){.hero__slider .movie-slide{height:400px}}@media (max-width: 575px){.hero__slider .movie-slide{height:290px}}@media (max-width: 400px){.hero__slider .movie-slide{height:195px}}

1
public/build/assets/home-l0sNRNKZ.js
View file

@ -1 +0,0 @@

7
public/build/manifest.json
View file

@ -1,6 +1,6 @@
{ {
"resources/js/app.js": { "resources/js/app.js": {
"file": "assets/app-BaOZ0czw.js", "file": "assets/app-CHq8Ct2h.js",
"name": "app", "name": "app",
"src": "resources/js/app.js", "src": "resources/js/app.js",
"isEntry": true "isEntry": true
@ -36,7 +36,7 @@
"isEntry": true "isEntry": true
}, },
"resources/scss/app.scss": { "resources/scss/app.scss": {
"file": "assets/app-CT5t3asE.css", "file": "assets/app-eEoWVkwA.css",
"src": "resources/scss/app.scss", "src": "resources/scss/app.scss",
"isEntry": true "isEntry": true
}, },
@ -51,8 +51,7 @@
"isEntry": true "isEntry": true
}, },
"resources/scss/home.scss": { "resources/scss/home.scss": {
"file": "assets/home-l0sNRNKZ.js", "file": "assets/home-DeVdxQxW.css",
"name": "home",
"src": "resources/scss/home.scss", "src": "resources/scss/home.scss",
"isEntry": true "isEntry": true
}, },

BIN
public/images/cover.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 22 KiB

BIN
public/images/custom-icon.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 93 KiB

BIN
public/images/logo.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 6.1 KiB

BIN
public/images/logo.webp
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 2.9 KiB

BIN
public/images/logo_home.webp
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 6.1 KiB

8
resources/js/bootstrap.js vendored
View file

@ -26,6 +26,7 @@ $('.navbar-toggler').on('click', function (){
}); });
$('.nav-right__search-btn').on('click', function(){ $('.nav-right__search-btn').on('click', function(){
$('.header-search-area').addClass('active'); $('.header-search-area').addClass('active');
$("input:text:visible:first").trigger('focus');
}); });
//close when click off of container //close when click off of container
$(document).on('click', function (e){ $(document).on('click', function (e){
@ -33,6 +34,9 @@ $('.nav-right__search-btn').on('click', function(){
$('.header-search-area').removeClass('active'); $('.header-search-area').removeClass('active');
} }
}); });
$(".search-bar > a").on("click", function () {
$(".header-top-search-area").slideToggle();
});
// mobile menu js // mobile menu js
$(".navbar-collapse>ul>li>a, .navbar-collapse ul.sub-menu>li>a").on("click", function() { $(".navbar-collapse>ul>li>a, .navbar-collapse ul.sub-menu>li>a").on("click", function() {
@ -106,9 +110,7 @@ lazyLoading(); */
// "user strict"; // "user strict";
// Search options // Search options
$(".search-bar > a").on("click", function () {
$(".header-top-search-area").slideToggle();
});
// })($); // })($);

9
resources/scss/_lazyload.scss
View file

@ -1,13 +1,14 @@
img { img {
&.loaded {
opacity: 1!important;
transition: 0.6s ease-out!important;
}
&.lazy { &.lazy {
opacity: 0.6; opacity: 0.6;
transition: 0.6s ease-out; transition: 0.6s ease-out;
} }
&.loaded {
opacity: 1;
transition: 0.6s ease-out;
}
} }

153
resources/scss/_main.scss
View file

@ -1647,49 +1647,49 @@ a:hover {
} }
} }
.movie-slide { // .movie-slide {
padding-top: 50px; // padding-top: 50px;
padding-bottom: 50px; // padding-bottom: 50px;
position: relative; // position: relative;
z-index: 1; // z-index: 1;
min-height: 695px; // min-height: 695px;
display: flex !important; // display: flex !important;
flex-wrap: wrap; // flex-wrap: wrap;
align-items: center; // align-items: center;
} // }
@media (max-width: 1199px) { // @media (max-width: 1199px) {
.movie-slide { // .movie-slide {
min-height: auto; // min-height: auto;
height: 600px; // height: 600px;
padding-top: 50px; // padding-top: 50px;
padding-bottom: 50px; // padding-bottom: 50px;
} // }
} // }
@media (max-width: 991px) { // @media (max-width: 991px) {
.movie-slide { // .movie-slide {
height: 450px; // height: 450px;
} // }
} // }
@media (max-width: 767px) { // @media (max-width: 767px) {
.movie-slide { // .movie-slide {
height: 400px; // height: 400px;
} // }
} // }
@media (max-width: 575px) { // @media (max-width: 575px) {
.movie-slide { // .movie-slide {
height: 290px; // height: 290px;
} // }
} // }
@media (max-width: 400px) { // @media (max-width: 400px) {
.movie-slide { // .movie-slide {
height: 195px; // height: 195px;
} // }
} // }
.movie-slide:before { .movie-slide:before {
position: absolute; position: absolute;
@ -1855,53 +1855,48 @@ a:hover {
} }
} }
.hero__slider img { // .hero__slider img {
width: 100%; // width: 100%;
height: 100%; // height: 100%;
object-fit: cover; // object-fit: cover;
object-position: center; // object-position: center;
} // }
.hero__slider .single-slide, // .hero__slider .movie-slide {
.hero__slider .single-slide a { // display: block;
display: block; // height: 695px;
height: 695px; // }
}
@media (max-width: 1199px) { // @media (max-width: 1199px) {
.hero__slider .single-slide, // .hero__slider .movie-slide {
.hero__slider .single-slide a { // height: 600px;
height: 600px; // }
} // }
}
@media (max-width: 991px) { // @media (max-width: 991px) {
.hero__slider .single-slide, // .hero__slider .movie-slide {
.hero__slider .single-slide a { // height: 450px;
height: 450px; // }
} // }
}
@media (max-width: 767px) { // @media (max-width: 767px) {
.hero__slider .single-slide, // .hero__slider .movie-slide {
.hero__slider .single-slide a { // height: 400px;
height: 400px; // }
} // }
}
@media (max-width: 575px) { // @media (max-width: 575px) {
.hero__slider .single-slide, // .hero__slider .movie-slide {
.hero__slider .single-slide a { // height: 290px;
height: 290px; // }
} // }
}
@media (max-width: 400px) { // @media (max-width: 400px) {
.hero__slider .single-slide, // .hero__slider .movie-slide
.hero__slider .single-slide a { // {
height: 195px; // height: 195px;
} // }
} // }
/* hero-section end */ /* hero-section end */
/* inner-hero section css start */ /* inner-hero section css start */

60
resources/scss/home.scss
View file

@ -0,0 +1,60 @@
.hero__slider {
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.movie-slide {
padding-top: 50px;
padding-bottom: 50px;
position: relative;
z-index: 1;
min-height: 695px;
display: flex!important;
flex-wrap: wrap;
align-items: center;
// display: block;
height: 695px;
&::before {
// display: none;
height: 695px;
}
}
}
@media (max-width: 1199px) {
.hero__slider .movie-slide {
height: 600px;
}
}
@media (max-width: 991px) {
.hero__slider .movie-slide {
height: 450px;
}
}
@media (max-width: 767px) {
.hero__slider .movie-slide {
height: 400px;
}
}
@media (max-width: 575px) {
.hero__slider .movie-slide {
height: 290px;
}
}
@media (max-width: 400px) {
.hero__slider .movie-slide
{
height: 195px;
}
}

2
resources/views/components/title_card.blade.php
View file

@ -2,7 +2,7 @@
<div class="@if(isset($is_list) && $is_list)col-xxl-2 @else col-xxl-3 @endif col-md-3 col-4 col-xs-6 mb-30"> <div class="@if(isset($is_list) && $is_list)col-xxl-2 @else col-xxl-3 @endif col-md-3 col-4 col-xs-6 mb-30">
<div class="movie-card" @isset($data_text) data-text="{{ $data_text }}"@else data-text="{{ ucfirst($item['route'] ?? $item['type']) }}" @endisset> <div class="movie-card" @isset($data_text) data-text="{{ $data_text }}"@else data-text="{{ ucfirst($item['route'] ?? $item['type']) }}" @endisset>
<div class="movie-card__thumb thumb__2"> <div class="movie-card__thumb thumb__2">
<img @if($item['image'])class="lazy"@endif width="300" height="450" src="data:image/svg+xml,%3Csvg width='300' height='450' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='300' height='450' x='0' y='0' fill='%231B1B3F' /%3E%3C/svg%3E"" @if($item['image']) data-src="{{$item['image'] }}" @endif alt="{{ str($item['title'])->apa() }}"> <img @if($item['image'])class="lazy"@endif width="300" height="450" src="data:image/svg+xml,%3Csvg width='300' height='450' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='300' height='450' x='0' y='0' fill='%231B1B3F' /%3E%3C/svg%3E" @if($item['image']) data-src="{{$item['image'] }}" @endif alt="{{ str($item['title'])->apa() }}">
<a href="{{ route($item['route'] ?? $item['type'], ['id' => $item['id'], 'slug' => $item['slug']]) }}" title="{{ str($item['title'])->apa() }}" class="icon"><i class="fas fa-play"></i></a> <a href="{{ route($item['route'] ?? $item['type'], ['id' => $item['id'], 'slug' => $item['slug']]) }}" title="{{ str($item['title'])->apa() }}" class="icon"><i class="fas fa-play"></i></a>
</div> </div>
</div> </div>

3
resources/views/home.blade.php
View file

@ -1,6 +1,9 @@
@extends('layouts.layout') @extends('layouts.layout')
@push('head') @push('head')
<style>
{!! Vite::content('resources/scss/home.scss') !!}
</style>
<link href="{{ asset('css/vendor/animate.min.css') }}" rel="stylesheet"> <link href="{{ asset('css/vendor/animate.min.css') }}" rel="stylesheet">
{{-- <link href="{{ asset('css/vendor/nice-select.css') }}" rel="stylesheet"> --}} {{-- <link href="{{ asset('css/vendor/nice-select.css') }}" rel="stylesheet"> --}}
<link href="{{ asset('css/vendor/slick.css') }}" rel="stylesheet"> <link href="{{ asset('css/vendor/slick.css') }}" rel="stylesheet">

4
resources/views/movie.blade.php
View file

@ -5,9 +5,7 @@
@endforeach @endforeach
@endsection @endsection
@section('head') @section('head')
{{-- <link rel="preload" as="image" href="{{img_url('w1280', $movie['backdrop_path'], true, 400, 225 )}}" type="image/webp" media="(max-width: 575px)"> --}}
{{-- <link rel="preload" as="image" href="{{img_url('w1280', $movie['backdrop_path'], true, 400, 225 )}}" type="image/webp" media="(max-width: 575px)"> --}}
{{-- <link rel="preload" as="image" href="{{img_url('w1280', $movie['backdrop_path'], true, 400, 225 )}}" type="image/webp" media="(max-width: 575px)"> --}}
<link rel="preload" as="image" type="image/webp" href="{{img_url('w1280', $movie['backdrop_path'], true, 360, 200 )}}" imagesrcset="{{img_url('w1280', $movie['backdrop_path'], true, 360, 200 )}} 360w, {{img_url('w1280', $movie['backdrop_path'], true, 1280, 720 )}} 1280w" imagesizes="70vw, 100vw" fetchpriority="high" /> <link rel="preload" as="image" type="image/webp" href="{{img_url('w1280', $movie['backdrop_path'], true, 360, 200 )}}" imagesrcset="{{img_url('w1280', $movie['backdrop_path'], true, 360, 200 )}} 360w, {{img_url('w1280', $movie['backdrop_path'], true, 1280, 720 )}} 1280w" imagesizes="70vw, 100vw" fetchpriority="high" />
<style> <style>
{!! Vite::content('resources/scss/watch.scss') !!} {!! Vite::content('resources/scss/watch.scss') !!}

37
resources/views/search.blade.php
View file

@ -48,40 +48,3 @@
@endpush @endpush
{{-- <div class="card my-4 border-0 shadow">
<div class="card-header bg-primary d-flex justify-content-between">
<h1 class="fs-5 fw-bold text-white text-uppercase mb-0">{{ $meta['page_title'] ?? $meta['title']}}</h1>
</div>
<div class="card-body">
@if(isset($data['movie']) && !empty($data['movie']))
<div class="row">
<span class="text-lg text-white text-center bg-primary py-2 fs-5 fw-semibold rounded">Movies</span>
<div class="row row-cols-2 row-cols-sm-4 row-cols-lg-6 row-cols-xl-8 g-4">
@foreach ($data['movie'] as $item)
@include('components.title_card')
@endforeach
</div>
</div>
@endif
@if(isset($data['show']) && !empty($data['show']))
<div class="row">
<span class="text-lg text-white text-center bg-primary py-2 fs-5 fw-semibold rounded mt-5">TV Shows</span>
<div class="row row-cols-2 row-cols-sm-4 row-cols-lg-6 row-cols-xl-8 g-4">
@foreach ($data['show'] as $item)
@include('components.title_card')
@endforeach
</div>
</div>
@endif
@if( (!isset($data['show']) || empty($data['show'])) && (!isset($data['movie']) || empty($data['movie'])) )
<div class="row">
<span class="text-lg text-white text-center bg-primary py-2 fs-5 fw-bold rounded">No Results</span>
</div>
@endif
</div>
</div> --}}

2
resources/views/sections/featured.blade.php
View file

@ -13,7 +13,7 @@
<div class="movie-card" data-text="@lang('Free')"> <div class="movie-card" data-text="@lang('Free')">
<div class="movie-card__thumb"> <div class="movie-card__thumb">
<img class="lazy-loading-img" data-lazy="{{$featured['image']}}" src="{{ asset('images/lazy.png') }}" alt="@lang('image')"> <img class="lazy" data-lazy="{{$featured['image']}}" src="data:image/svg+xml,%3Csvg width='300' height='450' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='300' height='450' x='0' y='0' fill='%231B1B3F' /%3E%3C/svg%3E" alt="@lang('image')">
<a class="icon" href="{{ route($featured['route'], ['id' => $featured['id'], 'slug' => $featured['slug']]) }}"><i class="fas fa-play"></i></a> <a class="icon" href="{{ route($featured['route'], ['id' => $featured['id'], 'slug' => $featured['slug']]) }}"><i class="fas fa-play"></i></a>
</div> </div>
<div class="movie-card__content"> <div class="movie-card__content">

2
resources/views/sections/single.blade.php
View file

@ -3,7 +3,7 @@
<div class="row align-items-center"> <div class="row align-items-center">
<div class="col-xl-5 col-lg-6"> <div class="col-xl-5 col-lg-6">
<div class="single-movie-thumb"> <div class="single-movie-thumb">
<img class="lazy-loading-img lazy" data-src="{{ $item['backdrop'] }}" src="{{ asset('images/lazy_one.png') }}" alt="image"> <img class="lazy w-100" data-src="{{ $item['backdrop'] }}" src="data:image/svg+xml,%3Csvg width='780' height='439' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='780' height='439' x='0' y='0' fill='%231B1B3F' /%3E%3C/svg%3E" alt="image">
<a class="video-btn" href="{{ route($item['route'], ['id' => $item['id'], 'slug' => $item['slug']]) }}"> <a class="video-btn" href="{{ route($item['route'], ['id' => $item['id'], 'slug' => $item['slug']]) }}">
<div class="icon"> <div class="icon">
<i class="fas fa-play"></i> <i class="fas fa-play"></i>

6
resources/views/sections/top.blade.php
View file

@ -9,7 +9,7 @@
@foreach ($col1_items as $trending) @foreach ($col1_items as $trending)
<li class="movie-small"> <li class="movie-small">
<div class="movie-small__thumb"> <div class="movie-small__thumb">
<img class="lazy-loading-img lazy" data-src="{{ $trending['image'] }}" src="{{ asset('images/lazy.png') }}" alt="{{$trending['title']}}"> <img class="lazy" data-src="{{ $trending['image'] }}" src="data:image/svg+xml,%3Csvg width='780' height='450' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='300' height='450' x='0' y='0' fill='%231B1B3F' /%3E%3C/svg%3E" alt="{{$trending['title']}}">
</div> </div>
<div class="movie-small__content"> <div class="movie-small__content">
<h5>{{$trending['title'] }}</h5> <h5>{{$trending['title'] }}</h5>
@ -35,7 +35,7 @@
@foreach ($col2_items as $trending) @foreach ($col2_items as $trending)
<li class="movie-small"> <li class="movie-small">
<div class="movie-small__thumb"> <div class="movie-small__thumb">
<img class="lazy-loading-img lazy" data-src="{{ $trending['image'] }}" src="{{ asset('images/lazy.png') }}" alt="{{$trending['title']}}"> <img class="lazy" data-src="{{ $trending['image'] }}" src="data:image/svg+xml,%3Csvg width='300' height='450' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='300' height='450' x='0' y='0' fill='%231B1B3F' /%3E%3C/svg%3E" alt="{{$trending['title']}}">
</div> </div>
<div class="movie-small__content"> <div class="movie-small__content">
<h5>{{$trending['title'] }}</h5> <h5>{{$trending['title'] }}</h5>
@ -56,7 +56,7 @@
<div class="col-xxl-6 col-xl-4"> <div class="col-xxl-6 col-xl-4">
<div class="single-movie"> <div class="single-movie">
<div class="single-movie__thumb"> <div class="single-movie__thumb">
<img class="w-100 lazy-loading-img lazy" data-src="{{ $item['backdrop'] }}" alt="{{$item['title']}}" ssrc="{{ asset('images/lazy_one.png') }}" style="opacity:50% !important"> <img class="w-100 lazy opacity-50" data-src="{{ $item['backdrop'] }}" alt="{{$item['title']}}" src="data:image/svg+xml,%3Csvg width='780' height='439' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='780' height='439' x='0' y='0' fill='%231B1B3F' /%3E%3C/svg%3E">
</div> </div>
@if (@$trending_movies) @if (@$trending_movies)
<a class="video-btn" href="{{ route($item['route'], ['id' => $item['id'], 'slug' => $item['slug']]) }}"> <a class="video-btn" href="{{ route($item['route'], ['id' => $item['id'], 'slug' => $item['slug']]) }}">

2
vite.config.mjs
View file

@ -47,7 +47,7 @@ export default defineConfig({
templates: ['blade'], templates: ['blade'],
safelist: { safelist: {
deep: [/dropdown-menu$/, /navbar$/], deep: [/dropdown-menu$/, /navbar$/],
greedy: [/la-(long|facebook|linkedin|twitter|pinterest|plus-circle)/, /fa-(search|play)/, /show$/, /collapsing$/, /aos/, /data/, /reveal/, /show-filters/, /modal/, /collapsed/, /expand/, /slideout/, /^navbar/, /collapse/, /slick/, /prev/, /next/] greedy: [/loaded/, /la-(long|facebook|linkedin|twitter|pinterest|plus-circle)/, /fa-(search|play)/, /show$/, /collapsing$/, /aos/, /data/, /reveal/, /show-filters/, /modal/, /collapsed/, /expand/, /slideout/, /^navbar/, /collapse/, /slick/, /prev/, /next/, /animated/, /menu-fixed/, /fadeInDown/]
}, },
}) })
], ],