<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>@yield('title') - Commerce Flip Arbitrage</title>
    <link rel="shortcut icon" href="{{ asset('assets/images/favicon.ico') }}" type="image/x-icon" />
    <!-- Fontawesome CSS -->
    <link rel="stylesheet" href="{{ asset('new-assets/css/fontawesome.min.css') }}" />
    <!-- ElegentIcon CSS -->
    <link rel="stylesheet" href="{{ asset('new-assets/css/elegant-icons.min.css') }}" />
    <!-- Animate CSS -->
    <link rel="stylesheet" href="{{ asset('new-assets/css/animate.min.css') }}" />
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="{{ asset('new-assets/css/bootstrap.min.css') }}" />
    <!-- SwiperJs CSS -->
    <link rel="stylesheet" href="{{ asset('new-assets/css/swiper-bundle.min.css') }}" />
    <!-- Fancybox CSS -->
    <link rel="stylesheet" href="{{ asset('new-assets/css/jquery.fancybox.min.css') }}" />
    <!-- Main CSS -->
    <link rel="stylesheet" href="{{ asset('new-assets/css/style.css') }}" />
    <!-- Responsive CSS -->
    <link rel="stylesheet" href="{{ asset('new-assets/css/responsive.css') }}" />
  </head>

  <body>
    <!-- Preloader -->
    <div id="preloader">
      <div id="ctn-preloader" class="ctn-preloader">
        <div class="round_spinner">
          <div class="spinner"></div>
          <div class="text">
            <img class="mx-auto" src="{{ asset('assets/images/logo-sm.png') }}" height="80px;" alt="" />
            <!-- <h4><span>Commerce Flip</span></h4> -->
          </div>
        </div>
        {{--<h2 class="head">Did You Know?</h2>
        <p></p>--}}
      </div>
    </div>
    <!-- Header Area -->
    <header class="header-area">
      <nav class="navbar navbar-expand-lg menu_three sticky-nav">
        <div class="container-fluid">
          <a class="navbar-brand header_logo text-dark h4" href="{{ url('/') }}">
            <img class="main_logo" src="{{ asset('assets/images/logo-sm.png') }}" style="height: 50px;" alt="logo" />
          </a>
          <button
            class="navbar-toggler collapsed"
            type="button"
            data-bs-toggle="collapse"
            data-bs-target="#navbarText"
            aria-controls="navbarText"
            aria-expanded="false"
            aria-label="Toggle navigation"
          >
            <span class="menu_toggle">
              <span class="hamburger">
                <span></span>
                <span></span>
                <span></span>
              </span>
              <span class="hamburger-cross">
                <span></span>
                <span></span>
              </span>
            </span>
          </button>
          <div class="collapse navbar-collapse justify-content-end" id="navbarText">
            <ul class="mx-auto navbar-nav menu">
              <li class="nav-item">
                <a href="{{ url('/') }}" class="nav-link">Home</a>
              </li>
              <li class="nav-item">
                <a href="{{ route('about') }}" class="nav-link">About Us</a>
              </li>
              <li class="nav-item">
                <a href="{{ url('/') }}/#what-we-do" class="nav-link">What We Do</a>
              </li>
              <li class="nav-item">
                <a href="{{ route('contact') }}" class="nav-link">Contact Us</a>
              </li>
            </ul>
            <div class="right-nav">
            @if(Auth::user())
              <a class="btn btn-red" href="{{ route('home') }}">My Dashboard</a>
            @else
              <a href="{{ route('login') }}">Sign in</a>
              <a class="btn btn-red" href="{{ route('register') }}">Sign Up</a>
            @endif
            </div>
          </div>
        </div>
      </nav>
    </header>
    <!-- Header Area -->

@yield('content')

<!-- CTA Area -->
<section class="services-cta-area pt-90 pb-100">
<div class="bg-shapes">
    <div class="shape">
    <img src="{{ asset('new-assets/images/services/shape1.svg') }}" alt="" />
    </div>
    <div class="shape">
    <img src="{{ asset('new-assets/images/services/shape2.svg') }}" alt="" />
    </div>
    <div class="shape">
    <img src="{{ asset('new-assets/images/services/shape3.svg') }}" alt="" />
    </div>
    <div class="shape">
    <img src="{{ asset('new-assets/images/services/shape4.svg') }}" alt="" />
    </div>
</div>
<div class="container">
    <div class="row">
    <div class="text-center col-12">
        <h2 class="cta-title">Are you interested ?</h2>
        <p class="cta-text">Join hundreds of thousands of sellers and earners growing faster</p>
        <a href="{{ route('register') }}" class="btn">Sign Up Now</a>
    </div>
    </div>
