{% extends 'layout/front_base.html' %} {% block content %}
<!-- Start Banner Area -->
<div class="page-banner-area" id="home">
	<div class="container position-relative z-1">
		<div class="banner-content text-center mb-0">
			<h1 class="fs-60 mb-0">Contact Us</h1>
		</div>

		<img
			src="/static/images/landing/shape-5.png"
			class="shape-5"
			alt="shape"
		/>
		<img
			src="/static/images/landing/shape-6.png"
			class="shape-6"
			alt="shape"
		/>
	</div>
</div>
<!-- End Banner Area -->

<!-- Start Contact Us Area -->
<div class="contact-us-area pt-150 position-relative z-2" id="contact">
	<div class="container">
		<div class="row align-items-center">
			<div class="col-lg-6">
				<div class="contact-us-img mb-4 mb-lg-0">
					<img
						src="/static/images/landing/contact-us.jpg"
						alt="contact-us"
					/>
				</div>
			</div>
			<div class="col-lg-6">
				<div class="contact-us-form ms-xl-4">
					<span class="top-title">
						<span>Contact Us</span>
					</span>
					<h2>
						Introducing Our Exceptional Team. Meet the Minds Driving
						Our Success
					</h2>
					<form>
						<div class="form-group mb-4">
							<label class="label text-secondary"
								>Full Name</label
							>
							<input
								type="text"
								class="form-control bg-transparent h-55"
								placeholder="Your full name"
							/>
						</div>
						<div class="form-group mb-4">
							<label class="label text-secondary"
								>Email Address</label
							>
							<input
								type="email"
								class="form-control bg-transparent h-55"
								placeholder="Your email address"
							/>
						</div>
						<div class="form-group mb-4">
							<label class="label text-secondary"
								>Phone Number</label
							>
							<input
								type="text"
								class="form-control bg-transparent h-55"
								placeholder="Your phone number"
							/>
						</div>
						<div class="form-group mb-4">
							<label class="label text-secondary">Subject</label>
							<select
								class="form-select form-control bg-transparent h-55"
								aria-label="Default select example"
							>
								<option selected>Select your subject</option>
								<option value="1">Help Dask</option>
								<option value="2">LMS</option>
								<option value="3">CRM</option>
							</select>
						</div>
						<div class="form-group mb-4">
							<label class="label text-secondary"
								>Phone Number</label
							>
							<textarea
								rows="5"
								class="form-control bg-transparent"
								placeholder="Write your message..."
							></textarea>
						</div>
						<div class="form-group mb-0">
							<button
								type="submit"
								class="btn btn-primary py-2 px-4 w-100"
							>
								<i
									class="ri-refresh-line fs-18 text-white position-relative top-1 me-1"
								></i>
								<span>Send</span>
							</button>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- End Contact Us Area -->

<!-- Start Unlock Area -->
<div class="unlock-area ptb-150 position-relative z-1" id="admin">
	<div class="container">
		<div class="border-bottom pb-150">
			<div class="row">
				<div class="unlock-content">
					<h2>
						Unlock a world of possibilities with Trezo Dashboard.
					</h2>
					<p>
						Experience the difference with Trezo Dashboard. Sign up
						for a free trial today and see how our intuitive
						platform can revolutionize your data analysis process.
					</p>
					<a
						href="/contact"
						class="btn btn-primary-div py-2 px-4 fs-16 fw-medium rounded-3 text-white"
					>
						<i class="ri-user-line fs-18"></i>
						<span class="ms-1">Get started - It is free</span>
					</a>
				</div>
			</div>
		</div>
	</div>

	<img
		src="/static/images/landing/shape-1.png"
		class="shape shape-5"
		alt="shape"
	/>
	<img
		src="/static/images/landing/shape-2.png"
		class="shape shape-6"
		alt="shape"
	/>
</div>
<!-- End Unlock Area -->
{% endblock %}