@extends('layouts.app')

@section('content')
    <div class="banner">
        <div class="item">
            <div class="img">
                <img src="{{ url('assets/website/img/banner1920.jpg') }}" alt="">
            </div>
            <div class="captions">
                <div class="title">
                    Embark on Your Next Adventure with Ease!
                </div>
                <div class="actions">
                    <a href="#" class="btn">Book Now</a>
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <!-- Categories -->
        {{-- <div class="categories section-spacing">
            <div class="section-title">
                <div class="title">ENJOY YOUR DAY</div>
                <div class="description">Make a perfect plan</div>
            </div>
            <div class="category-lists">
                <div class="owl-carousel owl-theme category-list-owl">
                    <div class="item">
                        <div class="category">
                            <img src="{{ url('assets/website/img/cat-pub-and-event.jpg') }}" alt="Pub & Event">
                            <!-- <div class="name">PUB &amp; EVENT</div> -->
                        </div>
                    </div>
                    <div class="item">
                        <div class="category">
                            <img src="{{ url('assets/website/img/cat-boat-house.jpg') }}" alt="Pub & Event">
                            <!-- <div class="name">BOAT HOUSE</div> -->
                        </div>
                    </div>
                    <div class="item">
                        <div class="category">
                            <img src="{{ url('assets/website/img/cat-adventure.jpg') }}" alt="Pub & Event">
                            <!-- <div class="name">ADVENTURE</div> -->
                        </div>
                    </div>
                    <div class="item">
                        <div class="category">
                            <img src="{{ url('assets/website/img/cat-adventure.jpg') }}" alt="Pub & Event">
                            <!-- <div class="name">ADVENTURE</div> -->
                        </div>
                    </div>
                </div>
            </div>
        </div> --}}
        <!-- Products -->
        <div class="products section-spacing">
            <div class="section-title">
                <div class="title">Explore the roaming fun</div>
                <div class="description"></div>
            </div>
            <div class="product-lists">
                <div class="owl-carousel owl-theme product-list-owl">
                    <div class="item">
                        <article class="product-miniature">
                            <div class="thumbnail-container">
                                <div class="thumbnail-top">
                                    <a href="#" class="thumbnail product-thumbnail">
                                        <img src="{{ url('assets/website/img/products/1/Tigor.jpg') }}" alt="Tata Tigot">
                                    </a>
                                </div>
                                <div class="product-type event">4 Seater</div>
                                <div class="product-description">
                                    <h3 class="h3 product-title">
                                        <a href="#">Tata Tigor</a>
                                    </h3>
                                    <p class="product-short-desription">
                                        Pay at Pickup
                                    </p>
                                    <div class="product-price-and-location">
                                        <span class="price" aria-label="Price">Price ₹2359/day</span>
                                        <span class="location">
                                            <img src="{{ url('assets/website/icons/location_product_miniature.png') }}"
                                                alt="Location">
                                            <div class="place">Puducherry</div>
                                        </span>
                                    </div>

                                    {{-- <ul class="product-flags">
                                        <li class="product-flag ladies_only">Ladies Only</li>
                                    </ul> --}}
                                    <div class="booking_button">
                                        <div class="btn btn-primary w-100">Book Now</div>
                                    </div>
                                </div>
                            </div>
                        </article>
                    </div>
                    <div class="item">
                        <article class="product-miniature">
                            <div class="thumbnail-container">
                                <div class="thumbnail-top">
                                    <a href="#" class="thumbnail product-thumbnail">
                                        <img src="{{ url('assets/website/img/products/2/Punch.jpg') }}" alt="Tata Punch">
                                    </a>
                                </div>
                                <div class="product-type event">4 Seater</div>
                                <div class="product-description">
                                    <h3 class="h3 product-title">
                                        <a href="#">Tata Punch</a>
                                    </h3>
                                    <p class="product-short-desription">
                                        Pay at pickup
                                    </p>
                                    <div class="product-price-and-location">
                                        <span class="price" aria-label="Price">Price ₹2359/day</span>
                                        <span class="location">
                                            <img src="{{ url('assets/website/icons/location_product_miniature.png') }}"
                                                alt="Location">
                                            <div class="place">Puducherry</div>
                                        </span>
                                    </div>

                                    {{-- <ul class="product-flags">
                                        <li class="product-flag couple_only">Couple Only</li>
                                    </ul> --}}
                                    <div class="booking_button">
                                        <div class="btn btn-primary w-100">Book Now</div>
                                    </div>
                                </div>
                            </div>
                        </article>
                    </div>
                    <div class="item">
                        <article class="product-miniature">
                            <div class="thumbnail-container">
                                <div class="thumbnail-top">
                                    <a href="#" class="thumbnail product-thumbnail">
                                        <img src="{{ url('assets/website/img/products/3/Scorpio.jpg') }}" alt="Scorpio">
                                    </a>
                                </div>
                                <div class="product-type event">7 Seater</div>
                                <div class="product-description">
                                    <h3 class="h3 product-title">
                                        <a href="#">Scorpio</a>
                                    </h3>
                                    <p class="product-short-desription">
                                        Pay at pickup
                                    </p>
                                    <div class="product-price-and-location">
                                        <span class="price" aria-label="Price">Price ₹3499/day</span>
                                        <span class="location">
                                            <img src="{{ url('assets/website/icons/location_product_miniature.png') }}"
                                                alt="Location">
                                            <div class="place">Puducherry</div>
                                        </span>
                                    </div>
                                    <div class="booking_button">
                                        <div class="btn btn-primary w-100">Book Now</div>
                                    </div>
                                </div>
                            </div>
                        </article>
                    </div>
                    <div class="item">
                        <article class="product-miniature">
                            <div class="thumbnail-container">
                                <div class="thumbnail-top">
                                    <a href="#" class="thumbnail product-thumbnail">
                                        <img src="{{ url('assets/website/img/products/4/Nexon.jpg') }}" alt="Tata Nexon">
                                    </a>
                                </div>
                                <div class="product-type event">4 Seater</div>
                                <div class="product-description">
                                    <h3 class="h3 product-title">
                                        <a href="#">Tata Nexon</a>
                                    </h3>
                                    <p class="product-short-desription">
                                        Pay at pickup
                                    </p>
                                    <div class="product-price-and-location">
                                        <span class="price" aria-label="Price">Price ₹3499/day</span>
                                        <span class="location">
                                            <img src="{{ url('assets/website/icons/location_product_miniature.png') }}"
                                                alt="Location">
                                            <div class="place">Puducherry</div>
                                        </span>
                                    </div>
                                    <ul class="product-flags">
                                        <li class="product-flag couple_only">EV</li>
                                    </ul>
                                    <div class="booking_button">
                                        <div class="btn btn-primary w-100">Book Now</div>
                                    </div>
                                </div>
                            </div>
                        </article>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Tickets -->
    {{-- <div class="ticket-box">
        <div class="container">
            <div class="tickets section-spacing">
                <div class="tickets-list">
                    <div class="owl-carousel owl-theme tickets-list-owl">
                        <div class="item">
                            <img src="{{ url('assets/website/img/ticket.jpg') }}" alt="Ticket">
                        </div>
                        <div class="item">
                            <img src="{{ url('assets/website/img/ticket.jpg') }}" alt="Ticket">
                        </div>
                        <div class="item">
                            <img src="{{ url('assets/website/img/ticket.jpg') }}" alt="Ticket">
                        </div>
                        <div class="item">
                            <img src="{{ url('assets/website/img/ticket.jpg') }}" alt="Ticket">
                        </div>
                        <div class="item">
                            <img src="{{ url('assets/website/img/ticket.jpg') }}" alt="Ticket">
                        </div>
                        <div class="item">
                            <img src="{{ url('assets/website/img/ticket.jpg') }}" alt="Ticket">
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div> --}}

    {{-- <div class="container">
        <!-- Cms Banner -->
        <div class="cms_banner section-spacing">
            <img src="{{ url('assets/website/img/cms_banner.jpg') }}" alt="CMS Banner">
        </div>

        <!-- Adventures -->
        <div class="products section-spacing">
            <div class="section-title">
                <div class="title">Adventure Rush</div>
                <div class="description"></div>
            </div>
            <div class="product-lists">
                <div class="owl-carousel owl-theme product-list-owl">
                    <div class="item">
                        <article class="product-miniature">
                            <div class="thumbnail-container">
                                <div class="thumbnail-top">
                                    <a href="#" class="thumbnail product-thumbnail">
                                        <img src="{{ url('assets/website/img/products/adventure1.jpg') }}"
                                            alt="Event Name 1">
                                    </a>
                                </div>
                                <div class="product-type adventure">ADVENTURE</div>
                                <div class="product-description">
                                    <h3 class="h3 product-title">
                                        <a href="#">Adventurous Event Name 1</a>
                                    </h3>
                                    <p class="product-short-desription">
                                        Lorem ipsum dolor sit ameteryjert consectetur. Fringilla mi euerttr.
                                    </p>
                                    <div class="product-price-and-location">
                                        <span class="price" aria-label="Price">Price ₹2359</span>
                                        <span class="location">
                                            <img src="{{ url('assets/website/icons/location_product_miniature.png') }}"
                                                alt="Location">
                                            <div class="place">Chennai</div>
                                        </span>
                                    </div>
                                    <div class="booking_button">
                                        <div class="btn btn-primary w-100">Book Now</div>
                                    </div>
                                </div>
                            </div>
                        </article>
                    </div>
                    <div class="item">
                        <article class="product-miniature">
                            <div class="thumbnail-container">
                                <div class="thumbnail-top">
                                    <a href="#" class="thumbnail product-thumbnail">
                                        <img src="{{ url('assets/website/img/products/adventure2.jpg') }}"
                                            alt="Event Name 1">
                                    </a>
                                </div>
                                <div class="product-type adventure">ADVENTURE</div>
                                <div class="product-description">
                                    <h3 class="h3 product-title">
                                        <a href="#">Adventurous Event Name 2</a>
                                    </h3>
                                    <p class="product-short-desription">
                                        Lorem ipsum dolor sit ameteryjert consectetur. Fringilla mi euerttr.
                                    </p>
                                    <div class="product-price-and-location">
                                        <span class="price" aria-label="Price">Price ₹2359</span>
                                        <span class="location">
                                            <img src="{{ url('assets/website/icons/location_product_miniature.png') }}"
                                                alt="Location">
                                            <div class="place">Chennai</div>
                                        </span>
                                    </div>
                                    <div class="booking_button">
                                        <div class="btn btn-primary w-100">Book Now</div>
                                    </div>
                                </div>
                            </div>
                        </article>
                    </div>
                    <div class="item">
                        <article class="product-miniature">
                            <div class="thumbnail-container">
                                <div class="thumbnail-top">
                                    <a href="#" class="thumbnail product-thumbnail">
                                        <img src="{{ url('assets/website/img/products/adventure1.jpg') }}"
                                            alt="Event Name 1">
                                    </a>
                                </div>
                                <div class="product-type adventure">ADVENTURE</div>
                                <div class="product-description">
                                    <h3 class="h3 product-title">
                                        <a href="#">Adventurous Event Name 1</a>
                                    </h3>
                                    <p class="product-short-desription">
                                        Lorem ipsum dolor sit ameteryjert consectetur. Fringilla mi euerttr.
                                    </p>
                                    <div class="product-price-and-location">
                                        <span class="price" aria-label="Price">Price ₹2359</span>
                                        <span class="location">
                                            <img src="{{ url('assets/website/icons/location_product_miniature.png') }}"
                                                alt="Location">
                                            <div class="place">Chennai</div>
                                        </span>
                                    </div>
                                    <div class="booking_button">
                                        <div class="btn btn-primary w-100">Book Now</div>
                                    </div>
                                </div>
                            </div>
                        </article>
                    </div>
                    <div class="item">
                        <article class="product-miniature">
                            <div class="thumbnail-container">
                                <div class="thumbnail-top">
                                    <a href="#" class="thumbnail product-thumbnail">
                                        <img src="{{ url('assets/website/img/products/adventure3.jpg') }}"
                                            alt="Event Name 1">
                                    </a>
                                </div>
                                <div class="product-type adventure">ADVENTURE</div>
                                <div class="product-description">
                                    <h3 class="h3 product-title">
                                        <a href="#">Adventurous Event Name 3</a>
                                    </h3>
                                    <p class="product-short-desription">
                                        Lorem ipsum dolor sit ameteryjert consectetur. Fringilla mi euerttr.
                                    </p>
                                    <div class="product-price-and-location">
                                        <span class="price" aria-label="Price">Price ₹2359</span>
                                        <span class="location">
                                            <img src="{{ url('assets/website/icons/location_product_miniature.png') }}"
                                                alt="Location">
                                            <div class="place">Chennai</div>
                                        </span>
                                    </div>
                                    <div class="booking_button">
                                        <div class="btn btn-primary w-100">Book Now</div>
                                    </div>
                                </div>
                            </div>
                        </article>
                    </div>
                    <div class="item">
                        <article class="product-miniature">
                            <div class="thumbnail-container">
                                <div class="thumbnail-top">
                                    <a href="#" class="thumbnail product-thumbnail">
                                        <img src="{{ url('assets/website/img/products/adventure1.jpg') }}"
                                            alt="Event Name 1">
                                    </a>
                                </div>
                                <div class="product-type adventure">ADVENTURE</div>
                                <div class="product-description">
                                    <h3 class="h3 product-title">
                                        <a href="#">Adventurous Event Name 1</a>
                                    </h3>
                                    <p class="product-short-desription">
                                        Lorem ipsum dolor sit ameteryjert consectetur. Fringilla mi euerttr.
                                    </p>
                                    <div class="product-price-and-location">
                                        <span class="price" aria-label="Price">Price ₹2359</span>
                                        <span class="location">
                                            <img src="{{ url('assets/website/icons/location_product_miniature.png') }}"
                                                alt="Location">
                                            <div class="place">Chennai</div>
                                        </span>
                                    </div>
                                    <div class="booking_button">
                                        <div class="btn btn-primary w-100">Book Now</div>
                                    </div>
                                </div>
                            </div>
                        </article>
                    </div>
                </div>
            </div>
        </div>
    </div> --}}

    <!-- Event Categories -->
    {{-- <div class="event-categories">
        <div class="container">
            <div class="event-categories-inner">
                <div class="title">Browse Events Categories</div>
                <div class="events-list">
                    <div class="row">
                        <div class="col">
                            <div class="item">
                                <div class="icon">
                                    <img src="{{ url('assets/website/icons/game-events.png') }}" alt="Games Events">
                                </div>
                                <div class="name">Games Events</div>
                            </div>
                        </div>
                        <div class="col">
                            <div class="item">
                                <div class="icon">
                                    <img src="{{ url('assets/website/icons/health-events.png') }}"
                                        alt="Health & Wellness Events">
                                </div>
                                <div class="name">Health &amp; Wellness Events</div>
                            </div>
                        </div>
                        <div class="col">
                            <div class="item">
                                <div class="icon">
                                    <img src="{{ url('assets/website/icons/kids-events.png') }}" alt="Kids Events">
                                </div>
                                <div class="name">Kids Events</div>
                            </div>
                        </div>
                        <div class="col">
                            <div class="item">
                                <div class="icon">
                                    <img src="{{ url('assets/website/icons/comedy-shows.png') }}" alt="Comedy Shows">
                                </div>
                                <div class="name">Comedy Shows</div>
                            </div>
                        </div>
                        <div class="col">
                            <div class="item">
                                <div class="icon">
                                    <img src="{{ url('assets/website/icons/talk-shows.png') }}" alt="Talk Shows">
                                </div>
                                <div class="name">Talk Shows</div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div> --}}
@endsection