tourrism_site/views/about.ejs

<!-- Hero Section -->
<section class="hero-section bg-primary text-white text-center py-5">
    <div class="container">
        <div class="row">
            <div class="col-lg-8 mx-auto">
                <h1 class="display-4 fw-bold mb-4">О нашей компании</h1>
                <p class="lead">Мы специализируемся на организации незабываемых путешествий по Южной Корее</p>
            </div>
        </div>
    </div>
</section>

<!-- About Content -->
<section class="py-5">
    <div class="container">
        <div class="row align-items-center mb-5">
            <div class="col-lg-6">
                <h2 class="mb-4">Наша миссия</h2>
                <p class="lead">Корея Тур Агентство основано с целью показать туристам настоящую Корею - её культуру, природу, традиции и современность.</p>
                <p>Мы предлагаем широкий спектр туров: от городских экскурсий по историческим дворцам Сеула до горных походов в национальные парки и захватывающей морской рыбалки у берегов Пусана.</p>
                <p>Наша команда состоит из профессиональных гидов, которые говорят на русском языке и имеют глубокие знания о корейской культуре и истории.</p>
            </div>
            <div class="col-lg-6">
                <img src="/images/about-us.jpg" class="img-fluid rounded" alt="О нас">
            </div>
        </div>
        
        <div class="row">
            <div class="col-md-4 text-center mb-4">
                <div class="card h-100">
                    <div class="card-body">
                        <i class="fas fa-users text-primary" style="font-size: 3rem;"></i>
                        <h5 class="card-title mt-3">Опытная команда</h5>
                        <p class="card-text">Более 50 проведенных туров и сотни довольных клиентов</p>
                    </div>
                </div>
            </div>
            <div class="col-md-4 text-center mb-4">
                <div class="card h-100">
                    <div class="card-body">
                        <i class="fas fa-language text-primary" style="font-size: 3rem;"></i>
                        <h5 class="card-title mt-3">Русскоязычные гиды</h5>
                        <p class="card-text">Все наши гиды свободно говорят по-русски и корейски</p>
                    </div>
                </div>
            </div>
            <div class="col-md-4 text-center mb-4">
                <div class="card h-100">
                    <div class="card-body">
                        <i class="fas fa-shield-alt text-primary" style="font-size: 3rem;"></i>
                        <h5 class="card-title mt-3">Безопасность</h5>
                        <p class="card-text">Полная страховка и соблюдение всех мер безопасности</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Team Section -->
<section class="bg-light py-5">
    <div class="container">
        <h2 class="text-center mb-5">Почему выбирают нас?</h2>
        <div class="row">
            <div class="col-lg-3 col-md-6 text-center mb-4">
                <div class="mb-3">
                    <i class="fas fa-star text-warning" style="font-size: 2rem;"></i>
                </div>
                <h5>Высокие рейтинги</h5>
                <p class="text-muted">4.8/5 средний рейтинг от наших клиентов</p>
            </div>
            <div class="col-lg-3 col-md-6 text-center mb-4">
                <div class="mb-3">
                    <i class="fas fa-route text-primary" style="font-size: 2rem;"></i>
                </div>
                <h5>Уникальные маршруты</h5>
                <p class="text-muted">Эксклюзивные места, недоступные массовому туризму</p>
            </div>
            <div class="col-lg-3 col-md-6 text-center mb-4">
                <div class="mb-3">
                    <i class="fas fa-headset text-success" style="font-size: 2rem;"></i>
                </div>
                <h5>Поддержка 24/7</h5>
                <p class="text-muted">Круглосуточная поддержка во время путешествия</p>
            </div>
            <div class="col-lg-3 col-md-6 text-center mb-4">
                <div class="mb-3">
                    <i class="fas fa-handshake text-info" style="font-size: 2rem;"></i>
                </div>
                <h5>Индивидуальный подход</h5>
                <p class="text-muted">Каждый тур адаптируется под ваши потребности</p>
            </div>
        </div>
    </div>
</section>

<!-- Call to Action -->
<section class="py-5">
    <div class="container text-center">
        <h2 class="mb-4">Готовы исследовать Корею?</h2>
        <p class="lead text-muted mb-4">Свяжитесь с нами и начните планировать ваше незабываемое путешествие уже сегодня!</p>
        <div class="d-flex flex-wrap justify-content-center gap-3">
            <a href="/routes" class="btn btn-primary btn-lg">
                <i class="fas fa-route me-1"></i>Посмотреть туры
            </a>
            <a href="/contact" class="btn btn-outline-primary btn-lg">
                <i class="fas fa-envelope me-1"></i>Связаться с нами
            </a>
        </div>
    </div>
</section>