@include('frontend.newfrontend.layout.header') 

<section class="banner_section position-relative">
@foreach($homebanner_data as $key => $banner)	
<img src="{{ url('assets/homedata/') }}/{{$banner->banner}}" class="w-100"/>
<div class="container-fluid d-flex align-items-center justify-content-center banner_title_position">
	<div class="row">
		<div class="col-lg-12">
			<div class="banner_title_box text-center">
				<h1>{{$banner->heading}} <span class="higlighted_text">{{$banner->sub_heading}}</span><span class="second_line">@if(isset($banner->sub_heading2)){{$banner->sub_heading2}}@endif</span></h1>
				<p class="text-white">
					{!! $banner->description !!}
				</p>
				<a href="{{$banner->button_url}}" class="global_btn text-white know_banner_btn position-absolute d-flex">{{$banner->button_text}}<span class="circle_point"></span></a>
			</div>
		</div>
	</div>
</div>
@endforeach
</section>
<section class="benefit_section" id="horizontal-scoll">
<div class="container">
	<div class="row">
		<div class="col-lg-12">
			<div class="benfit_heading_box d-flex justify-content-between">
				<h2 class="page_heading">Who Can Benefit From Dealplexus?</h2>
				<a href="#" class="global_btn text-white discover_btn">Discover your path<span class="circle_point"></span></a>
			</div>
		</div>
	</div>
</div>
<div class="horizontal-scoll-wrapper benefit_slider_cntr">
	<div class="horizontal swipper_benefit_slider">
		@foreach($who_can_benefit_from_dealplexus as $key => $value)	
		<div class="card">
			<div class="benefit_card_box">
				<a href="{{$value->readmore_link}}" class="curve_element">
						<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none">
							<path d="M23.7796 1.89342C23.7796 1.065 23.108 0.393424 22.2796 0.393425L8.77961 0.393424C7.95118 0.393424 7.27961 1.065 7.27961 1.89342C7.27961 2.72185 7.95118 3.39342 8.77961 3.39342H20.7796V15.3934C20.7796 16.2219 21.4512 16.8934 22.2796 16.8934C23.108 16.8934 23.7796 16.2219 23.7796 15.3934L23.7796 1.89342ZM2.12707 24.1673L23.3403 2.95408L21.219 0.832764L0.0057461 22.046L2.12707 24.1673Z" fill="#333333"/>
						</svg>
				</a>
				<span class="benfit_icons">
					{!! $value->svg_banner !!}
				</span>
				<div class="benfit_content_box">
					<h3>{{$value->heading}}</h3>
					<p>
						{{$value->sub_heading}}
					</p>
				
				</div>
			</div>
		</div>
		@endforeach
	</div>
</div>
</div>
</section>
<section class="whydelplexus_section vector_bg">
<div class="container">
<div class="row">
	<div class="col-lg-12">
		<h2 class="page_heading why_page_head">Why Dealplexus?</h2>
	</div>
</div>
<div class="row why_list_cntr">
	<div class="col-lg-8">
	<div class="accordion-container">
        <div class="accordion-item list_row">
		<span class="anbimation_icon"><img src="{{url('assets-front-new/images/icons/animation_icon1.gif')}}"></span>
            <h4 class="accordion-button">
			Multiple Products</h4>
            <div class="accordion-content list_detail_box">
                <svg class="progress-circle" viewBox="0 0 120 120">
                    <circle class="background" cx="60" cy="60" r="50"></circle>
                    <circle class="progress-bar" cx="60" cy="60" r="50"></circle>
                </svg>
                <p>
					Access a diverse range of financial offerings
				</p>
            </div>
        </div>
		<div class="accordion-item list_row">
		<span class="anbimation_icon"><img src="{{url('assets-front-new/images/icons/animation_icon2.gif')}}"></span>
            <h4 class="accordion-button">
			Multiple Banking & Non-Banking Partners </h4>
            <div class="accordion-content list_detail_box">
                <svg class="progress-circle" viewBox="0 0 120 120">
                    <circle class="background" cx="60" cy="60" r="50"></circle>
                    <circle class="progress-bar" cx="60" cy="60" r="50"></circle>
                </svg>
                <p>
					Access a diverse range of financial offerings
				</p>
            </div>
        </div>
		<div class="accordion-item list_row">
		<span class="anbimation_icon"><img src="{{url('assets-front-new/images/icons/animation_icon3.gif')}}"></span>
            <h4 class="accordion-button">
			Dedicated Relationship Manager</h4>
            <div class="accordion-content list_detail_box">
                <svg class="progress-circle" viewBox="0 0 120 120">
                    <circle class="background" cx="60" cy="60" r="50"></circle>
                    <circle class="progress-bar" cx="60" cy="60" r="50"></circle>
                </svg>
                <p>
					Access a diverse range of financial offerings
				</p>
            </div>
        </div>

		<div class="accordion-item list_row border-0">
		<span class="anbimation_icon"><img src="{{url('assets-front-new/images/icons/animation_icon4.gif')}}"></span>
            <h4 class="accordion-button">
			Guided by Team of Experts </h4>
            <div class="accordion-content list_detail_box">
                <svg class="progress-circle" viewBox="0 0 120 120">
                    <circle class="background" cx="60" cy="60" r="50"></circle>
                    <circle class="progress-bar" cx="60" cy="60" r="50"></circle>
                </svg>
                <p>
					Access a diverse range of financial offerings
				</p>
            </div>
        </div>
    </div>

	
	
	</div>
