@extends('layouts.app')

@section('title', 'Software Solutions for Amazon PPC Advertising | Columbus 17')

@section('content')
    <div class="content w-2/3 m-auto mt-48 animate-content">
        <div class="content-above flex flex-col items-center animate-content">
            <div class="flex flex-col space-y-4 max-w-screen-md">
                <p class="text-4xl sm:text-6xl font-bold text-center">Ad-Lane: PPC Software for Amazon Sponsored Search Success</p>
            </div>
        </div>
        <div class="content-bottom flex flex-col mt-48 flex flex-row space-y-24">
            <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>
                        <p class="font-semibold text-gray-700">Benefits of Ad-Lane</p>
                        <p class="text-2xl sm:text-3xl font-bold">Build Dynamics of Your Campaigns with Ad-Lane and Maximize Results</p>
                        <p class="mt-4 font-medium">Drive more sales advertising your campaigns with Ad-Lane</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"></i>
                        <p>Level up your campaigns with ad optimizations and advertising your products from different perspectives</p>
                    </div>
                    <div class="col-span-2 sm:col-span-1">
                        <i class="fa fa-check text-sky-700"></i>
                        <p>Maximize your sponsored brand with AI-powered content generates</p>
                    </div>
                    <div>
                        <i class="fa fa-check text-sky-700"></i>
                        <p>Skyrocket your conversions with customized campaigns & proven PPC strategies</p>
                    </div>
                    <div>
                        <i class="fa fa-check text-sky-700"></i>
                        <p>Boost your product ad by creating single web page with Ad-Lane to drive more traffics to your listing</p>
                    </div>
                    <div class="col-span-2 sm:col-span-1">
                        <i class="fa fa-check text-sky-700"></i>
                        <p>Be aware of your efficiency with direct data analyzes with Ad-Lane</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="content w-auto sm:w-2/3 m-auto mt-48 animate-content">
        <div class="content-above flex flex-col items-center animate-content">
            <div class="flex flex-col space-y-4 max-w-screen-md">
                <p class="text-2xl sm:text-4xl sm:text-6xl font-bold text-center">Begin to Discover The Capabilities of Ad-Lane. Build & Give Better Shape to Your Campaigns</p>
            </div>
        </div>
        <div class="content-bottom flex flex-col mt-48 flex flex-row space-y-24 hidden sm:block">
            <slide slug='ad-lane'/>
        </div>    
    </div>
@endsection