@extends('layouts.frontendLayout.frontend_design')

@section('content')

    <section class="features-area ptb-100">
        <div class="container">
            <div class="section-title-two">
                <div class="row align-items-center">
                    <div class="col-lg-7">
                        <div class="title">
                            <span>OLEA Features</span>
                            <h2>Keep Up The Sales Remote Features</h2>
                        </div>
                    </div>
                    <div class="col-lg-5">
                        <div class="text">
                            <p>Team ipsum dolor sit ametconsecteturing elit sed do eiusmod tempor incididunt laboret dolore magna aliqua minaquaerat.</p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row align-items-center">
                <div class="col-lg-6">
                    <div class="features-content">
                        <div class="image">
                            <img src="{{asset('frontend_assets/img/icons/sales.png')}}" alt="image">
                        </div>
                        <h3>Conduct Sales Meetings</h3>
                        <p>Ryun ipsum dolor sit ametconsecteturing elit sed do eiusmod tempor incididunt</p>
                    </div>

                    <div class="features-content">
                        <div class="image">
                            <img src="{{asset('frontend_assets/img/icons/calculator.png')}}" alt="image">
                        </div>
                        <h3>Stay Ahead Of The Numbers</h3>
                        <p>Ryun ipsum dolor sit ametconsecteturing elit sed do eiusmod tempor incididunt</p>
                    </div>

                    <div class="features-content">
                        <div class="image">
                            <img src="{{asset('frontend_assets/img/icons/team.png')}}" alt="image">
                        </div>
                        <h3>Collaborate With Your Team</h3>
                        <p>Ryun ipsum dolor sit ametconsecteturing elit sed do eiusmod tempor incididunt</p>
                    </div>
                </div>

                <div class="col-lg-6">
                    <div class="features-image">
                        <img src="{{asset('frontend_assets/img/features.png')}}" alt="image">
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End Features Area -->

    <!-- Start Platform Area -->
    <section class="platform-area ptb-100">
        <div class="container-fluid">
            <div class="section-title">
                <span>OLEA Platform</span>
                <h2>Features Selling Easier</h2>
                <p>Conquer every stage of the customer journey with OLEA ERP completely free ERP at its core the customer They’re powerful alone</p>
            </div>

            <div class="tab platform-list-tab">
                <div class="row align-items-center">
                    <div class="col-lg-3">
                        <ul class="tabs">
                            <li>
                                <a href="#" class="bg-f12711">
                                    <i class='bx bx-right-arrow-alt'></i> Sales Force Automation
                                </a>
                            </li>
                            <li>
                                <a href="#" class="bg-0067ff">
                                    <i class='bx bx-right-arrow-alt'></i> Process Management
                                </a>
                            </li>
                            <li>
                                <a href="#" class="bg-1b2b37">
                                    <i class='bx bx-right-arrow-alt'></i> Omni Channel
                                </a>
                            </li>
                            <li>
                                <a href="#" class="bg-f12711">
                                    <i class='bx bx-right-arrow-alt'></i> Marketing Automation
                                </a>
                            </li>
                            <li>
                                <a href="#" class="bg-0067ff">
                                    <i class='bx bx-right-arrow-alt'></i> Team Collaboration
                                </a>
                            </li>
                        </ul>
                    </div>

                    <div class="col-lg-9">
                        <div class="tab_content">
                            <div class="tabs_item">
                                <div class="row align-items-center">
                                    <div class="col-lg-6">
                                        <div class="platform-image">
                                            <img src="{{asset('frontend_assets/img/desktop.png')}}" alt="image">
                                        </div>
                                    </div>

                                    <div class="col-lg-6">
                                        <div class="platform-content">
                                            <h2>Sales Force Automation</h2>

                                            <div class="row">
                                                <div class="col-lg-6">
                                                    <div class="platform-text bar">
                                                        <div class="image">
                                                            <img src="{{asset('frontend_assets/img/icons/file.png')}}" alt="image">
                                                        </div>
                                                        <h3>Processing Rules</h3>
                                                        <p>Your home equity by paying amet seeturlit sed dolor</p>

                                                        <a href="#" class="platform-btn">
                                                            <i class='bx bx-right-arrow-alt'></i> Discover More
                                                        </a>
                                                    </div>
                                                </div>

                                                <div class="col-lg-6">
                                                    <div class="platform-text">
                                                        <div class="image">
                                                            <img src="{{asset('frontend_assets/img/icons/builder.png')}}" alt="image">
                                                        </div>
                                                        <h3>Sales Process Builder</h3>
                                                        <p>Your home equity by paying amet seeturlit sed dolor</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="tabs_item">
                                <div class="row align-items-center">
                                    <div class="col-lg-6">
                                        <div class="platform-image">
                                            <img src="{{asset('frontend_assets/img/platform/image2.jpg')}}" alt="image">
                                        </div>
                                    </div>

                                    <div class="col-lg-6">
                                        <div class="platform-content">
                                            <h2>Process Management</h2>

                                            <div class="row">
                                                <div class="col-lg-6">
                                                    <div class="platform-text bar">
                                                        <div class="image">
                                                            <img src="{{asset('frontend_assets/img/icons/file.png')}}" alt="image">
                                                        </div>
                                                        <h3>Processing Rules</h3>
                                                        <p>Your home equity by paying amet seeturlit sed dolor</p>

                                                        <a href="#" class="platform-btn">
                                                            <i class='bx bx-right-arrow-alt'></i> Discover More
                                                        </a>
                                                    </div>
                                                </div>

                                                <div class="col-lg-6">
                                                    <div class="platform-text">
                                                        <div class="image">
                                                            <img src="{{asset('frontend_assets/img/icons/builder.png')}}" alt="image">
                                                        </div>
                                                        <h3>Sales Process Builder</h3>
                                                        <p>Your home equity by paying amet seeturlit sed dolor</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="tabs_item">
                                <div class="row align-items-center">
                                    <div class="col-lg-6">
                                        <div class="platform-image">
                                            <img src="{{asset('frontend_assets/img/platform/image3.jpg')}}" alt="image">
                                        </div>
                                    </div>

                                    <div class="col-lg-6">
                                        <div class="platform-content">
                                            <h2>Omni Channel</h2>

                                            <div class="row">
                                                <div class="col-lg-6">
                                                    <div class="platform-text bar">
                                                        <div class="image">
                                                            <img src="{{asset('frontend_assets/img/icons/file.png')}}" alt="image">
                                                        </div>
                                                        <h3>Processing Rules</h3>
                                                        <p>Your home equity by paying amet seeturlit sed dolor</p>

                                                        <a href="#" class="platform-btn">
                                                            <i class='bx bx-right-arrow-alt'></i> Discover More
                                                        </a>
                                                    </div>
                                                </div>

                                                <div class="col-lg-6">
                                                    <div class="platform-text">
                                                        <div class="image">
                                                            <img src="{{asset('frontend_assets/img/icons/builder.png')}}" alt="image">
                                                        </div>
                                                        <h3>Sales Process Builder</h3>
                                                        <p>Your home equity by paying amet seeturlit sed dolor</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="tabs_item">
                                <div class="row align-items-center">
                                    <div class="col-lg-6">
                                        <div class="platform-image">
                                            <img src="{{asset('frontend_assets/img/platform/image4.jpg')}}" alt="image">
                                        </div>
                                    </div>

                                    <div class="col-lg-6">
                                        <div class="platform-content">
                                            <h2>Marketing Automation</h2>

                                            <div class="row">
                                                <div class="col-lg-6">
                                                    <div class="platform-text bar">
                                                        <div class="image">
                                                            <img src="{{asset('frontend_assets/img/icons/file.png')}}" alt="image">
                                                        </div>
                                                        <h3>Processing Rules</h3>
                                                        <p>Your home equity by paying amet seeturlit sed dolor</p>

                                                        <a href="#" class="platform-btn">
                                                            <i class='bx bx-right-arrow-alt'></i> Discover More
                                                        </a>
                                                    </div>
                                                </div>

                                                <div class="col-lg-6">
                                                    <div class="platform-text">
                                                        <div class="image">
                                                            <img src="{{asset('frontend_assets/img/icons/builder.png')}}" alt="image">
                                                        </div>
                                                        <h3>Sales Process Builder</h3>
                                                        <p>Your home equity by paying amet seeturlit sed dolor</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="tabs_item">
                                <div class="row align-items-center">
                                    <div class="col-lg-6">
                                        <div class="platform-image">
                                            <img src="{{asset('frontend_assets/img/platform/image5.jpg')}}" alt="image">
                                        </div>
                                    </div>

                                    <div class="col-lg-6">
                                        <div class="platform-content">
                                            <h2>Team Collaboration</h2>

                                            <div class="row">
                                                <div class="col-lg-6">
                                                    <div class="platform-text bar">
                                                        <div class="image">
                                                            <img src="{{asset('frontend_assets/img/icons/file.png')}}" alt="image">
                                                        </div>
                                                        <h3>Processing Rules</h3>
                                                        <p>Your home equity by paying amet seeturlit sed dolor</p>

                                                        <a href="#" class="platform-btn">
                                                            <i class='bx bx-right-arrow-alt'></i> Discover More
                                                        </a>
                                                    </div>
                                                </div>

                                                <div class="col-lg-6">
                                                    <div class="platform-text">
                                                        <div class="image">
                                                            <img src="{{asset('frontend_assets/img/icons/builder.png')}}" alt="image">
                                                        </div>
                                                        <h3>Sales Process Builder</h3>
                                                        <p>Your home equity by paying amet seeturlit sed dolor</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End Platform Area -->

    <!-- Start Accompany Area -->
    <section class="accompany-area ptb-100">
        <div class="container">
            <div class="section-title">
                <span>OLEA Enterprise</span>
                <h2>We Accompany On Steps</h2>
                <p>Your business is in a state of constant evolution—an evolution that your software needs to be able to accomodate effortlessly</p>
            </div>

            <div class="tab accompany-list-tab">
                <ul class="tabs">
                    <li>
                        <a href="#">
                            <img src="{{asset('frontend_assets/img/icons/lamp.png')}}" alt="image">
                            <span>Sales and ERP</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="{{asset('frontend_assets/img/icons/microscope.png')}}" alt="image">
                            <span>Manufacturing</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="{{asset('frontend_assets/img/icons/modern-house.png')}}" alt="image">
                            <span>Inventory</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="{{asset('frontend_assets/img/icons/analysis.png')}}" alt="image">
                            <span>Supply chain</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="{{asset('frontend_assets/img/icons/protect.png')}}" alt="image">
                            <span>Point of sale</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="{{asset('frontend_assets/img/icons/research.png')}}" alt="image">
                            <span>API integration</span>
                        </a>
                    </li>
                </ul>

                <div class="tab_content">
                    <div class="tabs_item">
                        <div class="row align-items-center">
                            <div class="col-lg-6">
                                <div class="accompany-image">
                                    <img src="{{asset('frontend_assets/img/accompany/image1.jpg')}}" alt="image">
                                </div>
                            </div>

                            <div class="col-lg-6">
                                <div class="accompany-content">
                                    <h2>Sales and ERP</h2>
                                    <p>Our plan dolor sit amet conseetur diisci velit sed quiLorem ipsum dolor sit ame consectetur adipisicing elit</p>

                                    <ul class="list">
                                        <li>
                                            <i class='bx bx-chevrons-right'></i> Respect for all people
                                        </li>
                                        <li>
                                            <i class='bx bx-chevrons-right'></i> Excellence in everything we do
                                        </li>
                                        <li>
                                            <i class='bx bx-chevrons-right'></i> Truthfulness in our business
                                        </li>
                                        <li>
                                            <i class='bx bx-chevrons-right'></i> Unquestionable integrity
                                        </li>
                                    </ul>
                                    <a href="#" class="accompany-btn">
                                            Read More
                                            <i class='bx bx-right-arrow-alt'></i>
                                        </a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="tabs_item">
                        <div class="row align-items-center">
                            <div class="col-lg-6">
                                <div class="accompany-image">
                                    <img src="{{asset('frontend_assets/img/accompany/image2.jpg')}}" alt="image">
                                </div>
                            </div>

                            <div class="col-lg-6">
                                <div class="accompany-content">
                                    <h2>Manufacturing</h2>
                                    <p>Our plan dolor sit amet conseetur diisci velit sed quiLorem ipsum dolor sit ame consectetur adipisicing elit</p>

                                    <ul class="list">
                                        <li>
                                            <i class='bx bx-chevrons-right'></i> Respect for all people
                                        </li>
                                        <li>
                                            <i class='bx bx-chevrons-right'></i> Excellence in everything we do
                                        </li>
                                        <li>
                                            <i class='bx bx-chevrons-right'></i> Truthfulness in our business
                                        </li>
                                        <li>
                                            <i class='bx bx-chevrons-right'></i> Unquestionable integrity
                                        </li>
                                    </ul>
                                    <a href="#" class="accompany-btn">
                                            Read More
                                            <i class='bx bx-right-arrow-alt'></i>
                                        </a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="tabs_item">
                        <div class="row align-items-center">
                            <div class="col-lg-6">
                                <div class="accompany-image">
                                    <img src="{{asset('frontend_assets/img/accompany/image3.jpg')}}" alt="image">
                                </div>
                            </div>

                            <div class="col-lg-6">
                                <div class="accompany-content">
                                    <h2>Inventory management</h2>
                                    <p>Our plan dolor sit amet conseetur diisci velit sed quiLorem ipsum dolor sit ame consectetur adipisicing elit</p>

                                    <ul class="list">
                                        <li>
                                            <i class='bx bx-chevrons-right'></i> Respect for all people
                                        </li>
                                        <li>
                                            <i class='bx bx-chevrons-right'></i> Excellence in everything we do
                                        </li>
                                        <li>
                                            <i class='bx bx-chevrons-right'></i> Truthfulness in our business
                                        </li>
                                        <li>
                                            <i class='bx bx-chevrons-right'></i> Unquestionable integrity
                                        </li>
                                    </ul>
                                    <a href="#" class="accompany-btn">
                                            Read More
                                            <i class='bx bx-right-arrow-alt'></i>
                                        </a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="tabs_item">
                        <div class="row align-items-center">
                            <div class="col-lg-6">
                                <div class="accompany-image">
                                    <img src="{{asset('frontend_assets/img/accompany/image4.jpg')}}" alt="image">
                                </div>
                            </div>

                            <div class="col-lg-6">
                                <div class="accompany-content">
                                    <h2>Supply chain</h2>
                                    <p>Our plan dolor sit amet conseetur diisci velit sed quiLorem ipsum dolor sit ame consectetur adipisicing elit</p>

                                    <ul class="list">
                                        <li>
                                            <i class='bx bx-chevrons-right'></i> Respect for all people
                                        </li>
                                        <li>
                                            <i class='bx bx-chevrons-right'></i> Excellence in everything we do
                                        </li>
                                        <li>
                                            <i class='bx bx-chevrons-right'></i> Truthfulness in our business
                                        </li>
                                        <li>
                                            <i class='bx bx-chevrons-right'></i> Unquestionable integrity
                                        </li>
                                    </ul>
                                    <a href="#" class="accompany-btn">
                                            Read More
                                            <i class='bx bx-right-arrow-alt'></i>
                                        </a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="tabs_item">
                        <div class="row align-items-center">
                            <div class="col-lg-6">
                                <div class="accompany-image">
                                    <img src="{{asset('frontend_assets/img/accompany/image5.jpg')}}" alt="image">
                                </div>
                            </div>

                            <div class="col-lg-6">
                                <div class="accompany-content">
                                    <h2>Point of sale</h2>
                                    <p>Our plan dolor sit amet conseetur diisci velit sed quiLorem ipsum dolor sit ame consectetur adipisicing elit</p>

                                    <ul class="list">
                                        <li>
                                            <i class='bx bx-chevrons-right'></i> Respect for all people
                                        </li>
                                        <li>
                                            <i class='bx bx-chevrons-right'></i> Excellence in everything we do
                                        </li>
                                        <li>
                                            <i class='bx bx-chevrons-right'></i> Truthfulness in our business
                                        </li>
                                        <li>
                                            <i class='bx bx-chevrons-right'></i> Unquestionable integrity
                                        </li>
                                    </ul>
                                    <a href="#" class="accompany-btn">
                                            Read More
                                            <i class='bx bx-right-arrow-alt'></i>
                                        </a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="tabs_item">
                        <div class="row align-items-center">
                            <div class="col-lg-6">
                                <div class="accompany-image">
                                    <img src="{{asset('frontend_assets/img/accompany/image6.jpg')}}" alt="image">
                                </div>
                            </div>

                            <div class="col-lg-6">
                                <div class="accompany-content">
                                    <h2>API integration</h2>
                                    <p>Our plan dolor sit amet conseetur diisci velit sed quiLorem ipsum dolor sit ame consectetur adipisicing elit</p>

                                    <ul class="list">
                                        <li>
                                            <i class='bx bx-chevrons-right'></i> Respect for all people
                                        </li>
                                        <li>
                                            <i class='bx bx-chevrons-right'></i> Excellence in everything we do
                                        </li>
                                        <li>
                                            <i class='bx bx-chevrons-right'></i> Truthfulness in our business
                                        </li>
                                        <li>
                                            <i class='bx bx-chevrons-right'></i> Unquestionable integrity
                                        </li>
                                    </ul>
                                    <a href="#" class="accompany-btn">
                                            Read More
                                            <i class='bx bx-right-arrow-alt'></i>
                                        </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End Accompany Area -->

    @include('layouts.frontendLayout.overview')
    
@endsection