<?php include '../navbar.php'; ?>

<!--Main Slider Two Start-->
<section class="main-slider-two" id="home">
    <div class="swiper-container thm-swiper__slider" data-swiper-options='{"slidesPerView": 1, "loop": true,
                "effect": "fade",
                "pagination": {
                "el": "#main-slider-pagination",
                "type": "bullets",
                "clickable": true
                },
                "navigation": {
                "nextEl": "#main-slider__swiper-button-next",
                "prevEl": "#main-slider__swiper-button-prev"
                },
                "autoplay": {
                    "delay": 80000000
                } 
            }'>
        <div class="swiper-wrapper">

            <div class="swiper-slide">
                <div class="main-slider-two__bg"
                    style="background-image: url(../assets/images/backgrounds/slider-2-1.jpg);"></div>
                <!--Brand Two Start -->
                <div class="brand-two">
                    <div class="brand-two__wrapper">
                        <div class="brand-two__inner">
                            <div class="brand-two__left">
                                <div class="main-slider__trustpilot-box">
                                    <ul class="list-unstyled main-slider__trustpilot-img-list">
                                        <li>
                                            <div class="main-slider__trustpilot-img">
                                                <img src="../assets/images/resources/main-slider-trustpilot-img-1.jpg"
                                                    alt="">
                                            </div>
                                        </li>
                                        <li>
                                            <div class="main-slider__trustpilot-img">
                                                <img src="../assets/images/resources/main-slider-trustpilot-img-2.jpg"
                                                    alt="">
                                            </div>
                                        </li>
                                    </ul>
                                    <div class="main-slider__trustpilot-content-box">
                                        <div class="main-slider__trustpilot-logo">
                                            <img src="../assets/images/resources/main-slider-trustpilot-logo.png"
                                                alt="">
                                        </div>
                                        <div class="main-slider__trustpilot-rating-review">
                                            <p class="main-slider__trustpilot-rating">5.0 Excellent</p>
                                            <p class="main-slider__trustpilot-review">Reviews <span class="odometer"
                                                    data-count="4170"></span> </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="brand-two__right">
                                <div class="brand-two__carousel owl-theme owl-carousel">
                                    <div class="item">
                                        <div class="brand-two__single">
                                            <div class="brand-two__img">
                                                <img src="../assets/images/brand/brand-1-1.png" alt="">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="item">
                                        <div class="brand-two__single">
                                            <div class="brand-two__img">
                                                <img src="../assets/images/brand/brand-1-2.png" alt="">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="item">
                                        <div class="brand-two__single">
                                            <div class="brand-two__img">
                                                <img src="../assets/images/brand/brand-1-3.png" alt="">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="item">
                                        <div class="brand-two__single">
                                            <div class="brand-two__img">
                                                <img src="../assets/images/brand/brand-1-4.png" alt="">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="item">
                                        <div class="brand-two__single">
                                            <div class="brand-two__img">
                                                <img src="../assets/images/brand/brand-1-5.png" alt="">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--Brand Two End -->
                <div class="main-slider-two__shape-2 float-bob-x">
                    <img src="../assets/images/shapes/main-slider-two-shape-2.png" alt="">
                </div>
                <div class="main-slider-two__shape-3 float-bob-y">
                    <img src="../assets/images/shapes/main-slider-two-shape-3.png" alt="">
                </div>
                <div class="container">
                    <div class="row">
                        <div class="col-xl-12">
                            <div class="main-slider-two__content">
                                <!-- <div class="main-slider-two__sub-title-box">
                                    <div class="main-slider-two__sub-title-icon">
                                        <img src="../assets/images/icon/main-slider-sub-title-icon.png" alt="">
                                    </div>
                                    <p class="main-slider-two__sub-title">IT Solutions Designed for Your Success
                                    </p>
                                </div> -->
                                <h1 class="main-slider-two__title">Tailor-Made And <span>Easy-to-Use</span><br><span>Mobile Apps </span> That Drive<br>Your Business Forward
                                </h1>
                                <p class="main-slider-two__text mb-1">We develop mobile applications with an attractive design, powerful  performance, and a convenient user experience. The app helps you smooth operations, engage customers, and allows you to grow your business.
                                <p class="main-slider-two__text">We make sure that every app performs great on every device, no matter the platform.</p>
                            </p>
                                
                                <div class="main-slider-two__btns-box">
                                    <div class="main-slider-two__btn-box-1">
                                        <a href="../contact.php" class="thm-btn">Get Started<span
                                                class="icon-right-arrow"></span></a>
                                    </div>
                                    <!-- <div class="main-slider-two__btn-box-2">
                                        <a href="../about.php" class="thm-btn">Read More<span
                                                class="icon-right-arrow"></span></a>
                                    </div> -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--Main Slider Two End-->

