@include('frontend.newfrontend.layout.header') 
<link rel="stylesheet" href="{{url('assets-front-new/css/mutual-funds-new.css')}}">
<div class="mutual-front-banner position-relative">
    <div class="bg">
        <picture>
            <source media="(max-width: 767px )" srcset="{{url('assets-front-new/images/mutal-front-banner-mobile.jpg')}}">
            <img src="{{url('assets-front-new/images/mutal-front-banner-desktop.jpg')}}" alt="mutual-funds-banner" class="img-fluid w-100" />
        </picture>
    </div>
    <div class="banner-wrapper position-absolute start-0 end-0">
        <div class="container">
            <div class="d-flex flex-wrap">
                <div class="colA">
                    <h1 class="text-white">
                        <span class="spn1">DealPlexus Wealth Partners</span>
                        <span class="spn2">GROW <em>Your</em></span><span>WEALTH</span>
                        <span class="spn4">with confidence</span>
                    </h1>
                </div>
                <div class="colB">
                    <div class="contact-form">
                        <div class="form-title">
                            <h4>Ready to Transform Your Financial Future? </h4>
                            <p>Fill in your details below and connect with your personal<br> wealth expert today! </p>
                        </div>
                        <form id="registerForm">
                            <div class="form-group">
                                <input type="text" class="form-control" placeholder="Full Name*" id="fullName" name="name_login" onkeypress="return nameValidater(event)" oninput="this.value = this.value.replace(/[^a-zA-Z\s]/g, '');">
                            </div>
                            <div class="from-group-flex">
                                <div class="form-group">
                                    <input type="email" class="form-control" placeholder="Email address*" id="email-login" name="email_login">
                                </div>
                                <div class="form-group">
                                    <input class="form-control" id="mobilelogin" name="mobile_login" type="text" oninput="this.value = this.value.replace(/[^0-9]/g, '');" pattern="[1-9]{1}[0-9]{9}" maxlength="10" placeholder="Phone Number*">
                                    
                                </div>
                            </div>
                            <div class="form-group">
                                <select class="form-control" name="salery_login" id="salery-login"> 
                                    <option value="">Salary Range*</option>
                                    <option value="Salary Range 1">Salary Range 1</option>
                                    <option value="Salary Range 1">Salary Range 2</option>
                                    <option value="Salary Range 1">Salary Range 3</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <button type="submit" class="global_btn text-white discover_btn border-0 sbmt-btn" >Start Growing Your Wealth</button>
                            </div>
                            </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<section class="has_bg-mutual">
    <div class="mutual-secA">
        <div class="container">
            <div class="d-flex flex-wrap">
                <div class="colA">
                    <div class="heading c-primary">
                        <h2>Build and grow your wealth effortlessly </h3>
                        <h4>More than Investments – Your Dedicated Wealth Management Partner </h4>
                        <p>At Dealplexus, Mutual Funds are just the beginning — we are here to be your trusted partner in building long-term wealth. Whether you're striving for financial independence, securing your child's future, saving for your dream home, or planning a comfortable retirement, our experts are by your side every step of the way.</p>
                        <a href="" class="global_btn text-white discover_btn border-0" >Connect with a Wealth Expert Now </a>
                    </div>
                </div>
                <div class="colB">
                    <figure><img src="{{url('assets-front-new/images/mutual-1.jpg')}}" alt="" class="img-fluid w-100" /></figure>
                </div>
            </div>
        </div>
    </div>
    <div class="mutual-secB">
        <div class="container">
            <div class="heading text-center">
                <h3>Challenges We Solve for You </h3>
            </div>
            <div class="secB-grid">
                <div class="col">
                    <img src="{{url('assets-front-new/images/icons/ch1.svg')}}" alt="">
                    <h6>Uncertainty about investment choices</h6>
                </div>
                <div class="col">
                    <img src="{{url('assets-front-new/images/icons/ch2.svg')}}" alt="">
                    <h6>Managing multiple family portfolios efficiently</h6>
                </div>
                <div class="col">
                    <img src="{{url('assets-front-new/images/icons/ch3.svg')}}" alt="">
                    <h6>High costs of financial advisory services </h6>
                </div>
                <div class="col">
                    <img src="{{url('assets-front-new/images/icons/ch4.svg')}}" alt="">
                    <h6>Complexity in tax-saving strategies</h6>
                </div>
            </div>
        </div>
    </div>
