@extends('layouts.app')
@section('content')
<section class="banners pt-5 pb-5">
    <div class="container-fluid h-100">
        <div class="owl-carousel owl-theme main-slider">
            <div class="item">
                <div class="row align-items-center h-100">
            <div class="col-lg-5 offset-md-1">
                <div class="main-banner-content">
                    <h1>{{__("messages.banner1_title1")}}<span>{{__("messages.banner1_title2")}}</span> {{__("messages.banner1_title3")}}</h1>
                    <p>{{__("messages.banner1_description")}}</p>
                    <div class="banner-btn"><a class="default-btn" href="/contact-us/">{{__("messages.get_started")}}</a></div>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="main-banner-image"><img src="{{ asset('front/image/ERP_1.png') }}" class="w-100" alt="image"></div>
            </div>
        </div>
            </div>
            <div class="item">
                <div class="row align-items-center h-100">
            <div class="col-lg-5 offset-md-1">
                <div class="main-banner-content">
                    <h1>{{__("messages.banner2_title1")}}<span>{{__("messages.banner2_title2")}}</span> {{__("messages.banner2_title3")}}</h1>
                    <p>{{__("messages.banner2_description")}}</p>
                    <div class="banner-btn"><a class="default-btn" href="/contact-us/">{{__("messages.get_started")}}</a></div>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="main-banner-image"><img src="{{ asset('front/image/ERP_2.png') }}" class="w-100" alt="image"></div>
            </div>
        </div>
            </div>
            <div class="item">
                <div class="row align-items-center h-100">
            <div class="col-lg-5 offset-md-1">
                <div class="main-banner-content">
                    <h1>{{__("messages.banner3_title1")}}<span>{{__("messages.banner3_title2")}}</span> {{__("messages.banner3_title3")}}</h1>
                    <p>{{__("messages.banner3_description")}}</p>
                    <div class="banner-btn"><a class="default-btn" href="/contact-us/">{{__("messages.get_started")}}</a></div>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="main-banner-image"><img src="{{ asset('front/image/ERP_3.png') }}" class="w-100" alt="image"></div>
            </div>
        </div>
            </div>
            <div class="item">
                <div class="row align-items-center h-100">
            <div class="col-lg-5 offset-md-1">
                <div class="main-banner-content">
                    <h1>{{__("messages.banner4_title")}}</h1>
                    <p>{{__("messages.banner4_description")}}</p>
                    <div class="banner-btn"><a class="default-btn" href="/contact-us/">{{__("messages.get_started")}}</a></div>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="main-banner-image"><img src="{{ asset('front/image/ERP_4.png') }}" class="w-100" alt="image"></div>
            </div>
        </div>
            </div>
        </div>
    </div>
</section>
<section class="bg-light pt-5 pb-5">
    <div class="container">
        <div class="row">
            <div class="col-lg-6">
                <div class="sec-content home-aboutus warp">
                    <h4>{{__("messages.about_us_title")}}</h4>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis.</p>
                    <blockquote>
                    <p>Pellentesque blandit ante vel urna varius, eu interdum enim sollicitudin. Phasellus dui mi, mollis vel iaculis id, cursus id augue. Donec dignissim tincidunt egestas. Etiam at eleifend sapien. Aliquam convallis, turpis tincidunt tempus convallis, enim ante aliquet enim,</p>
                        <ul class="about-ul">
                            <li>Fusce pharetra placerat libero</li>
                            <li>Fusce pharetra placerat libero </li>
                            <li>Fusce pharetra placerat libero </li>
                            <li>Fusce pharetra placerat libero </li>
                        </ul>
                    </blockquote>
                    
                </div>
            </div>
            <div class="col-lg-6">
                <div class="sec-img">
                    <img src="{{ asset('front/image/about-main-img.png') }}" class="w-100" alt="image">
                </div>
            </div>
        </div>
    </div>
