@extends('website.layouts.master')
@section('content')
    <!--Slider Banner-->
    <section id="slider-banner">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 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 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-6 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>


    <!--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>

    <!--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-8 col-sm-8">
                                <div class="join-title">
                                    <h3>Ready to get started?</h3>
                                    <p>Protect your products and give your customers confidence.</p>
                                </div>
                            </div>
                            <div class="col-lg-4 col-sm-4">
                                <div class="join-btns">
                                    <a href="{{ route('company-register') }}" class="btn btn-primary">Company
                                        Registration</a>
                                </div>
                            </div>
                        </div>

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