@extends('layouts.master_website')

@section('title')
    Solution
@endsection

@section('our-solutions')
current
@endsection

@section('css')
@endsection

@section('content')

<!-- PAGE HEADER -->
<div id="hw-hero">
    {{-- <div id="page-header">
        <div class="title-breadcrumbs">
            <h1>OUR SOLUTIONS</h1>
            <div class="thebreadcumb">
                <ul class="breadcrumb">
                    <li><a href="#">Home</a></li>
                    <li class="active">Our Solutions</li>
                </ul>
            </div>
        </div>
    </div> --}}

        <!-- SLIDER -->
        <div class="slider-pro" id="index-slider2">
            <div class="sp-slides">
                <div class="sp-slide">
                    <img class="sp-image" src="images/banners/banner5.png" style="height: 330px;" alt="" />
                    <div class="hw-the-slider-content">
                    </div>
                </div>
            </div>
        </div>
        <!-- END OF SLIDER -->
</div>

<!--  BENEFITS -->
<section id="benefits" class="gray" style="">
    <div class="row">
        <div class="col-sm-12">
            <h2><span style="font-family: 'EB Garamond'">Key Benefits</span> of Practicing Innovation and Adopting Our Solutions</h2>
            <hr class="small" />
        </div>

        <div class="col-sm-12">
            <div class=""></div>
            <div id="accordion" class="style2 panel-group">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h4 class="panel-title">
                            <i class="indicator fa fa-plus-square-o pull-left"></i><a data-toggle="collapse" data-parent="#accordion" href="#collapse1">Increased Awareness, Improved Value Proposition, and Sustainable Business Model</a>
                        </h4>
                    </div>

                    <div id="collapse1" class="panel-collapse collapse">
                        <div class="panel-body">
                            <ul>
                                <li class="text-justify">Better understanding of the current user-needs, future trends, and target markets through adopting</li>
                                <li class="text-justify">the ‘user-centred design’, ‘user-driven development’, and ‘design thinking’ approaches</li>
                                <li class="text-justify">Increased awareness of the internal and external environment</li>
                                <li class="text-justify">Better adaptability of the business context and new developments</li>
                                <li class="text-justify">Improved value proposition (and unique selling proposition) with a sustainable business model</li>
                                <li class="text-justify">Innovative, differentiated, customized and user-friendly products and solutions</li>
                            </ul>
                        </div>
                    </div>
                </div>

                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h4 class="panel-title">
                            <i class="indicator fa fa-plus-square-o pull-left"></i>
                            <a data-toggle="collapse" data-parent="#accordion.style2" href="#collapse-style2-2" class="collapsed" aria-expanded="false">Increased Creativity, Change Adaptability, and Innovative Capabilities</a>
                        </h4>
                    </div>
                    <div id="collapse-style2-2" class="panel-collapse collapse" aria-expanded="false">
                        <div class="panel-body">
                            <ul>
                                <li class="text-justify">Increased creativity, innovative capabilities, and competitiveness</li>
                                <li class="text-justify">Increased readiness to effectively embrace the diversity and adapt the change</li>
                                <li class="text-justify">Increased risk-taking, entrepreneurial, proactive, and assertive attitudes</li>
                                <li class="text-justify">Increased ‘growth mindset’ and a positive approach towards learning from failures</li>
                                <li class="text-justify">Developing the innovation-conducive culture, structure, and practices</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h4 class="panel-title">
                            <i class="indicator fa fa-plus-square-o pull-left"></i>
                            <a data-toggle="collapse" data-parent="#accordion.style2" href="#collapse-style2-3" class="collapsed" aria-expanded="false">Productive Interactions, Effective Communications, and Trustful Relations</a>
                        </h4>
                    </div>
                    <div id="collapse-style2-3" class="panel-collapse collapse" aria-expanded="false">
                        <div class="panel-body">
                            <ul>
                                <li class="text-justify">Productive interactions and teamwork between employees, and better resource-coordination and work collaboration between the departments and different functional groups</li>
                                <li class="text-justify">Effective communications and improved relations with the internal and external stakeholders</li>
                                <li class="text-justify">Empowered, engaged, satisfied, and productive employees with a shared vision and passion</li>
                                <li class="text-justify">Improved relations with customers, and an increased customer-satisfaction and loyalty</li>
                                <li class="text-justify">Strengthened Innovation ecosystem to effectively transform the ideas into successful solutions, and in result a reduced time for idea to product conversion, and product to market transfer.</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h4 class="panel-title">
                            <i class="indicator fa fa-plus-square-o pull-left"></i>
                            <a data-toggle="collapse" data-parent="#accordion.style2" href="#collapse-style2-4" class="collapsed" aria-expanded="false">Efficient Production Systems and Improved Operational Processes</a>
                        </h4>
                    </div>
                    <div id="collapse-style2-4" class="panel-collapse collapse" aria-expanded="false">
                        <div class="panel-body">
                            <ul>
                                <li class="text-justify">Reduced costs and increased productivity through minimizing the wastes, resource redundancy, and duplication of efforts by adopting the ‘lean’ approach</li>
                                <li class="text-justify">Increased efficiency in product, process, and service development and its delivery through innovatively reconfiguring and streamlining the involved systems and processes</li>
                                <li class="text-justify">Effective organizational learning and knowledge management processes to fully benefit from the tacit and explicit knowledge of the employees and external sources</li>
                                <li class="text-justify">Improved and effective mechanisms and processes for the R&amp;D and IPR management</li>
                                <li class="text-justify">Constant improvements through incremental innovations by adopting the ‘Kaizen’ approach</li>
                                <li class="text-justify">Balanced innovation portfolio management and risk assessment</li>
                                <li class="text-justify">A systematically documented and continuously monitored ‘value assessment’ of the observed improvements and impacts generated by the initiated innovative projects, processes, and activities</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h4 class="panel-title">
                            <i class="indicator fa fa-plus-square-o pull-left"></i>
                            <a data-toggle="collapse" data-parent="#accordion.style2" href="#collapse-style2-5" class="collapsed" aria-expanded="false">Effective Marketing, Sales Growth, and Business Development</a>
                        </h4>
                    </div>
                    <div id="collapse-style2-5" class="panel-collapse collapse" aria-expanded="false">
                        <div class="panel-body">
                            <ul>
                                <li class="text-justify">Faster and sustainable sales growth with increased profitability</li>
                                <li class="text-justify">Improved capabilities of product commercialization by effectively employing the ‘innovative marketing’ techniques, and securing a competitive advantage in the market</li>
                                <li class="text-justify">Enhanced brand value with a creative edge through offering innovative solutions to customers</li>
                                <li class="text-justify">Deeper understanding of the diffusion and adoption of innovation processes to increase the chances for the successful launch and deployment of innovations in the targeted markets</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--  END OF BENEFITS -->

