@extends('layout.index')

@section('meta_content')
	<meta name="author" content="">
	<meta name="description" content="">
	<meta name="keywords" content="">
	<title>Design Partners - Your Dreams Our Design</title>
@endsection

@section('content')
<main data-router-wrapper data-smooth>
		<article data-router-view="contact">

			<section class="contact-info" data-smooth-item>
				<div class="container">
					<div class="pt100 l:pt40 pb20">
						<div class="df fw mt10">
							
							<ul class="x s:w30 ph20 mb10">
								<h2>Surat</h2>
								<li class="js-stagger">617, Western Business Park, </li>
								<li class="js-stagger">UM Rd, Vesu, Surat, Gujarat 395007</li>
								<li class="js-stagger"><a href="https://wa.me/9136035101" target="_blank" style="text-decoration: none;color: #fff;">Whatsapp: +91 91 36 035 101</a></li>
							</ul>
							
							<ul class="x s:w40 ph20 mb10">
								<h2>Mumbai</h2>
								<li class="js-stagger">A-1101, Ektabhoomi Gardens - iii, </li>
								<li class="js-stagger">Datapada Road, Borivali (E), Mumbai 400066</li>
								<li class="js-stagger"><a href="https://wa.me/9136035101" target="_blank" style="text-decoration: none;color: #fff;">Whatsapp: +91 91 36 035 101</a></li>
							</ul>
						</div>
					</div>
				</div>
				
			</section>

			<section class="contact" data-smooth-item>
				<div class="container">
					<h1 class="h1 pt30 mb30 js-stagger">Start your journey here.</h1>
				</div>
			</section>

			<section class="contactform" data-darker data-smooth-item>

				<form method="post" action="#" accept-charset="UTF-8" novalidate="" enctype="multipart/form-data"
					id="form" class="black x js-contact-form js-stagger">



					<div class="contactform__section contactform__section--step1 rel z2">
						<div class="contactform__section-inner bg-green pb30 pt40 black">
							<div class="container">
								<div class="s:df s:fw">

									<div class="contactform__num f16 fw500 lh120 mb20">1</div>
									<div class="contactform__form">
										<div class="contactform__title-description mb20 fw500 lh140">
											Want to get started on a custom build? Interested in concierge services? Let
											us know what you have in mind and we'll be in touch soon.
										</div>

										<div class="df fw mhn20 mt10">

											<div class="signup__field mb10 x s:w50 ph20">
												<div class="signup__field-label">
													<input id="firstname" type="text" name="firstname" value=""
														required="">
													<label class="o-label o-label--dark" for="firstname">First
														Name</label>

												</div>
											</div>

											<div class="signup__field mb10 x s:w50 ph20">
												<div class="signup__field-label">
													<input id="email" type="email" name="email" value="" required="">
													<label class="o-label o-label--dark" for="email">Email
														Address</label>

												</div>
											</div>

											<div class="signup__field mb10 x s:w50 ph20">
												<div class="signup__field-label">
													<input id="lastname" type="text" name="lastname" value=""
														required="">
													<label class="o-label o-label--dark" for="lastname">Last
														Name</label>

												</div>
											</div>

											<div class="signup__field mb10 x s:w50 ph20">
												<div class="signup__field-label">
													<input id="phone" type="text" name="phone" value="" required="">
													<label class="o-label o-label--dark" for="phone">Phone
														Number</label>

												</div>
											</div>

										</div>

									</div>

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

					<div class="contactform__section contactform__section--step2 rel z1">
						<div class="contactform__section-inner bg-green pb30 pt40 black">
							<div class="container">
								<div class="s:df s:fw">
									<div class="contactform__num f16 fw500 lh120 mb20">2</div>
									<div class="contactform__form rel">

										<div class="df fw mhn20 mb10 abs top left pen js-switch-1">
											<div class="signup__field mb10 x s:w50 ph20">
												<div class="signup__field-label" data-cursor>
													<input type="checkbox" id="windowWashing" class="js-checkbox"
														name="extra[]" value="Window Washing">
													<label for="windowWashing" class="o-label o-label--dark">Window
														Washing</label>
												</div>
											</div>

											<div class="signup__field mb10 x s:w50 ph20">
												<div class="signup__field-label" data-cursor>
													<input type="checkbox" id="applianceMaintenace" class="js-checkbox"
														name="extra[]" value="Appliance Maintenace">
													<label for="applianceMaintenace"
														class="o-label o-label--dark">Appliance Maintenace</label>
												</div>
											</div>

											<div class="signup__field mb10 x s:w50 ph20">
												<div class="signup__field-label" data-cursor>
													<input type="checkbox" id="pressureWashing" class="js-checkbox"
														name="extra[]" value="Pressure Washing">
													<label for="pressureWashing" class="o-label o-label--dark">Pressure
														Washing</label>
												</div>
											</div>

											<div class="signup__field mb10 x s:w50 ph20">
												<div class="signup__field-label" data-cursor>
													<input type="checkbox" id="inhomeWalkthroughs" class="js-checkbox"
														name="extra[]" value="In-Home Walkthroughs">
													<label for="inhomeWalkthroughs"
														class="o-label o-label--dark">In-Home Walkthroughs</label>
												</div>
											</div>

											<div class="signup__field mb10 x s:w50 ph20">
												<div class="signup__field-label" data-cursor>
													<input type="checkbox" id="bbqGrillCleaning" class="js-checkbox"
														name="extra[]" value="BBQ Grill Cleaning">
													<label for="bbqGrillCleaning" class="o-label o-label--dark">BBQ
														Grill Cleaning</label>
												</div>
											</div>

											<div class="signup__field mb10 x s:w50 ph20">
												<div class="signup__field-label" data-cursor>
													<input type="checkbox" id="houseVisits" class="js-checkbox"
														name="extra[]" value="House Visits">
													<label for="houseVisits" class="o-label o-label--dark">House
														Visits</label>
												</div>
											</div>

											<div class="signup__field mb10 x s:w50 ph20">
												<div class="signup__field-label" data-cursor>
													<input type="checkbox" id="cobwebCleaning" class="js-checkbox"
														name="extra[]" value="BBQ Roof/gutter/cobweb cleaning">
													<label for="cobwebCleaning"
														class="o-label o-label--dark">Roof/gutter/cobweb
														cleaning</label>
												</div>
											</div>

											<div class="signup__field mb10 x s:w50 ph20">
												<div class="signup__field-label" data-cursor>
													<input type="checkbox" id="repairs" class="js-checkbox"
														name="extra[]" value="Repairs/Improvements">
													<label for="repairs"
														class="o-label o-label--dark">Repairs/Improvements</label>
												</div>
											</div>


										</div>

										<div class="df fw mhn20 mb10 js-switch-2">
										

											<div class="signup__field mb10 x s:w50 ph20">
												<div class="signup__field-label">
													<input id="location" type="text" name="location" value="">
													<label class="o-label o-label--dark" for="location">Location</label>

												</div>
											</div>

										</div>

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

					<div class="contactform__section contactform__section--step3 rel">
						<div class="contactform__section-inner bg-green pb30 pt40 black">
							<div class="container">
								<div class="s:df s:fw">
									<div class="contactform__num f16 fw500 lh120 mb20">3</div>
									<div class="contactform__form rel">

										<div class="mhn20 rel z1">
											<div class="df fw x mb20 s:w50">

												<div class="signup__field mb10 x ph20">
													<div class="signup__field-label">
														<textarea rows="8" id="message" name="message"
															value=""></textarea>
														<label class="o-label o-label--dark"
															for="message">Message</label>

													</div>
												</div>

											</div>
										</div>

										<input id="honeypot" class="o0 zn1 abs top left" name="honeypot" size="40"
											type="text" />

										<button class="button button--dark df" aria-label="View Submit" type="submit"
											data-cursor>
											<span class="arrow"><svg version="1.1" xmlns="http://www.w3.org/2000/svg"
													xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
													width="13.74px" height="10.29px" viewBox="0 0 13.74 10.29"
													style="enable-background:new 0 0 13.74 10.29;" xml:space="preserve">
													<g id="Group_3_Copy_2_1_" transform="translate(-0.092 -0.015)">
														<path id="Fill_1_1_" class="st0"
															d="M0.09,5.92h11.9V4.39H0.09V5.92z" />
														<path id="Fill_2_1_" class="st0"
															d="M8.69,10.3L7.61,9.23l4.07-4.07L7.61,1.09l1.08-1.08l5.14,5.14L8.69,10.3z" />
													</g>
												</svg>
											</span>
											<span class="text">Submit</span>
										</button>


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

				</form>


			</section>

			<div class="contact-figure abs right pen" data-smooth-item>
				<div class="x js-stagger" data-from='{"yPercent": "-10"}' data-to='{"yPercent": "10"}'>
					<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="439.177"
						height="2143" viewBox="0 0 439.177 2143">
						<defs>
							<clipPath id="clip-path">
								<path id="Clip_122" data-name="Clip 122" d="M0,439H2143V0H0Z" fill="none" />
							</clipPath>
						</defs>
						<g id="Group_123_Copy_2" data-name="Group 123 Copy 2" transform="translate(0 2143) rotate(-90)"
							opacity="0.499">
							<path id="Stroke_1" data-name="Stroke 1" d="M0,0,436,436" transform="translate(554 3)"
								fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
							<path id="Stroke_3" data-name="Stroke 3" d="M436,0,0,436" transform="translate(554 3)"
								fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
							<path id="Stroke_5" data-name="Stroke 5"
								d="M395,197.5C395,306.58,306.576,395,197.5,395S0,306.58,0,197.5,88.424,0,197.5,0,395,88.424,395,197.5Z"
								transform="translate(574 23)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_7" data-name="Stroke 7"
								d="M395,197.5C395,306.58,306.577,395,197.5,395S0,306.58,0,197.5,88.423,0,197.5,0,395,88.424,395,197.5Z"
								transform="translate(1145 23)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_9" data-name="Stroke 9" d="M2,0V437" transform="translate(220.5 1.5)"
								fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
							<path id="Stroke_11" data-name="Stroke 11" d="M27,219S-33.75,131.038,27,0"
								transform="translate(1317 2)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_13" data-name="Stroke 13" d="M0,219S60.75,131.038,0,0"
								transform="translate(1342 2)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_15" data-name="Stroke 15" d="M6.83,212S-28.357,112.1,61,0"
								transform="translate(1336.5 9.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_17" data-name="Stroke 17" d="M0,212S78.819,141.608,54.256,0"
								transform="translate(1342.5 8.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_19" data-name="Stroke 19" d="M.187,192S-9.246,86.263,106,0"
								transform="translate(1343 30)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_21" data-name="Stroke 21" d="M0,192S94.6,143.505,106,0"
								transform="translate(1343 30)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_23" data-name="Stroke 23" d="M0,159S17.179,54.62,150,0"
								transform="translate(1342.5 62.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_25" data-name="Stroke 25" d="M0,159S103.314,135.658,150,0"
								transform="translate(1342.5 62.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_27" data-name="Stroke 27" d="M0,117S42.7,19.907,185,0"
								transform="translate(1342 104)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_29" data-name="Stroke 29" d="M0,116.992S105.914,120.105,185,0"
								transform="translate(1342 104)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_31" data-name="Stroke 31" d="M0,69S65.111-14.088,207,2.089"
								transform="translate(1343 152)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_33" data-name="Stroke 33" d="M0,66.8S101.17,96.086,207,0"
								transform="translate(1343 153)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_35" data-name="Stroke 35" d="M0,32S83.654-30.6,217,19.308"
								transform="translate(1343.5 189.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_37" data-name="Stroke 37" d="M0,13.224S90.662,67.822,217,0"
								transform="translate(1344.5 207.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_39" data-name="Stroke 39" d="M0,10.253S97.217-31,214,52"
								transform="translate(1343 210)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_41" data-name="Stroke 41" d="M0,0S74.685,76.018,214,42.436"
								transform="translate(1342.5 220.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_43" data-name="Stroke 43" d="M0,.769S104.478-14.785,197,94"
								transform="translate(1343.5 220.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_45" data-name="Stroke 45" d="M0,0S53.771,90.224,197,93"
								transform="translate(1343 221)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_47" data-name="Stroke 47" d="M0,0S105.439,10.9,168,140"
								transform="translate(1342 221)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_49" data-name="Stroke 49" d="M0,0S29.511,101.563,168,140"
								transform="translate(1342 221)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_51" data-name="Stroke 51" d="M0,0S98.827,36.9,127,178"
								transform="translate(1342.5 220.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_53" data-name="Stroke 53" d="M0,0S3.193,106.082,127,178"
								transform="translate(1343.5 220.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_55" data-name="Stroke 55" d="M0,0S86.118,60.167,78.526,203"
								transform="translate(1344 221)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_57" data-name="Stroke 57" d="M2.279,0S-21.113,102.9,82,203"
								transform="translate(1341.5 220.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_59" data-name="Stroke 59" d="M0,0S67.129,80.123,25.245,217"
								transform="translate(1344 221)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_61" data-name="Stroke 61" d="M15.258,0S-32.513,94.19,41,217"
								transform="translate(1328 220)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_63" data-name="Stroke 63" d="M29.377,0S77.15,94.55,0,216"
								transform="translate(1314 221)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_65" data-name="Stroke 65" d="M42,0S-28.35,78.961,13.047,216"
								transform="translate(1301 221)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_67" data-name="Stroke 67" d="M81.1,0S102.745,103.238,0,202"
								transform="translate(1260.5 220.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_69" data-name="Stroke 69" d="M82,0S-5.466,59.025.27,202"
								transform="translate(1261 221)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_71" data-name="Stroke 71" d="M130,0S125.379,105.258,0,175"
								transform="translate(1212.5 220.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_73" data-name="Stroke 73" d="M130,0S30.194,35.311,0,175"
								transform="translate(1214.5 220.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_75" data-name="Stroke 75" d="M169,0S138.286,101.338,0,138"
								transform="translate(1173.5 220.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_77" data-name="Stroke 77" d="M169,0S63.957,9.514,0,138"
								transform="translate(1173.5 220.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_79" data-name="Stroke 79" d="M199,0S143.811,91.1,0,92"
								transform="translate(1144.5 220.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_81" data-name="Stroke 81" d="M199,.976S94.336-16.039,0,92"
								transform="translate(1144.5 220.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_83" data-name="Stroke 83" d="M214,0S138.516,73.388,0,38.676"
								transform="translate(1128 221)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_85" data-name="Stroke 85" d="M214,10.888S117.579-30.811,0,49"
								transform="translate(1129.5 210.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_87" data-name="Stroke 87" d="M217,15.843S125.55,68.1,0,0"
								transform="translate(1126 205)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_89" data-name="Stroke 89" d="M217,34S134.133-30.571,0,18.257"
								transform="translate(1125.5 186.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_91" data-name="Stroke 91" d="M207,69.306S105.006,97.141,0,0"
								transform="translate(1136 151)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_93" data-name="Stroke 93" d="M207,72S142.714-12.763,0,1.65"
								transform="translate(1135.5 148.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_95" data-name="Stroke 95" d="M183,118S77.3,119.678,0,0"
								transform="translate(1160.5 102.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_97" data-name="Stroke 97" d="M183,118S141.694,21.534,0,0"
								transform="translate(1159.5 102.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_99" data-name="Stroke 99" d="M148,161S44.91,136.279,0,0"
								transform="translate(1195.5 60.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_101" data-name="Stroke 101" d="M148,161S132.2,56.395,0,0"
								transform="translate(1195.5 60.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_103" data-name="Stroke 103" d="M103,193S9.445,143.357,0,0"
								transform="translate(1240 28)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_105" data-name="Stroke 105" d="M102.725,193S113.509,87.613,0,0"
								transform="translate(1240 28)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_107" data-name="Stroke 107" d="M56,212S-20.628,140.8,5.39,0"
								transform="translate(1286 9)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_109" data-name="Stroke 109" d="M51.466,212S88.046,112.906,0,0"
								transform="translate(1291.5 8.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_111" data-name="Stroke 111"
								d="M296.25,0H98.754L0,170.5,98.754,341h197.5L395,170.5Z" transform="translate(25 49)"
								fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
							<path id="Stroke_113" data-name="Stroke 113" d="M0,2H444" transform="translate(1 218)"
								fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
							<path id="Stroke_115" data-name="Stroke 115" d="M2,0V437" transform="translate(1917.5 1.5)"
								fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
							<path id="Stroke_117" data-name="Stroke 117" d="M0,2H444" transform="translate(1698 218)"
								fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
							<path id="Stroke_119" data-name="Stroke 119"
								d="M73.7,271H250.3A161.886,161.886,0,0,0,251.09,0H72.91A161.888,161.888,0,0,0,73.7,271Z"
								transform="translate(1757.5 85.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Clip_122-2" data-name="Clip 122" d="M0,439H2143V0H0Z" fill="none" />
							<g id="Group_123_Copy_2-2" data-name="Group 123 Copy 2" clip-path="url(#clip-path)">
								<path id="Stroke_121" data-name="Stroke 121" d="M0,395H395V0H0Z"
									transform="translate(1722 23)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
									stroke-width="0.5" />
							</g>
						</g>
					</svg>

				</div>
			</div>

			@include('partial.footer')
			<div class="site-sidebar df fw aic fix z1 right y top pen">
				@include('partial.sociallink')
			</div>

		</article>

	</main>
@endsection