{% extends "base.html" %}
{% load static travel_images %}

{% block title %}About Aarya Holidays & Cabs{% endblock %}

{% block hero_preload %}
<link rel="preload" as="image" href="{% static 'images/kerala-6-640.webp' %}" type="image/webp" imagesrcset="{% static_webp_srcset 'images/kerala-6.jpg' %}" imagesizes="100vw" fetchpriority="high">
{% endblock %}

{% block content %}
<section class="hero-section hero-slider-section" data-hero-slider>
    <div class="hero-slide is-active">
        <picture>
            <source type="image/webp" srcset="{% static_webp_srcset 'images/kerala-6.jpg' %}" sizes="100vw">
            <img class="hero-slide-image" src="{% static 'images/kerala-6.jpg' %}" alt="" aria-hidden="true" width="695" height="900" loading="eager" fetchpriority="high" decoding="async">
        </picture>
    </div>
    <div class="hero-slide">
        <picture>
            <source type="image/webp" data-lazy-srcset="{% static_webp_srcset 'images/kashmir-6.jpg' %}" data-lazy-sizes="100vw">
            <img class="hero-slide-image" data-lazy-src="{% static 'images/kashmir-6.jpg' %}" alt="" aria-hidden="true" width="1359" height="900" decoding="async">
        </picture>
    </div>
    <div class="hero-slide">
        <picture>
            <source type="image/webp" data-lazy-srcset="{% static_webp_srcset 'images/bali-11.jpg' %}" data-lazy-sizes="100vw">
            <img class="hero-slide-image" data-lazy-src="{% static 'images/bali-11.jpg' %}" alt="" aria-hidden="true" width="599" height="900" decoding="async">
        </picture>
    </div>
    <div class="hero-slide">
        <picture>
            <source type="image/webp" data-lazy-srcset="{% static_webp_srcset 'images/andaman-6.png' %}" data-lazy-sizes="100vw">
            <img class="hero-slide-image" data-lazy-src="{% static 'images/andaman-6.png' %}" alt="" aria-hidden="true" width="1350" height="900" decoding="async">
        </picture>
    </div>
    <div class="hero-shade"></div>
    <div class="container position-relative">
        <div class="row align-items-center min-vh-hero">
            <div class="col-lg-8">
                <span class="eyebrow">About Us</span>
                <h1>Trusted holiday planning and cab support from Bangalore.</h1>
                <p class="hero-lead">Personalized trips, practical guidance, and dependable travel coordination for families, groups, companies, and explorers.</p>
            </div>
        </div>
    </div>
</section>

<section class="section-pad about-story-band">
    <div class="container">
        <div class="row g-5 align-items-center">
            <div class="col-lg-6">
                <div class="about-image-stack">
                    <img src="{% static 'images/kerala-6.jpg' %}" alt="Kerala backwater travel" loading="lazy">
                    <img src="{% static 'images/bali-10.jpg' %}" alt="Bali holiday setting" loading="lazy">
                </div>
            </div>
            <div class="col-lg-6">
                <div class="about-copy-panel">
                    <span class="eyebrow">Company Story</span>
                    <h2>Aarya Holidays &amp; Cabs helps travellers move from idea to journey with confidence.</h2>
                    <p class="section-lead">Inspired by the original Aarya Holidays promise, we focus on curated domestic holidays, international getaways, group tours, and premium cab services with clear planning from the first enquiry.</p>
                    <p>Whether the plan is a relaxed family break, a senior citizen group tour, a honeymoon, a corporate movement, or a local cab requirement, the team keeps the experience personal, practical, and easy to follow.</p>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="section-pad about-proof-band">
    <div class="container">
        <div class="row g-4">
            <div class="col-md-4">
                <article class="about-proof-card">
                    <strong>10+</strong>
                    <span>Years of travel experience</span>
                </article>
            </div>
            <div class="col-md-4">
                <article class="about-proof-card">
                    <strong>5000+</strong>
                    <span>Happy travellers guided</span>
                </article>
            </div>
            <div class="col-md-4">
                <article class="about-proof-card">
                    <strong>24/7</strong>
                    <span>Cab and trip coordination</span>
                </article>
            </div>
        </div>
    </div>
</section>

<section class="section-pad about-services-band">
    <div class="container">
        <div class="section-heading">
            <span class="eyebrow">Why Choose Aarya Holidays</span>
            <h2>Wide travel choices with human support behind every booking.</h2>
            <p>Domestic packages, international tours, group departures, senior citizen tours, and cab services are handled with transparent pricing and thoughtful coordination.</p>
        </div>
        <div class="row g-3">
            <div class="col-md-6 col-xl-3">
                <div class="value-card">
                    <i data-lucide="map"></i>
                    <h3>Customized Packages</h3>
                    <p>Trips shaped around your budget, dates, traveller type, and preferred pace.</p>
                </div>
            </div>
            <div class="col-md-6 col-xl-3">
                <div class="value-card">
                    <i data-lucide="globe-2"></i>
                    <h3>Domestic &amp; International</h3>
                    <p>India getaways and global holidays across islands, cities, hills, and heritage routes.</p>
                </div>
            </div>
            <div class="col-md-6 col-xl-3">
                <div class="value-card">
                    <i data-lucide="users"></i>
                    <h3>Group Ready</h3>
                    <p>Support for fixed departures, senior citizens, families, companies, and friends.</p>
                </div>
            </div>
            <div class="col-md-6 col-xl-3">
                <div class="value-card">
                    <i data-lucide="car-front"></i>
                    <h3>Premium Cabs</h3>
                    <p>Airport transfers, outstation rides, city cabs, corporate movement, and event travel.</p>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="section-pad about-mission-band">
    <div class="container">
        <div class="row g-4">
            <div class="col-lg-6">
                <article class="statement-card">
                    <i data-lucide="target"></i>
                    <h2>Mission</h2>
                    <p>To make holiday planning and cab booking feel clear, comfortable, and dependable for every traveller.</p>
                </article>
            </div>
            <div class="col-lg-6">
                <article class="statement-card">
                    <i data-lucide="telescope"></i>
                    <h2>Vision</h2>
                    <p>To be a trusted Bangalore-based travel partner for customized holidays, group tours, and reliable cab services.</p>
                </article>
            </div>
        </div>
    </div>
</section>
{% endblock %}