@extends('layouts.public')

@section('i18n_page', 'home')
@section('title', 'Hotel Pineta | Laigueglia')
@section('meta_description', 'Hotel Pineta в Лайгуэлье: комфортное проживание, бронирование, контакты и полезная информация для гостей.')

@section('content')
<section class="hero">
    <div class="container hero-grid">
        <div class="hero-copy">
            <span class="eyebrow" data-i18n="heroEyebrow">Laigueglia, Italia</span>
            <h1 data-i18n="heroTitle">Ваше комфортное проживание в Лайгуэлье</h1>
            <p class="lead" data-i18n="heroLead">Hotel Pineta находится рядом с морем, центром и железнодорожной станцией.
Вы можете связаться с нами через WhatsApp, легко и удобно заселиться.
Вас ожидают комнаты с балконом и всё необходимое для прекрасного отдыха.</p>
            <div class="hero-actions">
                <a class="btn btn-primary" href="{{ route('public.booking_offer') }}" data-i18n="heroBook">Забронировать номер</a>
                <a class="btn btn-secondary" href="{{ route('guest.register') }}" data-i18n="heroDiscount">Получить скидку</a>
            </div>
            <div class="kpis">
                <div class="kpi"><strong>200 м</strong><span data-i18n="kpiBeach">до моря и центра</span></div>
                <div class="kpi"><strong>12:00–23:00</strong><span data-i18n="kpiCheckin">заезд</span></div>
                <div class="kpi"><strong>8:00–11:00</strong><span data-i18n="kpiBreakfast">завтрак</span></div>
            </div>
        </div>
        <div class="hero-media">
            <img class="hero-photo" src="{{ asset('images/home_page/Pineta.jpg') }}" alt="Hotel Pineta">
        </div>
    </div>
</section>

<section class="section">
    <div class="container">
        <div class="section-head">
            <div>
                <span class="eyebrow" data-i18n="aboutEyebrow">Об отеле</span>
                <h2 data-i18n="aboutTitle">Основная информация</h2>
            </div>
        </div>
        <div class="grid-3">
            <article class="card"><div class="label" data-i18n="roomLabel">Номера</div><p data-i18n="roomText">Кондиционер, балкон, ТВ, рабочее место и собственная ванная комната.</p></article>
            <article class="card"><div class="label" data-i18n="breakfastLabel">Завтрак</div><p data-i18n="breakfastText">Завтрак-шведский стол каждое утро в обозначенные часы, если он включён в бронь.</p></article>
            <article class="card"><div class="label" data-i18n="locationLabel">Расположение</div><p data-i18n="locationText">В нескольких минутах от пляжа, центра Лайгуэльи и транспорта.</p></article>
        </div>
    </div>
</section>

<section class="section">
    <div class="container">
        <div class="section-head">
            <div>
                <span class="eyebrow" data-i18n="detailsEyebrow">Практично</span>
                <h2 data-i18n="detailsTitle">Детали проживания</h2>
            </div>
        </div>
        <div class="feature-grid">
            <article class="feature-card"><h3 data-i18n="checkinTitle">Заезд</h3><p data-i18n="checkinText">С 12:00 до 23:00.</p></article>
            <article class="feature-card"><h3 data-i18n="checkoutTitle">Выезд</h3><p data-i18n="checkoutText">До 10:00.</p></article>
            <article class="feature-card"><h3 data-i18n="breakfast2Title">Завтрак</h3><p data-i18n="breakfast2Text">С 8:00 до 11:00, если включён в бронирование.</p></article>
            <article class="feature-card"><h3 data-i18n="beachTitle">Пляж</h3><p data-i18n="beachText">До пляжа и центра можно дойти пешком за несколько минут.</p></article>
            <article class="feature-card feature-card-wide"><h3 data-i18n="specialNoticeTitle">Вид на залив и подъём</h3><p data-i18n="specialNoticeText">Из нашего отеля открывается великолепный вид на морской залив, но к отелю ведёт небольшой подъём со ступеньками. Людям с сердечно-сосудистыми и опорно-двигательными заболеваниями мы не рекомендуем останавливаться у нас.</p></article>
        </div>
    </div>
</section>

