<?php $attributes ??= new \Illuminate\View\ComponentAttributeBag; ?>
<?php foreach($attributes->onlyProps(['data']) as $__key => $__value) {
    $$__key = $$__key ?? $__value;
} ?>
<?php $attributes = $attributes->exceptProps(['data']); ?>
<?php foreach (array_filter((['data']), 'is_string', ARRAY_FILTER_USE_KEY) as $__key => $__value) {
    $$__key = $$__key ?? $__value;
} ?>
<?php $__defined_vars = get_defined_vars(); ?>
<?php foreach ($attributes as $__key => $__value) {
    if (array_key_exists($__key, $__defined_vars)) unset($$__key);
} ?>
<?php unset($__defined_vars); ?>
<?php
    $parent = reset($data);
    $child = array_values(array_slice($data, 1));

?>


<!-- contact us section -->
<section class="container mx-auto flex flex-col gap-12 px-2 md:flex-row  md:px-[20px] lg:px-[100px] xl:px-[169px]">
    <!-- left -->
    <section class="space-y-6 text-[#424242] md:w-[35%]">
        <?php $__currentLoopData = $child; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $value): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
            <a href="#"
                class="flex items-center gap-2 rounded-[6px] border border-black border-opacity-[24%] bg-white px-4 py-3">
                <span class="text-4xl"><i class="<?php echo e($value['icon']); ?>"></i></span>

                <div class="font-medium">
                    <h1 class="text-[12px]"><?php echo e($value['title']); ?></h1>
                    <p class="text-[17px]"><?php echo e($value['sub title']); ?></p>
                </div>
            </a>
        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>


    </section>
    <!-- right -->
    <section class="container mx-auto space-y-6 text-[#424242] md:w-[75%]">
        <?php if(!empty($parent)): ?>
        <?php endif; ?>
        <div>
            <h1 class="text-[14px] font-medium text-[#F06728] sm:text-[17px]">
                <?php echo e($parent['title']); ?>

            </h1>
            <h2 class="text-[24px] font-medium sm:text-[36px]">
                <?php echo e($parent['sub title']); ?>

            </h2>
        </div>

        <form action="" class="grid grid-cols-12 gap-4">
            <div class="relative col-span-12 sm:col-span-6">
                <input type="text"
                    class="w-full rounded-md border px-4 py-2.5 pr-6 font-semibold placeholder-black placeholder-opacity-[32%] focus:outline-none"
                    placeholder="Your Name" />
                <span class="absolute right-2 top-1/2 -translate-y-1/2 text-black text-opacity-[32%]"><i
                        class="fa-regular fa-user"></i></span>
            </div>
            <div class="relative col-span-12 sm:col-span-6">
                <input type="text"
                    class="w-full rounded-md border px-4 py-2.5 pr-6 font-semibold placeholder-black placeholder-opacity-[32%] focus:outline-none"
                    placeholder="Email Address" />
                <span class="absolute right-2 top-1/2 -translate-y-1/2 text-black text-opacity-[32%]"><i
                        class="fa-regular fa-envelope"></i></span>
            </div>
            <div class="relative col-span-12">
                <input type="text"
                    class="w-full rounded-md border px-4 py-2.5 pr-6 font-semibold placeholder-black placeholder-opacity-[32%] focus:outline-none"
                    placeholder="Select Query Topic" />
                <span class="absolute right-2 top-1/2 -translate-y-1/2 text-black text-opacity-[32%]"><i
                        class="fa-regular fa-comment"></i></span>
            </div>
            <div class="relative col-span-12">
                <textarea name="" id="" cols="30" rows="10"
                    class="w-full rounded-md border px-4 py-2.5 pr-6 text-base font-semibold placeholder-black placeholder-opacity-[32%] focus:outline-none"
                    placeholder="Type Your Message "></textarea>
                <span class="absolute right-2 top-2 text-black text-opacity-[32%]"><i
                        class="fa-solid fa-comment-dots"></i></span>
            </div>
            <div class="col-span-12">
                <button
                    class="ml-auto block w-full rounded-md bg-[#F06728] px-3 py-1 text-sm font-semibold text-white transition-colors hover:bg-orange-700 sm:w-auto md:px-4 md:py-2">
                    Send
                </button>
            </div>
        </form>
    </section>
</section>
<?php /**PATH /home/khawajashipping/mrglogisticsbd.com/resources/views/components/frontend/contact-us.blade.php ENDPATH**/ ?>