@extends('layout.app')

@section('content')
    <section class="py-10 d-flex items-center bg-light-2" style="margin-top: 6rem;">
        <div class="container">
            <div class="row y-gap-10 items-center justify-between">
                <div class="col-auto">
                <div class="row x-gap-10 y-gap-5 items-center text-14 text-light-1">
                    <div class="col-auto">
                        <div class=""><a href="{{route('home')}}">Home</a></div>
                    </div>
                    <div class="col-auto">
                        <div class="">></div>
                    </div>
                    <div class="col-auto">
                        <div class="text-dark-1">Contact Us</div>
                    </div>
                </div>
                </div>
            </div>
        </div>
    </section>
    <section class="layout-pt-md layout-pb-lg">
      <div class="container">
        <div class="row x-gap-80 y-gap-20 justify-between">
          <div class="col-12">
            <div class="text-30 sm:text-24 fw-600">Contact Us</div>
          </div>

          <div class="col-lg-3">
            <div class="text-14 text-light-1">Address</div>
            <div class="text-18 fw-500 mt-10">Office #82, Play Land Floor, Siddiq Center, Gulberg III, Lahore, Pakistan.</div>
          </div>

          <div class="col-auto">
            <div class="text-14 text-light-1">Customer Care</div>
            <a href="tel:+92 325 8419111" class="text-18 fw-500 text-dark-1 mt-5">+92 325 8419111</a>
            <div class="text-14 text-light-1">Contact No.</div>
            <a href="tel:+92 300 8419568" class="text-18 fw-500 text-dark-1 mt-5">+92 300 8419568</a> <br>
            <a href="tel:+92 323 4064547" class="text-18 fw-500 text-dark-1 mt-5">+92 323 4064547</a>
          </div>

          <div class="col-auto">
            <div class="text-14 text-light-1">Need live support?</div>
            <a href="mailto:flyingexperto.pk@gmail.com" class="text-18 fw-500 text-dark-1 mt-5">flyingexperto.pk@gmail.com</a>
          </div>

          <div class="col-auto">
            <div class="text-14 text-light-1">Follow us on social media</div>
            <div class="d-flex x-gap-20 items-center mt-10">
                <a href="https://www.facebook.com/share/p/19fvXrp25U/"><i class="icon-facebook text-14"></i></a>
                <a href="https://www.tiktok.com/@flyingexperto0?_t=8scRq14pFeJ&_r=1">
                    <i style="" class="fa-brands fa-tiktok text-14"></i>
                </a>
                <a href="https://youtube.com/@flyingexperto?si=3F8dA3SxmJ2k6Vya">
                    <i class="fa-brands fa-youtube text-14"></i>
                </a>
                <a href="https://www.instagram.com/flyingexperto/profilecard/?igsh=MXE1N2t0OWkzN3dsYg=="><i class="icon-instagram text-14"></i></a>
                <a href="https://www.linkedin.com/in/flying-experto-69023923b?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app"><i class="icon-linkedin text-14"></i></a>
            </div>
          </div>
        </div>
      </div>
    </section>
@endsection
@section('customJs')
@endsection