@extends('website.layouts.master')
@section('content')
  <!--Slider Banner-->
  <section id="slider-banner">
    <div class="container">
      <div class="row">
        <div class="col-lg-7 col-sm-6">
          <div class="banner-text">
            <span>{{ __('common.nfc_authenticity') }}</span>
            <h2>{{ __('common.verify_the_authenticity_of_products_with_a_tap') }}</h2>
            <p>{{ __('common.top_banner_text') }}</p>
          </div>
          <div class="banner-text banner-text-new" style="margin-top:10px !important">
            <span>{{ __('common.readsig_live') }}</span>
            <p>{{ __('common.hero_title') }}<br>
              {{ __('common.hero_subtitle') }}<br>
              {{ __('common.hero_platform') }}<br>
              {{ __('common.hero_desc') }}</p>
            <div class="download-option">
              <a href="https://play.google.com/store/apps/details?id=com.it.nfcproduct&pcampaignid=web_share"><img
                  src="{{ asset('website/assets/img/google_play.png') }}" class="img-fluid" /></a>
              <a href="https://apps.apple.com/us/app/inf/id6752114464"><img
                  src="{{ asset('website/assets/img/ios-icon.png') }}" class="img-fluid" /></a>
            </div>
          </div>
        </div>
        <div class="col-lg-5 col-sm-6">
          <div class="banner-img">
            <img src="{{ asset('website/assets/img/main-banner.png') }}" class="img-fluid" />
          </div>
        </div>
      </div>
    </div>
  </section>

  <!--About Us Section-->
  <section id="abt-section">
    <div class="container">
      <div class="row">
        <div class="col-lg-6 col-sm-12">
          <div class="abt-img">
            <img src="{{ asset('website/assets/img/aboutus_img.png') }}" class="img-fluid" />
          </div>
        </div>
        <div class="col-lg-6 col-sm-12">
          <div class="abt-txt">
            <h6>{{ __('common.about') }}</h6>
            <h1>{{ __('common.welcome_to_nfc') }}</h1>
            <p>{{ __('common.about_us_text') }}</p>
          </div>
          <div class="abt-txt-btn">
            <a href="{{ route('company-register') }}" class="btn btn-success">{{ __('common.brand_registration') }}</a>

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


  <!--Badges-->
  <section id="badge-list">
    <div class="container">
      <div class="row">
        <div class="col-lg-12">
          <div class="alert alert-primary" role="alert">
            {{ __('common.readsig_badge_text') }}
          </div>
        </div>
      </div>
    </div>
  </section>


  <!--How it Works-->

  <section id="work-div">
    <div class="container">
      <div class="row">
        <div class="col-lg-12">
          <div class="section-title">
            <h3>{{ __('common.how_it_works') }}</h3>
            <p>{{ __('common.how_it_works_ptag') }} </p>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-lg-3 col-sm-6">
          <div class="app-working-box">
            <div class="app-working-img">
              <img src="{{ asset('website/assets/img/1.png') }}" class="img-fluid" alt="NFC icon">
            </div>
            <h4>{{ __('common.register_products') }}</h4>
            <p>{{ __('common.register_products_tag') }} </p>
          </div>
        </div>
        <div class="col-lg-3 col-sm-6">
          <div class="app-working-box">
            <div class="app-working-img">
              <img src="{{ asset('website/assets/img/2.png') }}" class="img-fluid" alt="NFC icon">
            </div>
            <h4>{{ __('common.apply_the_tag') }}</h4>
            <p>{{ __('common.apply_the_tag_ptag') }} </p>
          </div>
        </div>
        <div class="col-lg-3 col-sm-6">
          <div class="app-working-box">
            <div class="app-working-img">
              <img src="{{ asset('website/assets/img/3.png') }}" class="img-fluid" alt="NFC icon">
            </div>
            <h4>{{ __('common.tap_and_verify') }}</h4>
            <p>{{ __('common.tap_and_verify_ptag') }} </p>
          </div>
        </div>
        <div class="col-lg-3 col-sm-6">
          <div class="app-working-box">
            <div class="app-working-img">
              <img src="{{ asset('website/assets/img/4.png') }}" class="img-fluid" alt="NFC icon">
            </div>
            <h4>{{ __('common.reports_&_analytics') }}</h4>
            <p>{{ __('common.reports_&_analytics_ptag') }} </p>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!--Download app-->
  <section id="app-download">
    <div class="container">
      <div class="row">
        <div class="col-lg-6 col-sm-6">
          <div class="company-info">
            <h4>{{ __('common.auth_response') }}</h4>
            <p>{{ __('common.customer_taps') }} <span>{{ __('common.authenticity_result') }}</span>
              {{ __('common.like_this_real_example') }} </p>
            <div class="real-result">
              <img src="{{ asset('website/assets/img/real-result.png') }}" class="img-fluid" alt="app screen">
            </div>
          </div>
        </div>
        <div class="col-lg-6 col-sm-6">
          <div class="company-info">
            <h4>{{ __('common.for_companies') }} </h4>
            <p>{{ __('common.register_products_ptag') }} </p>
            <div class="stats-box">
              <img src="{{ asset('website/assets/img/stats.png') }}" class="img-fluid" alt="app screen">
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>


  <!--Badges-->
  <section id="badge-list-new">
    <div class="container">
      <div class="row">
        <div class="col-lg-12">
          <div class="alert alert-primary" role="alert">
            {{ __('common.readsig_badge_text2') }}
          </div>
        </div>
      </div>
    </div>
  </section>



  <!--join Us-->
  <section id="join-us">
    <div class="container">
      <div class="row">
        <div class="col-lg-12">
          <div class="join-company">
            <div class="row">
              <div class="col-lg-7 col-sm-7">
                <div class="join-title">
                  <h3>{{ __('common.cta_title') }}</h3>
                  <p>{{ __('common.cta_desc') }}</p>
                </div>
              </div>
              <div class="col-lg-5 col-sm-5">
                <div class="join-btns">
                  <a href="{{ route('company-register') }}" class="btn btn-primary">
                    {{ __('common.company_registration') }}
                  </a>

                  <a href="{{ route('company-login') }}" class="btn btn-outline">
                    {{ __('common.company_login') }}
                  </a>
                </div>
              </div>
            </div>

          </div>
        </div>
      </div>
    </div>
  </section>
@endsection