</div>
</div>
</section>
<section class="closedeal_section">
<div class="container">
<div class="row">
	<div class="col-lg-12">
		<div class="benfit_heading_box d-flex justify-content-between">
			<h2 class="page_heading">Success Stories</h2>
		</div>
	</div>
</div>
</div>
<div class="container-fluid cosedeal_cntr">
<div class="swiper-pagination">
</div>
<div class="nav_btn">
	<div class="swiper-button-prev">
		<i class="fa-solid fa-arrow-left"></i>
	</div>
	<div class="swiper-button-next">
		<i class="fa-solid fa-arrow-right"></i>
	</div>
</div>
<div class="swiper-container overflow-hidden position-relative swipper_closedeal_slider">
	<div class="swiper-wrapper">
		<div class="swiper-slide">
			<div class="closedeal_card_box">
				<img class="w-100" src="{{url('assets-front-new/images/close_deal_img2.png')}}"/>
				<div class="closedeal_content_box">
					<h3>Closed deal -01</h3>
					
				<a href="#" class="curve_element deal_curve_img"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none">
  <path d="M23.7796 1.89342C23.7796 1.065 23.108 0.393424 22.2796 0.393425L8.77961 0.393424C7.95118 0.393424 7.27961 1.065 7.27961 1.89342C7.27961 2.72185 7.95118 3.39342 8.77961 3.39342H20.7796V15.3934C20.7796 16.2219 21.4512 16.8934 22.2796 16.8934C23.108 16.8934 23.7796 16.2219 23.7796 15.3934L23.7796 1.89342ZM2.12707 24.1673L23.3403 2.95408L21.219 0.832764L0.0057461 22.046L2.12707 24.1673Z" fill="#333333"/>
</svg></a>
					<p>
						Lorem Ipsum is simply dummy text of the printing and typesetting industry.
					</p>

					<div class="progress_container">
					<div class="progress_cntr">
						<h4>Guidance</h4>
						<div class="progress">
						<div class="progress-bar bg-success" style="width:20%"></div>
						</div>
						
					</div>
					<div class="progress_cntr">
						<h4>Consulting</h4>
						<div class="progress">
						<div class="progress-bar bg-success" style="width:50%"></div>
						</div>
					</div>
					<div class="progress_cntr">
						<h4>Raised fund through the network (90%)</h4>
						<div class="progress">
						<div class="progress-bar bg-success" style="width:70%"></div>
						</div>
					</div>
				</div>
             </div>

			</div>
		</div>
		<div class="swiper-slide">
			<div class="closedeal_card_box">
				<img class="w-100" src="{{url('assets-front-new/images/close_deal_img2.png')}}"/>
				<div class="closedeal_content_box">
					<h3>Closed deal -02</h3>
					<a href="#" class="curve_element deal_curve_img"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none">
  <path d="M23.7796 1.89342C23.7796 1.065 23.108 0.393424 22.2796 0.393425L8.77961 0.393424C7.95118 0.393424 7.27961 1.065 7.27961 1.89342C7.27961 2.72185 7.95118 3.39342 8.77961 3.39342H20.7796V15.3934C20.7796 16.2219 21.4512 16.8934 22.2796 16.8934C23.108 16.8934 23.7796 16.2219 23.7796 15.3934L23.7796 1.89342ZM2.12707 24.1673L23.3403 2.95408L21.219 0.832764L0.0057461 22.046L2.12707 24.1673Z" fill="#333333"/>
