@extends('home.layouts.app')
@section('page-title', $title)
@section('content')

    <div class="page-title" data-aos="fade">
        <div class="heading">
            <div class="container">
                <div class="row d-flex justify-content-center text-center">
                    <div class="col-lg-8">
                        <h1>Contact Us</h1>
                        {{-- <p class="mb-0">Odio et unde deleniti. Deserunt numquam exercitationem. Officiis quo odio sint
                            voluptas consequatur ut a odio voluptatem. Sit dolorum debitis veritatis natus dolores. Quasi
                            ratione sint. Sit quaerat ipsum dolorem.</p> --}}
                    </div>
                </div>
            </div>
        </div>

    </div>
    <!-- End Page Title -->

    <!-- Portfolio Details Section -->
    <section id="portfolio-details" class="portfolio-details section">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-md-8">
                    @livewire('home.contact')
                </div>
            </div>
        </div>
    </section>

@endsection

@pushOnce('styles')
    <style>
        .page-title .heading {
            padding: 135px 0 0;
        }
    </style>
@endPushOnce