@extends('frontend.layouts.app' ,['title' => 'Soap opera offers elegant and trendy ladies fashion, featuring stylish outfits, accessories, and timeless essentials for the modern woman'])

@section('content')
  <main class="main">
            <nav aria-label="breadcrumb" class="breadcrumb-nav border-0 mb-0">
                <div class="container">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{ route('index') }}">Home</a></li>
                        {{-- <li class="breadcrumb-item"><a href="{{ route('shop.page.index') }}">Pages</a></li> --}}
                        <li class="breadcrumb-item active" aria-current="page">Contact us</li>
                    </ol>
                </div><!-- End .container -->
            </nav><!-- End .breadcrumb-nav -->
            <div class="container">
	        	<div class="page-header page-header-big text-center" style="background-image: url('assets/images/contact-header-bg.jpg')">
        			<h1 class="page-title text-white">Contact us<span class="text-white">keep in touch with us</span></h1>
	        	</div><!-- End .page-header -->
            </div><!-- End .container -->

            <div class="page-content pb-0">
                <div class="container">
                	<div class="row">
                		<div class="col-lg-6 mb-2 mb-lg-0">
                			<h2 class="title mb-1">Contact Information</h2><!-- End .title mb-2 -->
                			
                			<div class="row">
                				<div class="col-sm-12">
                					<div class="contact-info">
                						<h3>The Office</h3>

                						<ul class="contact-list">
                                            <li>
                                                <i class="icon-map-marker"></i>
                                                
                                Ground Floor, 62, Chinoy Mansion, August Krant Marg, Kems Corner, Mumbai City, Maharashtra 400036.
                                            </li>
                                            <li>
                                                <i class="icon-phone"></i>
                                                <a href="tel:#">9820166550, 9321319542</a>
                                            </li>
                                            <li>
                                                <i class="icon-envelope"></i>
                                                <a href="mailto:support@soapopera.in">support@soapopera.in</a>
                                            </li>
                                        </ul><!-- End .contact-list -->
                					</div><!-- End .contact-info -->
                				</div><!-- End .col-sm-7 -->

                				
                			</div><!-- End .row -->
                		</div><!-- End .col-lg-6 -->
                		@livewire('contact-us')
                	</div><!-- End .row -->

                	
                </div><!-- End .container -->
            </div><!-- End .page-content -->
        </main><!-- End .main -->

@endsection