    <!-- Page Hero Секция -->
    <section class="page-hero">
        <div class="page-hero-container">
            <h1 class="page-title">Свържи се с <span class="highlight">нас</span></h1>
            <p class="page-subtitle">Имаш идея за нов проект, искаш да караме заедно или се интересуваш от нашите услуги? Пиши ни!</p>
        </div>
    </section>

    <!-- Основно съдържание -->
    <main class="page-main">
        <div class="main-container contact-grid">
            
            <!-- Лява колона: Контактна форма -->
            <section class="contact-form-wrapper">
				{% if success %}
                <h2>Съобщението е изпратено успешно!</h2>
				<p>Ще се свържем с Вас в най-скоро време.</p>
				{% else %}
                <h2>Изпрати съобщение</h2>
				{{ error ? '<p style="color: red; font-weight: bold;">'~error~'</p><br>' : '' }}
                <form method="POST" class="contact-form">
                    <div class="form-group">
                        <label for="name">Вашето име</label>
                        <input type="text" id="name" name="name" value="{{ name | default('') }}" required placeholder="Име и фамилия">
                    </div>
                    
                    <div class="form-group">
                        <label for="email">Имейл адрес</label>
                        <input type="email" id="email" name="email" value="{{ email | default('') }}" required placeholder="name@example.com">
                    </div>
                    
                    <div class="form-group">
                        <label for="subject">Тема</label>
                        <input type="text" id="subject" name="subject" value="{{ subject | default('') }}" required placeholder="Напр. Запитване за ролер пързалка, членство...">
                    </div>
                    
                    <div class="form-group">
                        <label for="message">Съобщение</label>
                        <textarea id="message" name="message" value="{{ message | default('') }}" rows="6" required placeholder="Напишете Вашето съобщение тук..."></textarea>
                    </div>
                    
                    <button type="submit" class="btn-submit">Изпрати съобщение</button>
                </form>
				{% endif %}
            </section>

            <!-- Дясна колона: Информация за контакт -->
            <section class="contact-info-wrapper">
                <h2>Контактна информация</h2>
                
                <div class="info-links">
                    <div class="info-item">
                        <span class="info-icon">📧</span>
                        <div>
                            <h4>Имейл</h4>
                            <p><a href="mailto:info@onboard-bg.org">info@onboard-bg.org</a></p>
                        </div>
                    </div>

                    <div class="info-item">
                        <span class="info-icon">📞</span>
                        <div>
                            <h4>Телефон</h4>
                            <p><a href="tel:+359877415113">+359 877 41 51 13</a></p>
                        </div>
                    </div>

                    <div class="info-item">
                        <span class="info-icon">📍</span>
                        <div>
                            <h4>Локация</h4>
                            <p>гр. София, България</p>
                        </div>
                    </div>
                </div>

                <!-- Социални мрежи 
                <div class="social-block">
                    <h3>Последвай ни в мрежите</h3>
                    <div class="social-icons">
                        <a href="#" class="social-icon">Facebook</a>
                        <a href="#" class="social-icon">Instagram</a>
                        <a href="#" class="social-icon">TikTok</a>
                    </div>
                </div>
				-->

                <!-- Карта / Плейсхолдър за локация 
                <div class="map-placeholder">
                    <p>София, Район Сердика / Борисова градина</p>
                    <span>(Тук можете да вградите Google Maps Iframe)</span>
                </div>
				-->
            </section>

        </div>
    </main>
