@extends('v2.layout.apps')

@section('header')
<title>Technologies - Salutica Berhad</title>
@endsection

@section('content')
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700" rel="stylesheet">
<div class="text-center futuristic-smart-city">
    <h5 class="h1 text-white text-shadow-white pt-6"><strong>Technologies</strong></h5>
</div>
<div class='clearfix'></div>
<div class="container mt-6">
    <div class="container">
        <div class="row">
            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                <div class="image-container leftRight">
                    <img class="img-fluid" src="/images/connect.jpg" alt="alternative">
                </div>
            </div>
            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                <div class="text-container">
                    <h3 class='text-royal' style=' font-family: "Open Sans", sans-serif;'>
                        <strong>IoT Platform</strong>
                    </h3>
                    <br>
                    <h5 class='fadeIn'>
                        We have expanded our knowledge in Bluetooth to involve in Internet of Things (IoT) via Wireless
                        Tags, iBeacons, Smart Tire Pressure Monitoring System (TPMS), Remote Monitoring System, and Smart Home Controls.
                    </h5>
                    <br>
                    <br>
                <a class="btn btn-primary btn-lg" href="/tech/iot-platform" role="button">Read More</a>
            </div>
        </div>
    </div>
    <br>
    <hr>
    <div class='clearfix'></div>
    <br>
    <div class="row">
        @if((new \Jenssegers\Agent\Agent())->isMobile())
        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
            <div class="image-container leftRight">
                <img class="img-fluid" src="/images/Bluetooth-test-compressed-min.jpg" alt="alternative">
            </div>
        </div>
        <div class='clearfix'></div>
        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
            <div class="text-container">
                <h3 class='text-royal' style=' font-family: "Open Sans", sans-serif;'>
                    <strong>Wireless Audio</strong>
                </h3>
                    <br>
                    <h5 class='fadeIn'>
                        We have been developing wireless audio products such as wireless speakers, mono and stereo headsets
                        since 2006 that are mostly exported and sold across the world for many customers.
                    </h5>
                    <br>
                    <br>
                    <a class="btn btn-primary btn-lg" href="/tech/wireless-audio" role="button">Read More</a>
                </div>
            </div>
            @else
            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                <div class="text-container">
                    <h3 class='text-royal' style=' font-family: "Open Sans", sans-serif;'><strong>Wireless Audio</strong>
                        </h1>
                        <br>
                        <h5 class='fadeIn'>
                            We have been developing wireless audio products such as wireless speakers, mono and stereo headsets
                            since 2006 that are mostly exported and sold across the world for many customers.
                        </h5>
                        <br>
                        <br>
                        <a class="btn btn-primary btn-lg" href="/tech/wireless-audio" role="button">Read More</a>
                </div>
            </div>
            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                <div class="image-container rightLeft">
                    <img class="img-fluid" src="/images/Bluetooth-test-compressed-min.jpg" alt="alternative">
                </div>
            </div>
            @endif
        </div>
        <br>
        <hr>
        <div class='clearfix'></div>
        <br>
        <div class="row">
            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                <div class="image-container leftRight">
                    <img class="img-fluid" src="/images/All_New_FOBO_TAG0162256.jpg" alt="alternative">
                </div>
            </div>
            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                <div class="text-container">
                    <h3 class='text-royal' style=' font-family: "Open Sans", sans-serif;'>
                        <strong>Asset Tracking</strong>
                    </h3>
                    <br>
                    <h5 class='fadeIn'>
                        We have developed FOBO Tag, the world's first tracker with Bluetooth 5.0 and multiple patented technologies.
                        FOBO Tag is a tracker that uses Bluetooth 5.0 to track personal belongings including pets. Additionally, we also developed
                        FOBO Skynet, a data-driven contact tracing device.
                    </h5>
                    <br>
                    <br>
                    <a class="btn btn-primary btn-lg" href="/tech/asset-tracking" role="button">Read More</a>
                </div>
            </div>
        </div>
        <br>
        <hr>
        <div class='clearfix'></div>
        <br>
        <div class="row">
            @if((new \Jenssegers\Agent\Agent())->isMobile())
            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                <div class="image-container leftRight">
                    <img class="img-fluid" src="/images/assemble01_555d56d41fe32.jpg" alt="alternative">
                </div>
            </div>
            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                <div class="text-container">
                    <h3 class='text-royal' style=' font-family: "Open Sans", sans-serif;'>
                        <strong>HMI - Touchless</strong>
                    </h3>
                    <br>
                    <h5 class='fadeIn'>
                        A Human-Machine Interface (HMI) is a dashboard or user interface that connects a person to a machine,
                        device, or system. HMI is most commonly used in the context of an industrial process. The latest
                        trends in HMI technologies are voice activation and touchless or gesture control.
                     </h5>
                <br>
                <br>
                <a class="btn btn-primary btn-lg" href="/tech/hmi-touchless" role="button">Read More</a>
            </div>
        </div>
        @else
        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
            <div class="text-container">
                <h3 class='text-royal' style=' font-family: "Open Sans", sans-serif;'>
                    <strong>HMI - Touchless</strong>
                    </h1>
                    <br>
                     <h5 class='fadeIn'>
                        A Human-Machine Interface (HMI) is a dashboard or user interface that connects a person to a machine,
                        device, or system. HMI is most commonly used in the context of an industrial process. The latest
                        trends in HMI technologies are voice activation and touchless or gesture control.
                    </h5>
                    <br>
                    <br>
                    <a class="btn btn-primary btn-lg" href="/tech/hmi-touchless" role="button">Read More</a>
                </div>
            </div>
            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                <div class="image-container rightLeft">
                    <img class="img-fluid" src="/images/assemble01_555d56d41fe32.jpg" alt="alternative">
                </div>
            </div>
            @endif
        </div>
    </div>
</div>
<br>
<br>
@endsection