@extends('welcome')

@section('content')
<section class="container start-speaking">
      <div class="row">
        <div class="col-md-7 col-xl-5 ml-lg-5">
          <h2>Just Speak and Type with Your Voice in (English & Hindi)
            <span class="typed"></span>
            <span class="typed-strings">English
              <span>English </span>
               <span>हिंदी</span>
              </span>
            </h2>                   
          <span class="typed1"></span>
          <span class="typed1-strings">
            <span>Teacher</span>
            <span>Student</span>
            <span>Writers</span>
            <span>Bloggers</span>
            <span>Police</span>
            <span>Doctor</span>
            <span>News repoters</span>
            <span>Lawyers</span>
</span>
using the magic of <strong>BhashaLekhan</strong>
            a powerful speech-enabled online web application designed to empower ideas by implementing a clean &
            efficient design, so you can focus on your thoughts
          
        </div>
        <div class="col-sm-5 col-xl-6 speaking">
          <p>Start Speaking and Create Your Doc
            <span class="typed2"></span>
            <span class="typed2-strings">
              <span>...</span>
              <span>...</span>
            </span>
          </p>
          <a class="mike-bg">
            <img src="{{ URL::asset('newdesign/img/mike-blink.png') }}">
            <span class="ripple animationBg"></span>
            <span class="ripple animationBg"></span>
            <span class="ripple animationBg"></span>
          </a>
          <span class="communication-icon">
            <img src="{{ URL::asset('newdesign/img/communication.png') }}">
          </span>
        </div>
      </div>
    </section>
    <section class="container">
      <div class="row">
        <div class="col-sm-9">
          <h3>
            Dazzle the world with Your
            <!-- <span class="typed3"></span> -->
          <!-- <span class="typed3-strings"> -->
            <span class="typed3-strings">
            <span>Reports</span>
            <span>Articles</span>
            <span>Blogs</span>
            <span>Agreements</span>
            <span>Projects</span>
            <span>Prescription</span>
          </span>
           so good no one will
            believe you How fast you made them.
          </h3>
        </div>
        <div class="col-sm-3"></div>
      </div>
    </section>
    <section class="container path-img">
      <div class="row">
        <div class="col-sm-6">
          <aside class="doctor">
            <span>Doctor can create:
              <ul>
                <li>Prescription</li>
                <li>Medical reports</li>
              </ul>
            </span>
          </aside>
          <aside class="teacher">
            <span>Teachers can create:
              <ul>
                <li>Question Papers</li>
                <li>Notes</li>
                <li>Reports</li>
              </ul>
            </span>
          </aside>
          <aside class="lawyer">
            <span>Lawyer can create:
              <ul>
                <li>Agreements</li>
                <li>Case Reports</li>
                <li>Notes</li>
              </ul>
            </span>
          </aside>
        </div>
        <div class="col-sm-6">
          <aside class="students">
            <span>Students can create:
              <ul>
                <li>Assignments</li>
                <li>Note</li>
                <li>Projects</li>
              </ul>
            </span>
          </aside>
          <aside class="police">
            <span>Police can create:
              <ul>
                <li>Case Diary</li>
                <li>Investigation Performa</li>
                <li>Inquest Performa, etc.</li>
              </ul>
            </span>
          </aside>
          <aside class="writter">
            <span>Writter can create:
              <ul>
                <li>Book Draft</li>
                <li>Articles</li>
                <li>Blogs</li>
                <li>Reviews, etc.</li>
              </ul>
            </span>
          </aside>
        </div>
      </div>
    </section>
    <div class="clearfix"></div>
    <section class="how-works container">
      <span class="heading">How it Works?</span>
      <p>No software installation required. All you need is a browser.</p>
      <div class="row">
        <div class="col-12 col-sm-6 text-left"><img src="{{ URL::asset('newdesign/img/register.png') }}" class="img-fluid"></div>
        <div class="col-12 col-sm-6">
          <div class="steps">
            <div class="step">1st STEP</div>
            <div class="count">01</div>
            <div class="txt-register">
              <span>Register your account</span>
              <div>Never run out of time and deadlines</div>
            </div>
          </div>
        </div>
      </div>
      <div class="row mt-3 mt-md-5">
        <div class="col-12 col-sm-6 order-2 order-md-12">
          <div class="steps">
            <div class="step">2nd STEP</div>
            <div class="count">02</div>
            <div class="txt-register">
              <span>Start creating your Reports, Articles, Blogs, Agreements, Projects, Prescription</span>
              <div>Create your personalized document by login
in BhashaLekhan using registered credentials</div>
            </div>
          </div>
        </div>
        <div class="col-12 col-sm-6 text-left order-1 order-md-12"><img src="{{ URL::asset('newdesign/img/creating.svg') }}" class="img-fluid"></div>
      </div>
      <div class="row mt-5">
        <div class="col-sm-6 text-left"><img src="{{ URL::asset('newdesign/img/share.svg') }}" class="img-fluid"></div>
        <div class="col-sm-6">
          <div class="steps">
            <div class="step">3rd STEP</div>
            <div class="count">03</div>
            <div class="txt-register">
              <span>Share, Print and download your Documents</span>
              <div>Everything you make is yours to keep forever. Share it on email or print download it for later.</div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <section class="join-banner">
      <div class="container">
        <div class="detail">
          <h2>Join millions of users and create your own document in minutes</h2>
          <p>No software installation required. All you need is a Google chrome browser.</p>
          <div class="border"></div>
          <h3>Sign up for Free today</h3>
          <a href="/user/user-register"><button class="btn-started">Get Started</button></a>
        </div>
      </div>
    </section>
    <scetion class="screens d-block mb-5">
      <div class="container">
        <p class="mb-5">Ease your day to day work with BhashaLekhan’ s personalized or own brand 
          <span class="typed4"></span>
          <span class="typed4-strings">
            <span>Reports</span>
            <span>Articles</span>
            <span>Blogs</span>
            <span>Agreements</span>
            <span>Projects</span>
            <span>Medical Prescription</span>
          </span>
          
         </p>
        <div class="row mt-5">
          <div class="col-12 text-center col-sm-4"><img src="{{ URL::asset('newdesign/img/design1.png') }}" class="img-fluid"></div>
          <div class="col-12 text-center col-sm-4"><img src="{{ URL::asset('newdesign/img/design2.png') }}" class="img-fluid"></div>
          <div class="col-12 text-center col-sm-4"><img src="{{ URL::asset('newdesign/img/design3.png') }}" class="img-fluid"></div>
        </div>
        <div class="text-center"><button class="btn-premium">Get Started</button></div>
      </div>
    </scetion>
    <section class="customer-say">
      <div class="container customer-bg">
        <h2>What Customer say</h2>
        <div class="customer-slider mt-5 slider">
          <div class="container">
           
          <div class="row">
           
            <div class="col-sm-6 pl-5">
                <img src="{{ URL::asset('newdesign/img/customer1.png') }}" class="img-fluid">     
            </div>
              <div class="col-sm-6">
               
                <div class="slider-content">
                  <p>
                    Awesome. It makes an easy way to all of my educational stuff. I know, it will
help me. It saves my valuable time. Accuracy is good. Great work...!!!
                  </p>
                  <div class="name">
                    <h6>Mr. Aryan Jain</h6>
                    <p>Student</p>
                  </div>
                </div>
              </div>
            
          </div>
         
      
          </div>
          <div class="container">
           
            <div class="row">
             
              <div class="col-sm-6 pl-5">
                  <img src="{{ URL::asset('newdesign/img/customer1.png') }}" class="img-fluid">     
              </div>
                <div class="col-sm-6">
                 
                  <div class="slider-content">
                    <p>
                      This BhashaLekhan is a godsend, it is well designed, accurate, and makes
dictation impeccably easy and fast. It&#39;s as if someone created an app knowing
exactly what you want for dinner without asking for your preferences. Yum.
Just try it.
                    </p>
                    <div class="name">
                      <h6>Humera Parveen</h6>
                      <p>Professor</p>
                    </div>
                  </div>
                </div>
              
            </div>
           
        
            </div>
            <div class="container">
           
              <div class="row">
               
                <div class="col-sm-6 pl-5">
                    <img src="{{ URL::asset('newdesign/img/customer1.png') }}" class="img-fluid">     
                </div>
                  <div class="col-sm-6">
                   
                    <div class="slider-content">
                      <p>
                        I write for a living and am self-employed, which means I don't get paid days
off and must meet deadlines to maintain my reputation and income.
BhashaLekhan made it possible for me to continue working without missing a
beat. I am incredibly impressed (and thankful) and would recommend
BhashaLekhan to anyone!
                      </p>
                      <div class="name">
                        <h6>Dr Hemen Verma</h6>
                        <p>Dentist</p>
                      </div>
                    </div>
                  </div>
                
              </div>
             
          
              </div>

              <div class="container">
           
              <div class="row">
               
                <div class="col-sm-6 pl-5">
                    <img src="{{ URL::asset('newdesign/img/customer1.png') }}" class="img-fluid">     
                </div>
                  <div class="col-sm-6">
                   
                    <div class="slider-content">
                      <p>
                        I write for a living and am self-employed, which means I don't get paid days off and must meet deadlines to maintain my reputation and income. BhashaLekhan made it possible for me to continue working without missing a beat. I am incredibly impressed (and thankful) and would recommend BhashaLekhan to anyone!
                      </p>
                      <div class="name">
                        <h6>Ashmita Chatterjee</h6>
                        <p>Writer</p>
                      </div>
                    </div>
                  </div>
                
              </div>
             
          
              </div>

              <div class="container">
           
              <div class="row">
               
                <div class="col-sm-6 pl-5">
                    <img src="{{ URL::asset('newdesign/img/customer1.png') }}" class="img-fluid">     
                </div>
                  <div class="col-sm-6">
                   
                    <div class="slider-content">
                      <p>
                        It is a really useful devise and it is very capable of understanding different types of diction. It does make some very minor mistakes from time to time, (but I am very picky here). What is so remarkable is that you get a very competent application that is totally free!!!!!!!
                      </p>
                      <div class="name">
                        <h6>Shruthi Bist</h6>
                        <p>Advocate – Supreme Court of India</p>
                      </div>
                    </div>
                  </div>
                
              </div>
             
          
              </div>

              <div class="container">
           
              <div class="row">
               
                <div class="col-sm-6 pl-5">
                    <img src="{{ URL::asset('newdesign/img/customer1.png') }}" class="img-fluid">     
                </div>
                  <div class="col-sm-6">
                   
                    <div class="slider-content">
                      <p>
                        Thank you so much for your amazing work. I am using BhashaLekhan now for almost a Month, and I'm very pleased with the results! I have tested several other services, including Services who use as well other speech recognition software, but they don't work all that good. It capitalizes the beginning of a sentences, save your documents... very good! I'm here to stay!
                      </p>
                      <div class="name">
                        <h6>Dr Hemen Verma</h6>
                        <p>Dentist</p>
                      </div>
                    </div>
                  </div>
                
              </div>
             
          
              </div>
              
        </div>
      </div>
    </section>
    <script type="text/javascript">
    $(document).ready(function(){
      $('.slider').slick({
        autoplay: true,
        arrows: true,
        dots: true,
        vertical: true
    });
              
    });
  </script>
@endsection