@extends('layouts.site_layout')

@section('content')

<section class="bg_light_grey py-5">
    <div class="container">
        <h1 class="fs-42">My Dashboard</h1>
        <p class="fs-20 mb-4">Dear Kavya, Welcome to the IESA Portal.</p>
        <div class="row">
            <div class="col-lg-4 col-md-6 mb-4">
                <div class="card border-0">
                    <div class="card-header bg-white">
                        <div class="d-flex">
                            <img src="{{asset('images/dashboard/iesa-ecosystem-directory.svg')}}"
                                alt="IESA Ecosystem Directory" class="img-fluid me-3">
                            <h3 class="fs-24 mb-0">IESA EcoSystem Directory</h3>
                        </div>
                    </div>
                    <div class="card-body">
                        <ul class="p-0">
                            <li class="fs-16 dashboard-lists mb-3">Browse the IESA Ecosystem Directory & Discover Business
                                Partnerships</li>
                            <li class="fs-16 dashboard-lists">Hyperlink on EcoSystem Directory - Will take to the
                                listing page</li>
                        </ul>
                        <button class="btn bg-orange text-white fs-16 float-end">Continue</button>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6 mb-4">
                <div class="card border-0">
                    <div class="card-header bg-white">
                        <div class="d-flex">
                            <img src="{{asset('images/dashboard/iesa-ecosystem-directory.svg')}}"
                                alt="IESA Ecosystem Directory" class="img-fluid me-3">
                            <h3 class="fs-24 mb-0">Discount</h3>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="d-flex">
                            <p class="fs-36 fw-bold me-3">15%</p>
                            <p class="fs-16">Discounts on Reports and Flagship Events</p>
                        </div>
                        <button class="btn bg-orange text-white fs-16 float-end">Continue</button>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6 mb-4">
                <div class="card border-0">
                    <div class="card-header bg-white">
                        <div class="d-flex">
                            <img src="{{asset('images/dashboard/iesa-ecosystem-directory.svg')}}"
                                alt="IESA Ecosystem Directory" class="img-fluid me-3">
                            <h3 class="fs-24 mb-0">EcoSystem Directory Access</h3>
                        </div>
                    </div>
                    <div class="card-body">
                        <ul class="p-0">
                            <li class="fs-16 dashboard-lists mb-3">Get Discovered by others in the Ecosystem</li>
                            <li class="fs-16 dashboard-lists">Gain beneficial business partnership</li>
                        </ul>
                        <button class="btn bg-orange text-white fs-16 float-end">Continue</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

@endsection