</div>
</section>
<!-- CTA Area -->

<!-- Footer Area -->
<footer class="bg-black footer-area">
      <div class="footer-top">
        <div class="container">
          <div class="row">
            <div class="col-lg-4">
              <div class="footer-content">
                <span>Harness the power of retail AI with the Commerce Flip Arbitrage</span>
                <img src="{{ asset('new-assets/images/logo-3.png') }}" alt="Footer Logo" />
              </div>
            </div>
            <div class="col-lg-8">
              <div class="row justify-content-between">
                <div class="col-sm-6 col-md-4">
                  <div class="footer-menu">
                    <h4>Features</h4>
                    <ul>
                      <li><a href="#">Our Features</a></li>
                    </ul>
                  </div>
                </div>
                <div class="col-sm-6 col-md-4">
                  <div class="footer-menu">
                    <h4>Company</h4>
                    <ul>
                      <li><a href="{{ route('about') }}">About Us</a></li>
                      <li><a href="{{ url('/') }}/#what-we-do">What We Do</a></li>
                      <li><a href="#">Our Partners</a></li>
                    </ul>
                  </div>
                </div>
                <div class="col-sm-6 col-md-4">
                  <div class="footer-menu">
                    <h4>Support</h4>
                    <ul>
                      <li><a href="{{ route('contact') }}">Contact Us</a></li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="container">
        <div class="footer-bottom">
          <div class="row align-items-center">
            <div class="col-lg-5">
              <ul>
                <li>
                    <img src="{{ asset('assets/images/logo-sm.png') }}" height="80px" alt="Logo Image" />
                </li>
                <li>
                  <span class="copyright">Copyright 2021, All Rights Reserved</span>
                </li>
              </ul>
            </div>
            <div class="col-lg-5">
              <div class="footer-bottom-menu">
                <ul>
                  <li><a href="#">Terms & Conditions</a></li>
                  <li><a href="#">Privacy Policy</a></li>
                  <li><a href="#">Legal Notice</a></li>
                </ul>
              </div>
            </div>
            <div class="col-lg-2">
              <ul class="social-link-bg">
                <li>
                  <a href="#"><i class="fab fa-facebook-f"></i></a>
                </li>
                <li>
                  <a href="#"><i class="fab fa-twitter"></i></a>
                </li>
                <li>
                  <a href="#"><i class="fab fa-google-plus-g"></i></a>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
      <span class="footer-shape"></span>
    </footer>
    <!-- Footer Area -->

    <!--Scroll to top-->
    <a href="#" class="scrollToTop">
      <img src="{{ asset('new-assets/images/scroll.svg') }}" alt="" />
    </a>

    <script src="{{ asset('new-assets/js/plugin/jquery-3.5.0.min.js') }}"></script>
    <script src="{{ asset('new-assets/js/plugin/popper.min.js') }}"></script>
    <script src="{{ asset('new-assets/js/plugin/bootstrap.min.js') }}"></script>
    <!-- TweenMax -->
    <script src="{{ asset('new-assets/js/plugin/TweenMax.min.js') }}"></script>
    <!-- ScrollMagic -->
    <script src="{{ asset('new-assets/js/plugin/ScrollMagic.js') }}"></script>
    <!-- animation.gsap -->
    <script src="{{ asset('new-assets/js/plugin/animation.gsap.js') }}"></script>
    <!-- debug.addIndicators -->
    <script src="{{ asset('new-assets/js/plugin/debug.addIndicators.min.js') }}"></script>
    <script src="{{ asset('new-assets/js/plugin/squareCountDownClock.js') }}"></script>
    <script src="{{ asset('new-assets/js/plugin/wow.min.js') }}"></script>
    <script src="{{ asset('new-assets/js/plugin/jquery.nice-select.min.js') }}"></script>
    <script src="{{ asset('new-assets/js/plugin/jquery.fancybox.min.js') }}"></script>
    <script src="{{ asset('new-assets/js/plugin/swiper-bundle.min.js') }}"></script>
    <script src="{{ asset('new-assets/js/plugin/jquery.waypoints.min.js') }}"></script>
    <script src="{{ asset('new-assets/js/plugin/jquery.counterup.min.js') }}"></script>
    <script src="{{ asset('new-assets/js/plugin/jquery.paroller.js') }}"></script>
    <script src="{{ asset('new-assets/js/script.js') }}"></script>
  </body>

</html>
