<?php include('../components/header.php') ?>


<div id="sec_main">



    <!-- Get in touch with start  -->

    <section class="get-in-touch-sec p-top section">
        <div class="container">
            <div class="row">
                <div class="col-md-10">
                    <p class="head">Turn Your Next Big Idea into Reality, Connect with Mobile App and AI Development
                        Experts Today.</p>
                </div>
                <div class="col-md-2">
                    <div class="get-in-icons">
                        <a class="get-in-icon socialContainer containerOne" href="https://www.facebook.com/wdideas" target="_blank">
                            <img class="socialSvg" src="../assets/images/new-img/fb.svg" alt="">
                        </a>
                        <a class="get-in-icon socialContainer containerTwo" href="https://www.instagram.com/wdipl/" target="_blank">
                            <img class="socialSvg" src="../assets/images/new-img/insta.svg" alt="">
                        </a>
                        <a class="get-in-icon socialContainer containerThree" href="https://twitter.com/wdideas" target="_blank">
                            <img class="socialSvg" src="../assets/images/new-img/twitter.svg" alt="">
                        </a>
                    </div>
                </div>
            </div>




            <div class="home-form">
                <div class="cmm-inputs-main">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <input type="text" id="name" placeholder=" " required>
                                <label for="name">Enter your name</label>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <input type="email" id="email" placeholder=" " required>
                                <label for="email">Enter your email address</label>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <select id="country" required>
                                    <option value="" disabled selected>Select your country</option>
                                    <option value="1">One</option>
                                    <option value="2">Two</option>
                                    <option value="3">Three</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <input type="text" id="contact" placeholder=" " required>
                                <label for="contact">Enter your contact number</label>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <select id="services" required>
                                    <option value="" disabled selected>Select your services</option>
                                    <option value="1">One</option>
                                    <option value="2">Two</option>
                                    <option value="3">Three</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <select id="budget" required>
                                    <option value="" disabled selected>Select your budget</option>
                                    <option value="1">One</option>
                                    <option value="2">Two</option>
                                    <option value="3">Three</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <textarea id="project" placeholder=" " required></textarea>
                                <label for="project">Tell us about your project and business challenge</label>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- <div class="lets_talk">
                    <a href="">
                        <span class="one"></span>
                        <span class="two"></span>
                        Submit
                    </a>
                </div> -->
            </div>

            <p class="mb-3">What is the current stage of your software development process?</p>

            <div class="opts-choose">
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1">
                    <label class="form-check-label" for="flexRadioDefault1">
                        Idea
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault2" checked>
                    <label class="form-check-label" for="flexRadioDefault2">
                        Designed Solution
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault3">
                    <label class="form-check-label" for="flexRadioDefault3">
                        Prototype/Specification
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault4">
                    <label class="form-check-label" for="flexRadioDefault4">
                        MVP
                    </label>
                </div>
            </div>

            <div class="attachment-upload">
                <p>Attachments</p>
                <!-- <input type="file"> -->
                <label for="file" class="custum-file-upload">
                    <div class="icon">
                        <img loading="lazy" src="../assets/images/new-img/upload.svg" alt="">
                        <div class="text">
                            <span>Upload Additional file</span>
                        </div>
                    </div>
                    <input id="file" type="file">
                </label>
                <span>Attach file. File size of your documents should not exceed 10MB</span>
            </div>

            <div class="range-slider">
                <p>When do you expect to start</p>
                <div class="slider-container">
                    <input type="range" class="form-range" min="0" max="5" step="1" id="customRange3" value="0">
                    <div class="labels">
                        <span>1 Month</span>
                        <span>6 Month</span>
                        <span>1 Year</span>
                        <span>1.5 Year</span>
                        <span>2+ Year</span>
                    </div>
                    <div class="dot" style="left: 20%"></div>
                    <div class="dot" style="left: 40%"></div>
                    <div class="dot" style="left: 60%"></div>
                    <div class="dot" style="left: 80%"></div>
                    <div class="dot" style="left: 99.6%"></div>
                </div>
            </div>

            <div class="mt-5">
                <div class="form-check mb-3">
                    <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
                    <label class="form-check-label" for="flexCheckDefault">
                        I want to protect my data by signing an NDA
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" value="" id="flexCheckChecked" checked>
                    <label class="form-check-label" for="flexCheckChecked">
                        Agree to terms & conditions
                    </label>
                </div>
            </div>

            <div class="lets_talk">
                <a href="">
                    <span class="one"></span>
                    <span class="two"></span>
                    Submit
                    <img loading="lazy" src="https://www.wdipl.com/public/img/arrow-up-right.webp" class="arrow_up"
                        alt="arrow-up">
                </a>
            </div>


        </div>
    </section>

    <!-- Get in touch with end  -->



    <!-- Book Appointment start  -->

    <section class="book-appointment-sec section">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <p class="grey-para mb-1">Book Appointment</p>
                    <p class="mid-head">Make Your Vision Come to Life with Best-in-Class App Development</p>
                    <p class="grey-para">Have a big idea and are looking for customised solutions? From bespoke app
                        development to AI-enabled platforms, and scalable system upgrades, our experts can turn ideas
                        into premium digital products. Let's connect and create scalable and thriving solutions.</p>
                    <div class="lets_talk mt-4">
                        <a href="contact-us.php">
                            <span class="one"></span>
                            <span class="two"></span>
                            Book Appointment
                            <img loading="lazy" src="https://www.wdipl.com/public/img/arrow-up-right.webp"
                                class="arrow_up" alt="arrow-up">
                        </a>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="book-app-img">
                        <img src="../assets/images/new-img/book-appointment.png" alt="">
                    </div>
                </div>
            </div>

        </div>
    </section>

    <!-- Book Appointment end  -->



    <!--Got a Project Plan start  -->

    <section class="got-a-project-sec section">
        <div class="container">
            <div class="row">
                <div class="">
                    <p class="mid-head">We'd love to talk to you</p>
                    <p class="grey-para">Need guidance or a development partner for next-generation application
                        development? WDI will be your trusted partner for secure, scalable, cutting-edge <br> solutions.
                        Start here and fill out the following form to begin bringing your vision to life into something
                        truly remarkable.

                    </p>
                    <div class="details-container">
                        <div class="details-content">
                            <div class="details-img">
                                <div class="dot"></div>
                                <img src="../assets/images/new-img/details.png" alt="">
                            </div>
                            <p class="mini-head-para">Enter Details</p>
                            <p class="grey-para">
                                Fill in all the details required to start. Be accurate to enable smooth processing.
                            </p>
                        </div>
                        <div class="details-content">
                            <div class="details-img">
                                <div class="dot"></div>
                                <img src="../assets/images/new-img/details.png" alt="">
                            </div>
                            <p class="mini-head-para">Submit Details</p>
                            <p class="grey-para">
                                Carefully review your entries and submit them to ensure smooth processing. It is a
                                simple step for confirmation of your request.
                            </p>
                        </div>
                        <div class="details-content">
                            <div class="details-img">
                                <div class="dot"></div>
                                <img src="../assets/images/new-img/details.png" alt="">
                            </div>
                            <p class="mini-head-para">Book Appointment</p>
                            <p class="grey-para">
                                Select an appropriate time slot according to your schedule. Make it easy to plan and
                                remain ahead.
                            </p>
                        </div>
                    </div>

                </div>
                <div class="lets_talk">
                    <a href="contact-us.php">
                        <span class="one"></span>
                        <span class="two"></span>
                        Tell Us More
                        <img loading="lazy" src="https://www.wdipl.com/public/img/arrow-up-right.webp" class="arrow_up"
                            alt="arrow-up">
                    </a>
                </div>
            </div>

        </div>
    </section>

    <!--Got a Project Plan end  -->



    <!--Join Our Team! start  -->

    <section class="join-our-team-sec section">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <p class="mid-head">Join WDI – Where Ideas Shape the Future</p>
                    <p class="grey-para">Passionate about technology and innovation? We turn ideas into world-class
                        digital solutions at WDI. Whether mobile app development or an AI-powered platform, we are the
                        future. Become part of a team that cares about creativity, growth, and impact. Shaping what's
                        next begins here.
                    </p>
                </div>
                <div class="col-md-6">
                    <div class="lets_talk">
                        <a href="contact-us.php">
                            <span class="one"></span>
                            <span class="two"></span>
                            Apply Here
                            <img loading="lazy" src="https://www.wdipl.com/public/img/arrow-up-right.webp"
                                class="arrow_up" alt="arrow-up">
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!--Join Our Team! end  -->





    <!-- **** uncertain end  ****  -->


</div>






<?php include('../components/footer.php') ?>