</svg></a>
					<p>
						Lorem Ipsum is simply dummy text of the printing and typesetting industry.
					</p>
					<div class="progress_container">
					<div class="progress_cntr">
						<h4>Guidance</h4>
						<div class="progress">
						<div class="progress-bar bg-success" style="width:20%"></div>
						</div>
					</div>
					<div class="progress_cntr">
						<h4>Consulting</h4>
						<div class="progress">
						<div class="progress-bar bg-success" style="width:50%"></div>
						</div>
					</div>
					<div class="progress_cntr">
						<h4>Raised fund through the network (90%)</h4>
						<div class="progress">
						<div class="progress-bar bg-success" style="width:70%"></div>
						</div>
					</div>
				</div>
             </div>
			</div>
		</div>
		<div class="swiper-slide">
			<div class="closedeal_card_box">
				<img class="w-100" src="{{url('assets-front-new/images/close_deal_img2.png')}}"/>
				<div class="closedeal_content_box">
					<h3>Closed deal -01</h3>
					<a href="#" class="curve_element deal_curve_img"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none">
  <path d="M23.7796 1.89342C23.7796 1.065 23.108 0.393424 22.2796 0.393425L8.77961 0.393424C7.95118 0.393424 7.27961 1.065 7.27961 1.89342C7.27961 2.72185 7.95118 3.39342 8.77961 3.39342H20.7796V15.3934C20.7796 16.2219 21.4512 16.8934 22.2796 16.8934C23.108 16.8934 23.7796 16.2219 23.7796 15.3934L23.7796 1.89342ZM2.12707 24.1673L23.3403 2.95408L21.219 0.832764L0.0057461 22.046L2.12707 24.1673Z" fill="#333333"/>
</svg></a>
					<p>

						Lorem Ipsum is simply dummy text of the printing and typesetting industry.
					</p>

					<div class="progress_container">

					<div class="progress_cntr">
						<h4>Guidance</h4>
						<div class="progress">
						<div class="progress-bar bg-success" style="width:20%"></div>
						</div>
					</div>
					<div class="progress_cntr">
						<h4>Consulting</h4>
						<div class="progress">
						<div class="progress-bar bg-success" style="width:50%"></div>
						</div>
					</div>
					<div class="progress_cntr">
						<h4>Raised fund through the network (90%)</h4>
						<div class="progress">
						<div class="progress-bar bg-success" style="width:70%"></div>
						</div>
					</div>
				</div>
             </div>
			</div>
		</div>
	</div>
</div>
</div>
</section>
<section class="counter_section"  id="counter-section-container">
<div class="container-fluid" id="counter-box-container">
<div class="row">
	<div class="col-lg-3">
		<div class="counter_box text-center">
			<h5><span class="counter" data-number="500">₹500</span>crores raised</h5>
		</div>
	</div>
	<div class="col-lg-3">
		<div class="counter_box text-center "  id="counter-box">
			<h5><span class="counter" data-number="450">450+</span>Entrepreneurial <br>
			 Transformations Enabled</h5>
		</div>
	</div>
	<div class="col-lg-3">
		<div class="counter_box text-center">
			<h5><span class="counter" data-number="2000">2000+</span>Investors Tied-up</h5>
		</div>
	</div>
	<div class="col-lg-3">
		<div class="counter_box border-0 text-center">
			<h5><span class="counter" data-number="38">38%</span>Successful Exits</h5>
		</div>
	</div>
</div>
</div>
</div>
</section>
<section class="testimonial_section vector_bg vector_bg2">
<div class="container">
<div class="row">
<div class="col-lg-12">
	<h2 class="page_heading text-center">What our clients say</h2>
	<div class="swiper-container overflow-hidden position-relative swipper_testimonial_slider">
		<div class="swiper-wrapper">
			<div class="swiper-slide">
				<div class="testimonial_box text-center">
					<span class="client_logo"><img src="{{url('assets-front-new/images/client_logo.svg')}}"/></span>
					<p>
						Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s. Lorem Ipsum is simply dummy text of the printing and typesetting industry.
					</p>
					<small class="client_name">Keshav Jalan</small>
					<span class="email_icon"><img src="{{url('assets-front-new/images/email_img.svg')}}"/></span>
				</div>
			</div>
			<div class="swiper-slide">
				<div class="testimonial_box text-center">
					<span class="client_logo"><img src="{{url('assets-front-new/images/client_logo.svg')}}"/></span>
					<p>
						Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s. Lorem Ipsum is simply dummy text of the printing and typesetting industry.
					</p>
					<small class="client_name">Keshav Jalan</small>
					<span class="email_icon"><img src="{{url('assets-front-new/images/email_img.svg')}}"/></span>
				</div>
			</div>
		</div>
		<div class="swiper-pagination">
