@extends('v2.layout.apps')

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

@section('content')
<div class="clearfix"></div>
<div class="text-center solution-whiteboard">
    <h5 class="h1 text-white pt-6">IoT Platform</h5>
</div>
<div class='clearfix'></div>
<div class="row mt-5">
    @if((new \Jenssegers\Agent\Agent())->isTablet())
    <div class="col-md-6">
        <p class='pl-5 pr-2 text-justify'>
            The Internet of Things (IoT) refers to the collective network of connected devices and the technology that
            facilitates communication between devices and the cloud, as well as between the devices themselves. Thanks
            to the advent of powerful computer chips and high bandwidth telecommunication, we now have billions of devices
            connected to the Internet. This means everyday devices can use sensors to collect data and respond intelligently
            to users. 
            <br><br>
        </p>
    </div>
    <div class="col-md-6 text-justify">
        <p class='pl-2 pr-5 text-justify'>
            At Salutica, 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.
        </p>
    </div>
    @else
    @if((new \Jenssegers\Agent\Agent())->isMobile())
    <div class="col-sm-12 col-xs-12">
        <p class='pl-5 pr-2 text-justify'>
            The Internet of Things (IoT) refers to the collective network of connected devices and the technology that
            facilitates communication between devices and the cloud, as well as between the devices themselves. Thanks
            to the advent of powerful computer chips and high bandwidth telecommunication, we now have billions of devices
            connected to the Internet. This means everyday devices can use sensors to collect data and respond intelligently
            to users.
            <br><br>
        </p>
    </div>
    <div class="col-sm-12 col-xs-12 text-justify">
        <p class='pl-2 pr-5 text-justify'>
            At Salutica, 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.
        </p>
    </div>
    @else
    <div class="col-md-6">
        <p class='pl-5 pr-2 text-justify'>
            The Internet of Things (IoT) refers to the collective network of connected devices and the technology that
            facilitates communication between devices and the cloud, as well as between the devices themselves. Thanks
            to the advent of powerful computer chips and high bandwidth telecommunication, we now have billions of devices
            connected to the Internet. This means everyday devices can use sensors to collect data and respond intelligently
            to users.
            <br><br>
        </p>
    </div>
    <div class="col-md-6">
        <p class='pl-2 pr-5 text-justify'>
            At Salutica, 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.
        </p>
    </div>
    @endif
    @endif
</div>
<hr>
<div class="clearfix mt-5"></div>
<div class="row mt-3">
    <div class="col-md-6 col-sm-12 col-xs-12 text-center data-center-with-lone-chair">
    </div>
    <div class="col-md-6 col-sm-12 col-xs-12 container">
        @if((new \Jenssegers\Agent\Agent())->isTablet())
        <h3 class="text-center mb-3 font-weight-bold">Remote Monitoring System</h3>
        @else
        @if((new \Jenssegers\Agent\Agent())->isMobile())
        <h3 class="text-center mb-3 font-weight-bold pt-3">Remote Monitoring System</h3>
        @else
        <h3 class="h1 text-center mb-3">Remote Monitoring System</h3>
        @endif
        @endif
        <ul class="ml-5">
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
        </ul>
    </div>
</div>
<br>
<hr>
<div class="row mt-3">
    @if((new \Jenssegers\Agent\Agent())->isTablet())
    <div class="col-md-6 container">
        <h3 class="text-center mb-3 font-weight-bold">Smart Home Controls</h3>
        <ul class="ml-5">
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
        </ul>
    </div>
    <div class="col md-6 text-center smart-home-infographics">
    </div>
    @else
    @if((new \Jenssegers\Agent\Agent())->isMobile())
    <div class="col-sm-12 col-xs-12 text-center smart-home-infographics">
    </div>
    <div class="col-sm-12 col-xs-12 container">
        <h3 class="text-center mb-3 font-weight-bold pt-3">Smart Home Controls</h3>
        <ul class="ml-5">
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
        </ul>
    </div>
    @else
    <div class="col-md-6 container">
        <h3 class="h1 text-center mb-3">Smart Home Controls</h3>
        <ul class="ml-5">
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
        </ul>
    </div>
    <div class="col-md-6 text-center smart-home-infographics">
    </div>
    @endif
    @endif
</div>
<div class='clearfix mt-5 mb-5'></div>
@endsection