@extends('layouts.app')

@section('title', 'Essential Software for New Amazon Sellers | Columbus 17')
@section('meta_description', 'New to Amazon selling? Columbus17 helps new sellers find winning products, research keywords, and grow sales quickly and easily.')
@section('content')
    <div class="content w-full sm:w-2/3 m-auto mt-24 animate-content">
        <div class="content-above flex flex-col items-center space-y-24 mt-48">
            <div class="content-above flex flex-col space-y-4 max-w-screen-md">
                <p class="text-4xl sm:text-6xl font-bold text-center">Build Your Own Selling Model with Amazon</p>
                <p class="text-xl sm:text-2xl text-center">Enlarge Your Model on Your Seller Journey with Amazon FBA & Amazon Retail Arbitrage Recommended by Amazon Seller Business Model</p>
            </div>
        </div>
        <div class="content-bottom flex flex-col mt-24 flex flex-row space-y-24">
            <div class="content-bottom flex flex-col sm:flex-row items-center sm:justify-between sm:items-baseline space-y-8 sm:space-x-8 sm:space-y-0">
                <div class="relative border border-sky-800 rounded-lg flex items-center space-y-8 flex-col px-8 py-8 text-center w-80 h-fit pb-40">
                    <p class="text-sm rounded-lg bg-gray-200 px-2 py-1 font-medium w-fit">Amazon FBA</p>
                    <button @click="showFadeIn('fba')" type="button" class="absolute -left-12 pl-4 pr-4 bg-sky-500 rounded-md font-bold -rotate-90"><i class="fa fa-angle-double-down mr-4 rotate-90" aria-hidden="true"></i>Benefits</button>
                    <p class="font-bold text-2xl">Model Your Own Brand on Amazon</p>
                    <p>Begin your e-commerce business model with Amazon FBA </p>
                    <div class="flex w-full text-white">
                        <a target="_blank" href="https://sell.amazon.com\brand-invite" type="button" class="bg-sky-500 w-full py-2 rounded-md font-bold hover:bg-sky-600">Sign Up with Amazon</a>
                    </div>
                    <div class="w-full flex flex-col space-y-10">
                        <div class="flex flex-row">
                            <i class="fa fa-plus-square text-sky-700" aria-hidden="true"></i>
                            <p class="text-sm text-left ml-2 -mt-1">Range Millions Global Customers</p>
                        </div>
                        <div class="flex flex-row">
                            <i class="fa fa-plus-square text-sky-700" aria-hidden="true"></i>
                            <p class="text-sm text-left ml-2 -mt-1">Take advantage of storage, shipping & customer service inquiries with Amazon  </p>
                        </div>
                        <div class="flex flex-row">
                            <i class="fa fa-plus-square text-sky-700" aria-hidden="true"></i>
                            <p class="text-sm text-left ml-2 -mt-1">Let Amazon pull your brands to top ranks</p>
                        </div>
                        <div class="flex flex-row">
                            <i class="fa fa-plus-square text-sky-700" aria-hidden="true"></i>
                            <p class="text-sm text-left ml-2 -mt-1">Let your products you fulfill in Amazon eligable for Prime benefits</p>
                        </div>
                    </div>
                    <div v-show="isFadeInFBA" class="w-full flex flex-col space-y-10 animate-bounce2">
                        <p class="font-bold text-xl">Benefits of our software</p>
                        <div class="w-full flex flex-col space-y-10">
                            <div class="flex flex-row">
                                <i class="fa fa-check text-sky-700" aria-hidden="true"></i>
                                <p class="text-sm text-left ml-2 -mt-1">Improve your performance and find competitive products</p>
                            </div>
                            <div class="flex flex-row">
                                <i class="fa fa-check text-sky-700" aria-hidden="true"></i>
                                <p class="text-sm text-left ml-2 -mt-1">Find best keywords and stay ahead your competitors to be on the top ranks</p>
                            </div>
                            <div class="flex flex-row">
                                <i class="fa fa-check text-sky-700" aria-hidden="true"></i>
                                <p class="text-sm text-left ml-2 -mt-1">Expand your e-commerce with proven tactics and tips from our experts</p>
                            </div>
                            <div class="flex flex-row">
                                <i class="fa fa-check text-sky-700" aria-hidden="true"></i>
                                <p class="text-sm text-left ml-2 -mt-1">Boost your performance and run higher sales</p>
                            </div>
                            <div class="flex flex-row">
                                <i class="fa fa-check text-sky-700" aria-hidden="true"></i>
                                <p class="text-sm text-left ml-2 -mt-1">Find Manufacturer & Retailer on Alibaba for products you look for</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="border border-sky-800 rounded-lg scale-100 sm:scale-110 flex items-center space-y-8 flex-col px-8 py-8 text-center w-80 h-fit pb-32">
                    <p class="text-sm rounded-lg bg-gray-200 px-2 py-1 font-medium w-fit">Amazon</p>
                    <p class="font-bold text-2xl">Understand Power of Amazon</p>
                    <p>Build an Online Store with Amazon or Your Selling Way</p>
                    <div class="flex w-full text-white">
                        <a target="_blank" href="https://sell.amazon.com\brand-invite" type="button" class="bg-sky-500 w-full py-2 rounded-md font-bold hover:bg-sky-600">Start Your Business with Amazon</a>
                    </div>
                    <div class="w-full flex flex-col space-y-10">
                        <div class="flex flex-row">
                            <i class="fa fa-plus-square text-sky-700" aria-hidden="true"></i>
                            <p class="text-sm text-left ml-2 -mt-1">Range Millions Global Customers with Amazon</p>
                        </div>
                        <div class="flex flex-row">
                            <i class="fa fa-plus-square text-sky-700" aria-hidden="true"></i>
                            <p class="text-sm text-left ml-2 -mt-1">Take advantage of storage, shipping & customer service inquiries with Amazon</p>
                        </div>
                        <div class="flex flex-row">
                            <i class="fa fa-plus-square text-sky-700" aria-hidden="true"></i>
                            <p class="text-sm text-left ml-2 -mt-1">Let Amazon pull your brands to top ranks in order to sell products easily</p>
                        </div>
                        <div class="flex flex-row">
                            <i class="fa fa-plus-square text-sky-700" aria-hidden="true"></i>
                            <p class="text-sm text-left ml-2 -mt-1">Let Amazon initiate all stages of your seller journey</p>
                        </div>
                        <div class="flex flex-row">
                            <i class="fa fa-plus-square text-sky-700" aria-hidden="true"></i>
                            <p class="text-sm text-left ml-2 -mt-1">Build your online store with Amazon FBA</p>
                        </div>
                    </div>
                </div>
                <div class="relative border border-sky-800 rounded-lg flex items-center space-y-8 flex-col px-8 py-8 text-center w-80 h-fit pb-64">
                    <p class="text-sm rounded-lg bg-gray-200 px-2 py-1 font-medium w-fit">Amazon Retail Arbitrage</p>
                    <button @click="showFadeIn('arbitrage')" type="button" class="absolute -left-12 pl-4 pr-4 bg-sky-500 rounded-md font-bold -rotate-90"><i class="fa fa-angle-double-down mr-4 rotate-90" aria-hidden="true"></i>Benefits</button>
                    <p class="font-bold text-2xl">Build Your Own Selling on Amazon</p>
                    <p>Begin Selling Products with Amazon Retail Arbitrage</p>
                    <div class="flex w-full text-white">
                        <a target="_blank" href="https://sell.amazon.com\brand-invite" type="button" class="bg-sky-500 w-full py-2 rounded-md font-bold hover:bg-sky-600">Sign Up with Amazon</a>
                    </div>
                    <div class="w-full flex flex-col space-y-10">
                        <div class="flex flex-row">
                            <i class="fa fa-plus-square text-sky-700" aria-hidden="true"></i>
                            <p class="text-sm text-left ml-2 -mt-1">Range Millions Global Customers</p>
                        </div>
                        <div class="flex flex-row">
                            <i class="fa fa-plus-square text-sky-700" aria-hidden="true"></i>
                            <p class="text-sm text-left ml-2 -mt-1">Let Amazon pull your brands to top ranks</p>
                        </div>
                        <div class="flex flex-row">
                            <i class="fa fa-plus-square text-sky-700" aria-hidden="true"></i>
                            <p class="text-sm text-left ml-2 -mt-1">Let your products in Amazon eligable for Prime benefits</p>
                        </div>
                    </div>
                    
                    <div v-show="isFadeInArbitrage" class="w-full flex flex-col space-y-10 animate-bounce2">
                        <p class="font-bold text-xl">Benefits of our software</p>
                        <div class="w-full flex flex-col space-y-10">
                            <div class="flex flex-row">
                                <i class="fa fa-check text-sky-700" aria-hidden="true"></i>
                                <p class="text-sm text-left ml-2 -mt-1">Improve your performance and find competitive products</p>
                            </div>
                            <div class="flex flex-row">
                                <i class="fa fa-check text-sky-700" aria-hidden="true"></i>
                                <p class="text-sm text-left ml-2 -mt-1">Find best keywords and stay ahead your competitors to be on the top ranks</p>
                            </div>
                            <div class="flex flex-row">
                                <i class="fa fa-check text-sky-700" aria-hidden="true"></i>
                                <p class="text-sm text-left ml-2 -mt-1">Find Manufacturer & Retailer on Alibaba for products you look for</p>
                            </div>
                            <div class="flex flex-row">
                                <i class="fa fa-check text-sky-700" aria-hidden="true"></i>
                                <p class="text-sm text-left ml-2 -mt-1">Boost your performance and run higher sales</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="content w-full sm:w-2/3 m-auto mt-24">
        <div class="content-bottom md:px-20 xl:px-80 py-20 flex-col mt-48 flex flex-row text-center items-center animate-content space-y-4 bg-sky-200">
            <p class="text-normal">Begin with Amazon Seller Central</p>
            <p class="text-xl font-bold">Make Money as an Amazon Seller</p>
            <p class="text-xl sm:text-2xl">Sign up for an Amazon Seller Central account and start your business sale pattern now.</p>
            <div class="w-1/2 text-white">
                <a target="_blank" href="https://sell.amazon.com\brand-invite" type="button" class="bg-sky-500 w-full p-2 sm:p-0 sm:py-2 rounded-md font-bold hover:bg-sky-600">Sign Up</a>
            </div>
        </div>
    </div>
    <!-- FAQ -->
    <div class="content w-2/3 m-auto mt-24">
        <div class="faq_container">
            <faq-dropdown v-if="isFaqDropdownOpenning" slug="new-sellers"/>
        </div>
    </div>
@endsection