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

    <section class="bg-[url('/images/pngwing.com(4).png')] bg-no-repeat bg-contain bg-white mt-16 dark:bg-gray-900">
    <div class="grid max-w-screen-xl px-4 py-8 mx-auto lg:gap-8 xl:gap-0 lg:py-16 lg:grid-cols-12">
        <div class="bg-contain mr-auto place-self-center lg:col-span-7">
        <h1 class="mb-4 text-4xl font-extrabold tracking-tight leading-none text-gray-900 md:text-5xl lg:text-6xl dark:text-white">Independent from Potential <span class="text-blue-600 dark:text-blue-500">to Production•</span></h1>

            <p class="max-w-2xl mb-6 font-light text-gray-500 lg:mb-8 md:text-lg lg:text-xl dark:text-gray-400">
            <span class="font-bold">Watch us Lubricate the World.</span> <br> 
            From checkout to global sales tax compliance, companies around the world use Flowbite to simplify 
                their payment stack, companies around the world use Flowbite to simplify their payment stack.</p>

            <a href="#" onclick="scrollToElement('#why', 600)" 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="#" class="relative inline-flex items-center justify-center p-0.5 mb-2 mr-2 overflow-hidden text-sm 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">
                    Reach Us
                </span>
            </a> 
        </div>
        <div class="bg-[url('/images/Lovepik_com-400237089-memphis-style-geometric-shape.png')] bg-center bg-no-repeat bg-contain lg:mt-0 lg:col-span-5 lg:flex">
            <img src="<?php echo e(asset('images/hero1.png')); ?>" alt="mockup">
        </div>                
    </div>
</section>


<section class="bg-[url('/images/why-you.png')] bg-center bg-no-repeat bg-contain bg-white dark:bg-gray-900">
    <div align="center" id="why" class="px-2 py-52 mx-auto">
        <h1 class="mb-4 text-3xl font-extrabold tracking-tight leading-none text-gray-900 md:text-3xl lg:text-5xl dark:text-white">What are you here for?</h1>
        <p class="mb-6 text-lg font-normal text-gray-500 lg:text-xl sm:px-16 xl:px-48 dark:text-gray-400">Here at Flowbite we focus on markets where technology, innovation, and capital can unlock long-term value and drive economic growth.</p>
        <a href="#" onclick="scrollToElement('#invest', 600)" class="inline-flex justify-center shadow-lg shadow-blue-500/50 items-center py-3 px-5 text-base font-medium text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 dark:focus:ring-blue-900">
            Choose Reason
        <svg class="ml-2 -mr-1 w-5 h-5" 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>     
    </div>
</section>

<section id="invest" style="background-image:url('/images/invest.jpg');"class="bg-no-repeat bg-full border-blue rounded-xl md:mx-12 mt-16 bg-cover object-fill bg-white dark:bg-gray-900">
    <div class="px-2 py-32 mx-auto rounded-xl md:px-4 bg-gradient-to-b from-transparent 
     to-gray-900">
    <h1 class="mb-4 text-4xl font-extrabold tracking-tight leading-none text-gray-200 md:text-5xl lg:text-6xl dark:text-white">
        <span class="text-transparent bg-clip-text bg-gradient-to-r to-emerald-600 from-sky-400">Start Investing</span> with us today.</h1>
        <p class="text-lg font-normal text-gray-400 lg:text-xl dark:text-gray-400">Here at Flowbite we focus 
            on markets where technology, innovation, and capital can unlock long-term value and drive economic 
            growth Here at Flowbite we focus 
            on markets where technology, innovation, and capital can unlock long-ter.</p>
        <a href="<?php echo e(route('investments')); ?>" class="inline-flex justify-center md:mt-20 sm:mt-5 shadow-lg shadow-blue-500/50 items-center py-3 px-5 text-base font-medium text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 dark:focus:ring-blue-900">
            Start Investing
            <svg class="ml-2 -mr-1 w-5 h-5" 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="#" onclick="scrollToElement('#shop', 600)" class="inline-flex justify-center md:mt-24 sm:mt-5 items-center py-3 px-5 text-base font-medium text-center text-gray-300">
            OR <span class="text-3xl ml-3">&DownArrow;</span></a>     
    </div>
</section>

<section id="shop" style="background-image:url('/images/shop.jpg');"class="bg-no-repeat bg-full border-blue rounded-xl md:mx-12 mt-16 bg-cover object-fill bg-white dark:bg-gray-900">
    <div class="px-2 py-32 mx-auto rounded-xl md:px-4 bg-gradient-to-b from-transparent 
     to-gray-900">
    <h1 class="mb-4 text-4xl font-extrabold tracking-tight leading-none text-gray-200 md:text-5xl lg:text-6xl dark:text-white">
    <span class="text-transparent bg-clip-text bg-gradient-to-r to-emerald-600 from-sky-400">Start Buying</span> our products today.</h1>
        <p class="text-lg font-normal text-gray-400 lg:text-xl dark:text-gray-400">Here at Flowbite we focus 
            on markets where technology, innovation, and capital can unlock long-term value and drive economic 
            growth innovation, and capital can unlock long-term value and drive innovation, and capital can unlock long-term value and drive.</p>
        <a href="<?php echo e(route('shop_home')); ?>" class="inline-flex justify-center md:mt-24 shadow-lg shadow-blue-500/50 items-center py-3 px-5 text-base font-medium text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 dark:focus:ring-blue-900">
            Start Shopping
            <svg class="ml-2 -mr-1 w-5 h-5" 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>     
    </div>
</section>


<section class="bg-white dark:bg-gray-900 mt-24">
     <!-- Contact availability section -->
     <div class="flex flex-wrap mt-12">
        <div class="w-full md:w-1/2 p-6 pl-8">
        <h1 class="mb-4 text-3xl font-extrabold tracking-tight leading-none text-gray-900 md:text-3xl 
        lg:text-5xl dark:text-white">Lorem Ipsum dolor</h1>
              
            <p class="max-w-2xl mb-6 font-light text-gray-500 lg:mb-8 md:text-lg lg:text-xl dark:text-gray-400">
            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
                <br />
                <br />

            </p>
        </div>
        <div style="background-image:url('/images/hero-bg.png');" class="bg-center bg-no-repeat bg-full bg-contain w-full md:w-1/2 p-6">
            <img src="<?php echo e(asset('images/first.png')); ?>" class="md:w-96 md:h-64 sm:h-64 mx-auto" alt="Support Image">
        </div>
    </div>
    <!-- end Contact availability section -->


    
<div class="px-6 py-6 bg-blue-700 md:mx-12 mb-16 mt-16 dark:bg-blue-700 shadow-lg shadow-blue-500/50 rounded-lg md:py-12 md:px-12 lg:py-24 lg:px-16 xl:flex xl:items-center">
    
    <div class="mt-8 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/why.png')); ?>" class="mx-auto" alt="Support Image">
    </div>

    <div class="xl:w-0 xl:flex-1">
        <h2 class="text-2xl leading-8 font-extrabold tracking-tight text-white sm:text-3xl sm:leading-9">
        Lorem Ipsum dolor
        </h2>
        <p class="mt-3 max-w-3xl text-lg leading-6 text-indigo-200">
            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>

</section>



<script>
    var scrollToElement = function(el, ms){
        var speed = (ms) ? ms : 600;
        $('html,body').animate({
            scrollTop: $(el).offset().top
        }, speed);
    }
</script>
  <?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/welcome.blade.php ENDPATH**/ ?>