<section class="section">
    <div class="container">
        <div class="section-head">
            <div>
                <span class="eyebrow" data-i18n="galleryEyebrow">Галерея</span>
                <h2 data-i18n="galleryTitle">Hotel Pineta</h2>
            </div>
        </div>
        <div class="carousel-shell" data-carousel>
            <div class="carousel-view">
                <img src="{{ asset('images/carousel/1.jpg') }}" alt="Hotel Pineta carousel" data-carousel-image>
            </div>
            <div class="carousel-dots" data-carousel-dots></div>
        </div>
    </div>
</section>

<section class="section">
    <div class="container grid-2">
        <article class="notice">
            <span class="eyebrow" data-i18n="faqEyebrow">FAQ</span>
            <h2 data-i18n="faqTitle">Частые вопросы</h2>
            <div class="faq-list">
                <article class="faq-item"><h3 data-i18n="faq1Title">Где я могу припарковать свой автомобиль?</h3><p data-i18n="faq1Text">К сожалению, у нас нет собственной парковки. Однако рядом с отелем есть бесплатные места, а также частная подъездная дорога, где вы можете припарковать свой автомобиль.</p></article>
                <article class="faq-item"><h3 data-i18n="faq2Title">С каким пляжем вы сотрудничаете?</h3><p data-i18n="faq2Text">Мы сотрудничаем с пляжем Багни Ирена, где вы можете забронировать зонтики и шезлонги и получить скидку. Тел.: 328.4131338</p></article>
                <article class="faq-item"><h3 data-i18n="faq3Title">Если я прибуду раньше времени регистрации, где я могу оставить свой багаж?</h3><p data-i18n="faq3Text">Вы можете оставить свой багаж на ресепшене, начиная с 9:00 утра.</p></article>
            </div>
        </article>

        <article class="notice notice-with-bottom">
            <div class="faq-list">
                <article class="faq-item"><h3 data-i18n="faq4Title">Можно ли поесть в отеле?</h3><p data-i18n="faq4Text">В отеле подают только завтрак. В 4 минутах ходьбы от отеля находится множество баров и ресторанов.</p></article>
                <article class="faq-item"><h3 data-i18n="faq5Title">Разрешено ли проживание с домашними животными?</h3><p data-i18n-html="faq5Text">Отель принял решение <strong>не размещать гостей с животными</strong>, чтобы обеспечить полностью безопасную среду для всех гостей, страдающих аллергией.</p></article>
            </div>
            <div class="notice-bottom">
                <span class="eyebrow" data-i18n="addressEyebrow">Адрес</span>
                <h2 data-i18n="addressTitle">Как нас найти</h2>
                <p data-i18n="addressText">Via Monaco, 22, 17053 Laigueglia SV, Italia</p>
                <p class="cta-row"><a class="btn btn-primary" href="{{ route('public.contacts') }}" data-i18n="openContacts">Открыть контакты</a></p>
                <div class="contact-strip">
                    <span class="tag" data-i18n="waTag">Писать на WhatsApp: +39 333 391 2012</span>
                    <span class="tag" data-i18n="emailTag">Email: vinohotelpineta@gmail.com</span>
                </div>
            </div>
        </article>
    </div>
</section>

<section class="section">
    <div class="container grid-2">
        <article class="notice">
            <span class="eyebrow" data-i18n="quickEyebrow">Быстрый контакт</span>
            <h2 data-i18n="quickTitle">Как нас найти на карте</h2>
            <p data-i18n="quickMapText">Откройте карту, чтобы посмотреть маршрут до Hotel Pineta.</p>
            <p class="cta-row"><a class="btn btn-primary" target="_blank" rel="noopener noreferrer" href="https://www.google.com/maps?q=Via+Monaco,+22,+17053+Laigueglia+SV,+Italia" data-i18n="quickMapButton">Открыть Google Maps</a></p>
        </article>
        <article class="notice">
            <iframe class="map-frame" loading="lazy" referrerpolicy="no-referrer-when-downgrade" src="https://www.google.com/maps?q=Via+Monaco,+22,+17053+Laigueglia+SV,+Italia&z=16&output=embed" title="Карта Hotel Pineta"></iframe>
        </article>
    </div>
</section>
@endsection