@extends('layouts.inner')
@section('title', 'About Us')
@section('description', 'Meet A1 Movex Global, a customer-focused Indian freight forwarding company delivering end-to-end global logistics solutions.')
@section('hideCta', true)

@section('content')
<section class="services-hero">
  <div class="services-hero__bg services-hero__bg--about" style="background-image:url('{{ asset('assets/images/page-heroes/about.webp') }}')"></div>
  <div class="services-hero__overlay" aria-hidden="true"></div>
  <div class="container-wide services-hero__inner">
    <div class="services-hero__meta" data-page-reveal>
      <span>About A1 Movex Global</span>
      <span>India &middot; Worldwide</span>
    </div>
    <h1 class="services-hero__title" data-page-title>Moving Mission<br>with Creative Vision.</h1>
    <p class="services-hero__sub" data-page-reveal>A professional freight forwarding company with 15+ years of experience shaping end-to-end logistics for businesses across the world.</p>
  </div>
  <div class="services-hero__scroll-cue" aria-hidden="true"><span></span><em>Scroll</em></div>
</section>

<section class="why-us"><div class="container-wide">
  <div class="why-us__top" data-page-reveal>
    <span class="page-kicker">Why A1 Movex Global?</span>
    <span class="why-us__badge"><strong data-count="15">0</strong>+ Years of Trusted Delivery</span>
  </div>
  <div class="why-us__grid">
    <div data-page-reveal><h2>A leading freight<br>forwarding partner<br><em>built on relationships.</em></h2></div>
    <div class="why-us__copy">
      <p data-page-reveal>A1 Movex Global Services Pvt. Ltd. is a leading freight forwarding company in India, offering end-to-end logistics solutions to customers around the world. Our management and staff are committed to being the most customer-friendly freight forwarding company in India and beyond.</p>
      <p data-page-reveal>The name &ldquo;A1 Movex Global&rdquo; reflects innovation, customer friendliness and professionalism. Our experienced team and reliable global network let us treat every customer requirement, large or small, as a priority, because relationships built first are relationships that last.</p>
      <a href="{{ route('services.index') }}" class="why-us__cta" data-page-reveal>Explore our services <span>&rarr;</span></a>
    </div>
  </div>
</div></section>

<section class="goals"><div class="container">
  <div class="goals__heading" data-page-reveal>
    <span class="page-kicker">What drives us</span>
    <h2>Our main <em>goals.</em></h2>
    <p class="goals__intro">Three commitments that shape every shipment we manage, from first mile to last.</p>
  </div>
  <div class="goals__grid">
    <article class="goal-card" data-num="01">
      <span class="goal-card__icon"><svg viewBox="0 0 24 24" fill="none"><path d="M12 3l7 3v6c0 4.8-3 8.4-7 9-4-.6-7-4.2-7-9V6l7-3z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M9 12l2 2 4-4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
      <h3>Ensure</h3>
      <p>Precise deadlines and cargo safety across every international shipment we handle.</p>
    </article>
    <article class="goal-card" data-num="02">
      <span class="goal-card__icon"><svg viewBox="0 0 24 24" fill="none"><path d="M12 3l8 4-8 4-8-4 8-4z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 7v10l8 4 8-4V7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 11v10" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
      <h3>Handle</h3>
      <p>All customs and logistics complexities so our clients can stay focused on their business.</p>
    </article>
    <article class="goal-card" data-num="03">
      <span class="goal-card__icon"><svg viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="9" stroke="currentColor" stroke-width="2"/><path d="M10 8l4 4-4 4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
      <h3>Deliver</h3>
      <p>Flexible rates and optimised routes that reduce costs and increase profitability.</p>
    </article>
  </div>
</div></section>

<section class="mission-statement">
  <div class="container mission-statement__grid">
    <h2 class="mission-statement__title" data-page-reveal>Our<br><em>Mission</em></h2>
    <p class="mission-statement__text" data-scroll-fill>To provide quality management in global logistics solutions through excellence in innovation, productivity and service, creating value for customers and employees while contributing positively to the environment and society.</p>
  </div>
</section>

<section class="mission-statement mission-statement--alt">
  <div class="container mission-statement__grid">
    <h2 class="mission-statement__title" data-page-reveal>Our<br><em>Vision</em></h2>
    <p class="mission-statement__text" data-scroll-fill>Our people and values are our strength. We nurture our team, while innovation and technology differentiate us and help deliver need-based solutions to customers, every time.</p>
  </div>
