@extends('layouts.frontend')

@section('content')
<!-- Search Form-->
@include('frontend.home.search')

<!-- Hero Wrapper -->
@include('frontend.home.banner')

<!-- Product Catagories -->
@include('frontend.home.category')

<!-- Flash Sale Slide -->
@include('frontend.home.flashsale')

<!-- Dark Mode -->
{{-- <div class="container">
  <div class="dark-mode-wrapper mt-3 bg-img p-4 p-lg-5">
    <p class="text-white">You can change your display to a dark background using a dark mode.</p>
    <div class="form-check form-switch mb-0">
      <label class="form-check-label text-white h6 mb-0" for="darkSwitch">Switch to Dark Mode</label>
      <input class="form-check-input" id="darkSwitch" type="checkbox" role="switch">
    </div>
  </div>
</div> --}}

<!-- Top Products -->
@include('frontend.home.product')

<!-- CTA Area -->
@include('frontend.home.cta')

<!-- Weekly Best Sellers-->
@include('frontend.home.trending')

<!-- Discount Coupon Card-->
@include('frontend.home.coupon')

<!-- Featured Products Wrapper-->
@include('frontend.home.featured')

<!-- Collections Wrapper-->
@include('frontend.home.collection')

<!-- Top Products -->
@include('frontend.home.product')

@endsection