<!-- Process One Start -->
<section class="process-one">
    <div class="process-one__shape-1">
        <img src="../assets/images/shapes/process-one-shape-1.png" alt="test">
    </div>
    <div class="process-one__shape-2"></div>
    <div class="process-one__shape-3"></div>
    <div class="process-one__bg-shape" style="background-image: url(../assets/images/shapes/process-one-bg-shape.png);">
    </div>
    <div class="container">
        <div class="row">
            <div class="col-xl-5">
                <div class="process-one__left">
                    <div class="section-title text-left sec-title-animation animation-style2">
                        <div class="section-title__tagline-box">
                            <div class="section-title__tagline-shape-1"></div>
                            <span class="section-title__tagline">Our Working Process</span>
                            <div class="section-title__tagline-shape-2"></div>
                        </div>
                        <h2 class="section-title__title title-animation">How We Help <br> Businesses Through<br><span>Intuitive And Responsive <br>Mobile Apps</span>
                        </h2>
                    </div>
                    <p class="process-one__text">We follow a process that guarantees efficiency and results to construct user-friendly and compatible mobile apps for your business.</p>
                    <div class="process-one__btn-box">
                        <a href="about.html" class="thm-btn">Get in Touch<span class="icon-right-arrow"></span></a>
                    </div>
                </div>
            </div>
            <div class="col-xl-7">
                <div class="process-one__right">
                    <ul class="process-one__process-list list-unstyled">
                        <li>
                            <div class="process-one__process-count"></div>
                            <div class="process-one__process-content">
                                <h3 class="process-one__process-title">Research & Planning</h3>
                                <p class="process-one__process-text">We analyze your business needs,<br>
                                    identify
                                    challenges, and craft a<br> strategic roadmap for the best IT<br> solutions.
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="process-one__process-content">
                                <h3 class="process-one__process-title">Developing Phase</h3>
                                <p class="process-one__process-text">We have a team of expert developers who have a lot of experience and use the latest programming tools and frameworks to develop fast, safe, and future-ready mobile applications.</p>
                            </div>
                            <div class="process-one__process-count"></div>
                        </li>
                        <li>
                            <div class="process-one__process-count"></div>
                            <div class="process-one__process-content">
                                <h3 class="process-one__process-title">Deployment & Support</h3>
                                <p class="process-one__process-text">We offer a smooth launch and keep your application maintained by providing consistent updates and feature enhancements to make sure that your app stays relevant as time goes by.</p>
                            </div>
                        </li>

                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Process One End -->

<!-- Why Choose One Start -->
<section class="why-choose-one">
    <div class="why-choose-one__shape-3 float-bob-y">
        <img src="../assets/images/shapes/why-choose-one-shape-3.png" alt="">
    </div>
    <div class="why-choose-one__shape-4"></div>
    <div class="why-choose-one__shape-5"></div>
    <div class="container">
        <div class="row">
            <div class="col-xl-5">
                <div class="why-choose-one__left">
                    <div class="section-title text-left sec-title-animation animation-style2">
                        <div class="section-title__tagline-box">
                            <div class="section-title__tagline-shape-1"></div>
                            <span class="section-title__tagline">Why Choose Us</span>
                            <div class="section-title__tagline-shape-2"></div>
                        </div>
                        <h2 class="section-title__title title-animation">User-Centric <span>Mobile </span><br><span>Applications </span>
                        That<br> Spark Progress
                        </h2>
                    </div>
                    <p class="why-choose-one__text mb-2">Our expert team develops mobile apps that are tailored according to your business requirements, users’ needs, and your future goals. We make sure the app is user-centric, fuels growth, and provides optimal performance.</p>
                    
                    <ul class="list-unstyled why-choose-one__list">
                        <li class="d-flex align-items-center mb-2">
                            <span class="icon-tick-inside-circle me-2"></span>
                            <p class="mb-0">Customized Mobile Apps</p>
                        </li>
                        <li class="d-flex align-items-center mb-2">
                            <span class="icon-tick-inside-circle me-2"></span>
                            <p class="mb-0">Latest Technology</p>
                        </li>
                        <li class="d-flex align-items-center mb-2">
                            <span class="icon-tick-inside-circle me-2"></span>
                            <p class="mb-0">Transparent Communication</p>
                        </li>
                        <li class="d-flex align-items-center mb-2">
                            <span class="icon-tick-inside-circle me-2"></span>
                            <p class="mb-0">User-Friendly Mobile Apps</p>
                        </li>
                        <li class="d-flex align-items-center mb-2">
                            <span class="icon-tick-inside-circle me-2"></span>
                            <p class="mb-0">End-to-End Support  </p>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="col-xl-7">
                <div class="why-choose-one__right wow slideInRight" data-wow-delay="100ms" data-wow-duration="2500ms">
                    <div class="why-choose-one__img">
                        <img src="../assets/images/resources/why-choose-one-img-1.png" alt="">
                    </div>
                    <div class="why-choose-one__shape-1 img-bounce">
                        <img src="../assets/images/shapes/why-choose-one-shape-1.png" alt="">
                    </div>
                    <div class="why-choose-one__shape-2 float-bob-x">
                        <img src="../assets/images/shapes/why-choose-one-shape-2.png" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Why Choose One End -->