</section>
<section class="pt-5 pb-5">
    <div class="container">
        <div class="row">
            <div class="col-lg-6">
                <div class="sec-img">
                    <img src="{{ asset('front/image/ERP_5.png') }}" class="w-100" alt="image">
                </div>
            </div>
            <div class="col-lg-6">
                <div class="sec-content warp">
                    <h4>Achieving Operational Efficiency & Optimal Revenue</h4>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis.</p>
                    <div class="sec-inner-content d-flex">
                        <div class="icon mr-2">
                            <i class="fa fa-check-circle-o" aria-hidden="true"></i>
                        </div>
                        <div class="sec-dis">
                            <h5>Ease of Management</h5>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                        </div>
                    </div>
                    <div class="sec-inner-content d-flex">
                        <div class="icon mr-2"><i class="fa fa-check-circle-o" aria-hidden="true"></i>
                        </div>
                        <div class="sec-dis">
                            <h5>Increased Revenue</h5>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                        </div>
                    </div>
                    <div class="sec-inner-content d-flex">
                        <div class="icon mr-2"><i class="fa fa-check-circle-o" aria-hidden="true"></i>
                        </div>
                        <div class="sec-dis">
                            <h5>Improved Patient Experience</h5>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                        </div>
                    </div>
                    <div class="sec-inner-content d-flex">
                        <div class="icon mr-2">
                            <i class="fa fa-check-circle-o" aria-hidden="true"></i>
                        </div>
                        <div class="sec-dis">
                            <h5>Ease of Management</h5>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                        </div>
                    </div> 
                </div>
            </div>
        </div>
    </div>
</section>
<section class="pt-5 pb-5 dark-background donor-section">
    <div class="container">
        <div class="row">
            <div class="col-md-7">   
                <div class="img-box"> 
                    <div class="white-box">
                        <h1>Lorem sit dolor </h1>
                        <hr>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, </p>
                        <div class="banner-btn"><a class="default-btn" href="#">Know More</a></div>
                    </div>
                    <img src="{{ asset('front/image/donor-img.webp') }}" class="img-fluid">
                </div>
            </div>
            <div class="col-md-5">
                <h2>In quis leo est. Morbi vitae tincidunt diam. </h2>
                <div class="bullet-section">
                    <div class="item">
                        <img src="{{ asset('front/image/icon.png') }}" class="img-fluid">
                        <div class="right-sec">
                            <p class="headline">Morbi vitae</p>
                            <p>Aliquet sapien quisque euismod senectus fames inceptos non amet suspendisse etiam porta</p>
                        </div>
                    </div>
                </div>
                <div class="bullet-section">
                    <div class="item">
                        <img src="{{ asset('front/image/icon.png') }}" class="img-fluid">
                        <div class="right-sec">
                            <p class="headline"> iaculis augue</p>
                            <p>Aliquet sapien quisque euismod senectus fames inceptos non amet suspendisse etiam porta</p>
                        </div>
                    </div>
                </div>
                 <div class="bullet-section">
                    <div class="item">
                        <img src="{{ asset('front/image/icon.png') }}" class="img-fluid">
                        <div class="right-sec">
                            <p class="headline">Nam finibus</p>
                            <p>Aliquet sapien quisque euismod senectus fames inceptos non amet suspendisse etiam porta</p>
                        </div>
                    </div>
                </div>
                 <div class="bullet-section">
                    <div class="item">
                        <img src="{{ asset('front/image/icon.png') }}" class="img-fluid">
                        <div class="right-sec">
                            <p class="headline"> sagittis pretium</p>
                            <p>Aliquet sapien quisque euismod senectus fames inceptos non amet suspendisse etiam porta</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="patient-section pt-5 pb-5">
    <div class="container">
        <div class="row">
            <div class="col-md-6">
                <p class="small-top">Lorem ipsum dolor </p>
                <h1>The best medical services & top care</h1>
                <div class="icon-section">
                    <div class="item">
                        <img class="img-fluid" src="{{ asset('front/image/stethoscope-icon.png') }}" alt="">
                        <p>Nemo enim ipsam voluptatem</p>
                    </div>
                    <div class="item">
                        <img class="img-fluid" src="{{ asset('front/image/stethoscope-icon.png') }}" alt="">
                        <p>Nemo enim ipsam voluptatem</p>
                    </div>
                </div>
                <div class="icon-section">
                    <div class="item">
                        <img class="img-fluid" src="{{ asset('front/image/stethoscope-icon.png') }}" alt="">
                        <p>Nemo enim ipsam voluptatem</p>
                    </div>
                    <div class="item">
                        <img class="img-fluid" src="{{ asset('front/image/stethoscope-icon.png') }}" alt="">
                        <p>Nemo enim ipsam voluptatem</p>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <img class="img-fluid" src="{{ asset('front/image/patient-section.png') }}" alt="" >
            </div>
        </div>
    </div>
