<?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"><span> API Solutions And <br>
                                    Integration </span> That Allow  <br> Seamless Communication
                                </h1>
                                <p class="main-slider-two__text">We are experts in API Development and Integration that helps connect applications and simplify operations. Our API ensures smooth data flow and is future-ready, which helps spark growth in business and improves user experiences.</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've
                           Empowered <br> Businesses with <span> Innovative <br>Tech Solutions </span>
                        </h2>
                    </div>
                    <p class="process-one__text">From personalized solutions to expert<br> execution, we
                        prioritize
                        quality, reliability, and<br> customer satisfaction </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 & Strategy</h3>
                                <p class="process-one__process-text">We identify your business needs, goals, and workflows through intensive research to develop APIs that are built with the best interests of your brand in mind.
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="process-one__process-content">
                                <h3 class="process-one__process-title">Development</h3>
                                <p class="process-one__process-text">Our expert team writes clean code and follows a set of rules to ensure consistency and quality. We deliver a robust and secure API that allows fast and efficient communication between your software and 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">Maintenance</h3>
                                <p class="process-one__process-text">Our dedicated team provides services like providing updates, consistent performance monitoring, and enhancement after delivering a smooth launch process.</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"><span> Custom API Solutions </span> That <br> Connect Multiple Platforms And <span> Fuel Growth </span>
                        </h2>
                    </div>
                    <p class="why-choose-one__text mb-2">We build tailored API solutions developed around the needs and goals of your business. Our team develops fast APIs that guarantee seamless communication and grow alongside your business, keeping you prepared to face challenges with confidence in the future.</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">Tailor-Made APIs</p>
                        </li>
                        <li class="d-flex align-items-center mb-2">
                            <span class="icon-tick-inside-circle me-2"></span>
                            <p class="mb-0">Seamless Integrations</p>
                        </li>
                        <li class="d-flex align-items-center mb-2">
                            <span class="icon-tick-inside-circle me-2"></span>
                            <p class="mb-0">Future-Ready Solutions</p>
                        </li>
                        <li class="d-flex align-items-center mb-2">
                            <span class="icon-tick-inside-circle me-2"></span>
                            <p class="mb-0">Ongoing Technical Support and Maintenance </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 Audience</span></h2>
                    <p class="section-title__text">To develop an efficient and intuitive system, we study our targeted users by creating in-depth user profiles.</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 want my tools to communicate without any manual work.”</li>
                                        <li style="color: white;">“The API should be secure and run smoothly.”</li>
                                        <li style="color: white;">“It should allow easy connection with third-party platforms.”</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;">“The API should simplify the processes instead of complicating them.”</li>
                                        <li style="color: white;">“If the integration is good, it will save my time.”</li>
                                        <li style="color: white;">“Security is very important.”</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;">“Tests the integration between multiple systems.”</li>
                                        <li style="color: white;">“Monitors data transfer speeds and tests the reliability of the system.”</li>
                                        <li style="color: white;">“Provides feedback if the API system is slow.”</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;">“Annoyed if the integrations are not up to the mark.”</li>
                                        <li style="color: white;">“Relieved when the processes are automated.”</li>
                                        <li style="color: white;">“Confident the API is secure.”</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;">“Trustworthy and outstanding performance.”</li>
                                        <li style="color: white;">“Scalable architectures for suture integrations.”</li>
                                        <li style="color: white;">“Compatible across multiple 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;">“Improve the overall efficiency by reducing errors.”</li>
                                        <li style="color: white;">“Guaranteed data security and compliance.”</li>
                                        <li style="color: white;">“Save valuable time and cost by streamlining the operations and reducing manual tasks.”</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 APIs help automate workflows?</h4>
                            </div>
                            <div class="accrodion-content">
                                <div class="inner">
                                    <p class="accrodion-content__text-1">Yes, APIs eliminate manual processes by enabling data to move seamlessly between applications and systems.</p>
                                </div><!-- /.inner -->
                            </div>
                        </div>
                        <div class="accrodion">
                            <div class="accrodion-title">
                                <h4>What are the benefits of custom APIs over off-the-shelf solutions?</h4>
                            </div>
                            <div class="accrodion-content">
                                <div class="inner">
                                    <p class="accrodion-content__text-1">Custom APIs are built for your exact needs, offering more flexibility, scalability, and integration capabilities than generic solutions.</p>
                                </div><!-- /.inner -->
                            </div>
                        </div>
                        <div class="accrodion">
                            <div class="accrodion-title">
                                <h4>How long does API development usually take?</h4>
                            </div>
                            <div class="accrodion-content">
                                <div class="inner">
                                    <p class="accrodion-content__text-1">Timelines vary by complexity, but most API projects range from a few weeks to several months.</p>
                                </div><!-- /.inner -->
                            </div>
                        </div>
                        <div class="accrodion">
                            <div class="accrodion-title">
                                <h4>Do you provide long-term API support and updates?</h4>
                            </div>
                            <div class="accrodion-content">
                                <div class="inner">
                                    <p class="accrodion-content__text-1">Yes, we offer ongoing maintenance, upgrades, and enhancements to keep APIs reliable and aligned with business growth.</p>
                                </div><!-- /.inner -->
                            </div>
                        </div>
                        <div class="accrodion">
                            <div class="accrodion-title">
                                <h4>Can you integrate multiple systems through one API?</h4>
                            </div>
                            <div class="accrodion-content">
                                <div class="inner">
                                    <p class="accrodion-content__text-1">Yes, we design unified APIs that connect multiple platforms, reducing complexity and improving efficiency.</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'; ?>