@extends('layouts.app')

@section('title', 'Effective Software for Amazon FBM Sellers | Columbus 17')
@section('meta_description', 'Grow your Amazon FBM business with Columbus17. Research products, analyze competitors, and optimize listings to increase sales and profits.')
@section('content')
    <div class="content w-full sm:w-2/3 m-auto mt-24 animate-content space-y-24">
        <div class="content-above flex flex-col space-y-4 mt-48">
            <p class="text-4xl sm:text-6xl font-bold text-center">Amazon Seller Solutions</p>
        </div>
        <div>
            <div class="relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[16px] rounded-t-xl">
                <div class="rounded-xl overflow-hidden h-[500px]">
                    <iframe class="w-full h-full" src="https://www.youtube.com/embed/bVQ_TiHMPuc?si=JBcXkCQkLb5d_JMT" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
                </div>
            </div>
            <div class="relative mx-auto bg-gray-900 dark:bg-gray-700 rounded-b-xl h-[24px] max-w-[301px] md:h-[42px] md:max-w-[512px]"></div>
            <div class="relative mx-auto bg-gray-800 rounded-b-xl h-[55px] max-w-[83px] md:h-[95px] md:max-w-[142px]"></div>
        </div>
    </div>
    <div class="content w-2/3 m-auto mt-24 animate-content">
        <div class="content-bottom">
            <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0">
                <div class="flex flex-col items-left w-full pr-0 sm:pr-36">
                    <div class="leading-8">
                        <p class="font-semibold text-gray-700">What Advantages Our Sofware Brings</p>
                        <p class="text-2xl sm:text-3xl font-bold">Watch growth of your sales</p>
                        <p class="mt-4 font-medium">Utilize FBB business model trusted by million sellers</p>
                    </div>
                </div>
                <div class="grid md:grid-cols-1 lg:grid-cols-2 gap-12 animate-slideIn">
                    <div class="col-span-2 sm:col-span-1">
                        <i class="fa fa-check text-sky-700" aria-hidden="true"></i>
                        <p>Maximize effectiveness of using keyword strategy</p>
                    </div>
                    <div class="col-span-2 sm:col-span-1">
                        <i class="fa fa-check text-sky-700" aria-hidden="true"></i>
                        <p>Save hours of work while boosting your sales</p>
                    </div>
                    <div>
                        <i class="fa fa-check text-sky-700" aria-hidden="true"></i>
                        <p>Shape your tactics of your seller business model to stay ahead of your competitors</p>
                    </div>
                    <div>
                        <i class="fa fa-check text-sky-700" aria-hidden="true"></i>
                        <p>Optimize & automate your PPC ads</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="content w-full sm:w-2/3 m-auto mt-24 animate-content">
        <div class="content-above md:px-20 flex flex-col items-center mt-48 flex flex-row animate-content space-y-24">
            <div class="pricing-content-above flex flex-col space-y-4 max-w-screen-md">
                <p class="text-4xl sm:text-6xl font-bold text-center">Try out 100% success rate on being involved to Amazon FBM business model</p>
            </div>
        </div>
        <div class="content-bottom flex flex-col mt-12 overflow-hidden hidden sm:block">
            <slide slug='fba'/>
        </div>
        <div class="content-bottom">
            <div class="md:px-20 xl:px-48 py-20 mt-12 flex-col flex flex-row text-center items-center space-y-4 bg-sky-200">
                <p class="text-normal font-medium">Get Started with us</p>
                <p class="text-2xl sm:text-3xl font-bold">Begin to Scale, Optimize and Catch Awareness on Your Amazon Sale Business</p>
                <p class="text-xl">Realise the power in you and Let our software represent itself to you</p>
                <div class="w-full sm:w-1/2 text-white text-center">
                    <a href="{{ url('prices') }}" type="button" class="bg-sky-500 w-full p-2 sm:py-2 sm:p-0 rounded-md font-bold hover:bg-sky-600">See Our Plans and Pricing</a>
                </div>
            </div>
        </div>
    </div>
    <div class="content w-2/3 m-auto mt-24">
        <div class="faq_container">
            <faq-dropdown v-if="isFaqDropdownOpenning" slug="fbm"/>
        </div>
    </div>

@endsection