@extends('layouts.webLayoutMaster')

@section('meta')
    <meta name="description"
        content="Explore exquisite Bolgheri Rosso, Chianti Classico, Vermentino, Vino Nobile Montepulciano, Vernaccia, and Brunello Di Montalcino at Vino Tasting's online shop.">
    <meta name="keywords"
        content="Bolgheri Rosso Caccia Al Palazzo 2022, Chianti Classico, Bolgheri Caccia Al Palazzo 2023, Bolgheri Caccia Al Palazzo Vermentino 2023, Chianti Classico, Vino Nobile Montepulciano D.O.C.G Riserva 2017, Vino Nobile Di Montepulciano D.O.C.G 2018, Vernaccia Di San Gimignano, Brunello Di Montalcino 2012, Chianti Classico - Riserva, Chianti Classico - Riserva">
@endsection

@section('canonical')
    <link rel="canonical" href="https://www.vino-tasting.com/shop">
@endsection

@section('title')
    - Shop
@endsection

<!-- header of the page -->
{{-- @include('content.website.components.search') --}}

@section('content')

    <section class="hero" style="--hero-background: url('{{ asset('images/banner/bg-club-new.jpg') }}')">
        <div class="container hero-content">
            <div class="eyebrow">Wine Club</div>
            <h1>Discover. Enjoy. <br> Receive.</h1>
            <p>Join our wine club and receive hand-picked Italian and French wines every month.</p>
        </div>
    </section>

    <section class="club-section">
        <div class="container">
            <h2 class="section-title">Choose Your Plan</h2>
            <div class="club-plans">
                <div class="plan">
                    <h3>Classic Club</h3>
                    <h2>€49 / month</h2>
                    <p>2 bottles per month</p>
                    <p>Curated Italian & French wines<br>Tasting notes<br>Member discounts</p>
                    <button class="btn">Join Classic</button>
                </div>
                <div class="plan featured">
                    <h3>Premium Club</h3>
                    <h2>€119 / month</h2>
                    <p>4 bottles per month</p>
                    <p>Premium selections<br>Champagne access<br>Free shipping</p>
                    <button class="btn gold">Join Premium</button>
                </div>
                <div class="plan">
                    <h3>Collector's Club</h3>
                    <h2>€299 / month</h2>
                    <p>6 bottles per month</p>
                    <p>Rare editions<br>Sommelier selection<br>Luxury packaging</p>
                    <button class="btn">Join Collector's</button>
                </div>
            </div>
        </div>
    </section>

@endsection

@section('js')
    <script>
        $(document).ready(function() {
            $('#sort-select').change(function() {
                var sortValue = $(this).val();
                window.location.href = "{{ route('shop') }}?sort=" + sortValue;
            });
        });
    </script>
@endsection