</section>
<section class="bg-light pt-5 pb-5 d-none">
    <div class="container">
        <div class="row">
            <div class="col-md-12 text-center">
                <h4>Key Features of CHUDATS</h4>
            </div>
        </div>
        <div class="row mt-3">
            <div class="col-md-4">
                <div class="single-services-box">
                    <div class="icon mb-2">
                        <img src="{{ asset('front/image/360-degrees(1).png') }}">
                    </div>
                    <h5>
                        <a href="#">
                            360° Solution
                        </a>
                    </h5>   
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incutu  labore et dolore magna aliqua.</p>
                    <a class="services-btn" href="#">
                        Read More <i class="fa fa-angle-double-right" aria-hidden="true"></i>
                    </a>
                </div>
            </div>
            <div class="col-md-4">
                <div class="single-services-box">
                    <div class="icon mb-2">
                        <img src="{{ asset('front/image/tested.png') }}">
                    </div>
                    <h5>
                        <a href="#">
                            Tested & Proven
                        </a>
                    </h5>   
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incutu  labore et dolore magna aliqua.</p>
                    <a class="services-btn" href="#">
                        Read More <i class="fa fa-angle-double-right" aria-hidden="true"></i>
                    </a>
                </div>
            </div>
            <div class="col-md-4">
                <div class="single-services-box">
                    <div class="icon mb-2">
                        <img src="{{ asset('front/image/highly-scale.png') }}">
                    </div>
                    <h5>
                        <a href="#">
                            Highly Scalable
                        </a>
                    </h5>   
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incutu  labore et dolore magna aliqua.</p>
                    <a class="services-btn" href="#">
                        Read More <i class="fa fa-angle-double-right" aria-hidden="true"></i>
                    </a>
                </div>
            </div>
            <div class="col-md-4">
                <div class="single-services-box">
                    <div class="icon mb-2">
                        <img src="{{ asset('front/image/easy-of-use.png') }}">
                    </div>
                    <h5>
                        <a href="#">
                            Ease of Use
                        </a>
                    </h5>   
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incutu  labore et dolore magna aliqua.</p>
                    <a class="services-btn" href="#">
                        Read More <i class="fa fa-angle-double-right" aria-hidden="true"></i>
                    </a>
                </div>
            </div>
            <div class="col-md-4">
                <div class="single-services-box">
                    <div class="icon mb-2">
                         <img src="{{ asset('front/image/cost-effective1.png') }}">
                        
                        
                    </div>
                    <h5>
                        <a href="#">
                            Cost Effective
                        </a>
                    </h5>   
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incutu  labore et dolore magna aliqua.</p>
                    <a class="services-btn" href="#">
                        Read More <i class="fa fa-angle-double-right" aria-hidden="true"></i>
                    </a>
                </div>
            </div>
            <div class="col-md-4">
                <div class="single-services-box">
                    <div class="icon mb-2">
                         <img src="{{ asset('front/image/security1.png') }}">
                    </div>
                    <h5>
                        <a href="#">
                            Enhanced Security
                        </a>
                    </h5>   
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incutu  labore et dolore magna aliqua.</p>
                    <a class="services-btn" href="#">
                        Read More <i class="fa fa-angle-double-right" aria-hidden="true"></i>
                    </a>
                </div>
            </div>
            
        </div>
    </div>
