@php
use Illuminate\Support\Facades\App;
@endphp

@extends('mobile.mobile_mainlayout_2')

@section('title')
Wese | Home
@endsection

@section('nav_options')
                        <li style="">
                            <a href="/" style="font-size: 28px;font-family: Roboto;"><span class="menu-text">{{__('message.nyumbani')}}</span></a>
                        </li>
                        <li >
                            <a href="/#dereva_section" style="font-size: 24px;border-top:none;font-family: Roboto-Light"><span class="menu-text" style="color:#F8A517">{{__('message.dereva')}}</span></a>
                        </li>
                        <li>
                            <a href="/#wakala_section" style="font-size: 24px;border-top:none;font-family: Roboto-Light"><span class="menu-text" style="color:#F8A517">{{__('message.wakala_nav')}}</span></a>
                        </li>
                        <li>
                            <a href="/qna" style="font-size: 24px;border-top:none;font-family: Roboto-Light"><span class="menu-text" style="color:#F8A517">{{__('message.maswali_na_majibu')}}</span></a>
                        </li>

@endsection

@section('content')



        <!-- Slider main container Start -->
        <div class="intro8-section-wrap intro8-slider swiper-container section">
            <div class="swiper-wrapper">
                <div class="intro8-section swiper-slide" data-bg-image="/assets/images/wese/wese_banner_2.jpeg">
                    <div class="container">

                        <div class="row">

                            <!-- Intro One Content Start -->
                            <div class="col-lg-12">
                                <div class="intro8-content text-center" style="max-width: 100%;">
                                    <img src="/assets/images/wese/full_tank_9.gif" style="width: 65%;">
                                    <h1 class="title"  style="margin-top:1em;font-size: 36px;">{{__('message.mkopo_wa_mafuta')}}</h1>
                                    <h1 class="title"  style="color: #F8A517;font-size: 36px;">{{__('message.usio_na_rabia')}}</h1>
                                    <p style="color:#fff;font-size: 24px;font-family: Roboto-Light;">“{{__('message.tikisa_tanki_piga_bao')}}...”</p>
                                </div>
                            </div>
                            <!-- Intro One Content End -->

                        </div>

                    </div>
                </div>

            </div>
        </div>
        <!-- Slider main container End -->


         <!--Section Start -->
        <div id="dereva_section" class="section section-padding-bottom" style="background:linear-gradient(180deg, #F8A517 0%, #ED5931 100%);">
            <div class="container">

                <div class="row max-mt-70">
                    <div class="col-lg-7">
                        
                        @if(App::isLocale('en'))
                        <img src="/assets/images/wese/img_phone_english.png" style="">
                        @elseif(App::isLocale('sw'))
                        <img src="/assets/images/wese/img_phone_swahili.png" style="">
                        @endif
                    </div>
                    <div class="col-lg-5 mx-auto" style="padding:26px">
                        <div style="text-align:center">
                            <h2 class="title" style="color:#000;font-family: Roboto-Thin;font-size: 40px; margin-top:2em">{{__('message.jaza')}} <span style="font-family: Roboto-Bold; color:#fff">{{__('message.wese')}}</span></h2>
                            <p class="text" style="text-align: center; font-size:18px;line-height: 24px;color:#000;margin-top:1em">{{__('message.pata_mafuta_text')}}</p>
                        </div>
                        <div class="row" style="margin-top: 2.5em;">
                            <div class="col-3">
                                <div style="background: rgba(255, 255, 255, 0.32);border-radius: 20px;padding:18px">
                                    <img src="/assets/images/wese/smile.png">
                                </div>
                            </div>
                            <div class="col-7">
                            <h4 class="title" style="color:#000">{{__('message.hakuna_riba')}}</h4>
                            <p class="text" style="text-align: left;color:#000;font-family: Roboto-Light;">{{__('message.chukua_kiasi_text')}}</p>
                            </div>
                            
                        </div>

                        <div class="row" style="margin-top: 2.5em;">
                            <div class="col-3">
                                <div style="background: rgba(255, 255, 255, 0.32);border-radius: 20px;padding:18px">
                                    <img src="/assets/images/wese/time.png">
                                </div>
                            </div>
                            <div class="col-7">
                            <h4 class="title" style="color:#000">{{__('message.fastafasta')}}</h4>
                            <p class="text" style="text-align: left;color:#000;font-family: Roboto-Light;">{{__('message.hakuna_longo_longo_text')}}</p>
                            </div>
                            
                        </div>
                        <div class="row" style="margin-top: 2.5em;">
                            <div class="col-3">
                                <div style="background: rgba(255, 255, 255, 0.32);border-radius: 20px;padding:18px">
                                    <img src="/assets/images/wese/location.png">
                                </div>
                            </div>
                            <div class="col-7">
                            <h4 class="title" style="color:#000">{{__('message.popote_ulipo')}}</h4>
                            <p class="text" style="text-align: left;color:#000;font-family: Roboto-Light;">{{__('message.popote_ulipo_text')}}</p>
                            </div>
                            
                        </div>
                        <div class="row" style="margin-top: 2.5em;">
                            <div class="col-3">
                                <div style="background: rgba(255, 255, 255, 0.32);border-radius: 20px;padding:18px">
                                    <img src="/assets/images/wese/vector2.png">
                                </div>
                            </div>
                            <div class="col-7">
                            <h4 class="title" style="color:#000">{{__('message.hakuna_kikomo')}}</h4>
                            <p class="text" style="text-align: left;color:#000;font-family: Roboto-Light;">{{__('message.chukua_mara_nyingi_text')}}</p>
                            </div>
                            
                        </div>
                    </div>
                    
                </div>

            </div>

        </div>
        <!-- Section End -->




        <!--Section Start -->
        <div class="section" data-bg-color="#000"style="background: url('/assets/images/wese/mobile_cycle5.png');background-repeat: no-repeat;background-position: 100% 0%;">
            <div class="container">

                <div class="row" style="padding:120px 32px">
                    <div class="col-lg-12" style="text-align:center;">
                        <h2 style="color:#fff;font-family:Roboto-Light;font-size: 40px;">{{__('message.piga')}} <span style="color: #F8A517">*149*65#</span>
                        <span style="font-size: 24px">{{__('message.au')}} {{__('message.kutikisa_tanki')}}</span></h2>

                        <!--<p style="color:#fff;font-family: Roboto-Thin;font-size: 24px;">{{__('message.pakua_application')}}</p>-->
                        <div>
                            <a href="https://play.google.com/store/apps/details?id=com.wese.clients"><img src="/assets/images/wese/android_store.png" style="width: 120px"></a>
                            <a href="https://apps.apple.com/tz/app/wese-dereva/id6443697141"><img src="/assets/images/wese/appstore_icon.png" style="width: 120px"></a>
                        </div>
                         <p style="margin-top: 16px;color:#fff;font-family: Roboto-Bold;font-size: 32px;">{{__('message.kujaza_tanki')}}</p>
                    </div>
                </div>

            </div>

        </div>
        <!-- Section End -->


        <!--Section Start -->
        <div id="wakala_section" class="section" data-bg-color="#fff">

                <div class="row" style="margin: 0px;background: url('/assets/images/wese/mobile_theguy.png');background-repeat: no-repeat;background-position: 100% 0%;">
                    <div class="col-lg-12" style="height: 620px;">
                        <div style="padding:120px 36px 0px 12px">
                            <h2 style="color:#000;font-family:Roboto-Thin;font-size: 20px;">{{__('message.kuwa_mjanja')}}</h2>
                            
                            <h2 style="margin-top: 16px;color:#000;font-family:Roboto-Thin;font-size: 28px;">{{__('message.pigaII')}} <span style="color: #F8A517;font-family: Roboto;">{{__('message.mkwanja')}}</span></h2>
                            
                            @if(App::isLocale('en'))
                            <p style="margin-top: 64px;color:#000;font-family: Roboto-Bold;font-size: 32px;line-height: 36px;">{{__('message.mchongo_')}} <span style="color: #F8A517;">{{__('message.wese')}}</span><br> {{__('message.mchongo_II')}}<br>{{__('message.ni_wese')}} <br>{{__('message.wakala')}} <img src="/assets/images/wese/check_vector.png"></p>
                            @else
                            <p style="margin-top: 64px;color:#000;font-family: Roboto-Bold;font-size: 32px;line-height: 36px;">{{__('message.mchongo_')}}<br>{{__('message.ni_wese')}} <br>{{__('message.wakala')}} <img src="/assets/images/wese/check_vector.png"></p>
                            @endif
                        </div>
                    </div>
                </div>
        </div>
        <!-- Section End -->

         <!--Section Start -->
        <div class="section" style="background:linear-gradient(180deg, #F8A517 0%, #ED5931 100%);">
           
            <div class="row" style="margin: 0px;background: url('/assets/images/wese/mobile_cycle6.png');background-repeat: no-repeat;background-position: 0% 0%;">

                <div class="row max-mt-70">
                    <div class="col-lg-6" style="padding:0px">
                        
                        <img src="/assets/images/wese/hand1.png" >
                    </div>

                    <div class="col-lg-6 mx-auto" style="padding:32px 0px 32px 32px">
                        <div style=" text-align: center;margin-top: 76px;">
                            <h2 class="title" style="color:#000;font-family: Roboto-Thin;font-size: 40px;">{{__('message.pigaII')}} <span style="font-family: Roboto-Bold; color:#fff">{{__('message.mkwanja')}}</span></h2>
                            <p class="text" style="margin-top: 48px;font-size:20px;line-height: 24px;color:#000;font-family: Roboto-Bold;">{{__('message.weka_mtaji')}} {{__('message.pata_faida')}}</p>
                        </div>
                        <div class="row" style="margin-top: 72px;">
                            <div class="col-12"  style="display:grid">
                                <div style="text-align: center;background: rgba(255, 255, 255, 0.32);border-radius: 12px;border: 0.8px solid #455A64;padding:16px">
                                    <h2 class="title" style="color:#000;font-family: Roboto;font-size: 20px;">{{__('message.piga_mkwanja_II')}}</h2>
                                    <p class="text" style="font-family: Roboto-Light;font-size:16px;color:#000">{{__('message.kopesha_text')}}</p>
                                </div>
                            </div>
                            <div class="col-12"  style="margin-top: 12px;" style="display:grid">
                                <div style="text-align: center;background: rgba(255, 255, 255, 0.32);border-radius: 12px;border: 0.8px solid #455A64;padding:16px">
                                <h2 class="title" style="color:#000;font-family: Roboto;font-size: 20px;">{{__('message.pesa_hailali')}}</h2>
                                <p class="text" style="font-family: Roboto-Light;font-size:16px;color:#000">{{__('message.marejesho')}}</p>
                                </div>
                            </div>
                            
                        </div>

                        <div class="row">
                            
                            <div class="col-12"  style="margin-top: 12px;" style="display:grid">
                                <div style="text-align: center;background: rgba(255, 255, 255, 0.32);border-radius: 12px;border: 0.8px solid #455A64;padding:16px">
                                <h2 class="title" style="color:#000;font-family: Roboto;font-size: 24px;">{{__('message.faida_deile')}}</h2>
                                <p class="text" style="font-family: Roboto-Light;font-size:17px;color:#000">{{__('message.kusanya')}}</p>
                                </div>
                            </div>
                            
                            <div class="col-12"  style="margin-top: 12px;" style="display:grid">
                                <div style="text-align: center;background: rgba(255, 255, 255, 0.32);border-radius: 12px;border: 0.8px solid #455A64;padding:16px">
                                    <h2 class="title" style="color:#000;font-family: Roboto;font-size: 24px;">{{__('message.changua')}}</h2>
                                    <p class="text" style="font-family: Roboto-Light;font-size:17px;color:#000">{{__('message.wa_kumpa')}}</p>
                                </div>
                            </div>
                            
                        </div>

                        <div class="row" style="margin-top: 64px;">
                            <div class="col-lg-12" style="text-align:center;">
                                    <h2 class="title" style="color:#fff;font-family: Roboto-Thin;font-size: 20px;">{{__('message.pakua')}} <span style="font-family: Roboto-Bold;"> {{__('message.jisajili')}}</span></h2>
                                    <a href="https://play.google.com/store/apps/details?id=com.wese.agents"><img src="/assets/images/wese/android_store.png" style="width: 120px"></a>
                                    <a href="https://apps.apple.com/tz/app/wese-wakala/id6443697230"><img src="/assets/images/wese/appstore_icon.png" style="width: 120px"></a>
                              
                            </div>
                            
                        </div>
                    </div>
                    
                </div>
            </div>

        </div>
        <!-- Section End -->


        
        <!--Section Start -->
        <div class="section" data-bg-color="#fff">

                

                    <div class="row" style="margin: 0px;background: url('/assets/images/wese/mobile_pump1.png');background-repeat: no-repeat;background-position: 100% 0%;">
                        <div class="col-lg-12">
                            <div style="padding:72px 0px  0px 12px;text-align: center;">
                                <h2 style="margin-bottom: 0px;color:#000;font-family:Roboto-Thin;font-size: 30px;">{{__('message.uhakika')}}</h2>
                                
                                <p style="margin-top: 0px;color:#000;font-family: Roboto-Thin;font-size: 18px;line-height: 54px;">{{__('message.tembelea')}} <span style="font-family:Roboto-Bold">{{__('message.wese')}}</span></p>
                        
                        
                            <!--
                                <div style="margin: 72px 12px">
                                    <div class="row" style="margin:0px">
                                        <img class="col-6"  src="/assets/images/wese/total_energy.png" class="mafuta_logo" style="height:120px">
                                    <img class="col-6" src="/assets/images/wese/oryx_new.png" class="mafuta_logo" style="height:96px">
                                    </div>


                                    <div class="row" style="margin-top:16px">

                                    <img class="col-6" src="/assets/images/wese/engen_new.png" class="mafuta_logo" style="height:96px">
                                    <img class="col-6" src="/assets/images/wese/lake_oil.png" class="mafuta_logo" style="height:96px">
                                    </div>
                                    
                                    
                                </div>
                            -->
                            </div>
                        </div>
                    </div>
        </div>
        <!-- Section End -->
        
        <!--Section Blog Start -->
        <div class="section" style="background:linear-gradient(180deg, #F8A517 0%, #ED5931 100%);">
           
            <div class="row" style="padding:0px;margin:0px">

                    <div class="col-lg-12" style="padding:0px 32px; margin-bottom:72px" data-aos="fade-left">
                        <div style=" text-align: left;margin-top: 72px;">
                            <h2 class="title" style="color:#000;font-family: Roboto;font-size: 36px;">WESE <span style="color:#fff">updates</span></h2>
                        </div>
                        <div class="row" style="margin-top: 42px;">
                            <div class="col-12" style="display:flex">
                                <div  style="padding:0px">
                                    <img src="/assets/images/wese/img_1.JPG" style="width:380px;border-radius:16px;margin-bottom:18px">
                                    
                                    <h2 class="title" style="color:#000;font-family: Roboto-Bold;font-size: 24px;Line-Height:30px">WESE KUWAWEZESHA MADEREVA BIASHARA NCHINI TANZANIA</h2>
                                    <!--<p class="text" style="font-family: Roboto-Light;font-size:18px;color:#000">Sekta ya Uchukuzi, Petroli na Kifedha imejipanga kushuhudia uzinduzi wa mpango wa kusaidia usafiri wa kibiashara kupata huduma za bei nafuu za mafuta nchini Tanzania</p>-->
                                    <a href="/updates/wese" class="btn btn-dark" style="background:transparent; border:1px solid #000;color: #000; border-radius: 82px;height:42px">Read More</a>
                                    
                                </div>
                            </div>
                            
                        </div>

                    </div>
                    
            </div>

        </div>
        <!-- Section End -->



@endsection