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

?>

<!-- Why Chose us -->
<section class="container mx-auto flex items-center px-2 md:px-[20px] lg:px-[100px] xl:px-[169px]">
    <!-- left -->
    <section class="container mx-auto w-full space-y-7 md:w-1/2">
        <!-- Header -->
        <?php if(!empty($parent)): ?>
            <div class="text-[#424242]">
                <h2 class="text-[22px] font-medium"><?php echo e($parent['title']); ?></h2>
                <h1 class="text-[26px] font-bold"><?php echo e($parent['sub title']); ?></h1>
                <p class="text-[14px]">
                    <?php echo e($parent['description']); ?>

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

        <!-- Body -->
        <div class="grid-cols-12 gap-2 space-y-3 sm:grid sm:space-y-0">

            <?php $__currentLoopData = $child; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $value): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <div class="col-span-12 flex items-center gap-2 sm:col-span-6">
                    <span
                        class="rounded-[10px] border-[0.7px] border-[#424242] px-2 py-1.5 text-[18px] text-[#F06728]"><i
                            class="<?php echo e($value['icone']); ?> flex h-8 w-8 items-center justify-center"></i></span>
                    <div class="space-y-0.5">
                        <h1
                            class="text-[12px] font-semibold text-[#424242] sm:text-[14px] md:text-[12px] lg:text-[14px]">
                            <?php echo e($value['title']); ?>

                        </h1>
                        <h2 class="text-[11px] text-[#424242] sm:text-[13px] md:text-[11px] lg:text-[13px]">
                            <?php echo e($value['description']); ?>

                        </h2>
                    </div>
                </div>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>



        </div>
    </section>
    <!-- right -->
    <?php if(!empty($parent)): ?>
        <section class="hidden w-1/2 md:block">
            <img src="<?php echo e(asset('images/' . $parent['image'])); ?>" alt="choose-us"
                class="h-[400px] w-full object-contain" />
        </section>
    <?php endif; ?>
</section>
<?php /**PATH /home/mrglogisticsbd/public_html/resources/views/components/frontend/chose-us.blade.php ENDPATH**/ ?>