@extends('layouts.layout')

@section('nav')
    @include('layouts.nav')
@endsection

@section('content')
    <!-- Main Section -->
    <section class="main">
        <div class="main-overlay"></div>

        <div class="main-content">
            <h1 class="hero-title">步入中华客栈的每一步，都是美好开始</h1>
            <h1 class="hero-title">发现属于你的独特风景</h1>

            <br>

            <div class="booking-bar">
                <div class="booking-item">
                    <label>Check In Date 入住日期</label>
                    <input type="date">
                </div>&nbsp;
                <div class="booking-item">
                    <label>Check Out Date 退房日期</label>
                    <input type="date">
                </div>&nbsp;
                <div class="booking-item">
                    <label>Adult 成人</label>
                    <select>
                        <option>1</option>
                        <option>2</option>
                        <option>3</option>
                    </select>
                </div>&nbsp;
                <div class="booking-item">
                    <label>Children 孩童</label>
                    <select>
                        <option>0</option>
                        <option>1</option>
                        <option>2</option>
                    </select>
                </div>&nbsp;

                <button class="btn-search">Search</button>
            </div>
        </div>
    </section>

    <!-- Intro Section -->
    <section class="intro-section">
        <div class="intro-header">
            <h2 class="intro-title">歇息 · 重拾从容</h2>
            <p class="intro-subtitle">
                在中华客栈，你可以慢下脚步，让旅途的疲惫悄然散去。庭院光影轻缓流动，客房宁静柔和， 为每一位旅人留下一段属于自己的静心时光。
            </p>
        </div>

        <!-- 模块 1：左图右文 -->
        <div class="intro-row">
            <div class="intro-image">
                <img src="{{ asset('images/TestingDemo/demoBackground3.jpg') }}" alt="庭院漫步">
            </div>
            <div class="intro-text">
                <h3 class="intro-block-title">漫步街巷，收集味蕾的惊喜</h3>
                <p class="intro-block-desc">
                    走出庭院不远，便是满布咖啡香与人情味的小店街区。 从手作咖啡、甜点，到各式地方风味料理，总有一家能勾起你的食欲。 在这里，每一次转角，都是一顿值得期待的发现。
                </p>
                <button class="intro-btn">了解更多</button>
            </div>
        </div>

        <!-- 模块 2：左文右图 -->
        <div class="intro-row intro-row-reverse">
            <div class="intro-text">
                <h3 class="intro-block-title">雅致客房 · 舒适与便利并行</h3>
                <p class="intro-block-desc">
                    回到客房，泡一壶香茗，倚窗眺望城市景致。细致的备品与贴心的服务，为你抚平旅途疲惫。 不仅如此，步出客栈便可抵达附近商场和购物街区，无论是时尚服饰、特色小店，还是生活必需品，都触手可及。 在这里，你可以在舒适中休憩，也能轻松开启每一段便利的探索旅程。
                </p>
                <button class="intro-btn">了解更多</button>
            </div>
            <div class="intro-image">
                <img src="{{ asset('images/TestingDemo/demoBackground3.jpg') }}" alt="客房体验">
            </div>
        </div>
        <br>
        
    </section>
@endsection

@section('copyright')
    @include('layouts.footer')
@endsection