@extends('layouts.main')
@push('title')
<title>Contact</title>
<meta name="title" content="Harman Pipe Band">
<meta name="keywords" content="Harman Pipe Band">
<meta name="description" content="Harman Pipe Band">
    
@endpush
@section('main-section')
<div class="breadcrumb-section" style="background-image: linear-gradient(270deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0.3) 101.02%), url(/public/assets/about-dhol.jpg);background-repeat: no-repeat;background-position: center;">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 d-flex justify-content-center">
                <div class="banner-content">
                    <h1 class="banner-head">Contact Us</h1>
                    <ul class="breadcrumb-list">
                        <li><a class="banner-home" href="/">Home</a></li> 
                        <li>Contact Us</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="quote-area py-120">
        <div class="container">
        <div class="row">
                <div class="col-lg-6 mx-auto wow fadeInDown" data-wow-duration="1s" data-wow-delay=".25s">
                    <div class="site-heading text-center">
                        <h2 class="site-title">Contact <span>Us</span></h2>
                        <div class="header-img-divider">
                            <img src="public/assets/img/icon/divider.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
            <div class="quote-wrapper">
                <div class="row align-items-center">
                    <div class="col-lg-6">
                        <div class="quote-img">
                            <img src="{{asset('/public/assets/1.jpg')}}" alt="">
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="quote-content">
                            <div class="quote-header">
                                <h6>Get Free Quote</h6>
                                <h2>Feel Free To Contact With Us</h2>
                            </div>
                            <form action="#">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <input type="text" name="name" class="form-control" placeholder="Your Name">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <input type="email" name="email" class="form-control" placeholder="Email Address">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <input type="text" name="subject" class="form-control" placeholder="Subject">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <select class="form-select" name="service">
                                                <option value="">Choose Service</option>
                                                <option value="1">Ghori</option>
                                                <option value="2">Baggi</option>
                                                <option value="3">Dhol Bhangra</option>
                                                <option value="4">Doli</option>
                                                <option value="5">Band Lights</option>
                                                <option value="6">Shehnai</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <textarea name="message" class="form-control" placeholder="Type Message" rows="4"></textarea>
                                </div>
                                <button class="theme-btn">Submit Now<i class="far fa-arrow-right"></i></button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection