@extends('web.layouts.app')

@push('web.styles')
    @vite('resources/css/web/page/talent.css')
    <style>
        .about-title {
            font-size: 2.5rem;
            color: #000;
            line-height: 1;
            letter-spacing: .02em;
            font-family: Interstate Cond Mono;
            font-weight: bold;
            padding-top: 11px;
        }

        .dreamers-subtitle-2 {
            margin-top: 7px;
            margin-bottom: 7px;
            padding-left: 17px;
        }

        .dreamers-subtitle {
            font-size: 18px;
            color: #b0b0b0;
            line-height: 1.2;
            font-family: Interstate Cond Mono;
            font-weight: 700;
        }

        .about-article {
            padding-left: 17px;
            text-align: justify;
        }

        .about-article p {
            margin-bottom: 10px;
        }
    </style>
@endpush

@section('content')
    <section>
        <div class="container">
            <div class="home-section">
                <div class="about-content about-contentv2 about-content-17">
                    <div class="d-flex justify-content-between flex-wrap">
                        <div>
                            <h4 class="about-title about-titlev2 p-0">LA ISLA TALENTS</h4>
                            <p class="about-subtitle dreamers-subtitle dreamers-subtitle-2 px-0">Des conceots innovants DOUr
                                découvrir lcs trésors de l' ile Maurice</p>
                        </div>

                        <div>
                            <a href="mailto:anais@laislasocialclub.com?subject={{ urlencode('Booking Request') }}"
                                class="talent-artist-btn rounded-0 d-block">
                                DEMANDE DE BOOKING
                            </a>
                        </div>
                    </div>

                    <div class="about-article about-articlev2 px-0">
                        aking it over 2000 years old. Richard McClintock, a Latin professor at
                        Hampden-Sydney College in
                        Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum
                        passage, and going through the cites of the word in classical literature, discovered the
                        undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus
                        Bonorum
                        et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a
                        treatise
                        on the </div>
                </div>
                <div class="talent-list">
                    @livewire('web.talent')
                </div>
            </div>
            <div class="row">
                <div class="col-12">
                    {{-- @include('web.partials.share', ['shareTitle' => 'PARTAGEZ CETTE PAGE']) --}}
                    <div class="social-shar bg-white">
                        <div class="d-flex  align-items-center justify-content-start share-section">
                            {{-- <p class="share-label mb-0">{{ $shareTitle }}</p> --}}
                            <p class="share-label mb-0">PARTAGEZ CETTE PAGE</p>
                            <button id="shareBtn" class="share-button border-0 bg-transparent"
                                aria-label="PARTAGEZ CETTE PAGE" title="PARTAGEZ CETTE PAGE">
                                <img src="{{ asset('assets/images/share.png') }}" alt="Share Icon" class="w-100 h-100">
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection