<?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);

?>

<!-- Contact us -->
<section
    class="container mx-auto flex flex-col gap-16 px-2 md:flex-row md:items-center md:px-[20px] lg:px-[100px] xl:px-[169px]">
    <!-- left -->
    <section class="hidden w-1/2 md:block">
        <?php if(!empty($parent)): ?>
            <div>
                <img src="<?php echo e(asset('images/' . $parent['image'])); ?>" alt="choose-us"
                    class="h-[400px] w-full object-contain" />
            </div>
        <?php endif; ?>
    </section>
    <!-- right -->
    <section class="container mx-auto w-full space-y-7 text-[#424242] md:w-1/2">
        <!-- Header -->
        <?php if(!empty($parent)): ?>
            <div>
                <h2 class="text-[22px]"><?php echo e($parent['title']); ?></h2>
                <h1 class="text-[30px] font-semibold"><?php echo e($parent['sub title']); ?></h1>
                <p class="text-[14px]">
                    <?php echo e($parent['description']); ?>

                </p>
            </div>
        <?php endif; ?>

        <!-- Body -->
        <form action="" class="grid grid-cols-12 gap-x-4 gap-y-4 md:gap-y-3">
            <input type="text"
                class="col-span-12 rounded-[5px] border border-[rgba(0,0,0,0.29)] px-6 py-1.5 text-[16px] font-semibold placeholder-[rgba(0,0,0,0.32)] focus:outline-none md:col-span-6"
                placeholder="Your Name" />
            <input type="email"
                class="col-span-12 rounded-[5px] border border-[rgba(0,0,0,0.29)] px-6 py-1.5 text-[16px] font-semibold placeholder-[rgba(0,0,0,0.32)] focus:outline-none md:col-span-6"
                placeholder="Your Email" />
            <input type="text"
                class="col-span-12 rounded-[5px] border border-[rgba(0,0,0,0.29)] px-6 py-1.5 text-[16px] font-semibold placeholder-[rgba(0,0,0,0.32)] focus:outline-none md:col-span-6"
                placeholder="Your Subject" />
            <input type="text"
                class="col-span-12 rounded-[5px] border border-[rgba(0,0,0,0.29)] px-6 py-1.5 text-[16px] font-semibold placeholder-[rgba(0,0,0,0.32)] focus:outline-none md:col-span-6"
                placeholder="Your Transport" />
            <textarea name="" id="" cols="30" rows="4" placeholder="Your Message"
                class="col-span-12 rounded-[5px] border border-[rgba(0,0,0,0.29)] px-6 py-1.5 text-[16px] font-semibold placeholder-[rgba(0,0,0,0.32)] focus:outline-none"></textarea>
            <div class="col-span-12">
                <button
                    class="rounded-[28px] bg-[#F06728] px-10 py-2 text-[14px] font-semibold text-white transition-colors hover:bg-orange-600">
                    Submit
                </button>
            </div>
        </form>
    </section>
</section>
<?php /**PATH /home/khawajashipping/mrglogisticsbd.com/resources/views/components/frontend/contact.blade.php ENDPATH**/ ?>