</section>
<section>
    <div class="mutual-secC">
        <div class="container">
            <div class="d-flex flex-wrap">
                <div class="colA">
                    <div class="heading">
                        <h3>Why Choose Our Wealth Management Partnership? </h3>
                    </div>
                    <div class="secC-grid">
                        <div class="col">
                            <img src="{{url('assets-front-new/images/icons/mp1.svg')}}" alt="">
                            <h6>Personalized financial plans tailored to your life goals </h6>
                        </div>
                        <div class="col">
                            <img src="{{url('assets-front-new/images/icons/mp2.svg')}}" alt="">
                            <h6>Zero-cost expert advisory services</h6>
                        </div>
                        <div class="col">
                            <img src="{{url('assets-front-new/images/icons/mp3.svg')}}" alt="">
                            <h6>Exclusive access to top-performing mutual funds </h6>
                        </div>
                        <div class="col">
                            <img src="{{url('assets-front-new/images/icons/mp4.svg')}}" alt="">
                            <h6>Simplified, transparent, and secure wealth management </h6>
                        </div>
                    </div>
                </div>
                <div class="colB">
                    <figure><img src="{{url('assets-front-new/images/mutual-2.jpg')}}" alt="" class="img-fluid w-100" /></figure>
                </div>
            </div>
        </div>
    </div>
</section>
<section>
    <div class="mutual-secD">
        <div class="container">
            <div class="d-flex flex-wrap div-before">
                <div class="colA">
                    <div class="content-col">
                        <p>Introducing DP Money – your smart wealth growth companion</p>
                        <h3>
                            <span class="spaan1">DP Money App</span>
                            <span class="spaan2">Designed for Intelligent</span>
                            INVESTORS     
                        </h3>
                        <p>
                            <small>
                                Leverage the DP Money App to seamlessly manage your investments, maximize your returns,
                                and significantly save on taxes. It’s your all-in-one wealth management solution.
                            </small>
                        </p>
                        <div class="btm-flex d-flex gap-3">
                            <a href=""><img src="{{ url('assets-front-new/images/google-play.png') }}" alt=""></a>
                            <a href=""><img src="{{ url('assets-front-new/images/app-store.png') }}" alt=""></a>
                        </div>
                    </div>
                </div>
                <div class="colB">
                    <figure>
                        <img src="{{ url('assets-front-new/images/hand.png') }}" alt="" class="img-fluid w-100" />
                    </figure>
                </div>
            </div>
        </div>
    </div>
</section>
<section>
    <div class="mutual-secE">
        <div class="container">
            <div class="heading text-center">
                <h3>Key benefits of <b>DP Money</b></h3>
            </div>
            <div class="key-slider swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <a class="item" href="">
                            <figure><img src="{{ url('assets-front-new/images/key1.jpg') }}" alt=""></figure>
                            <figcaption>
                                <h6>Free Expert Advisory</h6>
                                <p>Get professional insights without hidden charges.  </p>
                            </figcaption>
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a class="item" href="">
                            <figure><img src="{{ url('assets-front-new/images/key2.jpg') }}" alt=""></figure>
                            <figcaption>
                                <h6>Effortless Investment</h6>
                                <p>Simplified digital onboarding and real-time monitoring. </p>
                            </figcaption>
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a class="item" href="">
                            <figure><img src="{{ url('assets-front-new/images/key3.jpg') }}" alt=""></figure>
                            <figcaption>
                                <h6>Advanced Security</h6>
                                <p>Your data protected with military-grade encryption. </p>
                            </figcaption>
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a class="item" href="">
                            <figure><img src="{{ url('assets-front-new/images/key4.jpg') }}" alt=""></figure>
                            <figcaption>
                                <h6>Family Wealth Management</h6>
                                <p>Consolidate and manage family portfolios with ease. </p>
                            </figcaption>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="collaborate_section mutual-secE">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="collaborate_box">
                    <div class="heading">
                        <h3>Exclusive advantages for our clients</h3>
                    </div>
                    <ul>
                        <li>Start investing with amounts as low as ₹500/month </li>
                        <li>Secure tax benefits up to ₹1.5 lakh annually </li>
                        <li>Personalized mutual fund selections matching your financial aspirations </li>
                        <li>ELSS investments offering high returns with the shortest lock-in period (3 years) </li>
                    </ul>
                    <button type="button" class="global_btn text-white connect_btn discover_btn border-0 sbmt-btn" data-bs-toggle="modal" data-bs-target="#enquiry-form-contact">Connect with a Wealth Expert Now </button>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="testimonial_section vector_bg vector_bg3 mutual-secF">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="heading text-center">
                    <h3>Client success stories</h3>
                </div>
                <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/lorem-ipsum.png') }}"/></span>
                                <p>"Partnering with DealPlexus has completely transformed how we manage our family's wealth. They offer real solutions, not just products."</p>
                                <small class="client_name">Wealth Management Client </small>
				            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="testimonial_box text-center">
                                <span class="client_logo"><img src="{{ url('assets-front-new/images/lorem-ipsum.png') }}"/></span>
                                <p>"Partnering with DealPlexus has completely transformed how we manage our family's wealth. They offer real solutions, not just products."</p>
                                <small class="client_name">Wealth Management Client </small>
				            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="testimonial_box text-center">
                                <span class="client_logo"><img src="{{ url('assets-front-new/images/lorem-ipsum.png') }}"/></span>
                                <p>"Partnering with DealPlexus has completely transformed how we manage our family's wealth. They offer real solutions, not just products."</p>
                                <small class="client_name">Wealth Management Client </small>
				            </div>
                        </div>
                    </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>
    <div class="home-secG">
        <div class="container">
            <div class="heading text-center">
                <h3>Start your wealth growth journey in 3 simple steps</h3>
            </div>
            <div class="secG-grid">
                <div class="col">
                    <span>1</span>
                    <h6>Register</h6>
                    <p>Quickly share your basic details.</p>
                </div>
                <div class="col">
                    <span>2</span>
                    <h6>Consult</h6>
                    <p>Discuss your financial goals with our wealth experts. </p>
                </div>
                <div class="col">
                    <span>3</span>
                    <h6>Grow</h6>
                    <p>Start seeing your wealth thrive immediately.</p>
                </div>
            </div>
        </div>
    </div>
