@extends('front-layouts.front-master')

@section('title', 'Agrilink | Home')
@section('meta-description', 'Agrilink is a platform for connecting agricultural businesses in Bangladesh. Discover products, services, and suppliers in the agriculture sector.')
@section('meta-keywords', 'Agriculture, Agribusiness, Bangladesh, Agro Products, Farming, Livestock, Fisheries, Poultry, Agriculture Equipment')

@section('front-content')


<div style="position: relative;">
	<img src="{{ asset('frontend') }}/assets/images/agri_cat/agri-banner-2.webp" style="height: 35vh;" class="img-fluid w-100" alt="banner-image">
	<div style="position: absolute; bottom: 0; left: 0; right: 0; height:100%; display:flex; flex-direction:column; justify-content:flex-end; background-color: rgba(0, 0, 0, 0.35); padding: 20px;">

		<h1 class="display-4 font-weight-normal text-white">Login</h1>
		<nav aria-label="breadcrumb ">
			<ol class="breadcrumb pl-0 bg-transparent">
				<li class="breadcrumb-item"><a href="#" class="text-white">Home</a></li>
				<!-- <li class="breadcrumb-item"><a href="#" class="text-white">Feed Industry</a></li> -->
				<li class="breadcrumb-item text-white active" aria-current="page">login</li>
			</ol>
		</nav>
	</div>
</div>



<div class="row g-0">
    <div class="col-md-6 py-4">
        <div class="card border-0 p-3">
            <h2 class="ml-3">Login Information</h2>
            <div class="card-body">

                <div class="">
                    <label class="mb-1" for="">Email</label>
                    <input type="email" name="email" placeholder="Email">
                </div>

                <div class="">
                    <label class="mb-1" for="">Password</label>
                    <input type="password" name="password" placeholder="Password">
                </div>


                <button class="main-btn w-100">Login</button>

            </div>

        </div>
    </div>
    <div class="col-md-6 bg-dark py-5">
        <div class="p-4 my-4">
            <h2 class="text-white mb-3">Enter your Login Information</h2>
            <p class="text-muted">Lorem ipsum dolor sit amet consectetur adipisicing elit. Rerum sequi hic rem, ipsum iste impedit consequatur eaque eveniet esse at in maiores ex. Ab, porro. Totam nostrum recusandae tempore esse!</p>
        </div>
    </div>
</div>


@endsection