@extends('layouts.app')

@section('title')
About Us
@endsection

@section('content')

<main>
      <!-- Banner Area -->
      <section class="banner-area about-banner">
        <div class="container">
          <div class="row align-items-center flex-column-reverse flex-lg-row">
            <div class="mt-8 col-lg-7 mt-lg-0">
              <div class="section-title-left">
                <h2>Connecting The Right Customers With eCommerce Brands On The World’s Largest Marketplaces</h2>
                <p>
                    In the ever-evolving commerce landscape, timely, accurate data is necessary to chart your path. 
                    Commerce Flip state-of-the-art platform empowers you to thrive in e-commerce arbitrage.
                </p>
              </div>
            </div>
            <div class="col-lg-6 d-lg-none">
              <div class="banner-image">
                <img src="{{ asset('new-assets/images/features/features-4.png') }}" alt="Illustrator Image" />
                <img src="{{ asset('new-assets/images/features/features-object-6.svg') }}" alt="Features Object" class="features-object6" />
                <img
                  src="{{ asset('new-assets/images/features/features-object-7.svg') }}"
                  alt="Features Object"
                  class="features-object7 object-element"
                  data-paroller-factor="0.05"
                  data-paroller-type="foreground"
                  data-paroller-direction="horizontal"
                  data-paroller-transition="transform .2s linear"
                />
                <img
                  src="{{ asset('new-assets/images/features/features-object-8.svg') }}"
                  alt="Features Object"
                  class="features-object8 object-element"
                  data-paroller-factor="0.05"
                  data-paroller-type="foreground"
                  data-paroller-transition="transform .2s linear"
                />
                <img
                  src="{{ asset('new-assets/images/features/features-object-9.svg') }}"
                  alt="Features Object"
                  class="features-object9 object-element"
                  data-paroller-factor="-0.05"
                  data-paroller-type="foreground"
                  data-paroller-transition="transform .2s linear"
                />
                <span class="shape13"></span>
                <span class="shape14"></span>
                <div class="round-object2"></div>
              </div>
            </div>
          </div>
          <div class="banner-right-two banner-image d-none d-lg-block">
            <img src="{{ asset('new-assets/images/features/features-4.png') }}" alt="Illustrator Image" />
            <img src="{{ asset('new-assets/images/features/features-object-6.svg') }}" alt="Features Object" class="features-object6" />
            <img
              src="{{ asset('new-assets/images/features/features-object-7.svg') }}"
              alt="Features Object"
              class="features-object7 object-element"
              data-paroller-factor="0.05"
              data-paroller-type="foreground"
              data-paroller-direction="horizontal"
              data-paroller-transition="transform .2s linear"
            />
            <img
              src="{{ asset('new-assets/images/features/features-object-8.svg') }}"
              alt="Features Object"
              class="features-object8 object-element"
              data-paroller-factor="0.05"
              data-paroller-type="foreground"
              data-paroller-transition="transform .2s linear"
            />
            <img
              src="{{ asset('new-assets/images/features/features-object-9.svg') }}"
              alt="Features Object"
              class="features-object9 object-element"
              data-paroller-factor="-0.05"
              data-paroller-type="foreground"
              data-paroller-transition="transform .2s linear"
            />
            <span class="shape13"></span>
            <span class="shape14"></span>
            <div class="round-object2"></div>
          </div>
        </div>
        <!-- <img class="banner-shape-2" src="{{ asset('new-assets/images/shape/bg-shape-2.png') }}" alt="Pricing Banner Shape"> -->
      </section>
      <!-- Banner Area -->

      <!-- Counter Area -->
      <section class="counter-area section-padding">
        <div class="container">
          <div class="row">
            <div class="mt-8 col-sm-6 col-lg-3 mt-lg-0">
              <div class="counter-item">
                <span class="text-red font-semi-bold">Launched in April</span>
                <h2 class="counter">2020</h2>
                <span class="text-black">winning since day one</span>
              </div>
            </div>
            <div class="mt-8 col-sm-6 col-lg-3 mt-lg-0">
              <div class="counter-item">
                <span class="font-poppins font-semi-bold text-red">Trusted companies</span>
                <div class="counter-number">
                  <h2 class="counter">3000</h2>
                  <span>+</span>
                </div>
                <span class="text-black">across major market places</span>
              </div>
            </div>
            <div class="mt-8 col-sm-6 col-lg-3 mt-lg-0">
              <div class="counter-item">
                <span class="font-poppins font-semi-bold text-red">Our Employees</span>
                <div class="counter-number">
                  <h2 class="counter">200</h2>
                </div>
                <span class="text-black">200 employees working hard across 32 countries and six continents</span>
              </div>
            </div>
            <div class="mt-8 col-sm-6 col-lg-3 mt-lg-0">
              <div class="counter-item">
                <span class="font-poppins font-semi-bold text-red">Our Customers</span>
                <div class="counter-number">
                  <h2 class="counter">50,000</h2>
                  <span>+</span>
                </div>
                <span class="text-black">Over 50k customers earning till today.</span>
              </div>
            </div>
          </div>
        </div>
      </section>
      <!-- Counter Area -->

     {{-- <!-- Our Story Area -->
      <section class="our-story-area section-padding">
        <div class="container">
          <div class="row">
            <div class="col-12">
              <h2 class="mt-n4">Our Story</h2>
            </div>
            <div class="col-lg-6">
              <div class="our-story">
                <p>
                  A at enim quam a etiam. Lacus elementum platea nunc urna nulla molestie rhoncus. Euismod in risus elit lacus, laoreet volutpat neque. Lacus
                  feugiat iaculis sit adipiscing tellus. Dis quam faucibus odio duis sit integer pellentesque auctor. Nisl eget lacinia suspendisse vitae ornare
                  nec diam nec.
                </p>
                <p>
                  Fermentum, gravida quis amet sit aliquam sed pharetra. Proin viverra risus, adipiscing blandit sagittis dictum vel, morbi. Iaculis vitae
                  tellus non viverra vestibulum. A at enim quam a etiam. Lacus elementum platea nunc urna nulla molestie rhoncus. Euismod in risus elit lacus,
                  laoreet volutpat neque. Lacus feugiat iaculis sit adipiscing tellus. Dis quam faucibus odio duis sit integer pellentesque auctor. Nisl eget
                  lacinia suspendisse vitae ornare nec diam nec.
                </p>
                <p>
                  Fermentum, gravida quis amet sit aliquam sed pharetra. Proin viverra risus, adipiscing blandit sagittis dictum vel, morbi. Iaculis vitae
                  tellus non viverra vestibulum.
                </p>
              </div>
            </div>
            <div class="col-lg-6">
              <div class="story-timeline">
                <div class="story-info-meta">
                  <h5>Our first customer</h5>
                  <span>Jun 2016.</span>
                </div>
                <p>Proin viverra risus, adipiscing blandit sagittis dictum vel, morbi. Iaculis vitae tellus non viverra vestibulum.</p>
              </div>
              <div class="story-timeline">
                <div class="story-info-meta">
                  <h5>Our first customer</h5>
                  <span>Jun 2016.</span>
                </div>
                <p>Proin viverra risus, adipiscing blandit sagittis dictum vel, morbi. Iaculis vitae tellus non viverra vestibulum.</p>
              </div>
              <div class="story-timeline">
                <div class="story-info-meta">
                  <h5>Our first customer</h5>
                  <span>Jun 2016.</span>
                </div>
                <p>Proin viverra risus, adipiscing blandit sagittis dictum vel, morbi. Iaculis vitae tellus non viverra vestibulum.</p>
              </div>
              <div class="story-timeline">
                <div class="story-info-meta">
                  <h5>Our first customer</h5>
                  <span>Jun 2016.</span>
                </div>
                <p>Proin viverra risus, adipiscing blandit sagittis dictum vel, morbi. Iaculis vitae tellus non viverra vestibulum.</p>
              </div>
            </div>
          </div>
        </div>
      </section>
      <!-- Our Story Area -->

      <!-- Testimonial Area -->
      <section class="testimonial-area testimonial-area-two testimonial-area-three section-padding">
        <div class="container">
          <div id="testimonial-3" class="swiper-container">
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                <div class="testimonial-review">
                  <i class="fas fa-quote-left"></i>
                  <p>
                    Continually harness functional e-business without global core competencies. Interactively pontificate client-focused web-readiness via
                    quality scenarios. Professionally pursue collaborative
                    <span>ideas rather than prospective imperatives.</span>
                  </p>
                  <div class="testimonial-author">
                    <div class="testimonial-author-image">
                      <img src="{{ asset('new-assets/images/testimonial/testimonial-1.jpg') }}" alt="Testimonial" />
                    </div>
                    <div class="testimonial-author-name">
                      <h4>Jesus Requena</h4>
                      <span>Support Engineer, Aliexpress</span>
                    </div>
                  </div>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="testimonial-review">
                  <i class="fas fa-quote-left"></i>
                  <p>
                    Continually harness functional e-business without global core competencies. Interactively pontificate client-focused web-readiness via
                    quality scenarios. Professionally pursue collaborative
                    <span>ideas rather than prospective imperatives.</span>
                  </p>
                  <div class="testimonial-author">
                    <div class="testimonial-author-image">
                      <img src="{{ asset('new-assets/images/testimonial/testimonial-1.jpg') }}" alt="Testimonial" />
                    </div>
                    <div class="testimonial-author-name">
                      <h4>Jesus Requena</h4>
                      <span>Support Engineer, Aliexpress</span>
                    </div>
                  </div>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="testimonial-review">
                  <i class="fas fa-quote-left"></i>
                  <p>
                    Continually harness functional e-business without global core competencies. Interactively pontificate client-focused web-readiness via
                    quality scenarios. Professionally pursue collaborative
                    <span>ideas rather than prospective imperatives.</span>
                  </p>
                  <div class="testimonial-author">
                    <div class="testimonial-author-image">
                      <img src="{{ asset('new-assets/images/testimonial/testimonial-1.jpg') }}" alt="Testimonial" />
                    </div>
                    <div class="testimonial-author-name">
                      <h4>Jesus Requena</h4>
                      <span>Support Engineer, Aliexpress</span>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
      <!-- Testimonial Area -->--}}

      <!-- Service Area -->
      <section class="service-area section-padding">
        <div class="container">
          <div class="row">
            <div class="col-12">
              <div class="section-title-center">
                <h2 class="mt-n3 mt-md-n4">Our Value</h2>
                <p>We are focused, driven, and thrilled about our success</p>
              </div>
            </div>
            <div class="col-sm-6 col-lg-3">
              <div class="service-item">
                <img class="service-icon" src="{{ asset('new-assets/images/icon/icon-6.svg') }}" alt="Service Icon" />
                <h4>Delivering results</h4>
                <p class="font-small">
                We focus on the key inputs for our business and deliver them with the right quality in a timely fashion.
                Despite setbacks, we rise to the occasion and never settle.
                </p>
              </div>
            </div>
            <div class="col-sm-6 col-lg-3">
              <div class="service-item">
                <img class="service-icon" src="{{ asset('new-assets/images/icon/icon-5.svg') }}" alt="Service Icon" />
                <h4>Accurate Algorithms</h4>
                <p class="font-small">We've dedicated years of technical and programmatical research to create 
                    an algorithm that makes mankind earn without putting in the work.</p>
              </div>
            </div>
            <div class="col-sm-6 col-lg-3">
              <div class="service-item">
                <img class="service-icon" src="{{ asset('new-assets/images/icon/icon-4.svg') }}" alt="Service Icon" />
                <h4>Customer obsession</h4>
                <p class="font-small">We start with the customer and work backwards. <br>We work vigorously to earn and keep customer trust.</p>
              </div>
            </div>
            <div class="col-sm-6 col-lg-3">
              <div class="service-item">
                <img class="service-icon" src="{{ asset('new-assets/images/icon/icon-7.svg') }}" alt="Service Icon" />
                <h4>Ownership</h4>
                <p class="font-small">
                We think big picture and don't sacrifice long-term value for short-term results. <br>We never say 'it's not my job'.
                </p>
              </div>
            </div>
          </div>
        </div>
      </section>
      <!-- Service Area -->

      <!-- Team Area -->
      <section class="team-area bg-white-800">
        <div class="container">
          <div class="row justify-content-center">
            <div class="col-12">
              <div class="section-title-center">
                <h2 class="mt-n4">Meet Our Team</h2>
              </div>
            </div>
            <div class="col-sm-6 col-lg-3">
              <div class="text-center team-item">
                <img class="team-image" src="{{ asset('new-assets/images/team/team.png') }}" alt="Team" />
                <h4>Cooper Dias</h4>
                <p class="font-small">Marketing Designer DURHAM, NC</p>
              </div>
            </div>
            <div class="mt-8 col-sm-6 col-lg-3 mt-sm-0">
              <div class="text-center team-item">
                <img class="team-image" src="{{ asset('new-assets/images/team/team-2.png') }}" alt="Team" />
                <h4>Jaylon Franci</h4>
                <p class="font-small">Marketing Designer DURHAM, NC</p>
              </div>
            </div>
            <div class="mt-8 col-sm-6 col-lg-3 mt-lg-0">
              <div class="text-center team-item">
                <img class="team-image" src="{{ asset('new-assets/images/team/team-3.png') }}" alt="Team" />
                <h4>Kadin Baptista</h4>
                <p class="font-small">Marketing Designer DURHAM, NC</p>
              </div>
            </div>
            <div class="mt-8 col-sm-6 col-lg-3 mt-lg-0">
              <div class="text-center team-item">
                <img class="team-image" src="{{ asset('new-assets/images/team/team-4.png') }}" alt="Team" />
                <h4>Ruben Press</h4>
                <p class="font-small">Marketing Designer DURHAM, NC</p>
              </div>
            </div>
          </div>
        </div>
      </section>
      <!-- Team Area -->

      <!-- Client Area -->
      <section class="client-area client-area-two">
        <div class="container">
          <div class="client-wrapper">
            <div class="row">
              <div class="col-12">
                <div class="section-title-center">
                  <h2 class="font-bold mt-n3 mt-md-n4">Our Clients</h2>
                </div>
                <div class="client-text">
                  <h4 class="mt-n3"><span>3000+ Companies</span> Trust Sturtaplanding to build landing page for their <span>dream product</span></h4>
                </div>
              </div>
            </div>
            <div class="row justify-content-center">
              <div class="w-50 w-md-20">
                <div class="client-image">
                  <img src="{{ asset('new-assets/images/brand/brand-1.svg') }}" alt="Brand Image" />
                </div>
              </div>
              <div class="w-50 w-md-20">
                <div class="client-image">
                  <img src="{{ asset('new-assets/images/brand/brand-2.svg') }}" alt="Brand Image" />
                </div>
              </div>
              <div class="w-50 w-md-20">
                <div class="client-image">
                  <img src="{{ asset('new-assets/images/brand/brand-3.svg') }}" alt="Brand Image" />
                </div>
              </div>
              <div class="w-50 w-md-20">
                <div class="client-image">
                  <img src="{{ asset('new-assets/images/brand/brand-4.svg') }}" alt="Brand Image" />
                </div>
              </div>
              <div class="w-50 w-md-20">
                <div class="client-image">
                  <img src="{{ asset('new-assets/images/brand/brand-5.svg') }}" alt="Brand Image" />
                </div>
              </div>
            </div>
            <div class="client-meta">
              <ul class="client-review-icon">
                <li><i class="fas fa-star"></i></li>
                <li><i class="fas fa-star"></i></li>
                <li><i class="fas fa-star"></i></li>
                <li><i class="fas fa-star"></i></li>
                <li><i class="fas fa-star"></i></li>
              </ul>
              <div class="client-review-number"><span>4.9</span> Stars</div>
              <div class="client-review"><span>5121+</span> Reviews</div>
            </div>
          </div>
        </div>
      </section>
      <!-- Client Area -->

      <!-- CTA Area -->
      <section class="cta-area section-padding-xl bg-red-150 wow fadeInUp animate__fast">
        <div class="container">
          <div class="row">
            <div class="col-12">
              <div class="pb-8 section-title-center">
                <h2 class="mt-n3 mt-md-n4">Why We Do What We Do</h2>
                <p>
                    Despite the e-commerce boom over the last decade, only 18% of total retail sales happens online today.
                    <br><br>
                    That's why we're building the tools for online commerce that help new businesses and individuals get started, 
                    expedite growth for existing companies, and empower sellers to reach new heights.
                </p>
              </div>
            </div>
          </div>
        </div>
        <span class="shape7"></span>
        <img class="shape8 d-none d-lg-block" src="{{ asset('new-assets/images/shape/shape-8.svg') }}" alt="Shape" />
      </section>
      <!-- CTA Area -->
    </main>
    
@endsection