@extends('layouts.frontend')

@section('content')
    <div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel">
        <div class="carousel-inner" style="margin:0;">
            <div class="carousel-item active" id="header">
                <img style="position: absolute; width: 100%; height: 100%; top: 0; left: 0;"class="d-block w-100" src="../img/banner.png" alt="Third slide">
                <div class="container" style="z-index: 1;">
                    <div class="row">
                        <div class="col">
                            <h1>Intelli IoT Modules</h1><br>
                            <h2>Internet of things module with<br>multi mode connection</h2><br>
                            <p style="font-size: 14px; margin-bottom: 30px">The Intelli IoT module is ready to use by developer
                                to build IoT solution quickly without worry about changing connection mode.
                                It has multi mode connection such as NB-IoT, LTE-M, Lora, and legacy system like BLE and WiFi.
                            </p>
                            <button type="button" class="btn bg-light btn-lg" style="color: #406587">Get Started</button>
                        </div>
                        <div class="col">
                        </div>
                    </div>
                </div>
            </div>
            <div class="carousel-item">
                <div class="carousel-item active" id="header">
                    <img style="position: absolute; width: 100%; height: 100%; top: 0; left: 0;"class="d-block w-100" src="../img/BannerAIPolos.png" alt="Third slide">
                    <div class="container" style="z-index: 1;">
                        <div class="row">
                            <div class="col-md-7">
                                <h1>AI Revolution</h1><br>
                                <h2>Artificial Intelligence will change the way we live</h2><br>
                                <p style="font-size: 14px; margin-bottom: 30px">
                                    Unlock the full potential of AI Revolution in real world scenario such as: Smart City, Smart Industry, Smart Agricultur and Smart Service using Fusi solution.
                                </p>
                                <p style="margin-bottom: 12%"></p>
                                <button type="button" class="btn bg-light btn-lg" style="color: #406587">Get Started</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <a class="carousel-control-prev" href="#carouselExampleSlidesOnly" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
          </a>
          <a class="carousel-control-next" href="#carouselExampleSlidesOnly" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
          </a>
    </div>
    <div class="container" id="about">
        <h2 class="text-center fusi mb-lg-5">Accelerating the developments<br>Enhancing the opportunities<br>Optimizing
            the gains</h2>
        <p>Fusi is an Electronics Design Services Company. We offers design products and services for innovative
            electronics solutions. We believes that a better world is reinforced through technology. Equipped with
            various expertise and advance technologies know-how, especially on Integrated Circuit and Embedded System
            Designs, we provides a very competitive and reliable services.</p>
        <p>As an Original Design Manufacturer Company, provides a very competitive products for industrial and business
            purpose. We are leading technology company focusing on delivering high quality product to end consumer as
            well as building integrated solution system for corporate or industries. Our vision is to create a better
            world through technology. With supports from our resources and experienced development teams, we are sure to
            deliver only the best products.</p>
        <p>We are ready to work with your company for the success your product by focusing on fast time-to-market,
            competitive cost, rich features and high quality deliverable. Fusi has many competent resources to work on
            latest/emerging technology worldwide.</p>
    </div>
    <div style="margin-bottom: 40px" class="container-fluid">
        <div class="row">
            <div class="col-md-6"
                style="padding-top:350px; background: url('/img/img-1.png') no-repeat right center /cover">
            </div>
            <div class="col-md-5">
                <div class="container">
                    Fusi have been starting outsourcing business since 2005 and the clients come from different
                    countries such as Japan, Singapore, as well as Indonesia. Many different kind of products have been
                    developed, such as: MPEG Controller Chip Design, Wireless Modem Chip Enhancement, Cash Register
                    Controller chip, Razor Digital, Controller chip, DVB-T baseband chipset, ADS-B Receiver (Airplane
                    Tracking), Heartbeat detector, Radar Digital Display, Monitoring system, Single carrier digital
                    communication device, FSK modulated communication, M2M Wireless Sensor design using ATMega with
                    Bluetooth, WiFi and GSM connectivity, Logistic / Courier GPS tracking system, NFC transaction and
                    communication + android mobile app, NFC-enabled WiFi Access Point.
                </div>
            </div>
            <div class="col-md-1"></div>
        </div>
    </div>

    <div id="news" class="container">
        <h2 class="fusi">News</h2>
    </div>
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-6 portfolio">
                <div class="hovereffect">
                    <img style="width: 100%" src="{{env('APP_URL')}}/img/img-2.png">
                    <div class="overlay">
                        <h2></h2>
                        <a class="info" href="#">Read More</a>
                    </div>
                </div>
                <div class="hovereffect">
                    <img style="width: 100%" src="{{env('APP_URL')}}/img/img-4.jpg">
                    <div class="overlay">
                        <h2></h2>
                        <a class="info" href="#">Read More</a>
                    </div>
                </div>
            </div>
            <div class="col-md-6 portfolio">
                <div class="hovereffect">
                    <img style="width: 100%" src="{{env('APP_URL')}}/img/img-5.jpg">
                    <div class="overlay">
                        <h2></h2>
                        <a class="info" href="#">Read More</a>
                    </div>
                </div>
                <div class="hovereffect">
                    <img style="width: 100%" src="{{env('APP_URL')}}/img/img-3.png">
                    <div class="overlay">
                        <h2></h2>
                        <a class="info" href="#">Read More</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container p-5">
        <h2 class="text-center fusi">Octopus IoT Platform</h2>
        <h3 class="text-center p-5">Octopus IoT Suite, the Fusi’s core software platform for IoT solutions, connects
            more than 10 million devices – vehicles, sensors in urban and agricultural applications or gateways in
            buildings.</h3>
        <div class="row">
            <div class="col-md-3 text-right no-margin">
                <p class="ordernumber">1</p>
            </div>
            <div class="col-md-7 no-margin align-self-center">IoT platform for all domains, such as agriculture, energy,
                homes & buildings, retail, mobility, and manufacturing</div>
        </div>
        <div class="row">
            <div class="col-md-3 text-right no-margin">
                <p class="ordernumber">2</p>
            </div>
            <div class="col-md-7 no-margin align-self-center">Basis on which Fusi, its customers, and partners build a
                broad range of IoT solutions, services, and projects</div>
        </div>
        <div class="row">
            <div class="col-md-3 text-right no-margin">
                <p class="ordernumber">3</p>
            </div>
            <div class="col-md-7 no-margin align-self-center">Supporting IoT developers create, implement, and maintain
                IoT applications in a fast, easy, and secure way</div>
        </div>
        <div class="row">
            <div class="col-md-3 text-right no-margin">
                <p class="ordernumber">4</p>
            </div>
            <div class="col-md-7 no-margin align-self-center">Based on industry standards and open source</div>
        </div>
    </div>
@endsection