@extends('frontend.pages.layouts.master')
@section('content')

    {{-- <div class="mb-5"
         style="background-image: url('{{ asset('assets/media/img/bg/get_a_quote_banner.png') }}');background-size: cover;background-repeat: no-repeat;">
        <div class="bg-primary-default">
            <div class="container p-lg-0">
                <div class="row">
                    <div class="col-lg-9">
                        <div class="page-title d-flex align-items-center me-3 flex-wrap py-20 ">

                            <!--begin::Breadcrumb-->
                            <ul class="breadcrumb breadcrumb-separatorless fw-bold fs-3 my-1">
                                <!--begin::Item-->
                                <li class="breadcrumb-item text-warning">
                                    <a href="/" class="text-warning text-hover-primary">Home</a>
                                </li>
                                <!--end::Item-->
                                <!--begin::Item-->
                                <li class="breadcrumb-item">
                                    <span class="bullet bg-gray-200 w-5px h-2px"></span>
                                </li>
                                <!--end::Item-->
                                <!--end::Item-->
                                <!--begin::Item-->
                                <li class="breadcrumb-item text-white">{{ $heading }}</li>
                                <!--end::Item-->
                            </ul>
                            <!--end::Breadcrumb-->
                        </div>
                    </div>

                </div>
            </div>

        </div>
    </div> --}}

    <div class="position-relative">
        <img src="{{asset('assets/media/img/bg/get_a_quote_banner.png')}}" alt="">
        <div style="position:absolute; left:8%; top:50%;">
            <h3 class="text-white fw-bold">Request a Quote</h3>
        </div>
    </div>


    <div class="bg-gray-light">
        @include('layouts.small_message')
        @livewire('frontend.quotation-management')
    </div>

@endsection

<style>
    .bg-gray-light{
        background-color:#EEF3F5;
    }
</style>