<?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">Smart And <span>User- <br> Friendly</span><span> Digital </span> <br> Solutions
                                </h1>
                                <p class="main-slider-two__text">We design websites and web applications that look fantastic and work efficiently for your users, and help your business grow. Our team of expert developers creates modern websites and web apps equipped with advanced features that help elevate your digital presence.</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
                            <span>Businesses </span><br><span>Grow Through Our </span><br>Website and Web App 
                        </h2>
                    </div>
                    <p class="process-one__text">We create innovative and amazing website and web application designs customized according to your business requirements that help you build a strong brand identity online.</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">Discovery & Planning</h3>
                                <p class="process-one__process-text">First, we make sure to completely understand your vision, business objectives, and the targeted audience, and create a pathway to follow.
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="process-one__process-content">
                                <h3 class="process-one__process-title">Development</h3>
                                <p class="process-one__process-text">We design and develop stunning <br> website and web app designs that <br> align with your brand’s uniqueness <br> and provide optimal performance.</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">Ongoing Maintenance </h3>
                                <p class="process-one__process-text">After the launch we provide dedicated support to help keep your product maintained, deliver timely updates and assist with feature enhancements. </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">Elevate Your  <span>Brand’s Online Presence With Our Website </span>
                        and Web App Design Services
                        </h2>
                    </div>
                    <p class="why-choose-one__text mb-2">We design with the best interests of your business and target audience in mind, delivering websites and web apps that are tuned for the best performance, to boost conversion and lead to overall growth. From the start till the end, our skilled team ensures quality, security, and customer satisfaction.</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">Tailored Tech-Driven 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">End-to-End Support and Delivery</p>
                        </li>
                        <li class="d-flex align-items-center mb-2">
                            <span class="icon-tick-inside-circle me-2"></span>
                            <p class="mb-0">Team of Experts</p>
                        </li>
                        <li class="d-flex align-items-center mb-2">
                            <span class="icon-tick-inside-circle me-2"></span>
                            <p class="mb-0">Security and Reliability</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 create comprehensive user profiles to understand their needs, wants, and goals. This helps us build websites and web apps that are according to what satisfies them.</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 to find the required info without excessive clicking.”</li>
                                        <li style="color: white;">“I don’t want to fill endless forms.”</li>
                                        <li style="color: white;">“I love when the website guides me exactly where to go.”</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 fewer the clicks, the better it is.”</li>
                                        <li style="color: white;">“Clarity saves me time and effort.”</li>
                                        <li style="color: white;">“The service might also be outdated if the website is outdated.”</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;">“Uses the search bar to look for the desired information.”</li>
                                        <li style="color: white;">“Abandons form if they are long.”</li>
                                        <li style="color: white;">“Skims the content on the pages instead of reading everything.”</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 when the pages take a long time to load.”</li>
                                        <li style="color: white;">“Relieved when the website is easy to navigate.”</li>
                                        <li style="color: white;">“Happy and pleased when the tasks are completed quickly and smoothly.”</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;">“Faster load time for a better experience.”</li>
                                        <li style="color: white;">“Dashboards that are simple and not complicated.”</li>
                                        <li style="color: white;">“Responsive design so that the website or web app works on any device.”</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;">“Get the information easily and quickly.”</li>
                                        <li style="color: white;">“Stay engaged with a design that is effortless to use.”</li>
                                        <li style="color: white;">“Save time using streamlined workflows.”</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>How do I know if my business needs a website or a web application?</h4>
                            </div>
                            <div class="accrodion-content">
                                <div class="inner">
                                    <p class="accrodion-content__text-1">If you only need to display information, services, or products that your business offers, then a website is sufficient. However, if your business provides services that require users to interact, such as booking, data management, or workflow automation, then a web application would be a better option for your brand.</p>
                                </div><!-- /.inner -->
                            </div>
                        </div>
                        <div class="accrodion">
                            <div class="accrodion-title">
                                <h4>Can I see what my website or app will look like before it’s built?</h4>
                            </div>
                            <div class="accrodion-content">
                                <div class="inner">
                                    <p class="accrodion-content__text-1">Yes, you will be able to see what your digital platform would look like as we create blueprints and click-through demos that will allow you to visualize the design and user flow before the development stage of the project begins.</p>
                                </div><!-- /.inner -->
                            </div>
                        </div>
                        <div class="accrodion">
                            <div class="accrodion-title">
                                <h4>How do you ensure performance and speed?</h4>
                            </div>
                            <div class="accrodion-content">
                                <div class="inner">
                                    <p class="accrodion-content__text-1">We optimize code, use content delivery networks, compress assets, and follow best practices to make sure that your website or app runs smoothly and loads quickly, as a quick and effortlessly running website can incredibly elevate your digital presence and boost your sales.</p>
                                </div><!-- /.inner -->
                            </div>
                        </div>
                        <div class="accrodion">
                            <div class="accrodion-title">
                                <h4>How much does a website cost?</h4>
                            </div>
                            <div class="accrodion-content">
                                <div class="inner">
                                    <p class="accrodion-content__text-1">The costs of the website are highly influenced by factors like design complexity, features, and scope. We provide customized proposals after carefully understanding your requirements.</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'; ?>