<!-- SERVICES INTRO -->
{{--
<section class="services2">
    <div class="row">
        <div class="col-md-7">
            <h2 class="text-left">OUR INNOVATIVE <span>SOLUTIONS</span></h2>
            <h5>SOLUTIONS FOR STARTUPS, SMEs AND LARGE ORGANIZATIONS</h5>
            <p class="mb-5">
                We offer the following key products and services to our valuable clients to make a difference in their innovation capabilities, readiness, and resulting performance. Our innovative solution are relevant to all types of
                organizations regardless of their size, sector, age, or nature of business;
            </p>

            <p id="innovative-solution-learn-more" class="mb-5">
                Our innovative solutions are designed to help organizations develop their innovation capabilities, readiness, and the resulting performance. The IIA Innovation Audit survey is a diagnostic tool, which has been specifically
                designed for the relatively established SMEs and large-sized business organizations, particularly within the manufacturing and services sectors; however, it is also quite relevant and useful for diagnosing the innovative
                capability and readiness of the education-, health-, social-, and public-sector organizations. Nevertheless, the IIA audit survey is also effective for the relatively new (entrepreneurial firms) and other types of
                organizations, as it would pave the path and set the direction for these organization for their future development. Furthermore, the Innoplore Innovation Platform (IIP) and Innoplore Training and Consultancy (ITC) are
                equally useful and relevant to all types of organizations to help them develop their innovation capacity.
            </p>

            <a id="innovative-solution-learn-more-btn" class="custom-btn">Learn More</a>
        </div>

        <div class="col-md-5">
            <div class="image-padding-shadow text-center"><img src="images/innovation.png" width="275px" alt="" /></div>
        </div>
    </div>
</section>
--}} {{-- <span class="anchor" id="services1"></span> --}} {{--
<section class="services2 gray">
    <div class="row">
        <div class="col-md-12">
            <h2>CONTEXTUAL UNDERSTANDING OF THE <span>ORGANIZATIONS</span></h2>
            <p class="text-center">
                To fully benefit from our offered solutions, we need to first understand your organizational context better; so that we could offer a customized solution befitting to your specific requirements and challenges. Therefore, we
                recommend a learning roadmap for your organization while adopting to our solutions by following the same chronological order as they are presented here.
            </p>
        </div>
    </div>
</section>
--}} {{--
<section class="services2">
    <div class="row">
        <div class="col-sm-12">
            <h2><span>INNOVATION</span> MANAGEMENT SYSTEM</h2>
            <p class="text-center">Innoplore offers the following three important solutions that effectively address the organizational key requirements at the three critical phases of developing its Innovation Management System.</p>
            <hr class="small" />

            <!-- TABS -->
            <div class="tabbable bigtabs tabs-top-horizontal">
                <ul class="nav nav-tabs">
                    <li class="active">
                        <a href="#discovery-phase" data-toggle="tab"><span class="badge">1</span> Discovery Phase</a>
                    </li>
                    <li>
                        <a href="#alignment-phase" data-toggle="tab"><span class="badge">2</span> Alignment Phase</a>
                    </li>
                    <li>
                        <a href="#implementation-phase" data-toggle="tab"><span class="badge">3</span> Implementation Phase</a>
                    </li>
                </ul>

                <div class="tab-content">
                    <div class="tab-pane fade in active" id="discovery-phase">
                        <h4>DISCOVERY PHASE</h4>
                        <p class="subtitle">Completing the case examination and diagnostics through employing Innoplore Innovation Audit (IIA) survey, receiving a report with a list of recommended activities, and a roadmap</p>
                    </div>

                    <div class="tab-pane fade in" id="alignment-phase">
                        <h4>ALIGNMENT PHASE</h4>
                        <p class="subtitle">Systematically documenting the organizational resources and support database to build the innovation ecosystem through employing the tool of Innoplore Innovation Platform (IIP).</p>
                    </div>

                    <div class="tab-pane fade in" id="implementation-phase">
                        <h4>IMPLEMENTATION PHASE</h4>
                        <p class="subtitle">Adopting the proposed implementation strategy and innovation roadmap for your organization through employing our bespoke Innoplore Training &amp; Consultancy (ITC)</p>
                    </div>
                </div>
            </div>
            <!-- END OF TABS -->
        </div>
    </div>
</section>
--}} {{--
<div class="spacing-45"></div>
--}}

