<?php $__env->startSection('content'); ?>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
    <style>
        .swiper {
            width: 100%; /* Set the height of the slider */
        }
        .swiper-slide {
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .swiper-slide img {
            width: 100%; /* Make images responsive */
            height: auto;
        }
    </style>

    <body class="">
        <div id="app" data-v-app="">
            <div data-v-261ace50="" class="common-layout">
                <div data-v-b322bef6="" class="homePage bg_00">
                    <div data-v-b322bef6="" class="main">
                        <div data-v-b322bef6="" style="">
                            <div class="van-sticky" style="">
                                <div data-v-b322bef6="" class="pageHead c1 display alignCenter">
                                    <div data-v-b322bef6="" class="logo"><img data-v-b322bef6=""
                                            src="<?php echo e(asset('assets/images/logoIcon/logo.png')); ?>" alt=""></div>
                                    <div data-v-b322bef6="" class="flex1"></div>
                                    <div data-v-b322bef6="" class="userBar display alignCenter">
                                        <div data-v-b322bef6="" class="userCard display alignCenter flex1">
                                            <div data-v-b322bef6="" class="van-image"
                                                style="width: 3rem; height: 3rem; overflow: hidden; border-radius: 1rem;">
                                                <img src="<?php echo e(asset('images/user/3.png')); ?>" class="van-image__img"
                                                    style="object-fit: cover;"><!----><!---->
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--<div data-v-b322bef6="" class="banner"><img data-v-b322bef6="" alt=""-->
                        <!--        src="<?php echo e(asset('images/Banner/h03.png')); ?>"></div>-->
                        
                        <div class="swiper mySwiper">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide"><img src="<?php echo e(asset('images/BGIMG/slide2.jpg')); ?>" alt="Image 1"></div>
                                <div class="swiper-slide"><img src="<?php echo e(asset('images/BGIMG/slide2.jpg')); ?>" alt="Image 2"></div>
                                <div class="swiper-slide"><img src="<?php echo e(asset('images/BGIMG/slide2.jpg')); ?>"></div>
                            </div>
                            <div class="swiper-pagination"></div>
                            <!--<div class="swiper-button-next"></div>-->
                            <!--<div class="swiper-button-prev"></div>-->
                        </div>
                        
                        
                        
                        <div data-v-b322bef6="" class="followPopup shadow m5">
                            <div data-v-b322bef6="" class="follow p20">
                                <div data-v-b322bef6="" class="explain flex1">
                                    <h3 data-v-b322bef6="">Official Channel</h3>
                                    <p data-v-b322bef6="">Follow our official channel for the latest news</p>
                                </div>
                                <div data-v-b322bef6="" class="dashedLine"></div>
                                <div data-v-b322bef6="" class="list">
                                    <ul data-v-b322bef6="" class="cell">
                                        <li data-v-b322bef6="" class="p_tb10 p_lr5 display alignCenter">
                                            <div class="icon display alignCenter justifyCenter" data-v-b322bef6=""><img
                                                    src="<?php echo e(asset('images/ThirdParty/whatsapp.png')); ?>" alt=""
                                                    data-v-b322bef6="">
                                            </div>
                                            <div class="infoBar display alignCenter flex1" data-v-b322bef6="">
                                                <div class="titleLabel flex1" data-v-b322bef6="">
                                                    <h4 data-v-b322bef6="">Whatsapp Group</h4><span data-v-b322bef6="">Chevron Corp Services</span>
                                                </div>
                                                <div onclick="window.location.href='https://t.me/chevroncorpproduction';" class="more display alignCenter" data-v-b322bef6=""><span
                                                        data-v-b322bef6="">Go follow</span><i class="ri-arrow-right-line"
                                                        data-v-b322bef6=""></i></div>
                                            </div>
                                        </li>
                                        <li data-v-b322bef6="" class="p_tb10 p_lr5 display alignCenter">
                                            <div data-v-b322bef6="" class="icon display alignCenter justifyCenter"><img
                                                    data-v-b322bef6=""
                                                    src="<?php echo e(asset('images/Help/CustomerServiceExecutive.svg')); ?>"
                                                    alt=""></div>
                                            <div data-v-b322bef6="" class="infoBar display alignCenter flex1">
                                                <div data-v-b322bef6="" class="titleLabel flex1">
                                                    <h4 data-v-b322bef6="">Customer Services</h4><span
                                                        data-v-b322bef6="">Customer service: 09:00 to 18:00</span>
                                                </div>
                                                <div onclick="window.location.href='https://wa.me/+27627565100?text=Hello';" data-v-b322bef6="" class="more display alignCenter"><span
                                                        data-v-b322bef6="">Go</span><i data-v-b322bef6=""
                                                        class="ri-arrow-right-line"></i></div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="aboutUs m5 p20" data-v-b322bef6="">
                            <div class="title" data-v-b322bef6="">
                                <h3 data-v-b322bef6="">About Chevron Corp</h3>
                            </div>
                            <div class="txt" data-v-b322bef6="">
                                <p data-v-b322bef6=""> Chevron Corp is an American multinational energy corporation predominantly specializing in oil and gas. The second-largest direct descendant of Standard Oil, and originally known as the Standard Oil Company of California (shortened to Socal or CalSo), it is active in more than 180 countries. Within oil and gas, Chevron Corp is vertically integrated and is involved in hydrocarbon exploration, production, refining, marketing and transport, chemicals manufacturing and sales, and power generation. </p>
                            </div>
                        </div>
                        <div class="whatWeDo m5 p20" data-v-b322bef6="">
                            <div class="title m_tb20" data-v-b322bef6="">
                                <h3 data-v-b322bef6="">Our Diversity</h3>
                            </div>
                            <div class="ulli" data-v-b322bef6="">
                                <ul data-v-b322bef6="">
                                    <li data-v-b322bef6="">
                                        <div class="content" data-v-b322bef6="">
                                            <div class="txt" data-v-b322bef6="">
                                                <p data-v-b322bef6=""> Chevron’s purpose is to provide affordable, reliable, ever-cleaner energy. To enable human progress. That is at the heart of who we are.
                            Energy drives human progress and creates positive change for modern society. We work hard to deliver energy that can improve the lives of millions of people around the world. </p>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="van-overlay" role="button" tabindex="0" data-v-3097c9ce="" style="z-index: 2002;"></div>
                <div role="dialog" tabindex="0" class="van-popup van-popup--top custom_TopPopup popupTop"
                    data-v-3097c9ce="" style="z-index: 2002;">
                    <div data-v-3097c9ce="" class="followPopup">
                        <div data-v-3097c9ce="" class="follow p20">
                            <div data-v-3097c9ce="" class="explain flex1">
                                <h3 data-v-3097c9ce="">Official Channel</h3>
                                <p data-v-3097c9ce="">Follow our official channel for the latest news</p>
                            </div>
                            <div data-v-3097c9ce="" class="dashedLine m_tb20"></div>
                            <div data-v-3097c9ce="" class="list">
                                <ul data-v-3097c9ce="" class="cell">
                                    <li data-v-3097c9ce="" class="display alignCenter">
                                        <div data-v-3097c9ce="" class="icon display alignCenter justifyCenter">
                                            <img data-v-3097c9ce="" src="<?php echo e(asset('images/ThirdParty/telegram.svg')); ?>"
                                                alt="">
                                        </div>
                                        <div data-v-3097c9ce="" class="infoBar display alignCenter flex1">
                                            <div data-v-3097c9ce="" class="titleLabel flex1">
                                                <h4 data-v-3097c9ce="">Telegram</h4>
                                                <span data-v-3097c9ce="">Chevron Corp Services</span>
                                            </div>
                                            <div onclick="window.location.href='https://t.me/chevroncorpproduction';" data-v-3097c9ce="" class="more display alignCenter">
                                                <span data-v-3097c9ce="">Go follow</span>
                                                <i data-v-3097c9ce="" class="ri-arrow-right-line"></i>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

                <?php echo $__env->make('templates.basic.partials.footer', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>

            </div>
        </div>


        <div data-v-app=""><!---->
            <div role="dialog" tabindex="0" class="van-popup van-popup--top van-notify van-notify--success"
                style="z-index: 2001; transition-duration: 0.2s; display: none;">Login success! <!----></div>
        </div>

    </body>

    <script>
        // Get the overlay and popup elements
        const overlay = document.querySelector('.van-overlay');
        const popup = document.querySelector('.van-popup');

        // Function to close the popup
        function closePopup() {
            popup.style.display = 'none'; // Hide the popup
            overlay.style.display = 'none'; // Hide the overlay
        }

        // Add click event listener to the overlay
        overlay.addEventListener('click', closePopup);
    </script>
    
    <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
    <script>
        const swiper = new Swiper('.mySwiper', {
            loop: true,
            pagination: {
                el: '.swiper-pagination',
                clickable: true,
            },
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
        });
    </script>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.users', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/chevbuzx/public_html/core/resources/views/templates/basic/user/dashboard.blade.php ENDPATH**/ ?>