

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


<div class="bg-white dark:bg-gray-800 flex items-center mt-2 lg:mt-16">
    <div class="container mx-auto px-6 lg:flex py-16">
        <div class="sm:w-2/3 mx-auto lg:w-4/5 flex flex-col">
            <span class="w-20 h-2 bg-gray-800 dark:bg-white mb-12">
            </span>
            <h1 class="font-bebas-neue uppercase text-6xl sm:text-8xl font-black flex flex-col leading-none dark:text-white text-gray-800">
                Be an
                <span class="text-5xl sm:text-7xl">
                    <span class="text-blue-600">Oil Barrel</span> <br>
                    Shopper
                </span>
            </h1>
            <p class="text-sm sm:text-base text-gray-700 dark:text-white">
                Dimension of reality that makes change possible and understandable. An indefinite and homogeneous environment in which natural events and human existence take place.
            </p>
            <div class="flex mt-8">
                <a href="<?php echo e(route('barrel')); ?>" class="inline-flex items-center justify-center px-5 py-3 mr-3 text-base font-medium text-center text-white rounded-lg bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-primary-300 dark:focus:ring-primary-900 shadow-lg shadow-blue-500/50">
                    Get Started
                    <svg class="w-5 h-5 ml-2 -mr-1" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg>
                </a>
                <a href="<?php echo e(route('investments')); ?>" class="relative inline-flex items-center justify-center p-0.5 mr-2 overflow-hidden text-md font-medium text-gray-900 rounded-lg group bg-gradient-to-br from-cyan-500 to-blue-500 group-hover:from-cyan-500 group-hover:to-blue-500 hover:text-white dark:text-white focus:ring-4 focus:outline-none focus:ring-cyan-200 dark:focus:ring-cyan-800">
                    <span class="relative px-5 py-2.5 transition-all ease-in duration-75 bg-white dark:bg-gray-900 rounded-md group-hover:bg-opacity-0">
                        Invest Instead
                    </span>
                </a> 
            </div>
        </div>
        <div class="sm:w-1/3 mx-auto lg:w-4/5 lg:h-5/5 relative">
            <img src="<?php echo e(asset('images/shopper.png')); ?>" class="max-w-xs md:max-w-sm h-64 md:h-96 m-auto"/>
        </div>
    </div>
</div>

<section class="bg-white dark:bg-gray-900 mb-16">
    <div align="center" class="px-2 lg:py-20 mx-auto">
            <div class="px-6 py-6 md:mx-12 rounded-lg md:px-12 lg:px-16 xl:flex xl:items-center">
                <div class="sm:w-full sm:max-w-md xl:mt-0 lg:mr-6 md:mr-0 mr-0">
                <img src="<?php echo e(asset('images/drilling.png')); ?>" class="mx-auto h-72 md:h-96" alt="Support Image">
                </div>

                <div class="xl:w-0 xl:flex-1">
                    <h2 class="text-2xl leading-8 font-extrabold tracking-tight text-gray-700 sm:text-3xl sm:leading-9">
                    Lorem Ipsum dolor
                    </h2>
                    <p class="mt-3 max-w-3xl text-sm lg:text-lg text-justify leading-6 text-gray-600">
                        Markets where technology, innovation, and capital can unlock long-term value and drive economic 
                        growth innovation, and capital can unlock long-term value and drivemarkets where technology, innovation, and capital can unlock long-term value and drive economic 
                        growth innovation, and capital can unlock long-term value and drive
                    </p>
                </div>
            </div>

            <div class="mx-auto mt-5 md:mt-1">
                <a href="<?php echo e(route('barrel')); ?>" class="inline-flex text-lg items-center justify-center px-5 py-3 mr-3 text-base font-medium text-center text-white rounded-lg bg-blue-600 hover:shadow-white transition focus:ring-4 focus:ring-primary-300 dark:focus:ring-primary-900 shadow-lg shadow-blue-600">
                    Buy A Barrel
                    <svg class="h-6 w-6 ml-3 text-white"  fill="none" viewBox="0 0 24 24" stroke="currentColor">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 
                        d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"/>
                    </svg>
                </a>
            </div>

    </div>
</section>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.app', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH C:\wamp64\www\jango\resources\views/shop.blade.php ENDPATH**/ ?>