@extends('layouts.website.base')
@section('title', 'Nosotros')
@section('content')
	<section class="bg-cover position-relative" style="background:url(website/assets/img/bg.jpg)no-repeat;" data-overlay="5">
		<div class="container">
			<div class="row align-items-center justify-content-center">
				<div class="col-xl-7 col-lg-9 col-md-12">

					<div class="fpc-capstion text-center my-4">
						<div class="fpc-captions">
							<h1 class="xl-heading text-light">Nosotros y Nuestra Misión</h1>
							<p class="text-light">Ser la principal opción para los viajeros que buscan experiencias únicas y memorables en todo el mundo. Nos esforzamos por inspirar y enriquecer la vida de nuestros clientes al proporcionarles servicios de viaje excepcionales, garantizando la máxima satisfacción y creando recuerdos inolvidables</p>
						</div>
					</div>

				</div>
			</div>
		</div>
		<div class="fpc-banner"></div>
	</section>
	<section>
		<div class="container">
			<div class="row align-items-center justify-content-between g-4">
				<div class="col-xl-6 col-lg-6 col-md-6">
					<div class="">
						<h2 class="lh-base fs-1 fw-bold">Visión</h2>
						<p>Brindar un buen servicio de manera rápida y efectiva a nuestros clientes, de atención y asesoría turística nacional e internacional.</p>
						<h2 class="lh-base fs-1 fw-bold">Misión</h2>
						<p>Pasar de ser una agencia de viajes convencional a ser una agencia de viajes de confianza y trayectoria, generando satisfacción, seguridad y placer para siempre ser elegidos como primera opción y así cubrir necesidades turísticas de la sociedad a nivel mundial.</p>
					</div>
				</div>
				<div class="col-xl-5 col-lg-6 col-md-6">
					<div class="position-relative">
						<img src="{{ asset('website/assets/img/side-3.png') }}" class="img-fluid" alt="">
					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- <div class="position-relative bg-cover bg-primary" style="background:url(website/assets/img/bg.jpg)no-repeat;" data-overlay="5">
		<div class="container">
			<div class="row align-items-center justify-content-between">
				<div class="col-xl-12 col-lg-12 col-md-12">
					<div class="calltoAction-wraps position-relative py-5 px-4">
						<div class="ht-40"></div>
						<div class="row align-items-center justify-content-center">
							<div class="col-xl-8 col-lg-9 col-md-10 col-sm-11 text-center">

								<div class="calltoAction-title mb-5">
									<h4 class="text-light fs-2 fw-bold lh-base m-0">Subscribe & Get<br>Special Discount with GeoTrip.com
									</h4>
								</div>
								<div class="newsletter-forms mt-md-0 mt-4">
									<form>
										<div class="row align-items-center justify-content-between bg-white rounded-3 p-2 gx-0">

											<div class="col-xl-9 col-lg-8 col-md-8">
												<div class="form-group m-0">
													<input type="text" class="form-control bold ps-1 border-0" placeholder="Enter Your Mail!">
												</div>
											</div>
											<div class="col-xl-3 col-lg-4 col-md-4">
												<div class="form-group m-0">
													<button type="button" class="btn btn-primary fw-medium full-width">Submit<i
															class="fa-solid fa-arrow-trend-up ms-2"></i></button>
												</div>
											</div>
										</div>
									</form>
								</div>
							</div>
						</div>
						<div class="ht-40"></div>
					</div>
				</div>
			</div>
		</div>
	</div> -->
	<section class="py-4 gray" style="background-color: #d5d5d5 !important;">
		<div class="container">
			<div class="row align-items-center justify-content-between g-4">
				<div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 col-6">
					<div class="urfacts-wrap d-flex align-items-center justify-content-center">
						<div class="urfacts-first flex-shrink-0">
							<h3 class="fs-1 fw-medium text-primary mb-0">32K</h3>
						</div>
						<div class="urfacts-caps ps-3">
							<p class="text-muted-2 lh-base mb-0">Reservas<br>Generadas</p>
						</div>
					</div>
				</div>
				<div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 col-6">
					<div class="urfacts-wrap d-flex align-items-center justify-content-center">
						<div class="urfacts-first flex-shrink-0">
							<h3 class="fs-1 fw-medium text-primary mb-0">10+</h3>
						</div>
						<div class="urfacts-caps ps-3">
							<p class="text-muted-2 lh-base mb-0">Años en el<br>Mercado</p>
						</div>
					</div>
				</div>
				<div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 col-6">
					<div class="urfacts-wrap d-flex align-items-center justify-content-center">
						<div class="urfacts-first flex-shrink-0">
							<h3 class="fs-1 fw-medium text-primary mb-0">45K</h3>
						</div>
						<div class="urfacts-caps ps-3">
							<p class="text-muted-2 lh-base mb-0">Clientes<br>Felices</p>
						</div>
					</div>
				</div>
				<div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 col-6">
					<div class="urfacts-wrap d-flex align-items-center justify-content-center">
						<div class="urfacts-first flex-shrink-0">
							<h3 class="fs-1 fw-medium text-primary mb-0">22</h3>
						</div>
						<div class="urfacts-caps ps-3">
							<p class="text-muted-2 lh-base mb-0">Paises<br>De Alcance</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
@endsection