merchbay/resources/views/merchbay/index.blade.php

@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>
            <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
                  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>
            </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>

      @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>

          <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>
@endsection