<!-- User Persona Section Start -->
<section class="user-persona-section">
    <div class="user-persona-section__shape-1 float-bob-y">
        <img src="../assets/images/shapes/newsletter-two-shape-1.png" alt="test">
    </div>
    <div class="user-persona-section__shape-2"></div>
    <div class="user-persona-section__bg-shape"
        style="background-image: url(../assets/images/shapes/newsletter-two-shape-1.png);">
    </div>
    <div class="container">
        <div class="row">
            <div class="col-xl-12">
                <div class="section-title text-center sec-title-animation animation-style2">
                    <div class="section-title__tagline-box">
                        <div class="section-title__tagline-shape-1"></div>
                        <span class="section-title__tagline">User Research</span>
                        <div class="section-title__tagline-shape-2"></div>
                    </div>
                    <h2 class="section-title__title title-animation">Understanding Our <span>Target Users</span></h2>
                    <p class="section-title__text">We analyze the needs and wants of the targeted audience by creating detailed user personas to craft user-friendly mobile apps that deliver the best performance. </p>
                </div>
            </div>
        </div>
        <div class="row justify-content-center">
            <div class="col-xl-10">
                <div class="user-persona-box">
                    <div class="user-persona-box__inner">
                        <!-- Central User Image -->
                        <!-- <div class="user-persona-box__center-image">
                            <div class="user-persona-box__user-img">
                                <div class="user-persona-box__user-placeholder">
                                    <span class="user-persona-box__user-text">User Persona</span>
                                </div>
                            </div>
                        </div> -->

                        <!-- Persona Grid -->
                        <div class="user-persona-box__grid">
                            <!-- Says Box -->
                            <div class="user-persona-box__item user-persona-box__says wow fadeInUp"
                                data-wow-delay="100ms" data-wow-duration="1500ms">
                                <div class="user-persona-box__item-inner">
                                    <div class="user-persona-box__item-icon">
                                        <span class="icon-chat"></span>
                                    </div>
                                    <h3 class="user-persona-box__item-title" style="color: #FA5674;">Says</h3>
                                    <ul class="user-persona-box__item-list list-unstyled">
                                        <li style="color: white;">“I just want it to run smoothly without crashing.”</li>
                                        <li style="color: white;">“It should load quickly.”</li>
                                        <li style="color: white;">“The notifications should be useful and not annoying.”</li>
                                    </ul>
                                </div>
                            </div>

                            <!-- Thinks Box -->
                            <div class="user-persona-box__item user-persona-box__thinks wow fadeInUp"
                                data-wow-delay="200ms" data-wow-duration="1500ms">
                                <div class="user-persona-box__item-inner">
                                    <div class="user-persona-box__item-icon">
                                        <span class="icon-idea"></span>
                                    </div>
                                    <h3 class="user-persona-box__item-title" style="color: #FA5674;">Thinks</h3>
                                    <ul class="user-persona-box__item-list list-unstyled">
                                        <li style="color: white;">“My data should be safe.”</li>
                                        <li style="color: white;">“I will uninstall the app if it is confusing.”</li>
                                        <li style="color: white;">“The app should save me time every day.”</li>
                                    </ul>
                                </div>
                            </div>

                            <!-- Does Box -->
                            <div class="user-persona-box__item user-persona-box__does wow fadeInUp"
                                data-wow-delay="300ms" data-wow-duration="1500ms">
                                <div class="user-persona-box__item-inner">
                                    <div class="user-persona-box__item-icon">
                                        <span class="icon-target"></span>
                                    </div>
                                    <h3 class="user-persona-box__item-title" style="color: #FA5674;">Does</h3>
                                    <ul class="user-persona-box__item-list list-unstyled">
                                        <li style="color: white;">“Leave bad apps after first use.”</li>
                                        <li style="color: white;">“Share good apps with friends.”</li>
                                        <li style="color: white;">“Look for features that increase efficiency and save time.”</li>
                                    </ul>
                                </div>
                            </div>

                            <!-- Feels Box -->
                            <div class="user-persona-box__item user-persona-box__feels wow fadeInUp"
                                data-wow-delay="400ms" data-wow-duration="1500ms">
                                <div class="user-persona-box__item-inner">
                                    <div class="user-persona-box__item-icon">
                                        <span class="icon-laughing"></span>
                                    </div>
                                    <h3 class="user-persona-box__item-title" style="color: #FA5674;">Feels</h3>
                                    <ul class="user-persona-box__item-list list-unstyled">
                                        <li style="color: white;">“Frustrated if the app lags or freezes.”</li>
                                        <li style="color: white;">“Relieved when the app is simple to use.”</li>
                                        <li style="color: white;">“Annoyed when there are too many steps.”</li>
                                    </ul>
                                </div>
                            </div>

                            <!-- Needs Box -->
                            <div class="user-persona-box__item user-persona-box__needs wow fadeInUp"
                                data-wow-delay="500ms" data-wow-duration="1500ms">
                                <div class="user-persona-box__item-inner">
                                    <div class="user-persona-box__item-icon">
                                        <span class="icon-tick-inside-circle"></span>
                                    </div>
                                    <h3 class="user-persona-box__item-title" style="color: #FA5674;">Needs</h3>
                                    <ul class="user-persona-box__item-list list-unstyled">
                                        <li style="color: white;">“Optimal performance and reliability.”</li>
                                        <li style="color: white;">“Features that solve problems”</li>
                                        <li style="color: white;">“Compatibility across all platforms.”</li>
                                    </ul>
                                </div>
                            </div>

                            <!-- Goals Box -->
                            <div class="user-persona-box__item user-persona-box__goals wow fadeInUp"
                                data-wow-delay="600ms" data-wow-duration="1500ms">
                                <div class="user-persona-box__item-inner">
                                    <div class="user-persona-box__item-icon">
                                        <span class="icon-trophy"></span>
                                    </div>
                                    <h3 class="user-persona-box__item-title" style="color: #FA5674;">Goals</h3>
                                    <ul class="user-persona-box__item-list list-unstyled">
                                        <li style="color: white;">“Trust the app for daily use.”</li>
                                        <li style="color: white;">“Feel satisfied with a smooth experience.”</li>
                                        <li style="color: white;">“Remain loyal to the app that improves their life.”</li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <!-- Connection Lines -->
                        <div class="user-persona-box__connections">
                            <div class="user-persona-box__connection-line user-persona-box__connection-line--1"></div>
                            <div class="user-persona-box__connection-line user-persona-box__connection-line--2"></div>
                            <div class="user-persona-box__connection-line user-persona-box__connection-line--3"></div>
                            <div class="user-persona-box__connection-line user-persona-box__connection-line--4"></div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- User Persona Section End -->

