<div class="" id="mainPageContainer" style="">
    <section class="love-gradient position-relative overflow-hidden" style="padding: 100px 0 100px;">
        <div class="heart-animation" style="top:10%;left:5%">❤️</div>
        <div class="heart-animation" style="top:30%;right:10%">❤️</div>
        <div class="heart-animation" style="bottom:20%;left:15%">❤️</div>
        <div class="heart-animation" style="bottom:40%;right:20%">❤️</div>

        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6">
                    <h1 class="hero-title mb-4">Найдите идеальное место для свидания</h1>
                    <p class="lead mb-4">Более 500 проверенных локаций: от романтических ужинов до экстремальных приключений. Подберите свидание по настроению, бюджету и интересам.</p>
                    <div class="d-flex flex-wrap gap-3">
                        <a href="#places" class="btn btn-heart">
                            <i class="fas fa-search me-2"></i>Найти место
                        </a>
                        <a href="#map-section" class="btn btn-outline-light pb-0 my-auto" style="height: 40px">
                            <i class="fas fa-map-marked-alt me-2"></i>Посмотреть на карте
                        </a>
                    </div>
                </div>
                <div class="col-lg-6">
                    <img src="https://images.unsplash.com/photo-1518568814500-bf0f8d125f46?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80"
                         class="img-fluid rounded-3 shadow-lg"
                         alt="Свидание в парке">
                </div>
            </div>
        </div>
    </section>
</div>
<script type="module" src="/js/site/pages/home/home.js"></script>