@extends('layouts.default1400-page', ['title' => 'خرید اقساطی'])

@section('content')
<div class="-m-4">
	<div class="w-full md:flex bg-cover bg-top bg-no-repeat "
		style="background-image: url(/img-new1400/land_wave.png);">
		<div class="grid md:w-1/2 content-center md:h-72">
			<div class="m-8">
				<p class="text-blue-900 text-3xl font-extrabold">دِنت پِی</p>
				<p class="text-blue-500">با دِنت پِی میتونید کالا و خدمات مورد نیاز تون رو از دنت آنلاین قسطی
					تهیه کنید</p>
				<div class="lg:flex grid justify-start">
					<a href="{{ route('user.profile.installment.requests') }}"
						class="flex my-4 mx-2 p-2 rounded border border-2 border-purple-700 text-purple-700  hover:bg-purple-300
                            transition ease-in-out delay-150  hover:-translate-y-1   hover:bg-purple-700 hover:bg-opacity-10 duration-300">

						<img class="h-5 px-3 pt-1" src="/svgs-new1400/credit-card-purple.svg">
						دریافت اعتبار
					</a>
					 
				</div>
			</div>
		</div>
		<div class="grid justify-items-center md:w-1/2 md:justify-items-end md:ml-8 md:absolute left-0">
			<img class="ml-8 h-64 md:h-80 z-40" src="/img-new1400/land_mobile.png">
		</div>
	</div>

	<div class="w-full relative bg-indigo-50 md:px-2">
		<div class="w-full z-0">
			<img class="w-full hidden md:flex" src="/img-new1400/land_capsule.png">
			<img class="w-full flex md:hidden " src="/img-new1400/land_capsule_rotate.png">
		</div>
		<div class="md:flex h-full absolute top-0 text-sm text-center">

			<div class="flex flex-row-reverse md:flex-col w-full h-1/5 md:h-full h-1/5 ">
				<div class="h-1/3 w-1/3"></div>
				<div class="grid content-center text-xs sm:text-sm  w-1/3 md:w-auto md:h-1/5 ml-2 md:ml-0">
					<strong> بدون نیاز به ضامن</strong>
				</div>
				<div class="grid content-center w-1/2 md:w-auto text-xs sm:text-sm md:mx-4 lg:mx-8">
					<p> تنها با ارائه یک فقره چک می‌تونید از تمامی خدمات دنت‌پی بهره‌مند بشین </p>
				</div>
				<div class="w-1/5"></div>
			</div>

			<div class="flex flex-row-reverse md:flex-col w-full h-1/5 md:h-full h-1/5 ">
				<div class="grid content-center md:content-end text-xs sm:text-sm w-1/3 md:w-auto md:h-1/4">
					<div class="w-1/2 md:w-auto">
						<strong>
							اعتبار شناور
							<br>
							و بارها خرید
						</strong>
					</div>
				</div>
				<div
					class="grid content-center w-1/2 md:w-auto text-xs sm:text-sm md:mx-4 lg:mx-8 md:mt-8 lg:mt-12 sm:mr-4">
					<p>
						تا پایان قرارداد می‌تونید بارها از دنت‌آنلاین خرید اعتباری و اقساطی داشته باشید
					</p>
				</div>
				<div class="w-1/3"></div>
			</div>

			<div class="flex flex-row-reverse md:flex-col w-full h-1/5 md:h-full h-1/5 ">
				<div class="h-1/3 w-1/3"></div>
				<div class="grid content-center text-xs sm:text-sm  w-1/3 md:w-auto md:h-1/6 ml-2 md:pb-4">
					<strong>
						خرید قسطی از
						<br>
						سراسر کشور
					</strong>
				</div>
				<div class="grid content-center w-1/2 md:w-auto text-xs sm:text-sm md:mr-3 md:ml-4 lg:mx-8 pt-1 ">
					<p>
						از هر شهری در کشور عزیزمون که هستید می‌تونید قسطی سفارش بدین و از خدمات دنت‌پی استفاده کنید
					</p>
				</div>
				<div class="w-1/5"></div>
			</div>

			<div class="flex flex-row-reverse md:flex-col w-full h-1/5 md:h-full h-1/5 md:ml-2">
				<div
					class="bg-opacity-50 grid content-center md:content-end text-xs sm:text-sm w-1/3 md:w-auto md:h-1/4">
					<div class="w-1/2 md:w-auto">
						<strong>
							کاملا
							<br>
							غیرحضوری
						</strong>
					</div>
				</div>
				<div
					class="grid content-center w-1/2 md:w-auto text-xs sm:text-sm md:mx-4 lg:mx-8 md:mt-8 lg:mt-12 sm:mr-4">
					<p>
						تمامی مراحل خرید با دنت‌پی غیرحضوری و اینترنتی، خیلی ساده و بی‌دردسر انجام میشه
					</p>
				</div>
				<div class="w-1/3"></div>
			</div>

			<div class="flex flex-row-reverse md:flex-col w-full h-1/5 md:h-full h-1/5 ">
				<div class=" h-1/3 w-1/3"></div>
				<div class="grid content-center text-xs sm:text-sm w-1/3 md:w-auto md:h-1/5 ml-2 md:ml-3">
					<strong> فوق‌العاده سریع</strong>
				</div>
				<div class="grid content-center w-1/2 md:w-auto text-xs sm:text-sm md:ml-7 md:mr-1 lg:ml-10 lg:mr-3 ">
					<p>
						فقط با ارائه یک فقره چک و مدارک شناسایی، بعد از ارائه مدارک حداکثر ظرف ۱ روز کاری،‌اعتبارسنجی
						انجام و نتیجه اعلام میشه
					</p>
				</div>
				<div class="w-1/5"></div>
			</div>
		</div>
	</div>


	<div class="w-full relative ">
		<div class="w-full z-0">
			<img class="w-full hidden md:flex" src="/img-new1400/land_steps.png">
			<img class="w-full flex md:hidden " src="/img-new1400/land_steps_rotate.png">
		</div>
		<div class="flex flex-row-reverse md:flex-col w-full h-full absolute top-0 z-50 text-xs sm:text-sm">
			<div class="w-full h-full md:h-1/2 md:flex">
				<div class="flex justify-center h-1/3 md:h-full md:w-1/3 ">
					<div class="w-1/2 grid content-center">
						<div class="text-center grid content-center ">
							<p class="font-extrabold py-2"> ثبت نام </p>
							<p> فرم درخواست اولیه و مبلغ اعتبار مورد نیازتون رو ثبت کنید </p>
						</div>
					</div>
				</div>
				<div class="flex justify-center h-1/3 md:h-full md:w-1/3 ">
					<div class="w-1/2 grid content-center">
						<div class="text-center grid content-center ">
							<p class="font-extrabold py-2"> بررسی مدارک </p>
							<p> مدارک شما در ظرف ۱ روز کاری برای اعتبارسنجی بررسی میشه</p>
						</div>
					</div>
				</div>
				<div class="flex justify-center h-1/3 md:h-full md:w-1/3 ">
					<div class="w-1/2 grid content-center">
						<div class="text-center grid content-center ">
							<p class="font-extrabold py-2"> ثبت سفارش </p>
							<p> سفارش‌تون رو ثبت کنید و از خدمات خرید اعتباری و اقساطی استفاده کنید </p>
						</div>
					</div>
				</div>
			</div>
			<div class="w-full md:h-1/2 md:flex md:pt-12 ">
				<div class="flex md:justify-center h-1/2 md:h-full md:w-1/2 md:mr-20 ">
					<div class="w-1/2 grid content-center">
						<div class="text-center grid content-center ">
							<p class="font-extrabold py-2"> بارگذاری مدارک </p>
							<p> مدارک لازم شامل یک برگ چک صیادی،‌کارت ملی و موافقتنامه رو بارگذاری کنین </p>
						</div>
					</div>
				</div>
				<div class="flex md:justify-center h-1/2 md:h-full md:w-1/2 md:ml-20">
					<div class="w-1/2 grid content-center">
						<div class="text-center grid content-center ">
							<p class="font-extrabold py-2"> تحویل مدارک و دریافت اعتبار </p>
							<p> چک تضمین رو صادر میکنید و به صورت حضوری یا با پست به ما تحویل می‌دین. ما هم حساب کاربری
								شما رو به میزان مبلغ درخواستی‌تون شارژ می‌کنیم </p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

@stop