@extends('layouts.app')

@section('title', config('app.name', 'Laravel'))

@section('content')
<main role="main">
    <section class="jumbotron text-center">
        <div class="container">
            <h1 class="jumbotron-heading">不只幫您找好KOL</h1>
            <p class="lead text-muted">讓您輕鬆管理預算、掌握專案流程</p>
            <h1 class="jumbotron-heading">不只幫您找好廠商</h1>
            <p class="lead text-muted">讓您與廠商溝通無障礙、完美結案</p>
            <form>
                <div class="form-group">
                    <input class="form-control" type="search" placeholder="Search" aria-label="Search">
                    <button class="btn btn-outline-success" type="submit">Search</button>
                </div>
            </form>

            <!-- <p>
                <a href="#" class="btn btn-primary my-2">Main call to action</a>
                <a href="#" class="btn btn-secondary my-2">Secondary action</a>
            </p> -->
        </div>
    </section>
    <section>
        <div class="container">
            <div class="row">
                <div class="col-sm-3">
                    <h2>我是廠商</h2>
                    <ul>
                        <li>KOL搜尋</li>
                        <li>我的最愛KOL</li>
                        <li>發案管理</li>
                        <li>合作廠商</li>
                        <li>結案管理</li>
                    </ul>
                    <button class="btn btn-primary">我想成為KOL</button>
                </div>
                <div class="col-sm-3">
                    <h2>我是KOL</h2>
                    <ul>
                        <li>案件通知</li>
                        <li>合作廠商</li>
                        <li>執行管理</li>
                        <li>發布管理</li>
                        <li>結案管理</li>
                    </ul>
                    <button class="btn btn-primary">我想成為品牌/代理商</button>
                </div>
                <div class="col-sm">
                    <h2>公告區</h2>
                    <ul>
                        <li></li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

</main>
@endsection