<!-- SERVICES -->
<section class="services2 shortcodes">
    <div class="row">
        <div class="col-sm-12">
            <h2>Our <span style="font-family: 'EB Garamond'; color: #07bdf2;">Solutions</span></h2>
            {{-- <p class="text-center mt-2">Our customized innovative solutions are smartly packaged with very competitive prices to precisely meet your specific requirements.</p> --}}

            {{--
            <hr class="small" />
            --}}

            <p class="text-justify mb-5 mt-2">
                Our customized innovative solutions are smartly packaged with very competitive prices to precisely meet your specific requirements. In order to deliver an optimal and customized solution to address your specific challenges and requirements, we need to first improve our understanding of your organizational context. However, our offered solutions can be adopted in any order and we will ensure to make it tailored to your specific requirements.</p>
<p class="text-left">
<strong>Phase 1:</strong> Innoplore Innovation Audit (IIA) for Diagnosis<br/>
<strong>Phase 2:</strong> Innoplore Innovation Platform (IIP) for Reinforcement<br/>
<strong>Phase 3:</strong> Innoplore Training & Consultancy (ITC) for Implementation<br/>
            </p>

            <!--  ICON BOXES 1 -->
            <div class="block-grid-sm-3 block-grid-xs-1 icon-box">
                <!-- FEATURE 1 -->
                <div class="block-grid-item">
                    <div class="shadow-effect">
                        <!-- <span class="typcn typcn-chart-area-outline"></span> -->
                        <a href="http://iia.innoplore.com/">
                            <div style="background-image: url('images/banners/6.jpg'); height: 220px; background-size: cover;"></div>
                        </a>
                        <h3 style="height: 35px;"> Innoplore Innovation Audit (IIA) for Diagnosis</h3>
                        <!-- <p>Phosfluorescently engage worldwide methodologies with web-enabled technology.</p> -->
                        <a class="btn btn-default" href="http://iia.innoplore.com/" role="button">Explore</a>
                    </div>
                </div>
                <!-- END OF FEATURE 1 -->
                <!-- FEATURE 2 -->
                <div class="block-grid-item">
                    <div class="shadow-effect">
                        <!-- <span class="typcn typcn-chart-bar"></span> -->
                        <a href="http://iip.innoplore.com/">
                            <div style="background-image: url('images/banners/7.jpg'); height: 220px; background-size: cover;"></div>
                        </a>
                        <h3 style="height: 35px;">Innoplore Innovation Platform (IIP) for Reinforcement</h3>
                        <!-- <p>Completely pursue scalable customer service through sustainable potentialities.</p> -->
                        <a class="btn btn-default" href="http://iip.innoplore.com/" role="button">Explore</a>
                    </div>
                </div>
                <!-- END OF FEATURE 2 -->
                <!-- FEATURE 3 -->
                <div class="block-grid-item">
                    <div class="shadow-effect">
                        <!-- <span class="typcn typcn-chart-line-outline"></span> -->
                        <a href="http://itc.innoplore.com/">
                            <div style="background-image: url('images/banners/8.jpg'); height: 220px; background-size: cover;"></div>
                        </a>
                        <h3 style="height: 35px;">Innoplore Training & Consultancy (ITC) for Implementation</h3>
                        <!-- <p>Collaboratively administrate turnkey channels whereas virtual e-tailers.</p> -->
                        <a class="btn btn-default" href="http://itc.innoplore.com/" role="button">Explore</a>
                    </div>
                </div>
                <!-- END OF FEATURE 3 -->
            </div>
            <!--  END OF ICON BOXES 1 -->
        </div>
    </div>
