@extends('client.layouts.app')
@section('content')  
<section class="contact top-section contact-top">
	<img src="{{ asset('client/images/Group 248.png') }}" class="left-grp">
	<div class="container">
		<div class="row">
			<div class="col-md-6 mx-auto text-center">
				<div class="title">
					<h2>Get in touch and <b>ask <br>us anything.</b></h2>
					<p class="pt-3">Reach out with any queries. From accounting distinctions to our CEO's favorite business reads – we've got answers.</p>
				</div>
			</div>
		</div>
		<div class="row justify-content-center mt-4" style="position: relative;">
    		<div class="col-auto contact-box">
      			<div class="d-flex align-items-center gap-2">
        			<div>
        				<img class="email" src="{{ asset('client/images/mail.png') }}">
        			</div>
        			<div class="">
        				<span style="font-weight: 600;color: #0d6efd;">Email</span> <br>
        				<a style="font-weight: 600;" href="mailto:info@startup-movers.com" class="text-decoration-none">info@startup-movers.com</a>
        			</div>
      			</div>
    		</div>
    		<div class="col-auto contact-box">
      			<div class="d-flex align-items-center gap-2">
        			<div>
        				<img class="phone" src="{{ asset('client/images//phone.png') }}"> 
        			</div>
        			<div class="">
        				<span style="font-weight: 600;color: #0d6efd;">Phone</span> <br>
        				<a style="font-weight: 600;position: relative;z-index: 2;" href="tel:+917011808002" class="text-decoration-none">701-180-8002</a>
        			</div>
      			</div>
    		</div>
  		</div>
	</div>
	<img src="{{ asset('client/images//Group 283.png') }}" class="right-grp">
</section>


<section class="contact_form bg_blue">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<div class="contact_form_box">
					<div class="blue-line" style="width: 110px;margin-top: -41px;"></div>
                    @if(session('success'))
    <div class="alert alert-success">
        {{ session('success') }}
    </div>