<!--FAQ Two Start-->
<section class="faq-two">
    <div class="faq-two__shape-1">
        <img src="../assets/images/shapes/faq-two-shape-1.png" alt="">
    </div>
    <div class="faq-two__shape-2">
        <img src="../assets/images/shapes/faq-two-shape-2.png" alt="">
    </div>
    <div class="container">
        <div class="row">
            <div class="col-xl-5">
                <div class="faq-two__left">
                    <div class="section-title text-left sec-title-animation animation-style2">
                        <div class="section-title__tagline-box">
                            <div class="section-title__tagline-shape-1"></div>
                            <span class="section-title__tagline">FAQS</span>
                            <div class="section-title__tagline-shape-2"></div>
                        </div>
                        <h2 class="section-title__title title-animation">Frequently Asked
                            <span>Questions</span>
                        </h2>
                    </div>
                    <p class="faq-two__text">Get answers to the most common questions <br>about our products,
                        services, and policies.</p>
                    <div class="faq-two__bdr"></div>
                    <div class="faq-two__contact">
                        <div class="icon">
                            <span class="icon-customer-service-headset"></span>
                        </div>
                        <div class="content">
                            <span>Get Support</span>
                            <p><a href="tel:9900567780">(713)-281-9480</a></p>
                        </div>
                    </div>
                    <div class="faq-two__btn-box">
                        <a href="contact.php" class="thm-btn">Get in Touch<span class="icon-right-arrow"></span></a>
                    </div>
                </div>
            </div>
            <div class="col-xl-7">
                <div class="faq-two__right">
                    <div class="accrodion-grp" data-grp-name="faq-one-accrodion">
                        <div class="accrodion active">
                            <div class="accrodion-title">
                                <h4>Can you assist me if I only have an app concept?</h4>
                            </div>
                            <div class="accrodion-content">
                                <div class="inner">
                                    <p class="accrodion-content__text-1">Certainly. Even at the conceptual stage, our team supports you in strategy, design, and development. We take your app concept, outlining user workflows, and design a marketable app that's functional and user-friendly.</p>
                                </div><!-- /.inner -->
                            </div>
                        </div>
                        <div class="accrodion">
                            <div class="accrodion-title">
                                <h4>What processes do you have in place to ensure a mobile app is functional and user-friendly?</h4>
                            </div>
                            <div class="accrodion-content">
                                <div class="inner">
                                    <p class="accrodion-content__text-1">Our team assists in usability testing, device functionality testing, system speed, and a number of other parameters. We ensure the app is functional on different operating systems and screen sizes. The intention is to provide a user-friendly, bug and glitch free mobile application.</p>
                                </div><!-- /.inner -->
                            </div>
                        </div>
                        <div class="accrodion">
                            <div class="accrodion-title">
                                <h4>Will my application be designed to operate on both iOS and Android platforms?</h4>
                            </div>
                            <div class="accrodion-content">
                                <div class="inner">
                                    <p class="accrodion-content__text-1">Yes. We can design mobile applications specific to each platform, or design a cross-platform application using React Native or Flutter. Cross-platform mobile applications take less time and cost, while native applications offer more features and optimized performance for each platform. We will advise you on what is more advantageous for your situation.</p>
                                </div><!-- /.inner -->
                            </div>
                        </div>
                        <div class="accrodion">
                            <div class="accrodion-title">
                                <h4>Would you assist me if all I have is an application concept?</h4>
                            </div>
                            <div class="accrodion-content">
                                <div class="inner">
                                    <p class="accrodion-content__text-1">Certainly, regardless of how an idea is shaped, we will walk you through the steps of strategy, designing, and developing the app. After user journeys are mapped, details of the concept will be shaped, and a mobile application that is ready for the marketplace will be developed.</p>
                                </div><!-- /.inner -->
                            </div>
                        </div>
                        <div class="accrodion">
                            <div class="accrodion-title">
                                <h4>What types of mobile apps do you develop?</h4>
                            </div>
                            <div class="accrodion-content">
                                <div class="inner">
                                    <p class="accrodion-content__text-1">We develop native iOS apps, Android apps, and cross-platform solutions. Whether you need a simple consumer app, an enterprise tool, or a feature-rich platform, our team ensures your app is built with the right technology to meet your business goals and user expectations.</p>
                                </div><!-- /.inner -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--FAQ Two End-->

