<?php $__env->startSection('content'); ?>



    <main>

        <!-- Start header -->
        <?php echo $__env->make('web.pages.components.banner', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>

        <!-- Start banner-sec -->
        <section class="banner-sec section mt-5">
            <div class="container">
                <div class="text-center">
                    <h5 class="subtitle text-uppercase text-white"><b><?php echo e($second_banner->title); ?></b></h5>
                    <h1 class="title text-uppercase text-white mb-0"><b><?php echo e($second_banner->description); ?></b></h1>
                </div>
            </div>
            <img src="<?php echo e(asset($second_banner->image)); ?>" alt="" class="bg"/>
        </section>

        <!-- Start falvors-sec -->
        <section class="falvors-sec falvors-pg  section">
            <div class="container">
                <h1 class="title mb-4"><?php echo e(__('web.our_flavors')); ?></h1>
                <?php $__currentLoopData = $products; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $product): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <div class="row justify-content-center">
                        <?php $__currentLoopData = $product; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $row): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <div class="col-lg-4 col-md-6">
                                <a href="#">
                                    <div class="flavor_card">
                                        <div class="img-box">
                                            <img src="<?php echo e(asset($row->image)); ?>" alt="" class="sec-img"/>
                                        </div>
                                        <div class="hvr-content">
                                            <h1 class="title text-white"><b><?php echo e($row->name); ?></b></h1>
                                            <p class="p text-white col-lg-10 m-auto my-0">
                                                <?php echo e($row->description); ?>

                                            </p>
                                            <?php $__currentLoopData = $row->features; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $feature): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                <div class="profile_data d-flex align-items-enter mt-4 w-100">
                                                    <img src="<?php echo e(asset($feature->image)); ?>" alt="" class="avatar_img me-2"/>
                                                    <h6 class="prof_name text-white mb-0 mt-1"><?php echo e($feature->currentDescription->name); ?></h6>
                                                </div>
                                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </div>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </div>
        </section>

    </main>


<?php $__env->startSection('inject_js'); ?>

<?php $__env->stopSection(); ?>

<?php $__env->stopSection(); ?>

<?php echo $__env->make('web.layouts.layout', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /Applications/MAMP/htdocs/cupncone/resources/views/web/pages/products/index.blade.php ENDPATH**/ ?>