@extends('layouts.auth')
 
@section('title') Become Seller | {{config('app.name')}} @endsection
@section('description') {{config('app.name')}} is the safest digital property marketplace. If you want to buy or sell a product. @endsection
 

@section('content')

     <!-- Start-become-seller -->
     <section class="become_seller">
        <div class="container">
            <div id="datail-banner">
                <nav style="--bs-breadcrumb-divider: '>>';" aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="#">Home</a></li>
                        <li class="breadcrumb-item active" aria-current="page">Become A Seller </li>
                    </ol>
                </nav>
            </div>
            <div class="seller_banner">
                <p>Limited period offer</p>
                <h1>Become an <span class="ambayo_seller"> Ambayo Seller</span> </h1>
                <span class="ads_offer">Ambayo offer you 100 free ads posting and<br> low plan subscription. </span>
                <div class="browse_Ads">
                     
                    <a href="{{route('category.list',['id' => encrypt(\App\Models\Category::first()->id)])}}" class="primary_btn browseBtn">Browse Ads</a>
                </div>
            </div>
        </div>
    </section>
    <!-- End Become seller -->

      <!-- Start Sell product -->
      <section class="sellProduct">
        <div class="container">
            <h2>How to sell your products on Ambayo?</h2>
            <div class="row">
                <div class="col-sm-12 col-lg-3">
                    <div class="sellProduct_boxodd text-center">
                        <img src="{{asset('frontend/img/sellProduct1.svg')}}" alt="sellProduct1" class="img-fluid">
                        <p>Create your Ambayo Seller Account</p>
                    </div>
                </div>
                <div class="col-sm-12 col-lg-3">
                    <div class="sellProduct_boxeven text-center">
                        <img src="{{asset('frontend/img/sellProduct2.svg')}}" alt="sellProduct1" class="img-fluid">
                        <p>List your products Ads Posts</p>
                    </div>
                </div>
                <div class="col-sm-12 col-lg-3">
                    <div class="sellProduct_boxodd text-center">
                        <img src="{{asset('frontend/img/sellProduct3.svg')}}" alt="sellProduct1" class="img-fluid">
                        <p>Delivering your product</p>
                    </div>
                </div>
                <div class="col-sm-12 col-lg-3">
                    <div class="sellProduct_box text-center">
                        <img src="{{asset('frontend/img/sellProduct4.svg')}}" alt="sellProduct1" class="img-fluid">
                        <p>Get paid for your sales</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End Sell product -->

       <!-- Start Become Seller -->
       <section class="seller_">
        <div class="container">
            <h2>Why become a seller on Ambayo?</h2>
            <div class="row seller_box">
                <div class="col-sm-12 col-md-6 col-lg-3">
                    <div class="seller_box_icon">
                        <img src="{{asset('frontend/img/sellerIcon1.svg')}}" alt="sellProduct1" class="img-fluid">
                        <h5>Get More Customers</h5>
                        <p>Lorem Ipsum is simply dummy text of the printing and types etting industry in.</p>
                    </div>
                </div>
                <div class="col-sm-12 col-md-6 col-lg-3">
                    <div class="seller_box_icon">
                        <img src="{{asset('frontend/img/sellerIcon2.svg')}}" alt="sellProduct1" class="img-fluid">
                        <h5>Get More Customers</h5>
                        <p>Lorem Ipsum is simply dummy text of the printing and types etting industry in.</p>
                    </div>
                </div>
                <div class="col-sm-12 col-md-6 col-lg-3">
                    <div class="seller_box_icon">
                        <img src="{{asset('frontend/img/sellerIcon3.svg')}}" alt="sellProduct1" class="img-fluid">
                        <h5>Get More Customers</h5>
                        <p>Lorem Ipsum is simply dummy text of the printing and types etting industry in.</p>
                    </div>
                </div>
                <div class="col-sm-12 col-md-6 col-lg-3">
                    <div class="seller_box_icon">
                        <img src="{{asset('frontend/img/sellerIcon4.svg')}}" alt="sellProduct1" class="img-fluid">
                        <h5>Get More Customers</h5>
                        <p>Lorem Ipsum is simply dummy text of the printing and types etting industry in.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End Become Seller -->

    <!-- Start Common questions -->
    <section class="common_question_">
        <div class="container">
            <h2>Common Questions</h2>
            <div class="row">
                <div class="col-sm-12 col-md-12 col-lg-6 ">
                    <div class="common_question_box">
                        <div class="accordion" id="accordionExample">
                            <div class="accordion-item">
                              <h2 class="accordion-header" id="headingOne">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
                                    Lorem Ipsum is simply dummy text of the printing?
                                </button>
                              </h2>
                              <div id="collapseOne" class="accordion-collapse collapse" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
                                <div class="accordion-body">
                                    <p>Lorem Ipsum is simply dummy text of the printing and typesettingindustry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scra mbled it to make a type specimen book.ontrary to popular belief, Lorem Ipsum is not simply random text.</p>
                                </div>
                              </div>
                            </div>
                            <div class="accordion-item">
                              <h2 class="accordion-header" id="headingTwo">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                    Lorem Ipsum is simply dummy text of the printing?
                                </button>
                              </h2>
                              <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
                                <div class="accordion-body">
                                    <p>Lorem Ipsum is simply dummy text of the printing and typesettingindustry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scra mbled it to make a type specimen book.ontrary to popular belief, Lorem Ipsum is not simply random text.</p>
                                </div>
                              </div>
                            </div>
                            <div class="accordion-item">
                              <h2 class="accordion-header" id="headingThree">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                                    Lorem Ipsum is simply dummy text of the printing?
                                </button>
                              </h2>
                              <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
                                <div class="accordion-body">
                                    <p>Lorem Ipsum is simply dummy text of the printing and typesettingindustry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scra mbled it to make a type specimen book.ontrary to popular belief, Lorem Ipsum is not simply random text.</p>
                                </div>
                              </div>
                            </div>
                          </div>
                    </div>
                </div>
                <div class="col-sm-12 col-md-12 col-lg-6 common_question_box">
                    <div class="common_question_box">
                        <div class="accordion" id="accordionExampleOne">
                            <div class="accordion-item">
                              <h2 class="accordion-header" id="headingFour">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
                                    Lorem Ipsum is simply dummy text of the printing?
                                </button>
                              </h2>
                              <div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour" data-bs-parent="#accordionExampleOne">
                                <div class="accordion-body">
                                  <p>Lorem Ipsum is simply dummy text of the printing and typesettingindustry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scra mbled it to make a type specimen book.ontrary to popular belief, Lorem Ipsum is not simply random text.</p>
                                </div>
                              </div>
                            </div>
                            <div class="accordion-item">
                              <h2 class="accordion-header" id="headingTwo">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseTwo">
                                    Lorem Ipsum is simply dummy text of the printing?
                                </button>
                              </h2>
                              <div id="collapseFive" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExampleOne">
                                <div class="accordion-body">
                                    <p>Lorem Ipsum is simply dummy text of the printing and typesettingindustry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scra mbled it to make a type specimen book.ontrary to popular belief, Lorem Ipsum is not simply random text.</p>
                                </div>
                              </div>
                            </div>
                            <div class="accordion-item">
                              <h2 class="accordion-header" id="headingThree">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSix" aria-expanded="false" aria-controls="collapseThree">
                                    Lorem Ipsum is simply dummy text of the printing?
                                </button>
                              </h2>
                              <div id="collapseSix" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExampleOne">
                                <div class="accordion-body">
                                    <p>Lorem Ipsum is simply dummy text of the printing and typesettingindustry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scra mbled it to make a type specimen book.ontrary to popular belief, Lorem Ipsum is not simply random text.</p>
                                </div>
                              </div>
                            </div>
                          </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- End Common questions -->
    <!-- Start Ads Section -->
    <section class="adsSection">
        <div class="container">
            <div class="row">
                <div class="col-md-2">
                    <img src="{{asset('frontend/img/ads1.png')}}" class="img-fluid adsImg">
                </div>
                <div class="col-md-8 text-center">
                    <h4 class="subheadOuter_ mb-4">Start your Ambayo Seller Journey</h4>
                    <h5 class="subheadOuter_sub">Join our family of 10 Lakh+ Users who sell on Ambayo</h5>
                    <a href="{{route('advertisment.create.get')}}" class="primary_btn">Start Selling With Ambayo</a>
                    <p>It takes only 15 minutes to setup your account</p>
                </div>
                <div class="col-md-2">
                    <img src="{{asset('frontend/img/ads2.png')}}" class="img-fluid adsImg">
                </div>
            </div>
        </div>
    </section>
    <!-- End Ads Section -->
    <!-- Start App Section -->
    <section class="appSec">
        <div class="container">
            <div class="appContainer">
                <div class="row align-items-center">
                    <div class="col-md-6">
                        <img src="{{asset('frontend/img/mobileScreen.png')}}" class="img-fluid appleftImg">
                    </div>
                    <div class="col-md-6">
                        <div class="appTextContainer">
                            <h3>Try The <b>Ambayo App</b></h3>
                            <p class="appSubtxt">Buy, sell and find just about anything using the app on your
                                mobile.</p>
                            <p class="highlightTxt">Download The Mobile App Today.</p>
                            <div class="browserDetails">
                                <div class="browserDetailsLeft">
                                    <h4 class="titlt_subhead_">{{__('words.For Buyer')}}</h4>
                                    <div class="storeBtns">
                                        <button class="storeBtn">
                                            <img src="{{asset('frontend/img/appstore.png')}}" class="img-fluid">
                                            {{__('words.App Store')}}
                                        </button><br>
                                        <button class="storeBtn">
                                            <img src="{{asset('frontend/img/appstore.png')}}" class="img-fluid">
                                            {{__('words.App Store')}}
                                        </button>
                                    </div>
                                </div>
                                <div class="browserDetailsRight">
                                    <h4 class="titlt_subhead_">{{__('words.For Seller')}}</h4>
                                    <div class="storeBtns">
                                        <button class="storeBtn">
                                            <img src="{{asset('frontend/img/appstore.png')}}" class="img-fluid">
                                            {{__('words.App Store')}}
                                        </button><br>
                                        <button class="storeBtn">
                                            <img src="{{asset('frontend/img/appstore.png')}}" class="img-fluid">
                                            {{__('words.App Store')}}
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End App Section -->
@endsection