<!-- Contact One Start -->
<section class="contact-one">
    <div class="contact-one__bg-shape">
    </div>
    <div class="container">
        <div class="row">
   <?php  include '../contactform.php'; ?>
            <div class="col-xl-6 col-lg-6">
                <div class="contact-one__right">
                    <div class="section-title text-left sec-title-animation animation-style2">
                        <div class="section-title__tagline-box">
                            <div class="section-title__tagline-shape-1"></div>
                            <span class="section-title__tagline">Get In Touch</span>
                            <div class="section-title__tagline-shape-2"></div>
                        </div>
                        <h2 class="section-title__title title-animation">Start the Conversation
                            <span>–</span><br><span>Reach Out Anytime</span>
                        </h2>
                    </div>
                    <p class="contact-one__text">We’d love to hear from you! Whether you have questions, feedback, or just want to explore how we can work together free to reach out because our team is ready to help.</p>
                    <ul class="contact-one__list list-unstyled">
                        <!-- <li>
                            <div class="icon">
                                <span class="icon-pin"></span>
                            </div>
                            <div class="content">
                                <h4>Location</h4>
                                <p>3934 FM 1960 Rd W Suite 370, Houston, TX 77068, United States</p>
                            </div>
                        </li> -->
                        <li>
                            <div class="icon">
                                <span class="icon-mail"></span>
                            </div>
                            <div class="content">
                                <h4>Email Us</h4>
                                <p><a href="mailto:info@domain.com">info@richmondtechgroup.com</a></p>
                            </div>
                        </li>
                        <!-- <li>
                            <div class="icon">
                                <span class="icon-phone-call"></span>
                            </div>
                            <div class="content">
                                <h4>Contact</h4>
                                <p>Mob: <a href="tel:(713)-281-9480">(713)-281-9480</a></p>
                                <p>Mob: <a href="tel:(713)-245-9295">(713)-245-9295</a></p>
                            </div>
                        </li> -->
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Contact One End -->

<?php include '../footer.php'; ?>