@extends('layouts.app')

@section('title', 'Essential Software for New and Established Brands | Columbus 17')
@section('meta_description', 'Manage and grow your Amazon brand with Columbus17. Track your products, analyze performance, and optimize your brand strategy effortlessly.')
@section('content')
    <div class="content w-2/3 m-auto mt-24 animate-contentbottomwrapper">
        <div class="content-bottom mt-48">
            <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">What Advantages Our Sofware Brings</p>
                        <p class="text-2xl sm:text-3xl font-bold">See the potential in your brand</p>
                        <p class="mt-4 font-medium">Discover Markets, Optimize Ads, Make a revolution on your brand with our Market Lane 10 </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>Dive deep into various markets and take the advantage in using our Market Lane 10</p>
                    </div>
                    <div class="col-span-2 sm:col-span-1">
                        <i class="fa fa-check text-sky-700" aria-hidden="true"></i>
                        <p>Leverage Insights Dashboard’s personalized suggestions to skyrocket efficiency and eliminate manual tasks</p>
                    </div>
                    <div>
                        <i class="fa fa-check text-sky-700" aria-hidden="true"></i>
                        <p>Scale your business with proven tactics and tips from our expert-led webinars</p>
                    </div>
                    <div>
                        <i class="fa fa-check text-sky-700" aria-hidden="true"></i>
                        <p>Level up your skills with access to our award-winning course, Freedom Ticket</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="content w-2/3 m-auto mt-24">
        <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 sm:text-6xl font-bold text-center">Try out 100% success rate on building your brand with our software's comprehensive e-commerce business model</p>
            </div>
        </div>
        <div class="content-bottom flex flex-col overflow-hidden hidden sm:block">
            <slide slug='brands'/>
        </div>
    </div>
    <div class="content w-full sm:w-2/3 m-auto bg-sky-200 mt-24 py-24">
        <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-3xl font-bold">Enlarge Your Brand and Move to Effective Results</p>
                <p class="text-xl">Realise the power in you and watch your brand grow with us</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>

@endsection