@endif

					<p class="form-head">Fill the Form</p>
                <form method="POST" action="{{ route('contact-store') }}">
                    @csrf <!-- This is for Laravel to validate the form -->
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <input type="text" required class="form-control" placeholder="Name" name="name">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <input type="email" required class="form-control" placeholder="Email Address" name="email">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <input type="text" required class="form-control" placeholder="Phone Number" name="phone">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <textarea class="form-control" required placeholder="Message" name="message"></textarea>
                            </div>
                        </div>
                        <!-- <div class="col-md-6">
						<div class="form-group g-recaptcha" 
								data-sitekey="{{ env('CAPTCHA_KEY_ID') }}">
							</div>
                        </div> -->
						<div class="col-md-6">
                            <div class="form-group">
                                <button type="submit" class="text-uppercase btn btn-primary">Submit</button>
                            </div>
                        </div>
                    </div>
                </form>

				</div>
			</div>
		</div>

		<div class="row my-5">
			<div class="col-md-7 mx-auto text-center">
				<div class="title">
					<h2 class="white-clr">Our Branches</h2>
					<p class="white-clr branch">Reach out to us with your questions, ideas, or feedback. We're here to provide the guidance and support your business needs to thrive.</p>
				</div>
			</div>
		</div>
		
		<div class="row first-address-row">
			<div class="col-6 col-md-3">
				<div class="white-line"></div>
				<h3 class="white-clr location">Registered Office Address</h3>
				<p class="white-clr address">	3-M Floor, Bhanot Chamber, Aram Bagh, New Delhi – 110055</p>
				<a href="https://www.google.com/maps?cid=8199655899374923354&hl=en&gl=us&shorturl=1" target="_blank"> <img src="{{ asset('client/images//location.png') }}" class="location-icon"> </a>
			</div>
			<div class="col-6 col-md-3">
				<div class="white-line"></div>
				<h3 class="white-clr location">Noida Corporate Address</h3>
				<p class="white-clr address">C/o 91 Springboard Coworking, C2, Sector 1, Noida, Uttar Pradesh – 201310</p>
				<a href="https://www.google.co.in/maps/place/91springboard/@28.5895868,77.3144506,15z/data=!4m6!3m5!1s0x390ce4f433319771:0x6b290eb5bc4991b6!8m2!3d28.5895909!4d77.3144488!16s%2Fg%2F11c6_vpjfw?entry=ttu" target="_blank"> <img src="{{ asset('client/images//location.png') }}" class="location-icon"> </a>
			</div>
			<div class="col-6 col-md-3">
				<div class="white-line"></div>
				<h3 class="white-clr location">Delhi Corporate Address</h3>
				<p class="white-clr address">	C/o 91 Springboard, B1/H3, Mohan Co-operative, Mathura Rd, Industrial Area, New Delhi – 110044</p>
				<a href="https://www.google.co.in/maps/place/91springboard+Okhla/@28.536297,77.270593,15z/data=!4m2!3m1!1s0x0:0x1e303e704987cdfd?sa=X&ved=0ahUKEwjWqMSf5fDbAhUFR48KHavYAEYQ_BII5gEwCg" target="_blank"> <img src="{{ asset('client/images//location.png') }}" class="location-icon"> </a>
			</div>
			<div class="col-6 col-md-3">
				<div class="white-line"></div>
				<h3 class="white-clr location">Mumbai Corporate Address</h3>
				<p class="white-clr address">C/o 91springboard Andheri East, B wing, 5th floor, Ackruti Trade Centre, MIDC, Andheri East, Mumbai, Maharashtra – 400093</p>
				<a href="https://www.google.co.in/maps/place/91springboard+Ackruti+Trade+Centre,+Andheri+East/@19.1178407,72.87132,15z/data=!4m5!3m4!1s0x0:0xf2d4156240b5052e!8m2!3d19.1178407!4d72.87132" target="_blank"> <img src="{{ asset('client/images//location.png') }}" class="location-icon"> </a>
			</div>
		</div>
		<div class="row d-flex justify-content-center pt-5 second-add-row">
			<div class="col-6 col-md-3">
				<div class="white-line"></div>
				<h3 class="white-clr location">Bengaluru Corporate Address</h3>
				<p class="white-clr address">C/o 91springboard Bangalore, Koramangala, 4th Floor, Salarpuria Tower -1, No. 22, Industrial Layout, Landmark: Forum Mall, Hosur Road, Koramangala, Bengaluru,Karnataka – 560095</p>
				<a href="https://www.google.com/maps/place/91springboard+7th+Block,+Koramangala/@12.9332693,77.6098459,17z/data=!3m1!4b1!4m5!3m4!1s0x0:0x8a51177fba6ca896!8m2!3d12.9332693!4d77.6120346?hl=en" target="_blank"> <img src="{{ asset('client/images//location.png') }}" class="location-icon"> </a>
			</div>
			<div class="col-6 col-md-3">
				<div class="white-line"></div>
				<h3 class="white-clr location">Faridabad Corporate Address</h3>
				<p class="white-clr address">5M/15, NIT Faridabad, Haryana-121001</p>
				<a href="https://www.google.com/maps/place/15,+NIT+3+Main+Rd,+New+Industrial+Township+3G,+Block+G,+New+Industrial+Twp+3,+New+Industrial+Township,+Faridabad,+Haryana+121012/@28.3982858,77.2897488,17z/data=!3m1!4b1!4m5!3m4!1s0x390cdc2c81a56a8d:0xfd2a38f00c8e5e11!8m2!3d28.3982858!4d77.2923291?entry=ttu" target="_blank"> <img src="{{ asset('client/images//location.png') }}" class="location-icon"> </a>
			</div>
			<div class="col-6 col-md-3">
				<div class="white-line"></div>
				<h3 class="white-clr location">Gurugram Corporate Address</h3>
				<p class="white-clr address">C/o 91Springboard, Building No. 145, Sector 44 Rd, Sector 44, Gurugram, Haryana- 122003</p>
				<a href="https://www.google.com/maps/dir/28.6981346,77.1600201/C%2Fo+91Springboard,+Building+No.+145,+Sector+44+Rd,+Sector+44,+Gurugram,+Haryana-+122003/@28.5737968,76.948461,11z/data=!3m1!4b1!4m9!4m8!1m1!4e1!1m5!1m1!1s0x390d18eb379fa2bb:0xfe9158c05b779b08!2m2!1d77.0753203!2d28.4499337?entry=ttu" target="_blank"> <img src="{{ asset('client/images//location.png') }}" class="location-icon"> </a>
			</div>
		</div>
	</div>
</section>
									
@endsection