</section>
<!-- END OF SERVICES -->

<section class="services gray">
    <div class="row">
        <div class="col-sm-12">
            <h2><span style="font-family: 'EB Garamond'">Who Should Use</span> Our Solutions?</h2>
            <p class="text-justify mt-2">
                The Innoplore solutions are essentially relevant and transformative for all types of organizations
                in terms of adopting the innovation ‘best practices’, developing the ‘innovative capabilities’,
                implementing an effective ‘idea management system’, and strengthening the supporting
                ‘innovation ecosystem’. Hence, we aim at producing a documented and significant difference in
                the relative performance and competitiveness of all types of organizations, regardless of their age,
                size, or sector. Learning, practicing, and excelling in innovation is increasingly being considered
                an essential requirement for the organizational survival and growth in today’s change-driven and
                innovation-led global economy.
            </p>
            {{--
            <hr class="small" />
            --}}

            {{-- <p class="text-center mt-2">
                Learning, practicing, and excelling in innovation is now increasingly being considered an essential requirement for the organizational survival and growth in today’s change-driven and innovation-led global economy. Our
                innovative solutions are specifically designed to help organizations develop their innovation capabilities, ecosystem, and readiness, and thereby producing a significant difference in their resulting performance and
                competitiveness.
            </p> --}}
        </div>
    </div>
</section>

<!--  FORM -->
 <section id="contact-form" class="contact-form" style="padding-top:20px; padding-bottom: 80px;">
    <div class="row">
    <div class="col-sm-12">
     <h2>Send Us a <span style="font-family: 'EB Garamond'">Message</span></h2>
     <p class="text-justify">Please share your comments, suggestions, concerns, and questions with us. We will be delighted
      to listen to you, and to assist you with any of your queries as soon as possible.</p>
    <hr class="small"/>

    @if(Session::has('success'))
    <div class="alert alert-success d-flex align-items-center" role="alert">
        <div class="flex-00-auto">
            <i class="fa fa-fw fa-check-circle"></i>
            <p class="mb-0" style="display:inline;">{{ Session::get('success') }}</p>
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
        </div>
    </div>
    @endif
    </div>
    </div>
    <div class="row">
    <div class="col-sm-12">
      <div id="loader"></div>
     <div id="sendstatus"></div>
       <div id="contactform">
        <form method="post" id="contact_us_form" action="/contact">
          @csrf
          <div class="row">
            <div class="col-sm-6">
                <p><label for="name">Name:</label> <input type="text" class="form-control" name="name" id="name" required tabindex="1" /></p>
                <p><label for="email">Email:</label> <input type="email" class="form-control" name="email" id="email" required tabindex="2" /></p>
                <p><label for="phone">Phone Number:</label> <input type="text" class="form-control" name="phone" id="phone" required tabindex="3" /></p>
                <p><label for="company">Organization Name:</label> <input type="text" class="form-control" name="company" id="company" required tabindex="4" /></p>
                <p><label for="sector">Industry / Sector:</label>
                  <select name="sector" id="sector" required class="form-control">
                    <option value="">Select Industry / Sector...</option>
                    @foreach($industries as $industryID => $industry)
                        <option value="{{ $industry }}" {{ old('industry') == $industry ? 'selected' : '' }}>{{ $industry }}</option>
                    @endforeach
                </select>
              </p>
            </div>
            <div class="col-sm-6">
              <p><label for="country">Country:</label>
                <select name="country" id="country" required class="form-control">
                  <option value="">Select Country...</option>
                  @foreach($countries as $country)
                      <option value="{{ $country->id}}" {{ old('country') == $country->id ? 'selected' : '' }}>{{ $country->name }}</option>
                  @endforeach
              </select>
            </p>
            <p><label for="city">City:</label>
              <select name="city" id="city" class="form-control form-control-lg form-control-alt">
                  <option value="">Select City...</option>
              </select>
            </select>
          </p>
              <p><label for="subject">Subject:</label>
                  <select name="subject" id="subject" required class="form-control">
                      <option value="">Select Subject...</option>
                      <option value="Comment">Comment</option>
                      <option value="Question">Question</option>
                      <option value="Concern">Concern</option>
                      <option value="Suggestion">Suggestion</option>
                      <option value="Channel Partner">Channel Partner</option>
                      <option value="Other">Other</option>
                </select>
              </p>
              <p><label for="comments">Message:</label> <textarea  class="form-control" name="comments" id="comments" required tabindex="6"></textarea></p>
            </div>
          </div>
            <div class="row">
              <div class="col-sm-3">
              </div>
              <div class="col-sm-6">
                  <div class="form-group text-center">
                    <div class="g-recaptcha" style="display: inline-block;" data-sitekey="6Lfb0mApAAAAAN4l3LIjnc7wakjaQXaMHuwQveNk"></div>
                    <input type="hidden" class="hiddenRecaptcha required" name="hiddenRecaptcha" data-callback="recaptchaCallback" id="hiddenRecaptcha">
                </div>
              </div>

              <div class="col-sm-3">
              </div>
            </div>
            <p><input name="submit" type="submit" id="submit" class="submit" value="Send" tabindex="5" /></p>
          </div>
        </form>

    </div>
    </div>
    </div>
    </section>
    <!--  END OF FORM -->

@endsection

@section('js')
<script>
    $("#innovative-solution-learn-more").hide();
    $("#innoplore-solution-learn-more").hide();

    $("#innovative-solution-learn-more-btn").click(function () {
        $("#innovative-solution-learn-more").toggle();
    });

    $("#innoplore-solution-learn-more-btn").click(function () {
        $("#innoplore-solution-learn-more").toggle();
    });
</script>
@endsection