@extends('layouts.public')
@section('title', 'Seven Jets | About Us')
@push('meta')
    <!-- OpenGraph (para redes sociales) -->
    <meta property="og:title" content="Seven Jets | About Us">
    <meta property="og:description"
        content="Who we are, what we do, and why we do it. Seven Jets is your trusted partner in global aviation">
    <meta property="og:image" content="{{ asset('img/location-map.png') }}">
    <!-- Canonical URL (evita contenido duplicado) -->
    <link rel="canonical" href="{{ url()->current() }}" />
@endpush
@section('content')

    <!-- <section> begin ============================ -->
    <section class="text-center overflow-hidden p-0 position-relative" data-zanim-timeline="{}" data-zanim-trigger="scroll">
        <div class="bg-holder overlay parallax">
            <video muted loop autoplay class="bg-video">
                <source src="templates/reing/assets/video/about.mp4" type="video/mp4">
            </video>
        </div>
        <!--/.bg-holder-->
        <div class="container-fluid h-100">
            <div class="header-overlay"></div>
            <div class="position-relative d-flex align-items-center justify-content-center min-vh-100">
                <div class="header-text">
                    <div class="overflow-hidden">
                        <h1 class="display-3 fs-7 text-white fw-lighter ls-2" data-zanim-xs='{"duration":2,"delay":0}'>
                            Who we are?</h1>
                    </div>
                    <div class="overflow-hidden">
                        <div class="d-flex justify-content-center" data-zanim-xs='{"duration":2,"delay":0.1}'>
                            <nav aria-label="breadcrumb">
                                <ol class="breadcrumb text-uppercase ls-2">
                                    <li class="breadcrumb-item"><a class="text-400 hover-color-white"
                                            href="{{ route('home') }}">Home</a></li>
                                    <li class="breadcrumb-item active" aria-current="page">About Us</li>
                                </ol>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Header Indicator (Botón de bajar) -->
            <div class="header-indicator-down">
                <a class="indicator indicator-down opacity-75" href="#about-us" data-scroll-to="about-us">
                    <span class="indicator-arrow indicator-arrow-one"
                        data-zanim-xs='{"from":{"opacity":0,"y":30},"to":{"opacity":1,"y":0},"ease":"Back.easeOut","duration":1,"delay":1.5}'>
                    </span>
                </a>
            </div>
        </div>
        <!-- end of .container -->
    </section>
    <!-- <section> close ============================ -->

    <!-- About Seven Jets -->
    <section class="pt-3 pt-lg-5 pb-3 pb-lg-5 text-center bg-light" id="about-us">
        <div class="container" data-zanim-timeline="{}" data-zanim-trigger="scroll">
            <div class="row align-items-center justify-content-center">
                <div class="col-lg-8 text-center">
                    <div class="overflow-hidden">
                        <h2 class="fs-md-4 mb-3" data-zanim-xs='{"delay":0.2}'>About Seven Jets</h2>
                    </div>
                    <div class="overflow-hidden">
                        <p class="lead" data-zanim-xs='{"delay":0.4}'>
                            Who we are, what we do, and why we do it. <b>Seven Jets</b> is your trusted partner in global
                            aviation
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- About Seven Jets -->
    <section class="pt-3 pt-lg-5 pb-3 pb-lg-5 text-center" id="about-us">
        <div class="container" data-zanim-timeline="{}" data-zanim-trigger="scroll">
            <div class="row align-items-center justify-content-center">
                <div class="col-lg-6 col-md-8 mb-4 mb-md-5">
                    <img class="rounded w-100 shadow-sm" src="{{ asset('templates/reing/assets/img/about/about1.png') }}"
                        alt="Seven Jet Aviation Services" data-zanim-xs='{"delay":0.4}'>
                </div>
                <div class="col-lg-6 col-md-10 text-md-start text-center">
                    <div class="ps-lg-4">
                        <p data-zanim-xs='{"delay":0.6}' style="text-align: justify;">
                            <b>Seven Jets</b> is a Dubai-based aviation services company specialized in trip support, ground coordination, private jet charter, and aviation fuel supply.<br>
                            With over a decade of industry experience, our team supports aircraft operators, charter brokers, and corporate clients across the globe delivering seamless coordination for fuel, ground handling, permits, supervision, and bespoke charter flights.<br>
                            Through a trusted network of certified providers in key regions, we ensure fast, secure, and cost-effective operations whether it’s a VIP flight, urgent cargo mission, or complex multi-leg routing.<br>
                            At Seven Jets, we value loyalty, discretion, and a hands-on approach. We manage the details behind the scenes, so our clients can move forward confidently and seamlessly.
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Vision & Mission Section -->
    <section class="pt-3 pt-lg-5 pb-3 pb-lg-5 text-center bg-light">
        <div class="container" data-zanim-timeline="{}" data-zanim-trigger="scroll">
            <div class="row justify-content-center mb-5">
                <div class="col-lg-8 text-center">
                    <div class="overflow-hidden">
                        <h3 class="fs-md-3 mb-3" data-zanim-xs='{"delay":0}'>Our Vision & Mission</h3>
                    </div>
                    <div class="overflow-hidden">
                        <p class="lead" data-zanim-xs='{"delay":0.1}'>
                            Guided by our vision and driven by our mission, we strive to deliver excellence in every aspect
                            of aviation support.
                        </p>
                    </div>
                </div>
            </div>

            <div class="row g-4">
                <!-- Vision Card -->
                <div class="col-md-6"
                    data-zanim-xs='{"from":{"opacity":0,"y":30},"to":{"opacity":1,"y":0},"duration":1,"delay":0.2}'>
                    <div class="card border-1 shadow-sm h-100 p-4 p-md-5 bg-white rounded-3">
                        <div class="d-flex align-items-start">
                            <div class="me-3">
                                <i class="fas fa-eye fa-2x text-bronze"></i>
                            </div>
                            <div>
                                <h5 class="card-title">Our Vision</h5>
                                <p class="card-text">
                                    To become the most trusted aviation coordination partner worldwide, known for speed,
                                    integrity, and excellence in every mission, building a network rooted in Loyalty and
                                    long-term partnerships.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Mission Card -->
                <div class="col-md-6"
                    data-zanim-xs='{"from":{"opacity":0,"y":30},"to":{"opacity":1,"y":0},"duration":1,"delay":0.3}'>
                    <div class="card border-1 shadow-sm h-100 p-4 p-md-5 bg-white rounded-3">
                        <div class="d-flex align-items-start">
                            <div class="me-3">
                                <i class="fas fa-bullseye fa-2x text-bronze"></i>
                            </div>
                            <div>
                                <h5 class="card-title">Our Mission</h5>
                                <p class="card-text">
                                    To simplify global aviation logistics through responsive, reliable, and high-quality
                                    services, empowering our clients to operate confidently anywhere in the world, with
                                    Loyalty at the center of every interaction.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Call to Action -->
    {{-- <!-- <section> begin ============================-->
    <section class="text-center py-6 py-md-8 bg-parallax" data-zanim-timeline="{}" data-zanim-trigger="scroll">
        <div class="bg-holder overlay"
            style="background-image:url(templates/reing/assets/img/location/cta.jpg); background-position: center; background-attachment: fixed;">
        </div>
        <div class="container position-relative z-index-1">
            <div class="row justify-content-center">
                <div class="col-lg-8">
                    <div class="overflow-hidden">
                        <h2 class="display-6 fw-bold text-white mb-4" data-zanim-xs='{"duration":1.5,"delay":0}'>
                            Ready for seamless aviation support?
                        </h2>
                    </div>
                    <div class="overflow-hidden">
                        <p class="lead text-white opacity-75 mb-5"
                            data-zanim-xs='{"duration":1.5,"delay":0.1}">
                        Let us handle the details while you focus on your mission. From fuel coordination to charter services — we've
                            got you covered. </p>
                    </div>
                    <div data-zanim-xs='{"from":{"opacity":0,"y":30},"to":{"opacity":1,"y":0},"duration":1.5,"delay":0.3}'>
                        <a class="btn btn-light btn-md hvr-sweep-top me-2 px-4" href="{{ route('contact') }}">
                            Contact Our Team
                        </a>
                        <a class="btn btn-outline-light btn-md hvr-sweep-top px-4" href="javascript:void(0)">
                            Request a Quote
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </section><!-- <section> close ============================--> --}}

    <!-- ============================================-->
    <!-- <section> begin ============================-->
    <section class= "text-md-center" style="background-image: url('{{ asset('templates/reing/assets/img/home/avion.jpg') }}'); background-size: cover; background-position: center center; height: 400px; position: relative;">
        <!-- Div overlay -->
        <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 1;"></div>
        
        <!-- Contenido -->
        <div class="container h-100 d-flex align-items-center" style="position: relative; z-index: 2;">
            <div class="w-100">
                <div class="overflow-hidden">
                    <h3 class="font-base text-white" data-zanim-xs='{"duration":1.5,"delay":0}'>Let us handle the details <br class="d-block d-sm-none" />while you focus on your mission.</h3>
                </div>
                <div data-zanim-xs='{"from":{"opacity":0,"y":30},"to":{"opacity":1,"y":0},"duration":1.5,"delay":0.1}'>
                    <a class="btn btn-sm btn-outline-light hvr-sweep-top mt-3" href="{{ route('contact') }}">
                        Contact Our Team
                    </a>
                </div>
            </div>
        </div>
    </section>
    <!-- <section> close ============================-->
    <!-- ============================================-->

    <!-- Key Values Section -->
    <section class="pt-3 pt-lg-5 pb-3 pb-lg-5 text-center">
        <div class="container" data-zanim-timeline="{}" data-zanim-trigger="scroll">
            <div class="row justify-content-center mb-5">
                <div class="col-lg-8">
                    <div class="overflow-hidden">
                        <h3 class="fs-md-3 mb-3" data-zanim-xs='{"delay":0}'>Our Core Values</h3>
                    </div>
                    <div class="overflow-hidden">
                        <p class="lead" data-zanim-xs='{"delay":0.1}'>
                            Guided by our values, we deliver excellence in every aspect of aviation support.
                        </p>
                    </div>
                </div>
            </div>

            <div class="row g-4">
                <!-- Valor 1 -->
                <div class="col-md-4"
                    data-zanim-xs='{"from":{"opacity":0,"y":30},"to":{"opacity":1,"y":0},"duration":1,"delay":0.2}'>
                    <div class="d-flex flex-column align-items-center text-center">
                        <i class="fas fa-handshake fa-2x text-bronze mb-3"></i>
                        <h5>Loyalty</h5>
                        <p class="text-gray">We build relationships that last grounded in trust, consistency, and
                            commitment.</p>
                    </div>
                </div>

                <!-- Valor 2 -->
                <div class="col-md-4"
                    data-zanim-xs='{"from":{"opacity":0,"y":30},"to":{"opacity":1,"y":0},"duration":1,"delay":0.3}'>
                    <div class="d-flex flex-column align-items-center text-center">
                        <i class="fas fa-microscope fa-2x text-bronze mb-3"></i>
                        <h5>Precision</h5>
                        <p class="text-gray">We execute every detail with accuracy, because in aviation, there is no
                            margin for error.</p>
                    </div>
                </div>

                <!-- Valor 3 -->
                <div class="col-md-4"
                    data-zanim-xs='{"from":{"opacity":0,"y":30},"to":{"opacity":1,"y":0},"duration":1,"delay":0.4}'>
                    <div class="d-flex flex-column align-items-center text-center">
                        <i class="fas fa-shield-alt fa-2x text-bronze mb-3"></i>
                        <h5>Integrity</h5>
                        <p class="text-gray">We operate with discretion, transparency, and loyalty to our clients.</p>
                    </div>
                </div>
            </div>
            <div class="row g-4 mt-3">
                <!-- Valor 1 -->
                <div class="col-md-4"
                    data-zanim-xs='{"from":{"opacity":0,"y":30},"to":{"opacity":1,"y":0},"duration":1,"delay":0.2}'>
                    <div class="d-flex flex-column align-items-center text-center">
                        <i class="fas fas fa-shipping-fast fa-2x text-bronze mb-3"></i>
                        <h5>Agility</h5>
                        <p class="text-gray">We adapt quickly to changes, providing solutions even in the most
                            time-critical situations.</p>
                    </div>
                </div>

                <!-- Valor 2 -->
                <div class="col-md-4"
                    data-zanim-xs='{"from":{"opacity":0,"y":30},"to":{"opacity":1,"y":0},"duration":1,"delay":0.3}'>
                    <div class="d-flex flex-column align-items-center text-center">
                        <i class="fas fa-globe-americas fa-2x text-bronze mb-3"></i>
                        <h5>Global Reach</h5>
                        <p class="text-gray">We think locally, act globally. Our footprint spans continents.</p>
                    </div>
                </div>

                <!-- Valor 3 -->
                <div class="col-md-4"
                    data-zanim-xs='{"from":{"opacity":0,"y":30},"to":{"opacity":1,"y":0},"duration":1,"delay":0.4}'>
                    <div class="d-flex flex-column align-items-center text-center">
                        <i class="fas fa-medal fa-2x text-bronze mb-3"></i>
                        <h5>Service Excellence</h5>
                        <p class="text-gray">We are committed to exceeding expectations, every time.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Timeline Section
        <section class="py-6 py-md-8 bg-light text-center">
            <div class="container" data-zanim-timeline="{}" data-zanim-trigger="scroll">
                <div class="row justify-content-center mb-5">
                    <div class="col-lg-8">
                        <div class="overflow-hidden">
                            <h2 class="fs-md-4 mb-3" data-zanim-xs='{"delay":0}'>Our Journey</h2>
                        </div>
                        <div class="overflow-hidden">
                            <p class="text-gray" data-zanim-xs='{"delay":0.1}'>
                                A timeline that shows how we've grown and evolved as a company.
                            </p>
                        </div>
                    </div>
                </div>

                <div class="container">
                    <div class="main-timeline">
                        <div class="timeline">
                            <div class="icon"></div>
                            <div class="date-content">
                                <div class="date-outer">
                                    <span class="date pt-2">
                                        {{-- <span class="month">2 Years</span> --}}
                                        <span class="year">2010</span>
                                    </span>
                                </div>
                            </div>
                            <div class="timeline-content">
                                <h5 class="title text-start">Vision Born</h5>
                                <p class="description text-start">
                                    Seven Jets was established with a clear and ambitious goal: to transform the way aviation
                                    support is delivered around the world. From the very beginning, our focus has been on
                                    providing seamless, reliable, and high-quality services tailored to meet the evolving needs
                                    of the global aviation industry.
                                </p>
                            </div>
                        </div>

                        <div class="timeline">
                            <div class="icon"></div>
                            <div class="date-content">
                                <div class="date-outer">
                                    <span class="date pt-2">
                                        {{-- <span class="month">1 Years</span> --}}
                                        <span class="year">2014</span>
                                    </span>
                                </div>
                            </div>
                            <div class="timeline-content">
                                <h5 class="title">Global Expansion</h5>
                                <p class="description">
                                    <b>Seven Jets</b> took a major step forward by expanding our operations into Latin America and the Middle East. These regional teams became instrumental in understanding and adapting to local regulations, languages, and operational environments, strengthening our ability to support clients wherever they fly.
                                </p>
                            </div>
                        </div>

                        <div class="timeline">
                            <div class="icon"></i></div>
                            <div class="date-content">
                                <div class="date-outer">
                                    <span class="date pt-2">
                                        {{-- <span class="month">2 Years</span> --}}
                                        <span class="year">2019</span>
                                    </span>
                                </div>
                            </div>
                            <div class="timeline-content">
                                <h5 class="title text-start">Portfolio Expansion</h5>
                                <p class="description text-start">
                                    Launched charter management and consulting services for cargo and private clients, expanding
                                    our portfolio of integrated aviation solutions. We expanded its service
                                    offerings by introducing charter management and specialized consulting services tailored for
                                    cargo operators and private flight clients.
                                </p>
                            </div>
                        </div>

                        <div class="timeline">
                            <div class="icon"></div>
                            <div class="date-content">
                                <div class="date-outer">
                                    <span class="date pt-2">
                                        {{-- <span class="month">2 Years</span> --}}
                                        <span class="year">2023</span>
                                    </span>
                                </div>
                            </div>
                            <div class="timeline-content">
                                <h5 class="title">Global Reach</h5>
                                <p class="description">
                                    Reached over 50+ operational hubs worldwide, reinforcing our position as a leading provider
                                    of aviation support services across diverse markets. Our growing network ensures that no
                                    matter where your journey takes you, we are there to provide expert assistance, 24/7.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
        </section>
    -->

@endsection