</section>
<section class="pt-5 pb-5 back-bg-light d-none">
    <div class="container">
        <div class="row">
            <div class="col-md-12 text-center">
                <h4>Experiencing the Platform</h4>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="owl-carousel owl-theme main-slider">
            <div class="item">
                <div class="row align-items-center h-100">
                    <div class="col-lg-6">
                        <div class="main-banner-content">
                            <h1>Cloud-Based <span>Hospital Information</span> System</h1>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis.</p>
                            <div class="banner-btn"><a class="default-btn" href="/contact-1/">Get Started</a></div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="main-banner-image"><img src="{{ asset('front/image/banner.png') }}" class="w-100" alt="image"></div>
                    </div>
                </div>
            </div>
            <div class="item">
                <div class="row align-items-center h-100">
                    <div class="col-lg-6">
                        <div class="main-banner-content">
                            <h1>Cloud-Based <span>Hospital Information</span> System</h1>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis.</p>
                            <div class="banner-btn"><a class="default-btn" href="/contact-1/">Get Started</a></div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="main-banner-image"><img src="{{ asset('front/image/banner.png') }}" class="w-100" alt="image"></div>
                    </div>
                </div>
            </div>
            <div class="item">
                <div class="row align-items-center h-100">
                    <div class="col-lg-6">
                        <div class="main-banner-content">
                            <h1>Cloud-Based <span>Hospital Information</span> System</h1>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis.</p>
                            <div class="banner-btn"><a class="default-btn" href="/contact-1/">Get Started</a></div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="main-banner-image"><img src="{{ asset('front/image/banner.png') }}" class="w-100" alt="image"></div>
                    </div>
                </div>
            </div>
            <div class="item">
                <div class="row align-items-center h-100">
                    <div class="col-lg-6">
                        <div class="main-banner-content">
                            <h1>Cloud-Based <span>Hospital Information</span> System</h1>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis.</p>
                            <div class="banner-btn"><a class="default-btn" href="/contact-1/">Get Started</a></div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="main-banner-image"><img src="{{ asset('front/image/banner.png') }}" class="w-100" alt="image"></div>
                    </div>
                </div>
            </div>
        </div>
            </div>
        </div>
    </div>
</section>
<section class=" dark-background app-download">
    <div class="container">
        <div class="row">
            <div class="col-md-5">
                <img src="{{ asset('front/image/mobile-mock.png') }}" class="img-fluid mobile mockup" />
            </div>
            <div class="col-md-7">
                <h1>Download Heal the Sick</h1>
                <span class="hr"></span>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent id velit id magna vehicula feugiat. Suspendisse id gravida felis, volutpat maximus eros. Nam a mi arcu.</p>
                <div class="d-flex ">
                    <div class="item">
                        <img src="{{ asset('front/image/app-store.webp') }}" class="img-fluid" />
                    </div>
                    <div  class="item">
                        <img src="{{ asset('front/image/google-play.webp') }}"  class="img-fluid" />
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-5 offset-md-1 d-flex flex-column justify-content-center">
                <h4 class="mb-5">Contact details</h4>
                <h5>What is Lorem Ipsum?</h5>
                <div class="row mb-5">
                    <div class="col-md-6">
                        <a href="https://goo.gl/maps/GLfLMM5WWYJ1X86p6" target="_blank" style="color:#000;text-decoration: none;">MAHSRA BUREAU Commercial Avenue PO Box 1091 Bamenda Cameroon</a><br>
                        <a href="mailto:care@chudats.net" style="color:#000;text-decoration: none;">care@chudats.net</a><br>
                        <a href="tel:(+237) 654904225" style="color:#000;text-decoration: none;">(+237) 654904225</a>, <a href="tel:(+237) 662504497" class="text-dark">662504497</a>
                    </div>
                    <div class="col-md-6">
                        <p>
                            <b>Hours of Operation</b><br>Mon – Fri: 08:00 am – 05:00 pm<br> Sat: 09:00 am – 03:00 pm
                        </p>
                    </div>
                </div>
                <h5>In Case of Emergency Call<br>
                    <a href="tel:(+237) 662504497" style="color:#000;">(+237) 662504497</a>
                </h5>
                <p>To schedule an appointment, please fill out the form below.</p>
                <a class="default-btn w-50 text-center" href="contact.php">MAKE AN APPOINTMENT <!--<i class="fa fa-long-arrow-right" aria-hidden="true"></i>--></a>
            </div>
            <div class="col-md-6 pr-md-0">
                <img src="{{ asset('front/image/map.PNG') }}" alt="map" class="img-fluid">
            </div>
        </div>
    </div>
</section>

@endsection