This commit is contained in:
franknstayn
2022-02-10 19:11:34 +08:00
parent 1ba6ce5edf
commit b98e689856
5 changed files with 337 additions and 228 deletions

View File

@@ -1,162 +1,131 @@
@extends('merchbay_main')
@section('main-content')
<div class="main__carousel">
<div class="">
<div class="row">
<div class="col-lg-12">
<div
id="carouselExampleDark"
class="carousel carousel-dark slide"
data-bs-ride="carousel"
>
<ol class="carousel-indicators">
<li
data-bs-target="#carouselExampleDark"
data-bs-slide-to="0"
class="active"
></li>
<li
data-bs-target="#carouselExampleDark"
data-bs-slide-to="1"
></li>
<li
data-bs-target="#carouselExampleDark"
data-bs-slide-to="2"
></li>
<li
data-bs-target="#carouselExampleDark"
data-bs-slide-to="3"
></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active" data-bs-interval="10000">
<img src="https://crewsportswear.app:5955/merchbay/slider/krut-merch.jpg" class="d-block w-100" alt="...">
</div>
<!-- <div class="carousel-item" data-bs-interval="10000">
<img src="https://crewsportswear.app:5955/WIPCAPS.jpg" class="d-block w-100" alt="...">
</div> -->
<!-- <div class="carousel-item" data-bs-interval="10000">
<img src="https://crewsportswear.app:5955/NINONG.jpg" class="d-block w-100" alt="...">
</div> -->
<div class="carousel-item" data-bs-interval="10000">
<img src="https://crewsportswear.app:5955/DRIVE.jpg" class="d-block w-100" alt="...">
</div>
<div class="main__carousel">
<div class="">
<div class="row">
<div class="col-lg-12">
<div id="carouselExampleDark" class="carousel carousel-dark slide" data-bs-ride="carousel">
<ol class="carousel-indicators">
<li data-bs-target="#carouselExampleDark" data-bs-slide-to="0" class="active"></li>
<li data-bs-target="#carouselExampleDark" data-bs-slide-to="1"></li>
{{-- <li data-bs-target="#carouselExampleDark" data-bs-slide-to="2"></li>
<li data-bs-target="#carouselExampleDark" data-bs-slide-to="3"></li> --}}
</ol>
<div class="carousel-inner">
<div class="carousel-item active" data-bs-interval="10000">
<a href="">
<img src="https://crewsportswear.app:5955/merchbay/slider/krut-merch.jpg"
class="d-block w-100" alt="...">
</a>
</div>
<!-- <div class="carousel-item" data-bs-interval="10000">
<img src="https://crewsportswear.app:5955/WIPCAPS.jpg" class="d-block w-100" alt="...">
</div> -->
<!-- <div class="carousel-item" data-bs-interval="10000">
<img src="https://crewsportswear.app:5955/NINONG.jpg" class="d-block w-100" alt="...">
</div> -->
<div class="carousel-item" data-bs-interval="10000">
<a href="">
<img src="https://crewsportswear.app:5955/DRIVE.jpg" class="d-block w-100" alt="...">
</a>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleDark" role="button" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleDark" role="button" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</a>
</div>
</div>
</div>
<a
class="carousel-control-prev"
href="#carouselExampleDark"
role="button"
data-bs-slide="prev"
>
<span
class="carousel-control-prev-icon"
aria-hidden="true"
></span>
<span class="visually-hidden">Previous</span>
</a>
<a
class="carousel-control-next"
href="#carouselExampleDark"
role="button"
data-bs-slide="next"
>
<span
class="carousel-control-next-icon"
aria-hidden="true"
></span>
<span class="visually-hidden">Next</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="main__content mt-5">
<div class="container">
<!-- Forms Search -->
<div class="row justify-content-md-center">
<div class="col-lg-8">
<form class="row g-2 g-lg-5">
<div class="col-lg-9">
<div class="input-group">
{{-- <input
<div class="main__content mt-5">
<div class="container">
<!-- Forms Search -->
<div class="row justify-content-md-center">
<div class="col-lg-8">
<form class="row g-2 g-lg-5">
<div class="col-lg-9">
<div class="input-group">
{{-- <input
type="text"
class="form-control border-end-0"
placeholder="Search Store"
aria-label="Search Store"
aria-describedby="basic-addon2"
/> --}}
<input type="text" class="form-control border-end-0" placeholder="Search Store" value="{{ $keyword }}" name="q">
<input type="hidden" class="form-control border-end-0" placeholder="Search Store" value="latest" name="s">
<button
class="input-group-text bg-white border-start-0"
id="basic-addon2"
><i class="fa fa-search"></i
></button>
</div>
<input type="text" class="form-control border-end-0" placeholder="Search Store"
value="{{ $keyword }}" name="q">
<input type="hidden" class="form-control border-end-0" placeholder="Search Store"
value="latest" name="s">
<button class="input-group-text bg-white border-start-0" id="basic-addon2"><i
class="fa fa-search"></i></button>
</div>
</div>
<div class="col-lg-3 added-or">
<a href="{{ url('templates') }}" type="submit" class="btn btn-black mb-3 w-100">
Design your own
</a>
</div>
</form>
</div>
</div>
<div class="col-lg-3 added-or">
<a href="{{ url('templates') }}" type="submit" class="btn btn-black mb-3 w-100">
Design your own
</a>
@include('teamstore-sublayouts.stores')
<!-- First 12 Stores -->
<!-- Featured Products -->
<div class="row py-5">
<div class="col-lg-12">
<div class="text-center">
<h3>Featured Products</h3>
</div>
</div>
@foreach ($featured_products as $product)
<div class="col-lg-2 col-md-3 col-6" v-for="index in 6" :key="index">
<div class="text-center p-3">
<a href="{{ url('store') . '/' . $product->StoreUrl . '/product/' . $product->ProductURL }}">
<div class="store-logo">
<img src="{{ config('site_config.images_url') . '/' . $product->Image }}"
alt="{{ $product->ProductName }}" class="d-block border shadow-sm">
</div>
<div class="store-name text-truncate">{{ $product->ProductName }}</div>
</a>
</div>
</div>
@endforeach
</div>
</form>
</div>
</div>
@include('teamstore-sublayouts.stores')
<!-- First 12 Stores -->
<!-- Featured Products -->
<div class="row py-5">
<div class="col-lg-12">
<div class="text-center">
<h3>Featured Products</h3>
</div>
</div>
@foreach ($featured_products as $product)
<div
class="col-lg-2 col-md-3 col-6"
v-for="index in 6"
:key="index"
>
<div class="text-center p-3">
<a href="{{ url('store') . '/' . $product->StoreUrl . '/product/' . $product->ProductURL }}">
<div class="store-logo">
<img src="{{ config('site_config.images_url') . '/' . $product->Image }}" alt="{{ $product->ProductName }}" class="d-block border shadow-sm">
</div>
<div class="store-name text-truncate">{{ $product->ProductName }}</div>
</a>
</div>
</div>
@endforeach
</div>
</div>
</div>
<!-- calling designers -->
<div class="adbg">
<div class="row py-3">
<div class="col-lg-8">
<div class="p-5">
<h2>
Calling all <span class="designer-text">Creators</span>
</h2>
<p>
<a href="{{ url('auth/login') }}">Sign in</a> on Merchbay and share your creativity and expand
<br />your ideas. Click below button to know more.
</p>
<!-- calling designers -->
<div class="adbg">
<div class="row py-3">
<div class="col-lg-8">
<div class="p-5">
<h2>
Calling all <span class="designer-text">Creators</span>
</h2>
<p>
<a href="{{ url('auth/login') }}">Sign in</a> on Merchbay and share your creativity and expand
<br />your ideas. Click below button to know more.
</p>
<div class="pt-3">
<a href="{{ url('/contact-us') }}" type="button" class="btn btn-black mb-3 px-5">
Learn more
</a>
</div>
<div class="pt-3">
<a href="{{ url('/contact-us') }}" type="button" class="btn btn-black mb-3 px-5">
Learn more
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@endsection
@endsection