</section>

<section class="strengths"><div class="container strengths__grid">
  <div class="strengths__heading" data-page-reveal>
    <span class="page-kicker">Core strengths</span>
    <h2>Global reach.<br><em>Local accountability.</em></h2>
    <p>Deep operational expertise applied to the most specific freight-management challenges, matched by a single, accountable network from origin to destination.</p>
  </div>
  <div class="strengths__list">
    <article class="strength-card" data-strength-card>
      <div class="strength-card__top">
        <span class="strength-card__icon"><svg viewBox="0 0 24 24" fill="none"><circle cx="12" cy="8" r="3.2" stroke="currentColor" stroke-width="2"/><path d="M5 20c0-3.5 3-6 7-6s7 2.5 7 6" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg></span>
        <span class="strength-card__num">01</span>
      </div>
      <h3>Freight experts</h3>
      <p>Specialists with knowledge of regional requirements and complex logistics.</p>
      <a href="{{ route('services.index') }}" class="strength-card__arrow" aria-label="Explore our services">
        <svg viewBox="0 0 24 24" fill="none"><path d="M7 17L17 7M9 7h8v8" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
      </a>
    </article>
    <article class="strength-card" data-strength-card>
      <div class="strength-card__top">
        <span class="strength-card__icon"><svg viewBox="0 0 24 24" fill="none"><path d="M9 15l6-6" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><path d="M11 6.5l1-1a3.5 3.5 0 015 5l-1 1M13 17.5l-1 1a3.5 3.5 0 01-5-5l1-1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
        <span class="strength-card__num">02</span>
      </div>
      <h3>One accountable network</h3>
      <p>Clear ownership from collection through final delivery.</p>
      <a href="{{ route('services.index') }}" class="strength-card__arrow" aria-label="Explore our services">
        <svg viewBox="0 0 24 24" fill="none"><path d="M7 17L17 7M9 7h8v8" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
      </a>
    </article>
    <article class="strength-card" data-strength-card>
      <div class="strength-card__top">
        <span class="strength-card__icon"><svg viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="3" stroke="currentColor" stroke-width="1.6"/><path d="M19.4 13a7.97 7.97 0 000-2l2-1.5-2-3.5-2.4 1a8 8 0 00-1.7-1L15 3h-4l-.3 2.5a8 8 0 00-1.7 1l-2.4-1-2 3.5L6.6 11a7.97 7.97 0 000 2l-2 1.5 2 3.5 2.4-1a8 8 0 001.7 1L11 21h4l.3-2.5a8 8 0 001.7-1l2.4 1 2-3.5-2-1.5z" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round"/></svg></span>
        <span class="strength-card__num">03</span>
      </div>
      <h3>Operational expertise</h3>
      <p>Practical solutions for specialised and time-critical freight.</p>
      <a href="{{ route('services.index') }}" class="strength-card__arrow" aria-label="Explore our services">
        <svg viewBox="0 0 24 24" fill="none"><path d="M7 17L17 7M9 7h8v8" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
      </a>
    </article>
  </div>
</div></section>

<section class="cta-final" id="get-quote">
  <span class="cta-final__glow cta-final__glow--left" aria-hidden="true"></span>
  <span class="cta-final__glow cta-final__glow--right" aria-hidden="true"></span>
  <span class="cta-final__bg-text" aria-hidden="true">A1</span>

  <div class="container cta-final__inner">
    <span class="cta-final__pill reveal"><span class="cta-final__pill-dot"></span>Ready to Ship?</span>
    <h2 class="cta-final__heading reveal">Let&rsquo;s move the world<br />together.</h2>
    <p class="cta-final__desc reveal">Get a tailored logistics proposal in under 24 hours, no obligations, just a clear plan and an honest price.</p>

    <div class="cta-final__actions reveal">
      <a href="{{ route('contact') }}#quote" class="btn btn--hero btn--lg">
        Get a Free Quote
        <svg viewBox="0 0 24 24" fill="none"><path d="M5 12h14M13 6l6 6-6 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
      </a>
      <a href="tel:+911142630977" class="btn btn--ghost btn--lg">
        <svg viewBox="0 0 24 24" fill="none"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
        Speak to a Specialist
      </a>
    </div>
  </div>
</section>

@endsection