</div>
<div class="nav_btn">
	<div class="swiper-button-prev">
		<i class="fa-solid fa-arrow-left"></i>
	</div>
	<div class="swiper-button-next">
		<i class="fa-solid fa-arrow-right"></i>
	</div>
</div>
	</div>
</div>
</div>
</div>
</section>
<section class="collaborate_section">
<div class="container">
<div class="row">
<div class="col-lg-12">
	<div class="collaborate_box">
		<h3>Collaborate With Dealplexus</h3>
		<p>
			Become a <a href="#">DP Buddy</a> to earn recurring revenue
		</p>
		<h4>How it Works?</h4>
		<ul>
			<li>You refer DealPlexus to a client in your network </li>
			<li>Your client will remain yours, we will provide the solution </li>
			<li>When It’s all done, you get paid. </li>
		</ul>
		<span class="bottom_text">Every single time your referred business uses our <br>
		services, you get a payout! </span>
		<a href="#" class="global_btn text-white">Sign up as a DP Buddy<span class="circle_point"></span></a>
		<p class="login_text">
			Already a Dp Buddy? <a class="login_link" href="#">Login Here</a>
		</p>
	</div>
</div>
</div>
</div>
</section>
<section class="our_partner_section vector_bg vector_bg3">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12">
	<h2 class="page_heading text-center">Our Partners</h2>
</div>
</div>
<div class="row">
<div class="col">
	<div class="partners_box text-center">
		<img src="{{url('assets-front-new/images/partners_logo1.svg')}}"/>
	</div>
</div>
<div class="col">
	<div class="partners_box text-center">
		<img src="{{url('assets-front-new/images/partners_logo2.svg')}}"/>
	</div>
</div>
<div class="col">
	<div class="partners_box text-center">
		<img src="{{url('assets-front-new/images/partners_logo3.svg')}}"/>
	</div>
</div>
<div class="col">
	<div class="partners_box text-center">
		<img src="{{url('assets-front-new/images/partners_logo4.svg')}}"/>
	</div>
</div>
<div class="col">
	<div class="partners_box text-center">
		<img src="{{url('assets-front-new/images/partners_logo5.svg')}}"/>
	</div>
</div>
<div class="col">
	<div class="partners_box text-center">
		<img src="{{url('assets-front-new/images/partners_logo6.svg')}}"/>
	</div>
</div>
</div>
<div class="row partner_second_row">
<div class="col">
	<div class="partners_box text-center">
		<img src="{{url('assets-front-new/images/partners_logo7.svg')}}"/>
	</div>
</div>
<div class="col">
	<div class="partners_box text-center">
		<img src="{{url('assets-front-new/images/partners_logo8.svg')}}"/>
	</div>
</div>
<div class="col">
	<div class="partners_box text-center">
		<img src="{{url('assets-front-new/images/partners_logo9.svg')}}"/>
	</div>
</div>
<div class="col">
	<div class="partners_box text-center">
		<img src="{{url('assets-front-new/images/partners_logo10.svg')}}"/>
	</div>
</div>
<div class="col">
	<div class="partners_box text-center">
		<img src="{{url('assets-front-new/images/partners_logo11.svg')}}"/>
	</div>
</div>
<div class="col">
	<div class="partners_box text-center">
		<img src="{{url('assets-front-new/images/partners_logo12.svg')}}"/>
	</div>
</div>
</div>
</div>
</section>
<section class="callback_section">
<div class="container">
<div class="row callback_cntr">
<div class="col-lg-12">
	<div class="callback_box text-center text-white">
		<h4>Still Have Questions on Your Mind?</h4>
		<p>
			Let's connect you to our relationship managers.
		</p>
		<a href="#" class="global_btn text-white know_banner_btn position-absolute d-flex">Request A Callback <span class="circle_point"></span></a>
	</div>
</div>
</div>
</div>
</section>


@extends('frontend.newfrontend.layout.footer')