@extends('layouts.app')
@section('metades')
<meta name="description" content="{{$data['metaDescription']}}" />
<meta name="author" content="{{$data['metaTitle']}}" />
<meta name="keywords" content="{{$data['metaKeyword']}}" />
@endsection
@section('title')
<title>{{__('Shyams Group')}}</title>
@endsection
@section('css')
@endsection
@section('content')
<div class="clearfix"></div>
@foreach($data['moduleItems'] as $item)
@if($item['slug'] =='shyamsgroup')
<section>
  <div class="banner ">
    <div class="container">
      <div class="col-md-6 mt-5 pt-3 bnr-text">
        <h2>{{$item['title']}}</h2>
        <p>{{$item['shortDescription']}}.</p>
        <div class="col-md-12 mt-5 px-0">
          <a href="{{url('/')}}/contact-us"><button class="btn-area" class="contact">{{__('Contact Us')}}</button></a>
        </div>
      </div>
    </div>
  </div>
</section>
@endif
<div class="clearfix"></div>
@if($item['slug'] =='independence-business')
<!-- <section class="col-12 px-0 home-itm pt-5 pb-md-5">
        <div class="item-img my-md-5">
          <div class="container">
            <div class="row">
            @if(count($item['dynamicSections']) > 0)
              @foreach($item['dynamicSections'] as $dynamicSection)
                <div class="col-md-6 col-lg-4 mb-4 mb-lg-0">
                  <div class="inner-item">
                    <img src="{{ $dynamicSection['image'] }}" alt="{{ $dynamicSection['title'] }}" class="w-100" />
                    <div class="text-to">
                      <h3>{{ $dynamicSection['title'] }}</h3>
                      <p>{!! $dynamicSection['description'] !!}.</p>
                      <a href="{{url('/business')}}/{{$dynamicSection['slug']}}" class="btn-area">Read More</a>
                    </div>
                  </div>
                </div>
              @endforeach
            @endif
            </div>
          </div>
        </div>
      </section> -->
<section class="col-12 px-0 home-itm pt-5 pb-md-5">
  <div class="item-img my-md-5">
    <div class="container">
      <div class="row">
        <div class="col-md-6 col-lg-6 mb-4 mb-lg-0">
          <div class="inner-item">
            <img src="https://wip.tezcommerce.com:3304/admin/module/37/1646725973100.webp" alt="Shree Shyam Silicate Udyog" class="w-100">
            <a href=" https://www.shyamsgroup.com/business/shree-shyam-silicate-udyog">
              <div class="text-to">
                <h3>Shree Shyam Silicate Udyog</h3>
                <div class="fex_box">
                  <p>Soluble sodium silicates (or water glass) are solutions of wat er and soluble glasses manufactured from varied proportions of Na2CO3 and SiO2.</p>
                  <a href="#" class="btn_area_1"><i class="fa fa-chevron-right" aria-hidden="true"></i></a>
                </div>
              </div>
            </a>
          </div>
        </div>

        <div class="col-md-6 col-lg-6 mb-4 mb-lg-0">
          <div class="inner-item">
            <img src="https://wip.tezcommerce.com:3304/admin/module/37/1646726052089.webp" alt="Shree Shyam Filatech" class="w-100">
            <a href="  https://www.shyamsgroup.com/business/shree-shyam-filatech">
              <div class="text-to">
                <h3>Shree Shyam Filatech</h3>
                <div class="fex_box">
                  <p>Every year between 300 to 500 million people are being infected with mosquito borne diseases like malaria, yellow fever, dengue fever Independence.</p>
                  <a href="#" class="btn_area_1"><i class="fa fa-chevron-right" aria-hidden="true"></i></a>
                </div>
              </div>
            </a>

          </div>
        </div>
        <div class="col-md-6 col-lg-6 mb-4 mb-lg-0">
          <div class="inner-item">
            <img src="https://wip.tezcommerce.com:3304/admin/module/37/1646726062685.webp" alt="Shree Shyam Concreto" class="w-100">
            <a href="https://www.shyamsgroup.com/business/shree-shyam-concreto">
              <div class="text-to">
                <h3>Shree Shyam Concreto</h3>
                <div class="fex_box">
                  <p>Electrifying India with Strongest Infrastructure is our mission. We are very much aware of India is now more than 60 years from its Independence.</p>
                  <a href="#" class="btn_area_1"><i class="fa fa-chevron-right" aria-hidden="true"></i></a>
                </div>
              </div>
            </a>

          </div>
        </div>
      </div>
    </div>
  </div>
</section>

@endif
@if($item['slug'] =='about-us')
<section>
  <div class="home-about mb-md-5 pt-0 pt-md-5 pb-5 mt-md-5">
    <div class="container">
      <div class="row">
        <div class="col-sm-8">
          <div class="about-text">
            <h3>{{$item['title']}}</h3>
            <p>{{$item['shortDescription']}}.</p>
            <a href="{{url('/')}}/about-us"><button class="btn-area mt-4">READ MORE</button></a>
          </div>
        </div>
        <div class="col-sm-4 mt-4 mt-md-0">
          <div class="about-img">
            <img src="{{$item['image']}}" class="w-100">
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
@endif
@endforeach
<div style="clear:both !important"></div>
@endsection
@section('js')
@endsection
@push('scripts')
<script type="text/javascript">
  $(document).ready(function() {
    setTimeout(function() {
      $('#navbarNavAltMarkup #topManu ul li a#Home-top').addClass('active');
    }, 2000);
  });
</script>
@endpush