</section>
<section>
    <div class="home-secH">
        <div class="container">
            <div class="heading text-center">
                <h3>Experience a simple, secure, and<br> rewarding partnership. </h3>
                <h4>Contact Our Experts</h4>
            </div>
            <div class="contact_info_box">
                <div class="contact_box">
                <div class="call_box">
                <img src="{{ url('assets-front-new/images/call_icon.svg') }}">
                    <span>Call Us</span>
                </div>
                <a class="d-block" href="tel:+917428100654">+91 7428100654</a>
            </div>

            <div class="contact_box">
                <div class="call_box">
                <img src="{{ url('assets-front-new/images/email_icon.svg') }}">
                    <span>Email Us</span>
                </div>
                <a class="d-block" href="mailto:support@dealplexus.com">support@dealplexus.com</a>
            </div>
            </div>
        </div>
    </div>
</section>
<section>
    <div class="mutual-page-footer">
        <div class="container">
            <div class="content-footer">
                <p>DealPlexus © 2024</p>
                <ul>
                    <li><a href="">Privacy Policy</a></li>
                    <li><a href="">Terms of Service</a></li>
                    <li><a href="">Blog</a></li>
                    <li><a href="">FAQs</a></li>
                    <li><a href="">Contact Us</a></li>
                </ul>
            </div>
        </div>
    </div>
</section>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js" integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.5/jquery.validate.min.js"></script>

<script type="text/javascript">

        $.validator.addMethod("lettersonly", function(value, element) {
            return this.optional(element) || /^[a-zA-Z\s]+$/.test(value);
        }, "Please enter only letters");

        $.validator.addMethod("validPhone", function(value, element) {
            return this.optional(element) || /^[0-9]{6,10}$/.test(value);
        }, "Please enter a valid phone number.");

        var validator = $("#registerForm").validate({
            rules: {
                name_login: {
                    required: true,
                    lettersonly: true
                },
                email_login: {
                    required: true,
                    email: true
                },
                mobile_login: {
                    required: true,
                    digits: true,
                    minlength: 6,
                    maxlength: 10,
                    validPhone: true
                },
                salery_login: {
                    required: true,
                },
            },
            messages: {
                name_login: "Please Enter Full Name",
                email_login: "Please Enter Email ID",
                mobile_login: "Enter Mobile Number",
                salery_login: "Please Enter Salery Range",
            },
            highlight: function (element) {
                $(element).addClass("is-invalid");
            },
            unhighlight: function (element) {
                $(element).removeClass("is-invalid");
            },
            submitHandler: function (form) {
                form.submit();
            }
        });

        $("#registerForm input").on('keyup blur', function () {
            $(this).valid();
        });

        
        $("#registerForm select").on('change', function () {
            $(this).valid();
        });
        

    

    $(".sbmt-btn").click(function(e) {

        if (!$("#registerForm").valid()) {
            e.preventDefault();
            return false;
        } 
    });
</script>
@extends('frontend.newfrontend.layout.footer')