@extends('front')
@section('content')
	<section class="header-area header-one">
		<div class="header-content-area">
			<div class="container">
				<div class="row align-items-center">
					<div class="col-lg-12 col-12 mx-auto text-center">
						<div class="header-wrapper">
							<div class="header-content">
								<h1 class="header-title">
									<span>ButanKing</span> <br/>
									RESULTS & SCHEMES
								</h1>
								<p class="text-lg">
									 <a href="{{ route('result-chart') }}" class="text-decoration-none mb-4 text-white"> RESULTS CHART </a> / SEARCH NUMBER <br>
									 <a href="{{ route('live-chart') }}" class="btn btn-warning"> VIEW LIVE RESULT </a>
								</p>
							</div>
							<!-- header content -->
						</div>
						.<script type="text/javascript">
    (function(c,l,a,r,i,t,y){
        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
    })(window, document, "clarity", "script", "bkanjz64m4");
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-T3J4H6WEYW"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-T3J4H6WEYW');
</script>
					</div>
					{{-- <div class="col-lg-6 col-12">
						<div class="header-image d-none d-lg-block">
							<div class="image">
								<img src="{{ url('images/s-i.png') }}" alt="Header" />
							</div>
						</div>
					</div> --}}
				</div>
				<!-- row -->
			</div>
			<!-- container -->
			<div class="header-shape">
				<img src="{{ url('images/header/header-shape.svg') }}" alt="shape" />
			</div>
			<!-- header-shape -->
		</div>
		<!-- header content area -->
	</section>

	<section class="about-area about-one">
		<div class="container">
		  <div class="row">
			<div class="col-lg-12">
			  <div class="about-title text-center">
				<h2 class="title fw-bold">Why Choose Butanking</h2>
			  </div>
			</div>
		  </div>
		  <!-- row -->
		  <div class="row justify-content-center">
			<div class="col-md-4 col-sm-8">
			  <div class="single-about-items">
				<div class="items-icon">
				  <i class="lni lni-ticket"></i>
				</div>
				<div class="items-content">
				  <h4 class="items-title">Lottery Variety</h4>
				  <p class="text">
					Find exciting lotteries with big jackpots.
				  </p>
				</div>
			  </div>
			  <!-- single about items -->
			</div>
			<div class="col-md-4 col-sm-8">
			  <div class="single-about-items"> 
				<div class="items-icon">
				  <i class="lni lni-lock-alt"></i>
				</div>
				<div class="items-content">
				  <h4 class="items-title">Extremely secure</h4>
				  <p class="text">
					Adding an extra layer of protection
				  </p>
				</div>
			  </div>
			  <!-- single about items -->
			</div>
			<div class="col-md-4 col-sm-8">
			  <div class="single-about-items">
				<div class="items-icon">
				  <i class="lni lni-investment"></i>
				</div>
				<div class="items-content">
				  <h4 class="items-title">On-Time Payments</h4>
				  <p class="text">
					Without any needless delays, you will be paid on time.
				  </p>
				</div>
			  </div>
			  <!-- single about items -->
			</div>
		  </div>
		  <!-- row -->
		</div>
	</section>
  
@endsection