Compare commits
3 Commits
835148d78c
...
9288a13e07
| Author | SHA1 | Date |
|---|---|---|
 Bayu Lukman Yusuf
|
9288a13e07 | |
|
Bayu Lukman Yusuf
|
ce5580acd7 | |
|
Bayu Lukman Yusuf
|
6e546098b7 |
|
|
@ -0,0 +1,29 @@
|
|||
<?php
|
||||
|
||||
namespace App\View\Components;
|
||||
|
||||
use App\Repositories\Catalog\CategoryRepository;
|
||||
use Closure;
|
||||
use Illuminate\Contracts\View\View;
|
||||
use Illuminate\View\Component;
|
||||
|
||||
class FooterCategory extends Component
|
||||
{
|
||||
public $categories;
|
||||
|
||||
/**
|
||||
* Create a new component instance.
|
||||
*/
|
||||
public function __construct(CategoryRepository $categoryRepository)
|
||||
{
|
||||
$this->categories = $categoryRepository->getList([]);
|
||||
}
|
||||
|
||||
/**
|
||||
* Get the view / contents that represent the component.
|
||||
*/
|
||||
public function render(): View|Closure|string
|
||||
{
|
||||
return view('components.footer-category', ['categories' => $this->categories]);
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<?php
|
||||
|
||||
return [
|
||||
'computers' => 'Computers',
|
||||
'smartphones' => 'Smartphones',
|
||||
'tv_video' => 'TV, Video',
|
||||
'speakers' => 'Speakers',
|
||||
'cameras' => 'Cameras',
|
||||
'printers' => 'Printers',
|
||||
'video_games' => 'Video Games',
|
||||
'headphones' => 'Headphones',
|
||||
'wearable' => 'Wearable',
|
||||
'hdd_ssd' => 'HDD/SSD',
|
||||
'smart_home' => 'Smart Home',
|
||||
'apple_devices' => 'Apple Devices',
|
||||
'tablets' => 'Tablets',
|
||||
'monitors' => 'Monitors',
|
||||
'scanners' => 'Scanners'
|
||||
];
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
<?php
|
||||
|
||||
return [
|
||||
'title' => 'Popular Products',
|
||||
];
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
<?php
|
||||
|
||||
return [
|
||||
'new_collection' => 'The new warm collection',
|
||||
'new_fall_season' => 'New fall <br class="d-none d-md-inline">season 2024',
|
||||
'shop_now' => 'Shop now',
|
||||
'ready_for_party' => 'Ready for the play?',
|
||||
'choose_outfits' => 'Choose outfits for play'
|
||||
];
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
<?php
|
||||
|
||||
return [
|
||||
'title' => 'Happy Customers',
|
||||
'review1' => 'Very satisfied shopping at AsiaGolf! The golf equipment quality is excellent and very complete 🔥 The products feel premium and are definitely worth the price.',
|
||||
'review2' => 'Outstanding golf equipment from AsiaGolf. Strong materials, neat finishing, and very comfortable to use on the course. Perfect for both regular practice and tournaments.',
|
||||
'review3' => 'Golf equipment from AsiaGolf is very comfortable and high quality. The materials are lightweight, breathable, and ideal for playing in hot weather. The finishing and overall build quality are excellent 🏌️‍♂️',
|
||||
'review4' => 'Excellent quality golf products! Very comfortable to use and truly help improve performance. Fast delivery and great customer service from AsiaGolf.',
|
||||
'review5' => 'Absolutely love the golf equipment from AsiaGolf! Stylish, lightweight, and highly functional on the course. AsiaGolf clearly pays great attention to detail and quality.',
|
||||
'review6' => 'Golf equipment from AsiaGolf is very comfortable and durable. The performance exceeds expectations for the price.'
|
||||
];
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<?php
|
||||
|
||||
return [
|
||||
'computers' => 'Komputer',
|
||||
'smartphones' => 'Smartphone',
|
||||
'tv_video' => 'TV, Video',
|
||||
'speakers' => 'Speaker',
|
||||
'cameras' => 'Kamera',
|
||||
'printers' => 'Printer',
|
||||
'video_games' => 'Game Video',
|
||||
'headphones' => 'Headphone',
|
||||
'wearable' => 'Perangkat Wearable',
|
||||
'hdd_ssd' => 'HDD/SSD',
|
||||
'smart_home' => 'Smart Home',
|
||||
'apple_devices' => 'Perangkat Apple',
|
||||
'tablets' => 'Tablet',
|
||||
'monitors' => 'Monitor',
|
||||
'scanners' => 'Scanner'
|
||||
];
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
<?php
|
||||
|
||||
return [
|
||||
'title' => 'Produk Populer',
|
||||
];
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
<?php
|
||||
|
||||
return [
|
||||
'new_collection' => 'Koleksi hangat yang baru',
|
||||
'new_fall_season' => 'Musim gugur <br class="d-none d-md-inline">baru 2024',
|
||||
'shop_now' => 'Belanja sekarang',
|
||||
'ready_for_party' => 'Siap untuk main?',
|
||||
'choose_outfits' => 'Pilih pakaian untuk main'
|
||||
];
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
<?php
|
||||
|
||||
return [
|
||||
'title' => 'Pelanggan Puas',
|
||||
'review1' => 'Sangat puas berbelanja di AsiaGolf! Kualitas peralatan golfnya sangat bagus dan lengkap 🔥 Produknya terasa premium dan sangat sebanding dengan harganya.',
|
||||
'review2' => 'Peralatan golf dari AsiaGolf luar biasa. Kualitas material kuat, finishing rapi, dan sangat nyaman digunakan saat bermain. Cocok untuk latihan rutin maupun turnamen.',
|
||||
'review3' => 'Perlengkapan golf dari AsiaGolf sangat nyaman dipakai dan berkualitas. Bahannya ringan, adem, dan sangat cocok untuk bermain di cuaca panas. Kualitas jahitan dan materialnya sangat baik 🏌️‍♂️',
|
||||
'review4' => 'Kualitas produk golfnya sangat bagus! Nyaman digunakan dan membantu meningkatkan performa saat bermain. Pengiriman cepat dan pelayanan pelanggan AsiaGolf sangat ramah.',
|
||||
'review5' => 'Sangat suka dengan perlengkapan golf dari AsiaGolf! Desainnya stylish, ringan, dan fungsional saat digunakan di lapangan. AsiaGolf benar-benar memperhatikan detail dan kualitas.',
|
||||
'review6' => 'Peralatan golf dari AsiaGolf sangat nyaman dan berkualitas tinggi. Tahan lama dan performanya sangat baik — melebihi ekspektasi untuk harganya.'
|
||||
];
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
@if($categories && $categories->count() > 0)
|
||||
<ul class="nav align-items-center text-body-tertiary gap-2">
|
||||
@foreach($categories as $index => $category)
|
||||
<li class="animate-underline">
|
||||
<a class="nav-link fw-normal p-0 animate-target" href="#!">{{ $category->name }}</a>
|
||||
</li>
|
||||
@if($index < $categories->count() - 1)
|
||||
<li class="px-1">/</li>
|
||||
@endif
|
||||
@endforeach
|
||||
</ul>
|
||||
@endif
|
||||
|
|
@ -5,7 +5,7 @@
|
|||
<div class="col-md-6 col-xl-5 offset-xl-1 order-md-2 mb-4 mb-md-0">
|
||||
<div class="ps-md-3 ps-lg-4 ps-xl-0">
|
||||
<div class="d-flex align-items-center justify-content-between pb-4 mb-md-1 mb-lg-2 mb-xl-3">
|
||||
<h2 class="me-3 mb-0">Popular products</h2>
|
||||
<h2 class="me-3 mb-0">{{ __('home_popular_products.title') }}</h2>
|
||||
|
||||
<!-- Slider prev/next buttons -->
|
||||
<div class="d-flex gap-2">
|
||||
|
|
|
|||
|
|
@ -24,21 +24,20 @@
|
|||
|
||||
<!-- Item -->
|
||||
<div class="swiper-slide text-center text-md-start">
|
||||
<p class="fs-xl mb-2 mb-lg-3 mb-xl-4">The new warm collection</p>
|
||||
<h2 class="display-4 text-uppercase mb-4 mb-xl-5">New fall <br
|
||||
class="d-none d-md-inline">season 2024</h2>
|
||||
<p class="fs-xl mb-2 mb-lg-3 mb-xl-4">{{ __('home_slider.new_collection') }}</p>
|
||||
<h2 class="display-4 text-uppercase mb-4 mb-xl-5">{!! __('home_slider.new_fall_season') !!}</h2>
|
||||
<a class="btn btn-lg btn-outline-dark" href="{{ route('second', ['shop', 'catalog-fashion']) }}">
|
||||
Shop now
|
||||
{{ __('home_slider.shop_now') }}
|
||||
<i class="ci-arrow-up-right fs-lg ms-2 me-n1"></i>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- Item -->
|
||||
<div class="swiper-slide text-center text-md-start">
|
||||
<p class="fs-xl mb-2 mb-lg-3 mb-xl-4">Ready for the party?</p>
|
||||
<h2 class="display-4 text-uppercase mb-4 mb-xl-5">Choose outfits for parties</h2>
|
||||
<p class="fs-xl mb-2 mb-lg-3 mb-xl-4">{{ __('home_slider.ready_for_party') }}</p>
|
||||
<h2 class="display-4 text-uppercase mb-4 mb-xl-5">{{ __('home_slider.choose_outfits') }}</h2>
|
||||
<a class="btn btn-lg btn-outline-dark" href="{{ route('second', ['shop', 'catalog-fashion']) }}">
|
||||
Shop now
|
||||
{{ __('home_slider.shop_now') }}
|
||||
<i class="ci-arrow-up-right fs-lg ms-2 me-n1"></i>
|
||||
</a>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,200 @@
|
|||
<section class="bg-body-tertiary py-5">
|
||||
<div class="container py-1 py-sm-2 py-md-3 py-lg-4 py-xl-5">
|
||||
<h2 class="text-center pb-2 pb-md-3 pb-lg-4 pt-xxl-3">{{ __('reviews.title') }}</h2>
|
||||
<div class="position-relative pb-xxl-3">
|
||||
|
||||
<!-- External slider prev/next buttons visible on screens > 500px wide (sm breakpoint) -->
|
||||
<button type="button"
|
||||
class="btn btn-icon btn-outline-secondary bg-body rounded-circle animate-slide-start position-absolute top-50 start-0 z-2 translate-middle d-none d-sm-inline-flex mt-n4"
|
||||
id="reviewsPrev" aria-label="Prev">
|
||||
<i class="ci-chevron-left fs-lg animate-target"></i>
|
||||
</button>
|
||||
<button type="button"
|
||||
class="btn btn-icon btn-outline-secondary bg-body rounded-circle animate-slide-end position-absolute top-50 start-100 z-2 translate-middle d-none d-sm-inline-flex mt-n4"
|
||||
id="reviewsNext" aria-label="Next">
|
||||
<i class="ci-chevron-right fs-lg animate-target"></i>
|
||||
</button>
|
||||
|
||||
<!-- Slider -->
|
||||
<div class="swiper"
|
||||
data-swiper='{
|
||||
"slidesPerView": 1,
|
||||
"spaceBetween": 24,
|
||||
"loop": true,
|
||||
"navigation": {
|
||||
"prevEl": "#reviewsPrev",
|
||||
"nextEl": "#reviewsNext"
|
||||
},
|
||||
"pagination": {
|
||||
"el": ".swiper-pagination",
|
||||
"clickable": true
|
||||
},
|
||||
"breakpoints": {
|
||||
"600": {
|
||||
"slidesPerView": 2
|
||||
},
|
||||
"992": {
|
||||
"slidesPerView": 3
|
||||
}
|
||||
}
|
||||
}'>
|
||||
<div class="swiper-wrapper">
|
||||
|
||||
<!-- Review -->
|
||||
<div class="swiper-slide h-auto">
|
||||
<div class="card h-100 border-0 rounded-4 p-sm-2">
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center mb-3">
|
||||
<div class="ratio ratio-1x1 flex-shrink-0" style="max-width: 80px">
|
||||
<img src="https://dev.smgdev.top/api/storage/thumbnail_demo.png?id=4058" width="80"
|
||||
alt="Image">
|
||||
</div>
|
||||
<div class="ps-2 ms-1">
|
||||
<div class="d-flex gap-1 fs-xs pb-2 mb-1">
|
||||
<i class="ci-star-filled text-warning"></i>
|
||||
<i class="ci-star-filled text-warning"></i>
|
||||
<i class="ci-star-filled text-warning"></i>
|
||||
<i class="ci-star-filled text-warning"></i>
|
||||
<i class="ci-star-filled text-warning"></i>
|
||||
</div>
|
||||
<h3 class="h6 mb-0">Victoria Gardner</h3>
|
||||
</div>
|
||||
</div>
|
||||
<p class="mb-0">{{ __('reviews.review1') }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Review -->
|
||||
<div class="swiper-slide h-auto">
|
||||
<div class="card h-100 border-0 rounded-4 p-sm-2">
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center mb-3">
|
||||
<div class="ratio ratio-1x1 flex-shrink-0" style="max-width: 80px">
|
||||
<img src="https://dev.smgdev.top/api/storage/thumbnail_demo.png?id=4058" width="80"
|
||||
alt="Image">
|
||||
</div>
|
||||
<div class="ps-2 ms-1">
|
||||
<div class="d-flex gap-1 fs-xs pb-2 mb-1">
|
||||
<i class="ci-star-filled text-warning"></i>
|
||||
<i class="ci-star-filled text-warning"></i>
|
||||
<i class="ci-star-filled text-warning"></i>
|
||||
<i class="ci-star-filled text-warning"></i>
|
||||
<i class="ci-star-filled text-warning"></i>
|
||||
</div>
|
||||
<h3 class="h6 mb-0">Alexandra D.</h3>
|
||||
</div>
|
||||
</div>
|
||||
<p class="mb-0">{{ __('reviews.review2') }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Review -->
|
||||
<div class="swiper-slide h-auto">
|
||||
<div class="card h-100 border-0 rounded-4 p-sm-2">
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center mb-3">
|
||||
<div class="ratio ratio-1x1 flex-shrink-0" style="max-width: 80px">
|
||||
<img src="https://dev.smgdev.top/api/storage/thumbnail_demo.png?id=4058" width="80"
|
||||
alt="Image">
|
||||
</div>
|
||||
<div class="ps-2 ms-1">
|
||||
<div class="d-flex gap-1 fs-xs pb-2 mb-1">
|
||||
<i class="ci-star-filled text-warning"></i>
|
||||
<i class="ci-star-filled text-warning"></i>
|
||||
<i class="ci-star-filled text-warning"></i>
|
||||
<i class="ci-star-filled text-warning"></i>
|
||||
<i class="ci-star-filled text-warning"></i>
|
||||
</div>
|
||||
<h3 class="h6 mb-0">Jenny Wilson</h3>
|
||||
</div>
|
||||
</div>
|
||||
<p class="mb-0">{{ __('reviews.review3') }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Review -->
|
||||
<div class="swiper-slide h-auto">
|
||||
<div class="card h-100 border-0 rounded-4 p-sm-2">
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center mb-3">
|
||||
<div class="ratio ratio-1x1 flex-shrink-0" style="max-width: 80px">
|
||||
<img src="https://dev.smgdev.top/api/storage/thumbnail_demo.png?id=4058" width="80"
|
||||
alt="Image">
|
||||
</div>
|
||||
<div class="ps-2 ms-1">
|
||||
<div class="d-flex gap-1 fs-xs pb-2 mb-1">
|
||||
<i class="ci-star-filled text-warning"></i>
|
||||
<i class="ci-star-filled text-warning"></i>
|
||||
<i class="ci-star-filled text-warning"></i>
|
||||
<i class="ci-star-filled text-warning"></i>
|
||||
<i class="ci-star-filled text-warning"></i>
|
||||
</div>
|
||||
<h3 class="h6 mb-0">Sarah Miller</h3>
|
||||
</div>
|
||||
</div>
|
||||
<p class="mb-0">{{ __('reviews.review4') }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Review -->
|
||||
<div class="swiper-slide h-auto">
|
||||
<div class="card h-100 border-0 rounded-4 p-sm-2">
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center mb-3">
|
||||
<div class="ratio ratio-1x1 flex-shrink-0" style="max-width: 80px">
|
||||
<img src="https://dev.smgdev.top/api/storage/thumbnail_demo.png?id=4058" width="80"
|
||||
alt="Image">
|
||||
</div>
|
||||
<div class="ps-2 ms-1">
|
||||
<div class="d-flex gap-1 fs-xs pb-2 mb-1">
|
||||
<i class="ci-star-filled text-warning"></i>
|
||||
<i class="ci-star-filled text-warning"></i>
|
||||
<i class="ci-star-filled text-warning"></i>
|
||||
<i class="ci-star-filled text-warning"></i>
|
||||
<i class="ci-star-filled text-warning"></i>
|
||||
</div>
|
||||
<h3 class="h6 mb-0">Emma Johnson</h3>
|
||||
</div>
|
||||
</div>
|
||||
<p class="mb-0">{{ __('reviews.review5') }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Review -->
|
||||
<div class="swiper-slide h-auto">
|
||||
<div class="card h-100 border-0 rounded-4 p-sm-2">
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center mb-3">
|
||||
<div class="ratio ratio-1x1 flex-shrink-0" style="max-width: 80px">
|
||||
<img src="https://dev.smgdev.top/api/storage/thumbnail_demo.png?id=4058" width="80"
|
||||
alt="Image">
|
||||
</div>
|
||||
<div class="ps-2 ms-1">
|
||||
<div class="d-flex gap-1 fs-xs pb-2 mb-1">
|
||||
<i class="ci-star-filled text-warning"></i>
|
||||
<i class="ci-star-filled text-warning"></i>
|
||||
<i class="ci-star-filled text-warning"></i>
|
||||
<i class="ci-star-filled text-warning"></i>
|
||||
<i class="ci-star-filled text-warning"></i>
|
||||
</div>
|
||||
<h3 class="h6 mb-0">Olivia Brown</h3>
|
||||
</div>
|
||||
</div>
|
||||
<p class="mb-0">{{ __('reviews.review6') }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Slider bullets (pagination) -->
|
||||
<div class="swiper-pagination position-relative mt-4"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
|
@ -27,194 +27,14 @@
|
|||
|
||||
|
||||
<!-- Reviews carousel -->
|
||||
<section class="bg-body-tertiary py-5">
|
||||
<div class="container py-1 py-sm-2 py-md-3 py-lg-4 py-xl-5">
|
||||
<h2 class="text-center pb-2 pb-md-3 pb-lg-4 pt-xxl-3">Happy customers</h2>
|
||||
<div class="position-relative pb-xxl-3">
|
||||
|
||||
<!-- External slider prev/next buttons visible on screens > 500px wide (sm breakpoint) -->
|
||||
<button type="button"
|
||||
class="btn btn-icon btn-outline-secondary bg-body rounded-circle animate-slide-start position-absolute top-50 start-0 z-2 translate-middle d-none d-sm-inline-flex mt-n4"
|
||||
id="reviewsPrev" aria-label="Prev">
|
||||
<i class="ci-chevron-left fs-lg animate-target"></i>
|
||||
</button>
|
||||
<button type="button"
|
||||
class="btn btn-icon btn-outline-secondary bg-body rounded-circle animate-slide-end position-absolute top-50 start-100 z-2 translate-middle d-none d-sm-inline-flex mt-n4"
|
||||
id="reviewsNext" aria-label="Next">
|
||||
<i class="ci-chevron-right fs-lg animate-target"></i>
|
||||
</button>
|
||||
|
||||
<!-- Slider -->
|
||||
<div class="swiper"
|
||||
data-swiper='{
|
||||
"slidesPerView": 1,
|
||||
"spaceBetween": 24,
|
||||
"loop": true,
|
||||
"navigation": {
|
||||
"prevEl": "#reviewsPrev",
|
||||
"nextEl": "#reviewsNext"
|
||||
},
|
||||
"pagination": {
|
||||
"el": ".swiper-pagination",
|
||||
"clickable": true
|
||||
},
|
||||
"breakpoints": {
|
||||
"600": {
|
||||
"slidesPerView": 2
|
||||
},
|
||||
"992": {
|
||||
"slidesPerView": 3
|
||||
}
|
||||
}
|
||||
}'>
|
||||
<div class="swiper-wrapper">
|
||||
|
||||
<!-- Review -->
|
||||
<div class="swiper-slide h-auto">
|
||||
<div class="card h-100 border-0 rounded-4 p-sm-2">
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center mb-3">
|
||||
<div class="ratio ratio-1x1 flex-shrink-0" style="max-width: 80px">
|
||||
<img src="/img/home/fashion/v1/reviews/01.png" width="80"
|
||||
alt="Image">
|
||||
</div>
|
||||
<div class="ps-2 ms-1">
|
||||
<div class="d-flex gap-1 fs-xs pb-2 mb-1">
|
||||
<i class="ci-star-filled text-warning"></i>
|
||||
<i class="ci-star-filled text-warning"></i>
|
||||
<i class="ci-star-filled text-warning"></i>
|
||||
<i class="ci-star-filled text-warning"></i>
|
||||
<i class="ci-star-filled text-warning"></i>
|
||||
</div>
|
||||
<h3 class="h6 mb-0">Victoria Gardner</h3>
|
||||
</div>
|
||||
</div>
|
||||
<p class="mb-0">Very satisfied with the bag! A wonderful shopper, not too big and
|
||||
not too small, but as it should be 🔥 The bag looks more expensive than it
|
||||
costs.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Review -->
|
||||
<div class="swiper-slide h-auto">
|
||||
<div class="card h-100 border-0 rounded-4 p-sm-2">
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center mb-3">
|
||||
<div class="ratio ratio-1x1 flex-shrink-0" style="max-width: 80px">
|
||||
<img src="/img/home/fashion/v1/reviews/02.png" width="80"
|
||||
alt="Image">
|
||||
</div>
|
||||
<div class="ps-2 ms-1">
|
||||
<div class="d-flex gap-1 fs-xs pb-2 mb-1">
|
||||
<i class="ci-star-filled text-warning"></i>
|
||||
<i class="ci-star-filled text-warning"></i>
|
||||
<i class="ci-star-filled text-warning"></i>
|
||||
<i class="ci-star-filled text-warning"></i>
|
||||
<i class="ci-star-filled text-warning"></i>
|
||||
</div>
|
||||
<h3 class="h6 mb-0">Alexandra D.</h3>
|
||||
</div>
|
||||
</div>
|
||||
<p class="mb-0">A wonderful compact bag, holds a lot of things, good tailoring,
|
||||
smooth seams, strong fittings, good quality.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Review -->
|
||||
<div class="swiper-slide h-auto">
|
||||
<div class="card h-100 border-0 rounded-4 p-sm-2">
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center mb-3">
|
||||
<div class="ratio ratio-1x1 flex-shrink-0" style="max-width: 80px">
|
||||
<img src="/img/home/fashion/v1/reviews/03.png" width="80"
|
||||
alt="Image">
|
||||
</div>
|
||||
<div class="ps-2 ms-1">
|
||||
<div class="d-flex gap-1 fs-xs pb-2 mb-1">
|
||||
<i class="ci-star-filled text-warning"></i>
|
||||
<i class="ci-star-filled text-warning"></i>
|
||||
<i class="ci-star-filled text-warning"></i>
|
||||
<i class="ci-star-filled text-warning"></i>
|
||||
<i class="ci-star-filled text-warning"></i>
|
||||
</div>
|
||||
<h3 class="h6 mb-0">Jenny Wilson</h3>
|
||||
</div>
|
||||
</div>
|
||||
<p class="mb-0">Elegant blouse and the color is very nice, the seams are neat. 🛍
|
||||
Excellent quality fabric, for summer weather is very good because the fabric is
|
||||
light and does not stick to the body.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Review -->
|
||||
<div class="swiper-slide h-auto">
|
||||
<div class="card h-100 border-0 rounded-4 p-sm-2">
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center mb-3">
|
||||
<div class="ratio ratio-1x1 flex-shrink-0" style="max-width: 80px">
|
||||
<img src="/img/home/fashion/v1/reviews/04.png" width="80"
|
||||
alt="Image">
|
||||
</div>
|
||||
<div class="ps-2 ms-1">
|
||||
<div class="d-flex gap-1 fs-xs pb-2 mb-1">
|
||||
<i class="ci-star-filled text-warning"></i>
|
||||
<i class="ci-star-filled text-warning"></i>
|
||||
<i class="ci-star-filled text-warning"></i>
|
||||
<i class="ci-star-filled text-warning"></i>
|
||||
<i class="ci-star text-body-tertiary opacity-75"></i>
|
||||
</div>
|
||||
<h3 class="h6 mb-0">Kristin Watson</h3>
|
||||
</div>
|
||||
</div>
|
||||
<p class="mb-0">The quality is impeccable, sturdy yet stylish. They provide
|
||||
excellent support, comfortable for all-day wear. The massive design adds a
|
||||
unique edge to any outfit.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Review -->
|
||||
<div class="swiper-slide h-auto">
|
||||
<div class="card h-100 border-0 rounded-4 p-sm-2">
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center mb-3">
|
||||
<div class="ratio ratio-1x1 flex-shrink-0" style="max-width: 80px">
|
||||
<img src="/img/home/fashion/v1/reviews/05.png" width="80"
|
||||
alt="Image">
|
||||
</div>
|
||||
<div class="ps-2 ms-1">
|
||||
<div class="d-flex gap-1 fs-xs pb-2 mb-1">
|
||||
<i class="ci-star-filled text-warning"></i>
|
||||
<i class="ci-star-filled text-warning"></i>
|
||||
<i class="ci-star-filled text-warning"></i>
|
||||
<i class="ci-star-filled text-warning"></i>
|
||||
<i class="ci-star-filled text-warning"></i>
|
||||
</div>
|
||||
<h3 class="h6 mb-0">Daniel Adams</h3>
|
||||
</div>
|
||||
</div>
|
||||
<p class="mb-0">These sunglasses are a game-changer! Not only do they offer
|
||||
superior protection from the sun, but they also elevate my style.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Pagination (Bullets) -->
|
||||
<div class="swiper-pagination position-static pt-3 mt-sm-1 mt-md-2 mt-lg-3"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<x-home.reviews-carousel />
|
||||
|
||||
|
||||
<!-- Instagram feed -->
|
||||
<x-home.instagram-feed />
|
||||
</main>
|
||||
|
||||
@include('layouts.partials/footer2')
|
||||
@include('layouts.partials.footer2')
|
||||
@endsection
|
||||
|
||||
@section('scripts')
|
||||
|
|
|
|||
|
|
@ -150,57 +150,7 @@
|
|||
<!-- Category / tag links -->
|
||||
<div class="d-flex flex-column gap-3 pb-3 pb-md-4 pb-lg-5 mt-n2 mt-sm-n4 mt-lg-0 mb-4">
|
||||
<ul class="nav align-items-center text-body-tertiary gap-2">
|
||||
<li class="animate-underline">
|
||||
<a class="nav-link fw-normal p-0 animate-target" href="#!">Computers</a>
|
||||
</li>
|
||||
<li class="px-1">/</li>
|
||||
<li class="animate-underline">
|
||||
<a class="nav-link fw-normal p-0 animate-target" href="#!">Smartphones</a>
|
||||
</li>
|
||||
<li class="px-1">/</li>
|
||||
<li class="animate-underline">
|
||||
<a class="nav-link fw-normal p-0 animate-target" href="#!">TV, Video</a>
|
||||
</li>
|
||||
<li class="px-1">/</li>
|
||||
<li class="animate-underline">
|
||||
<a class="nav-link fw-normal p-0 animate-target" href="#!">Speakers</a>
|
||||
</li>
|
||||
<li class="px-1">/</li>
|
||||
<li class="animate-underline">
|
||||
<a class="nav-link fw-normal p-0 animate-target" href="#!">Cameras</a>
|
||||
</li>
|
||||
<li class="px-1">/</li>
|
||||
<li class="animate-underline">
|
||||
<a class="nav-link fw-normal p-0 animate-target" href="#!">Printers</a>
|
||||
</li>
|
||||
<li class="px-1">/</li>
|
||||
<li class="animate-underline">
|
||||
<a class="nav-link fw-normal p-0 animate-target" href="#!">Video Games</a>
|
||||
</li>
|
||||
<li class="px-1">/</li>
|
||||
<li class="animate-underline">
|
||||
<a class="nav-link fw-normal p-0 animate-target" href="#!">Headphones</a>
|
||||
</li>
|
||||
<li class="px-1">/</li>
|
||||
<li class="animate-underline">
|
||||
<a class="nav-link fw-normal p-0 animate-target" href="#!">Wearable</a>
|
||||
</li>
|
||||
<li class="px-1">/</li>
|
||||
<li class="animate-underline">
|
||||
<a class="nav-link fw-normal p-0 animate-target" href="#!">HDD/SSD</a>
|
||||
</li>
|
||||
<li class="px-1">/</li>
|
||||
<li class="animate-underline">
|
||||
<a class="nav-link fw-normal p-0 animate-target" href="#!">Smart Home</a>
|
||||
</li>
|
||||
<li class="px-1">/</li>
|
||||
<li class="animate-underline">
|
||||
<a class="nav-link fw-normal p-0 animate-target" href="#!">Apple Devices</a>
|
||||
</li>
|
||||
<li class="px-1">/</li>
|
||||
<li class="animate-underline">
|
||||
<a class="nav-link fw-normal p-0 animate-target" href="#!">Tablets</a>
|
||||
</li>
|
||||
<x-footer-category />
|
||||
</ul>
|
||||
<ul class="nav align-items-center text-body-tertiary gap-2">
|
||||
<li class="animate-underline">
|
||||
|
|
|
|||
|
|
@ -164,7 +164,7 @@
|
|||
<p class="fs-xs text-body text-center text-lg-start mb-0">
|
||||
© All rights reserved. Made with <i class="ci-heart-filled align-middle"></i> by <span
|
||||
class="animate-underline"><a class="animate-target text-white text-decoration-none"
|
||||
href="https://coderthemes.com/" target="_blank" rel="noreferrer">Coderthemes</a></span>
|
||||
href="https://coderthemes.com/" target="_blank" rel="noreferrer">{{ config('app.name') }}</a></span>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue