@extends('layout.app')


@section('content')
    <!-- section start -->
    <section class="layout-pt-2xl layout-pb-sm">
        <div data-anim-wrap>
          <!-- container start -->
          <div class="container">
            <!-- row start -->
            <div class="row justify-content-between">
              <div class="col-lg-5 col-md-10">
                <div data-anim-child="slide-up" class="sectionHeading -sm">
                  <h1 class="sectionHeading__title">
                    Empowering Businesses with Efficient Accounting Solutions.
                  </h1>
                </div>
              </div>

              <div class="col-lg-6 col-md-10 md:mt-32 sm:mt-20">
                <div data-anim-child="slide-up delay-1">
                  <p class="text-lg sm:text-base">
                    Business Basket is a remedy for accounting and business solution which provide improved and hassle free business service within a meantime. 
                  </p>
                  <p class="text-lg sm:text-base mt-32 md:mt-20">
                    It is an online marketplace for various business needs ranging from registration to liquidation, along with accounting, financial, legal and compliance of business.
                    It is the platform where business services are carried as per the clients requirement. No traffics, No hassles, No struggle just seek for help, professionals will get your job done. 
                  </p>
                </div>
              </div>
            </div>
            <!-- row end -->
          </div>
          <!-- container end -->
        </div>
      </section>
      <!-- section end -->

      <!-- section start -->
      <section class="layout-pt-lg layout-pb-sm">
            <!-- container start -->
            <div class="container-fluid px-0">
            <!-- row start -->
            <div class="row no-gutters align-items-center">
                <div class="col-lg-6 z-1">
                <div class="ratio ratio-1:1" data-parallax="0.7">
                    <div
                    data-parallax-target
                    class="bg-image js-lazy"
                    data-bg="{{ asset('img/general/summary.jpg') }}"
                    ></div>
                </div>
                </div>

                <div class="col-xl-4 col-lg-5 offset-lg-1 md:mt-48 z-2">
                <div class="sectionHeading -sm md:container pt-16">
                    <h2 class="sectionHeading__title fw-700 leading-md">
                        बिजनेश बास्केट 
                        <br>
                        <span class="highlight">"तपाईको व्यवसायिक साथी"</span>
                    </h2>

                    <!-- row start -->
                    <div class="row x-gap-32 y-gap-60 layout-pt-md">
                    <div class="col-xl-5 col-lg-6 col-md-5 col-sm-6">
                        <div
                            data-anim="counter delay-1"
                            data-counter="500"
                            data-counter-add="+"
                            class="counter"
                        >
                        <h2 class="number -md -left fw-300 js-counter-num">
                            0+
                        </h2>
                        <h3 class="text-lg text-dark fw-500 mt-20">
                            Business Registered
                        </h3>
                        </div>
                    </div>

                    <div class="col-xl-5 col-lg-6 col-md-5 col-sm-6">
                        <div
                            data-anim="counter delay-1"
                            data-counter="100"
                            data-counter-add="+"
                            class="counter"
                        >
                        <h2 class="number -md -left fw-300 js-counter-num">
                            0+
                        </h2>
                        <h3 class="text-lg text-dark fw-500 mt-20">
                            Accounting Projects
                        </h3>
                        </div>
                    </div>

                    <div class="col-xl-5 col-lg-6 col-md-5 col-sm-6">
                        <div
                            data-anim="counter delay-1"
                            data-counter="200"
                            data-counter-add="+"
                            class="counter"
                        >
                        <h2 class="number -md -left fw-300 js-counter-num">
                            0+
                        </h2>
                        <h3 class="text-lg text-dark fw-500 mt-20">
                            AMC Customers
                        </h3>
                        </div>
                    </div>

                    <div class="col-xl-5 col-lg-6 col-md-5 col-sm-6">
                        <div
                            data-anim="counter delay-1"
                            data-counter="250"
                            data-counter-add="+"
                            class="counter"
                        >
                        <h2 class="number -md -left fw-300 js-counter-num">
                            0+
                        </h2>
                        <h3 class="text-lg text-dark fw-500 mt-20">
                            Training & Placement
                        </h3>
                        </div>
                    </div>
                    </div>
                    <!-- row end -->
                </div>
                </div>
            </div>
            <!-- row end -->
            </div>
            <!-- container end -->
      </section>
      <!-- section end -->

      <!-- section start -->
      <section class="layout-pt-lg layout-pb-sm">
            <!-- container start -->
            <div data-anim-wrap class="container">
            <!-- row start -->
            <div class="row justify-content-center text-center">
                <div class="col-xl-11 col-lg-10">
                <div class="sectionHeading -sm">
                    <p class="sectionHeading__subtitle">Our Vision</p>
                    <h2 class="leading-lg mt-32 text-3xl">
                    We believe that the ultimate source of success is our happy
                    clients. We are always passionate to meet our customer
                    demands, lessen their managerial burden and to create the
                    friendly atmosphere between the employee and employers.
                    Secondly, our priority is to offer best in class training
                    and placement service at the most affordable rate with the
                    mission to minimize the unemployment in Nepal.
                    </h2>
                </div>
                </div>
            </div>
            <!-- row end -->
            </div>
            <!-- container end -->
      </section>
      <!-- section end -->

      <!-- section start -->
      <section class="layout-pt-lg layout-pb-sm">
            <!-- container start -->
            <div class="container">
            <!-- row start -->
            <div data-anim-wrap class="row align-items-center">
                <div class="col-lg-6 z-1">
                    <div data-anim-child="img-right cover-dark-2 delay-2">
                        <div class="ratio ratio-3:4" data-parallax="0.7">
                            <div
                                data-parallax-target
                                class="bg-image js-lazy"
                                data-bg="{{ asset('img/general/test.jpg') }}"
                            ></div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-5 offset-lg-1 col-md-9 md:mt-48 z-2">
                <div data-anim-child="slide-up" class="sectionHeading -md">
                    <h3 class="sectionHeading__title">
                    Our code of ethics
                    </h3>
                </div>

                <div data-anim-child="slide-up delay-1">
                    <p class="text-lg text-black fw-500 mt-32">
                    We treat our customers and associates with respect and
                    courtesy expected from a respected enterprise, We deliver
                    on our promises and only ask for what's fair, most times
                    less but never more.
                    </p>
                </div>

                <div data-anim-child="slide-up delay-2">
                    <p class="text-lg leading-5xl mt-24">
                    Bringing the accounting and business service customized
                    for your needs. Without sacrificing the quality and
                    service you deserve, by listening and bringing your ideas
                    to life Our team keeps stressing over your business to
                    maintain values. By setting the trend and going beyond
                    from account bookkeeping to corporate auditing, our
                    expertise is sure to surprise you at short glance.
                    </p>
                </div>
                </div>
            </div>
            <!-- row end -->
            </div>
            <!-- container end -->
      </section>
      <!-- section end -->

      <!-- section start -->
      <section class="layout-pt-lg layout-pb-sm">
            <!-- container start -->
            <div class="container">
                <!-- row start -->
                <div data-anim-wrap class="row align-items-center">
                    <div class="col-lg-5 col-md-9 md:mt-48 z-2">
                    <div data-anim-child="slide-up" class="sectionHeading -md">
                        <h3 class="sectionHeading__title">
                        Corporate social responsibility
                        </h3>
                    </div>

                    <div data-anim-child="slide-up delay-1">
                        <p class="text-lg text-black fw-500 mt-32">
                        Every Business contribution directly empowers the family.
                        From difficult economic times during the recession to a
                        stable and healthy business through dignified, hard work,
                        our customers have kept coming back for their special
                        moments. 
                        </p>
                    </div>

                    <div data-anim-child="slide-up delay-2">
                        <p class="text-lg leading-5xl mt-24">
                        You allow us the opportunity to give back to the
                        community with free training and rational employment,
                        donations and discounts to schools and nonprofits. That's
                        worth CELEBRATING!
                        </p>
                    </div>
                    </div>

                    <div class="col-lg-6 offset-lg-1 z-1">
                    <div data-anim-child="img-right cover-dark-2 delay-2">
                        <div class="ratio ratio-3:4" data-parallax="0.7">
                        <div
                            data-parallax-target
                            class="bg-image js-lazy"
                            data-bg="{{ asset('img/general/we-care.jpg') }}"
                        ></div>
                        </div>
                    </div>
                    </div>
                </div>
                <!-- row end -->
            </div>
            <!-- container end -->
      </section>
      <!-- section end -->

    <!-- section start -->
    <section class="layout-pt-lg layout-pb-lg">
        <!-- container start -->
        <div class="container">
            <!-- row start -->
            <div class="row justify-content-center text-center">
            <div class="col-lg-7">
                <div class="sectionHeading -md">
                <p class="sectionHeading__subtitle">Professionals</p>
                <h3 class="sectionHeading__title">Our Team</h3>
                <p class="text-lg sm:text-base mt-24">
                    None of us is as smart as all of us.
                </p>
                </div>
            </div>
            </div>
            <!-- row end -->

            <!-- row start -->
            <div class="row x-gap-48 y-gap-48 layout-pt-md">
                <div class="col-lg-4 col-sm-6">
                    <div data-anim="slide-up" class="teamCard">
                    <div class="teamCard__img">
                        <div>
                        <div
                            class="bg-image ratio ratio-2:3 js-lazy"
                            data-bg="{{ asset('img/team/suman.png') }}"
                        ></div>
                        </div>
                    </div>

                    <div class="teamCard__content text-center mt-24">
                        <h4 class="teamCard__title text-2xl fw-500">
                        Suman Gurung
                        </h4>

                        <p
                        class="teamCard__text text-xs uppercase tracking-md fw-500 mt-8"
                        >
                        chairperson
                        </p>
                    </div>
                    </div>
                </div>

                <div class="col-lg-4 col-sm-6">
                    <div data-anim="slide-up" class="teamCard">
                    <div class="teamCard__img">
                        <div>
                        <div
                            class="bg-image ratio ratio-2:3 js-lazy"
                            data-bg="{{ asset('img/team/bikash.png') }}"
                        ></div>
                        </div>
                    </div>

                    <div class="teamCard__content text-center mt-24">
                        <h4 class="teamCard__title text-2xl fw-500">
                        Bikash Joshi
                        </h4>

                        <p
                        class="teamCard__text text-xs uppercase tracking-md fw-500 mt-8"
                        >
                        manager
                        </p>
                    </div>
                    </div>
                </div>


                <div class="col-lg-4 col-sm-6">
                    <div data-anim="slide-up" class="teamCard">
                    <div class="teamCard__img">
                        <div>
                        <div
                            class="bg-image ratio ratio-2:3 js-lazy"
                            data-bg="{{ asset('img/team/tara.png') }}"
                        ></div>
                        </div>
                    </div>

                    <div class="teamCard__content text-center mt-24">
                        <h4 class="teamCard__title text-2xl fw-500">
                        Tara Thapa
                        </h4>

                        <p
                        class="teamCard__text text-xs uppercase tracking-md fw-500 mt-8"
                        >
                        Administrator
                        </p>
                    </div>
                    </div>
                </div>

                <div class="col-lg-4 col-sm-6">
                    <div data-anim="slide-up" class="teamCard">
                    <div class="teamCard__img">
                        <div>
                        <div
                            class="bg-image ratio ratio-2:3 js-lazy"
                            data-bg="{{ asset('img/team/nabin.png') }}"
                        ></div>
                        </div>
                    </div>

                    <div class="teamCard__content text-center mt-24">
                        <h4 class="teamCard__title text-2xl fw-500">
                        Nabin Lamichhane
                        </h4>

                        <p
                        class="teamCard__text text-xs uppercase tracking-md fw-500 mt-8"
                        >
                        Marketing head
                        </p>
                    </div>
                    </div>
                </div>

                <div class="col-lg-4 col-sm-6">
                    <div data-anim="slide-up" class="teamCard">
                    <div class="teamCard__img">
                        <div>
                        <div
                            class="bg-image ratio ratio-2:3 js-lazy"
                            data-bg="{{ asset('img/team/bishal.png') }}"
                        ></div>
                        </div>
                    </div>

                    <div class="teamCard__content text-center mt-24">
                        <h4 class="teamCard__title text-2xl fw-500">
                        Bishal Thapa
                        </h4>

                        <p
                        class="teamCard__text text-xs uppercase tracking-md fw-500 mt-8"
                        >
                        social media
                        </p>
                    </div>
                    </div>
                </div>
            </div>
            <!-- row end -->
        </div>
        <!-- container end -->
    </section>
    <!-- section end -->

    <!-- section start -->
    <section data-parallax="0.7" class="layout-pt-lg layout-pb-lg">
        <div
            data-parallax-target
            class="overlay-black-md bg-image js-lazy"
            data-bg="{{ asset('img/contact/contact-us.jpg') }}"
        ></div>

        <!-- container start -->
        <div class="container z-5">
            <!-- row start -->
            <div class="row justify-content-center text-center">
            <div class="col-12">
                <p class="text-sm uppercase tracking-lg text-white mb-20">
                Contact us
                </p>

                <h4
                class="text-5xl sm:text-5xl xs:text-4xl leading-sm fw-700 text-white"
                >
                Have a query?
                </h4>

                <p class="text-xl md:text-lg text-white mt-16">
                Small or big, we've got you covered!
                </p>

                <a
                href="contact"
                class="button -md -white text-black mt-32"
                >
                Get in Touch
                </a>
            </div>
            </div>
            <!-- row end -->
        </div>
        <!-- container end -->
    </section>
    <!-- section end -->
@endsection