@extends('web.layout.web_layout')

@section('title', 'Loyaltiya – Loyalty Rewards App for Businesses & Customers in Canada')
@section('meta_description', 'Loyaltiya connects businesses and customers through smart digital loyalty rewards. Businesses increase repeat customers and engagement, while customers earn rewards and discover offers near them in Canada.')

@section('custom_css')

@endsection

@section('content')

@php
    $assetPath = str_contains(request()->getRequestUri(), '/public')
        ? asset('web/assets')
        : asset('public/web/assets');
@endphp

<!-- ===================== HERO ===================== -->
<section class="hero-section ptb-120 text-white bg-dark"
    style="background:url('{{ $assetPath }}/img/hero-dot-bg.png') no-repeat center right">
    <div class="container">
        <div class="row justify-content-center text-center text-lg-start align-items-center">
            <div class="col-lg-6 col-md-10">
                <div class="hero-content-wrap mt-5 mt-lg-0">
                    <h1 class="fw-bold display-5" data-aos="fade-up">
                        Connect Businesses and Customers Through Smart Loyalty Rewards
                    </h1>
                    <p class="lead" data-aos="fade-up">
                        Loyaltiya is a two-sided loyalty platform that helps businesses increase repeat customers and engagement, while customers discover nearby rewards, earn points, and enjoy exclusive offers—all in one app.
                    </p>

                    <div class="action-btns mt-5" data-aos="fade-up">
                        <a href="https://play.google.com/store/apps/details?id=com.app.loyaltiya" class="btn btn-primary me-3">Get Business App</a>
                        <a href="https://play.google.com/store/apps/details?id=com.app.loyaltiya" class="btn btn-outline-light">Get Customer App</a>
                    </div>

                    <ul class="nav subscribe-feature-list d-flex justify-content-center justify-content-lg-start w-100 mt-3"
                        data-aos="fade-up">
                        <li class="nav-item">
                            <span><i class="far fa-check-circle text-primary me-2"></i>Free 14-day trial</span>
                        </li>
                        <li class="nav-item">
                            <span><i class="far fa-check-circle text-primary me-2"></i>No credit card required</span>
                        </li>
                    </ul>

                    <div class="d-flex justify-content-center justify-content-lg-start mt-5">
                        <img src="{{ $assetPath }}/img/awards-01.svg" class="me-4 img-fluid" alt="awards">
                        <img src="{{ $assetPath }}/img/awards-02.svg" class="img-fluid" alt="awards">
                    </div>
                </div>
            </div>

            <div class="col-lg-6 col-md-8">
                <div class="hero-img-wrap position-relative app-screen-bg mt-5"
                    style="background-image:url('{{ $assetPath }}/img/shape/shape-bg-3.svg')"
                    data-aos="fade-up">

                    <ul class="position-absolute animate-element parallax-element shape-service d-none d-lg-block">
                        <li class="layer" data-depth="0.03">
                            <img src="{{ $assetPath }}/img/color-shape/image-4.svg"
                                 class="img-fluid position-absolute color-shape-1" alt="shape">
                        </li>
                        <li class="layer" data-depth="0.02">
                            <img src="{{ $assetPath }}/img/color-shape/feature-2.svg"
                                 class="img-fluid position-absolute color-shape-2" alt="shape">
                        </li>
                        <li class="layer" data-depth="0.03">
                            <img src="{{ $assetPath }}/img/color-shape/feature-3.svg"
                                 class="img-fluid position-absolute color-shape-3" alt="shape">
                        </li>
                    </ul>

                    <img src="{{ $assetPath }}/img/screen/app-screen-on-hand.png"
                         class="img-fluid position-relative z-5" alt="hero image">
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ===================== HERO END ===================== -->


<!-- ===================== FEATURES ===================== -->
<section class="feature-section ptb-120">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-6">
                <div class="section-heading text-center">
                    <h4 class="text-primary h5">Why Loyaltiya</h4>
                    <h2>Smart Features That Power Loyalty</h2>
                    <p>
                        A powerful two-sided loyalty platform designed to help businesses grow repeat customers
                        while giving customers real rewards and nearby offers in one seamless app.
                    </p>
                </div>
            </div>
        </div>

        <div class="row align-items-center">

            <div class="col-lg-4 col-md-6">
                <div class="cta-card text-center custom-shadow p-5 bg-white mt-4">
                    <div class="feature-icon bg-primary-soft rounded-circle mb-32">
                        <i class="fas fa-store text-primary fa-2x"></i>
                    </div>
                    <h3 class="h5">Business Growth Tools</h3>
                    <p>
                        Help businesses increase repeat customers, run loyalty programs, and boost engagement
                        with simple digital reward systems.
                    </p>
                </div>
            </div>

            <div class="col-lg-4 col-md-6">
                <div class="cta-card text-center custom-shadow p-5 bg-white mt-4">
                    <div class="feature-icon bg-danger-soft rounded-circle mb-32">
                        <i class="fas fa-map-marker-alt text-danger fa-2x"></i>
                    </div>
                    <h3 class="h5">Nearby Rewards Discovery</h3>
                    <p>
                        Customers can easily discover nearby restaurants, cafés, salons, and stores offering
                        loyalty rewards and special deals in real time.
                    </p>
                </div>
            </div>

            <div class="col-lg-4 col-md-6">
                <div class="cta-card text-center custom-shadow p-5 bg-white mt-4">
                    <div class="feature-icon bg-success-soft rounded-circle mb-32">
                        <i class="fas fa-gift text-success fa-2x"></i>
                    </div>
                    <h3 class="h5">Earn & Redeem Rewards</h3>
                    <p>
                        Customers earn points on every purchase and redeem rewards instantly while businesses
                        track and manage loyalty effortlessly.
                    </p>
                </div>
            </div>

        </div>
    </div>
</section>
<!-- ===================== FEATURES END ===================== -->
<!--feature section start-->
          <section class="feature-section pt-60 pb-120">
    <div class="container">
        <div class="row align-items-lg-center justify-content-between">

            <div class="col-lg-5 order-lg-2 mb-7 mb-lg-0">

                <div class="mb-4" data-aos="fade-up">
                    <h2>One Platform for Businesses and Customers</h2>
                    <p>
                        Loyaltiya connects businesses and customers through a powerful digital loyalty ecosystem.
                        Businesses can increase repeat customers and engagement, while customers discover nearby rewards,
                        earn points, and redeem offers instantly.
                    </p>
                </div>

                <ul class="list-unstyled d-flex flex-wrap list-two-col mt-5" data-aos="fade-up">

                    <li>
                        <span class="d-block mb-4">
                            <i class="fas fa-store fa-2x text-primary"></i>
                        </span>
                        <h3 class="h5">Business Engagement</h3>
                        <p>
                            Help businesses attract repeat customers and manage loyalty programs easily.
                        </p>
                    </li>

                    <li>
                        <span class="d-block mb-4">
                            <i class="fas fa-map-marker-alt fa-2x text-primary"></i>
                        </span>
                        <h3 class="h5">Nearby Rewards</h3>
                        <p>
                            Customers can discover offers and loyalty rewards from businesses near them.
                        </p>
                    </li>

                </ul>

            </div>

            <div class="col-lg-6 order-lg-1">

                <div class="pr-lg-4 position-relative" data-aos="fade-up">

                    <!-- animated shape start -->
                    <ul class="position-absolute animate-element parallax-element shape-service z--1 hide-medium">
                        <li class="layer" data-depth="0.03">
                            <img src="{{ $assetPath }}/img/color-shape/image-2.svg"
                                 alt="shape" class="img-fluid position-absolute color-shape-1">
                        </li>
                        <li class="layer" data-depth="0.02">
                            <img src="{{ $assetPath }}/img/color-shape/feature-2.svg"
                                 alt="shape" class="img-fluid position-absolute color-shape-2 z-5">
                        </li>
                        <li class="layer" data-depth="0.03">
                            <img src="{{ $assetPath }}/img/color-shape/feature-3.svg"
                                 alt="shape" class="img-fluid position-absolute color-shape-3">
                        </li>
                    </ul>
                    <!-- animated shape end -->

                    <div class="bg-light-subtle text-center rounded-custom overflow-hidden pt-5 px-3 px-lg-5 mx-lg-auto">

                        <div class="mb-5">
                            <h3 class="fw-medium h4">
                                Grow Your Business While Customers Earn Real Rewards
                            </h3>
                        </div>

                        <div class="position-relative w-75 mx-auto">
                            <img class="position-relative z-2 w-100 h-auto"
                                 src="{{ $assetPath }}/img/4.webp"
                                 alt="Loyaltiya App Preview">

                            <img class="position-absolute half-screen"
                                 src="{{ $assetPath }}/img/screen/app-screen-1.jpg"
                                 alt="Loyaltiya App Screen">
                        </div>

                    </div>

                </div>

            </div>

        </div>
    </div>
</section>
          <section class="feature-section pt-60 pb-120">
    <div class="container">

        <div class="row align-items-lg-center justify-content-between">

            <div class="col-lg-5 mb-7 mb-lg-0">

                <div class="mb-4" data-aos="fade-up">
                    <h2>Track Your Business Growth with Loyaltiya</h2>
                    <p>
                        Loyaltiya helps businesses monitor customer engagement, repeat visits, and loyalty performance
                        in real time. Make smarter decisions to increase retention, improve offers, and grow your customer base.
                    </p>
                </div>

                <ul class="list-unstyled d-flex flex-wrap list-two-col mt-5" data-aos="fade-up">

                    <li>
                        <span class="d-block mb-4">
                            <i class="fas fa-users fa-2x text-primary"></i>
                        </span>
                        <h3 class="h5">Customer Engagement</h3>
                        <p>
                            Understand how customers interact with your business and improve retention strategies.
                        </p>
                    </li>

                    <li>
                        <span class="d-block mb-4">
                            <i class="fas fa-shield-alt fa-2x text-primary"></i>
                        </span>
                        <h3 class="h5">Secure Platform</h3>
                        <p>
                            Your business and customer data is protected with secure and reliable systems.
                        </p>
                    </li>

                </ul>

            </div>

            <div class="col-lg-6">

                <div class="pr-lg-4 position-relative" data-aos="fade-up">

                    <!-- animated shape start -->
                    <ul class="position-absolute animate-element parallax-element shape-service z--1 hide-medium">
                        <li class="layer" data-depth="0.03">
                            <img src="{{ $assetPath }}/img/color-shape/image-3.svg"
                                 alt="shape" class="img-fluid position-absolute color-shape-1">
                        </li>
                        <li class="layer" data-depth="0.02">
                            <img src="{{ $assetPath }}/img/color-shape/feature-1.svg"
                                 alt="shape" class="img-fluid position-absolute color-shape-2 z-5">
                        </li>
                        <li class="layer" data-depth="0.03">
                            <img src="{{ $assetPath }}/img/color-shape/feature-3.svg"
                                 alt="shape" class="img-fluid position-absolute color-shape-3">
                        </li>
                    </ul>
                    <!-- animated shape end -->

                    <div class="bg-light-subtle text-center shadow-sm rounded-custom overflow-hidden pt-5 px-3 px-lg-5 mx-lg-auto">

                        <div class="mb-5">
                            <h3 class="fw-medium h4">
                                Grow Faster with Data-Driven Loyalty Insights
                            </h3>
                        </div>

                        <div class="position-relative w-75 mx-auto">
                            <img class="position-relative z-2 w-100 h-auto"
                                 src="{{ $assetPath }}/img/2.webp"
                                 alt="Loyaltiya App Preview">

                            <img class="position-absolute half-screen"
                                 src="{{ $assetPath }}/img/screen/app-screen-2.jpg"
                                 alt="Loyaltiya Dashboard Screen">
                        </div>

                    </div>

                </div>

            </div>

        </div>

    </div>
</section>   <!--feature section end-->
          <!--our work process start-->
          <section class="process-section bg-light-subtle ptb-120">
    <div class="container">

        <div class="row justify-content-center">
            <div class="col-lg-6 col-md-12">

                <div class="section-heading text-center" data-aos="fade-up">
                    <h4 class="h5 text-primary">Instant Setup</h4>
                    <h2>Simple & Effortless Process</h2>
                    <p>
                        Loyaltiya makes it easy for businesses and customers to join a single loyalty ecosystem.
                        Businesses can start rewarding customers, and customers can start earning rewards instantly.
                    </p>
                </div>

            </div>
        </div>

        <div class="row">
            <div class="col-12">

                <div class="setup-process-wrap">

                    <ul class="setup-process-list list-unstyled text-center mb-0">

                        <li class="setup-process-item py-4 px-2" data-aos="fade-up">
                            <div class="setup-process-icon mb-4">
                                <i class="fas fa-mobile-alt fa-2x text-primary"></i>
                            </div>
                            <span class="process-tag badge bg-primary-soft py-1 px-3 small fw-bold text-primary rounded-custom">
                                Step 1
                            </span>
                            <h6 class="mt-3 mb-0">Download the Loyaltiya App</h6>
                        </li>

                        <li class="setup-process-item py-4 px-2" data-aos="fade-up" data-aos-delay="50">
                            <div class="setup-process-icon mb-4">
                                <i class="fas fa-store fa-2x text-primary"></i>
                            </div>
                            <span class="process-tag badge bg-primary-soft py-1 px-3 small fw-bold text-primary rounded-custom">
                                Step 2
                            </span>
                            <h6 class="mt-3 mb-0">Join as Business or Customer</h6>
                        </li>

                        <li class="setup-process-item py-4 px-2" data-aos="fade-up" data-aos-delay="100">
                            <div class="setup-process-icon mb-4">
                                <i class="fas fa-gift fa-2x text-primary"></i>
                            </div>
                            <span class="process-tag badge bg-primary-soft py-1 px-3 small fw-bold text-primary rounded-custom">
                                Step 3
                            </span>
                            <h6 class="mt-3 mb-0">Earn or Offer Rewards</h6>
                        </li>

                        <li class="setup-process-item py-4 px-2" data-aos="fade-up" data-aos-delay="150">
                            <div class="setup-process-icon mb-4">
                                <i class="fas fa-chart-line fa-2x text-primary"></i>
                            </div>
                            <span class="process-tag badge bg-primary-soft py-1 px-3 small fw-bold text-primary rounded-custom">
                                Step 4
                            </span>
                            <h6 class="mt-3 mb-0">Track Growth & Engagement</h6>
                        </li>

                    </ul>

                </div>

            </div>
        </div>

    </div>
</section>   <!--our work process end-->
      
          <!--pricing section start-->
          <section class="pricing-section position-relative overflow-hidden bg-dark text-white pt-120" style="background: url('assets/img/page-header-bg.svg')no-repeat center center">
              <div class="container">
                  <div class="row justify-content-center">
                      <div class="col-lg-6 col-md-12">
                          <div class="section-heading text-center z-5 position-relative" data-aos="fade-up">
                              <h4 class="h5 text-warning">Plans &amp; Pricing</h4>
                              <h2>Check Our Valuable Price</h2>
                              <p>Objectively market-driven intellectual capital rather than covalent best practices facilitate strategic information before innovation. </p>
                          </div>
                      </div>
                  </div>
                  <div class="row justify-content-center">
                      <div class="col-lg-8 col-md-10">
                          <div class="pricing-content-wrap mb--100 bg-white rounded-custom shadow-lg border d-fle z-10 position-relative">
                              <div class="price-feature-col pricing-feature-info left-radius bg-primary-soft p-5">
                                  <ul class="list-unstyled pricing-feature-list pricing-included-list mb-0" data-aos="fade-left">
                                      <li class="py-1"><i class="fas fa-check-circle text-primary me-2"></i> Unlimited domains</li>
                                      <li class="py-1"><i class="fas fa-check-circle text-primary me-2"></i>Unlimited notifications</li>
                                      <li class="py-1"><i class="fas fa-check-circle text-primary me-2"></i> 10,000 unique visitors</li>
                                      <li class="py-1"><i class="fas fa-check-circle text-primary me-2"></i> Conversion analytics</li>
                                      <li class="py-1"><i class="fas fa-check-circle text-primary me-2"></i> Conversion analytics</li>
                                      <li class="py-1"><i class="fas fa-check-circle text-primary me-2"></i> Live chat support</li>
                                      <li class="py-1"><i class="fas fa-check-circle text-primary me-2"></i> Recent activity notification</li>
                                      <li class="py-1"><i class="fas fa-check-circle text-primary me-2"></i> Live visitor count notification</li>
                                      <li class="py-1"><i class="fas fa-check-circle text-primary me-2"></i> Send data to analytics tools</li>
                                  </ul>
                              </div>
                              <div class="price-feature-col pricing-action-info p-5" data-aos="fade-right">
                                  <ul class="nav nav-pills mb-4 pricing-tab-list" id="pills-tab" role="tablist">
                                      <li class="nav-item" role="presentation">
                                          <button class="active" id="pills-home-tab" data-bs-toggle="pill" data-bs-target="#pills-home" type="button" role="tab" aria-controls="pills-home" aria-selected="true">Monthly</button>
                                      </li>
                                      <li class="nav-item" role="presentation">
                                          <button id="pills-profile-tab" data-bs-toggle="pill" data-bs-target="#pills-profile" type="button" role="tab" aria-controls="pills-profile" aria-selected="false" class="">Yearly</button>
                                      </li>
                                  </ul>
                                  <div class="tab-content" id="pills-tabContent">
                                      <div class="tab-pane fade active show" id="pills-home" role="tabpanel" aria-labelledby="pills-home-tab">
                                          <h3 class="h5">Pro Monthly</h3>
                                          <p>Professionally integrate principle-centered intellectual capital whereas equity.</p>
                                          <div class="pricing-price mt-5">
                                              <h4 class="h1 fw-bold">$49 <span>/Month</span></h4>
                                          </div>
                                          <a href="request-demo.html" class="btn btn-primary mt-3">Start 14-Days Trial</a>
                                      </div>
                                      <div class="tab-pane fade" id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab">
                                          <h3 class="h5">Pro Yearly</h3>
                                          <p>Uniquely engineer prospective alignments without clicks-and-mortar innovation.</p>
                                          <div class="pricing-price mt-5">
                                              <h4 class="h1 fw-bold">$89 <span>/Year</span></h4>
                                          </div>
                                          <a href="request-demo.html" class="btn btn-primary mt-3">Start 14-Days Trial</a>
                                      </div>
                                  </div>
          
                              </div>
                          </div>
                      </div>
                  </div>
              </div>
              <div class="bg-circle rounded-circle circle-shape-1 position-absolute bg-warning left-5"></div>
              <div class="white-space-100 bg-white w-100"></div>
          </section>    <!--pricing section end-->
<!--faq section start-->
          <section class="faq-section ptb-120">
    <div class="container">

        <div class="row justify-content-center">
            <div class="col-lg-6 col-md-12">

                <div class="section-heading text-center" data-aos="fade-up">
                    <h4 class="h5 text-primary">FAQ</h4>
                    <h2>Frequently Asked Questions</h2>
                    <p>
                        Everything you need to know about how Loyaltiya helps businesses grow and customers earn rewards.
                    </p>
                </div>

            </div>
        </div>

        <div class="row justify-content-center">

            <div class="col-lg-6 col-md-10">
                <div class="faq-content-wrap d-flex mb-5" data-aos="fade-up" data-aos-delay="50">
                    <span class="faq-icon me-3">
                        <i class="fas fa-store text-primary"></i>
                    </span>
                    <div class="faq-info">
                        <h5>How does Loyaltiya help businesses?</h5>
                        <p class="mb-0">
                            Loyaltiya helps businesses increase repeat customers, improve engagement, and run digital loyalty programs that encourage long-term customer relationships.
                        </p>
                    </div>
                </div>
            </div>

            <div class="col-lg-6 col-md-10">
                <div class="faq-content-wrap d-flex mb-5" data-aos="fade-up" data-aos-delay="100">
                    <span class="faq-icon me-3">
                        <i class="fas fa-map-marker-alt text-primary"></i>
                    </span>
                    <div class="faq-info">
                        <h5>Can customers find rewards near them?</h5>
                        <p class="mb-0">
                            Yes. Customers can discover nearby restaurants, cafés, salons, and stores offering loyalty rewards, discounts, and promotions in real time.
                        </p>
                    </div>
                </div>
            </div>

            <div class="col-lg-6 col-md-10">
                <div class="faq-content-wrap d-flex mb-5" data-aos="fade-up" data-aos-delay="150">
                    <span class="faq-icon me-3">
                        <i class="fas fa-gift text-primary"></i>
                    </span>
                    <div class="faq-info">
                        <h5>How do customers earn rewards?</h5>
                        <p class="mb-0">
                            Customers earn points or rewards every time they make a purchase at participating businesses and can redeem them instantly through the app.
                        </p>
                    </div>
                </div>
            </div>

            <div class="col-lg-6 col-md-10">
                <div class="faq-content-wrap d-flex mb-5" data-aos="fade-up" data-aos-delay="200">
                    <span class="faq-icon me-3">
                        <i class="fas fa-mobile-alt text-primary"></i>
                    </span>
                    <div class="faq-info">
                        <h5>Is Loyaltiya free for customers?</h5>
                        <p class="mb-0">
                            Yes, customers can download and use the Loyaltiya app for free to earn and redeem rewards.
                        </p>
                    </div>
                </div>
            </div>

            <div class="col-lg-6 col-md-10">
                <div class="faq-content-wrap d-flex mb-5" data-aos="fade-up" data-aos-delay="250">
                    <span class="faq-icon me-3">
                        <i class="fas fa-chart-line text-primary"></i>
                    </span>
                    <div class="faq-info">
                        <h5>How can businesses track performance?</h5>
                        <p class="mb-0">
                            Businesses can track customer engagement, repeat visits, and loyalty performance through real-time insights inside the app.
                        </p>
                    </div>
                </div>
            </div>

            <div class="col-lg-6 col-md-10">
                <div class="faq-content-wrap d-flex mb-5" data-aos="fade-up" data-aos-delay="300">
                    <span class="faq-icon me-3">
                        <i class="fas fa-shield-alt text-primary"></i>
                    </span>
                    <div class="faq-info">
                        <h5>Is customer data secure?</h5>
                        <p class="mb-0">
                            Yes, Loyaltiya uses secure systems to protect both business and customer data with privacy and reliability.
                        </p>
                    </div>
                </div>
            </div>

        </div>
    </div>

    <!-- CTA SECTION -->
    <div class="container">
        <div class="bg-dark shadow-lg p-5 rounded-custom mt-lg-5" data-aos="fade-up" data-aos-delay="250">

            <div class="row align-items-center justify-content-between">

                <div class="col-lg-7">
                    <div class="cta-content">
                        <h3 class="mb-2 text-white">Still Have Questions?</h3>
                        <p class="mb-lg-0 mb-xl-0 text-light">
                            Contact us and we’ll help you get started with Loyaltiya.
                        </p>
                    </div>
                </div>

                <div class="col-lg-3">
                    <div class="text-lg-end">
                        <a href="contact-us.html" class="btn btn-secondary">
                            Get in Touch
                        </a>
                    </div>
                </div>

            </div>

        </div>
    </div>

</section>    <!--faq section end-->
      
          <!--customer review tab section start-->
          <!-- <section class="testimonial-section ptb-120 bg-light-subtle">
              <div class="container">
                  <div class="row justify-content-center align-content-center">
                      <div class="col-md-10 col-lg-6">
                          <div class="section-heading text-center"  data-aos="fade-up">
                              <h4 class="h5 text-primary">Testimonial</h4>
                              <h2>What They Say About Us</h2>
                              <p>Uniquely promote adaptive quality vectors rather than stand-alone e-markets pontificate alternative architectures with accurate schemas.</p>
                          </div>
                      </div>
                  </div>
                  <div class="row">
                      <div class="col-12">
                          <div class="position-relative w-100"  data-aos="fade-up" data-aos-delay="50" >
                              <div class="swiper testimonialSwiper">
                                  <div class="swiper-wrapper">
                                      <div class="swiper-slide">
                                          <div class="border border-2 p-5 rounded-custom position-relative">
                                              <img src="{{ asset('web/assets/img/testimonial/quotes-dot.svg') }}" alt="quotes" width="100"
                                                   class="img-fluid position-absolute left-0 top-0 z--1 p-3">
                                              <div class="d-flex mb-32 align-items-center">
                                                  <img src="{{ asset('web/assets/img/testimonial/1.jpg') }}" class="img-fluid me-3 rounded" width="60"
                                                       alt="user">
                                                  <div class="author-info">
                                                      <h6 class="mb-0">Mr.Rupan Oberoi</h6>
                                                      <small>Founder and CEO at Amaara Herbs</small>
                                                  </div>
                                              </div>
                                              <blockquote>
                                                  <h6>The Best Template You Got to Have it!</h6>
                                                  Globally network long-term high-impact schemas vis-a-vis distinctive e-commerce
                                                  cross-media infrastructures rather than ethical
                                              </blockquote>
                                              <ul class="review-rate mb-0 mt-2 list-unstyled list-inline">
                                                  <li class="list-inline-item"><i class="fas fa-star text-warning"></i></li>
                                                  <li class="list-inline-item"><i class="fas fa-star text-warning"></i></li>
                                                  <li class="list-inline-item"><i class="fas fa-star text-warning"></i></li>
                                                  <li class="list-inline-item"><i class="fas fa-star text-warning"></i></li>
                                                  <li class="list-inline-item"><i class="fas fa-star text-warning"></i></li>
                                              </ul>
                                              <img src="{{ asset('web/assets/img/testimonial/quotes.svg') }}" alt="quotes"
                                                   class="position-absolute right-0 bottom-0 z--1 pe-4 pb-4">
                                          </div>
                                      </div>
                                      <div class="swiper-slide">
                                          <div class="border border-2 p-5 rounded-custom position-relative">
                                              <img src="{{ asset('web/assets/img/testimonial/quotes-dot.svg') }}" alt="quotes" width="100"
                                                   class="img-fluid position-absolute left-0 top-0 z--1 p-3">
                                              <div class="d-flex mb-32 align-items-center">
                                                  <img src="{{ asset('web/assets/img/testimonial/3.jpg') }}" class="img-fluid me-3 rounded" width="60"
                                                       alt="user">
                                                  <div class="author-info">
                                                      <h6 class="mb-0">Oberoi R.</h6>
                                                      <small>CEO at Herbs</small>
                                                  </div>
                                              </div>
                                              <blockquote>
                                                  <h6>Embarrassed by the First Version.</h6>
                                                  Dynamically create innovative core competencies with effective best
                                                  practices promote innovative infrastructures.
                                              </blockquote>
                                              <ul class="review-rate mb-0 mt-2 list-unstyled list-inline">
                                                  <li class="list-inline-item"><i class="fas fa-star text-warning"></i></li>
                                                  <li class="list-inline-item"><i class="fas fa-star text-warning"></i></li>
                                                  <li class="list-inline-item"><i class="fas fa-star text-warning"></i></li>
                                                  <li class="list-inline-item"><i class="fas fa-star text-warning"></i></li>
                                                  <li class="list-inline-item"><i class="fas fa-star text-warning"></i></li>
                                              </ul>
                                              <img src="{{ asset('web/assets/img/testimonial/quotes.svg') }}" alt="quotes"
                                                   class="position-absolute right-0 bottom-0 z--1 pe-4 pb-4">
                                          </div>
                                      </div>
          
                                      <div class="swiper-slide">
                                          <div class="border border-2 p-5 rounded-custom position-relative">
                                              <img src="{{ asset('web/assets/img/testimonial/quotes-dot.svg') }}" alt="quotes" width="100"
                                                   class="img-fluid position-absolute left-0 top-0 z--1 p-3">
                                              <div class="d-flex mb-32 align-items-center">
                                                  <img src="{{ asset('web/assets/img/testimonial/2.jpg') }}" class="img-fluid me-3 rounded" width="60"
                                                       alt="user">
                                                  <div class="author-info">
                                                      <h6 class="mb-0">Mr.Rupan Oberoi</h6>
                                                      <small>Founder and CEO</small>
                                                  </div>
                                              </div>
                                              <blockquote>
                                                  <h6>Amazing Quiety template!</h6>
                                                  Appropriately negotiate interactive niches rather than parallel strategic theme
                                                  incubate premium total linkage areas.
                                              </blockquote>
                                              <ul class="review-rate mb-0 mt-2 list-unstyled list-inline">
                                                  <li class="list-inline-item"><i class="fas fa-star text-warning"></i></li>
                                                  <li class="list-inline-item"><i class="fas fa-star text-warning"></i></li>
                                                  <li class="list-inline-item"><i class="fas fa-star text-warning"></i></li>
                                                  <li class="list-inline-item"><i class="fas fa-star text-warning"></i></li>
                                                  <li class="list-inline-item"><i class="fas fa-star text-warning"></i></li>
                                              </ul>
                                              <img src="{{ asset('web/assets/img/testimonial/quotes.svg') }}" alt="quotes"
                                                   class="position-absolute right-0 bottom-0 z--1 pe-4 pb-4">
                                          </div>
                                      </div>
                                      <div class="swiper-slide">
                                          <div class="border border-2 p-5 rounded-custom position-relative">
                                              <img src="{{ asset('web/assets/img/testimonial/quotes-dot.svg') }}" alt="quotes" width="100"
                                                   class="img-fluid position-absolute left-0 top-0 z--1 p-3">
                                              <div class="d-flex mb-32 align-items-center">
                                                  <img src="{{ asset('web/assets/img/testimonial/4.jpg') }}" class="img-fluid me-3 rounded" width="60"
                                                       alt="user">
                                                  <div class="author-info">
                                                      <h6 class="mb-0">Joan Dho</h6>
                                                      <small>Founder and CTO</small>
                                                  </div>
                                              </div>
                                              <blockquote>
                                                  <h6>Best Template for SAAS Company!</h6>
                                                  Dynamically create innovative core competencies with effective best
                                                  practices promote innovative infrastructures.
                                              </blockquote>
                                              <ul class="review-rate mb-0 mt-2 list-unstyled list-inline">
                                                  <li class="list-inline-item"><i class="fas fa-star text-warning"></i></li>
                                                  <li class="list-inline-item"><i class="fas fa-star text-warning"></i></li>
                                                  <li class="list-inline-item"><i class="fas fa-star text-warning"></i></li>
                                                  <li class="list-inline-item"><i class="fas fa-star text-warning"></i></li>
                                                  <li class="list-inline-item"><i class="fas fa-star text-warning"></i></li>
                                              </ul>
                                              <img src="{{ asset('web/assets/img/testimonial/quotes.svg') }}" alt="quotes"
                                                   class="position-absolute right-0 bottom-0 z--1 pe-4 pb-4">
                                          </div>
                                      </div>
          
                                      <div class="swiper-slide">
                                          <div class="border border-2 p-5 rounded-custom position-relative">
                                              <img src="{{ asset('web/assets/img/testimonial/quotes-dot.svg') }}" alt="quotes" width="100"
                                                   class="img-fluid position-absolute left-0 top-0 z--1 p-3">
                                              <div class="d-flex mb-32 align-items-center">
                                                  <img src="{{ asset('web/assets/img/testimonial/5.jpg') }}" class="img-fluid me-3 rounded" width="60"
                                                       alt="user">
                                                  <div class="author-info">
                                                      <h6 class="mb-0">Ranu Mondal</h6>
                                                      <small>Lead Developer</small>
                                                  </div>
                                              </div>
                                              <blockquote>
                                                  <h6>It is undeniably good!</h6>
                                                  Rapidiously supply client-centric e-markets and maintainable processes
                                                  progressively engineer
                                              </blockquote>
                                              <ul class="review-rate mb-0 mt-2 list-unstyled list-inline">
                                                  <li class="list-inline-item"><i class="fas fa-star text-warning"></i></li>
                                                  <li class="list-inline-item"><i class="fas fa-star text-warning"></i></li>
                                                  <li class="list-inline-item"><i class="fas fa-star text-warning"></i></li>
                                                  <li class="list-inline-item"><i class="fas fa-star text-warning"></i></li>
                                                  <li class="list-inline-item"><i class="fas fa-star text-warning"></i></li>
                                              </ul>
                                              <img src="{{ asset('web/assets/img/testimonial/quotes.svg') }}" alt="quotes"
                                                   class="position-absolute right-0 bottom-0 z--1 pe-4 pb-4">
                                          </div>
                                      </div>
          
                                  </div>
                              </div>
                              <div class="swiper-nav-control">
                                  <span class="swiper-button-next"></span>
                                  <span class="swiper-button-prev"></span>
                              </div>
                          </div>
                      </div>
                  </div>
              </div>
          </section>  -->   <!--customer review tab section end-->
      
          <!--contact us section start-->
          <section class="contact-us ptb-120 position-relative overflow-hidden">

    <div class="container">

        <div class="row justify-content-between">

            <!-- LEFT CONTENT -->
            <div class="col-xl-5 col-lg-5 col-md-12">

                <div class="section-heading" data-aos="fade-up">
                    <h4 class="h5 text-primary">Quick Support</h4>
                    <h2>Let’s Grow Your Customer Loyalty</h2>
                    <p>
                        Whether you're a business looking to increase repeat customers or a customer with questions about rewards, the Loyaltiya team is here to help.
                    </p>
                </div>

                <div class="row justify-content-between pb-5">

                    <!-- CALL US -->
                    <div class="col-sm-6 mb-4 mb-md-0 mb-lg-0"
                         data-aos="fade-up"
                         data-aos-delay="50">

                        <div class="icon-box d-inline-block rounded-circle bg-primary-soft">
                            <i class="fas fa-phone fa-2x text-primary"></i>
                        </div>

                        <div class="contact-info">
                            <h5>Call Us</h5>

                            <p>
                                Have questions about Loyaltiya, loyalty programs, or business onboarding?
                            </p>

                            <a href="tel:+1234567890"
                               class="read-more-link text-decoration-none">

                                <i class="fas fa-phone me-2"></i>
                                +1 (234) 567-890
                            </a>
                        </div>

                    </div>

                    <!-- SUPPORT -->
                    <div class="col-sm-6"
                         data-aos="fade-up"
                         data-aos-delay="100">

                        <div class="icon-box d-inline-block rounded-circle bg-danger-soft">
                            <i class="fas fa-headset fa-2x text-danger"></i>
                        </div>

                        <div class="contact-info">
                            <h5>Customer Support</h5>

                            <p>
                                Our support team is available to help businesses and customers with setup and rewards assistance.
                            </p>

                            <a href="#"
                               class="read-more-link text-decoration-none">

                                <i class="fas fa-comment me-2"></i>
                                Contact Support
                            </a>
                        </div>

                    </div>

                </div>

            </div>

            <!-- FORM -->
            <div class="col-xl-5 col-lg-7 col-md-12">

                <div class="register-wrap p-5 bg-white shadow rounded-custom position-relative"
                     data-aos="fade-up"
                     data-aos-delay="150">

                    <form action="#" class="register-form position-relative z-5">

                        <h3 class="mb-5 fw-medium">
                            Tell us about your business or inquiry and we’ll get back to you shortly.
                        </h3>

                        <div class="row">

                            <!-- NAME -->
                            <div class="col-sm-6">
                                <div class="input-group mb-3">
                                    <input type="text"
                                           class="form-control"
                                           placeholder="Full Name"
                                           aria-label="name">
                                </div>
                            </div>

                            <!-- EMAIL -->
                            <div class="col-sm-6">
                                <div class="input-group mb-3">
                                    <input type="email"
                                           class="form-control"
                                           placeholder="Email Address"
                                           aria-label="email">
                                </div>
                            </div>

                            <!-- BUSINESS NAME -->
                            <div class="col-sm-6">
                                <div class="input-group mb-3">
                                    <input type="text"
                                           class="form-control"
                                           placeholder="Business Name"
                                           aria-label="business-name">
                                </div>
                            </div>

                            <!-- PHONE -->
                            <div class="col-sm-6">
                                <div class="input-group mb-3">
                                    <input type="text"
                                           class="form-control"
                                           placeholder="Phone Number"
                                           aria-label="phone-number">
                                </div>
                            </div>

                            <!-- BUSINESS TYPE -->
                            <div class="col-sm-6">
                                <div class="input-group mb-3">

                                    <select class="form-control form-select"
                                            name="business-type"
                                            required>

                                        <option value="" selected disabled>
                                            Business Type
                                        </option>

                                        <option>Restaurant</option>
                                        <option>Cafe</option>
                                        <option>Salon</option>
                                        <option>Retail Store</option>
                                        <option>Fitness Center</option>
                                        <option>Other</option>

                                    </select>

                                </div>
                            </div>

                            <!-- COUNTRY -->
                            <div class="col-sm-6">
                                <div class="input-group mb-3">

                                    <select class="form-control form-select"
                                            name="country"
                                            required>

                                        <option value="" selected disabled>
                                            Country
                                        </option>

                                        <option>Canada</option>
                                        <option>United States</option>
                                        <option>India</option>
                                        <option>United Kingdom</option>
                                        <option>Australia</option>

                                    </select>

                                </div>
                            </div>

                            <!-- MESSAGE -->
                            <div class="col-12">

                                <div class="input-group mb-3">

                                    <textarea class="form-control"
                                              placeholder="Tell us how Loyaltiya can help your business or ask us a question"
                                              style="height: 120px"></textarea>

                                </div>

                            </div>

                            <!-- CHECKBOX -->
                            <div class="col-12">

                                <div class="form-check">

                                    <input class="form-check-input"
                                           type="checkbox"
                                           value=""
                                           id="flexCheckChecked">

                                    <label class="form-check-label small"
                                           for="flexCheckChecked">

                                        Yes, I’d like to receive updates, offers, and product news from Loyaltiya.

                                    </label>

                                </div>

                            </div>

                            <!-- BUTTON -->
                            <div class="col-12">

                                <button type="submit"
                                        class="btn btn-primary mt-4 d-block w-100">

                                    Send Message

                                </button>

                            </div>

                        </div>

                    </form>

                </div>

            </div>

        </div>

    </div>

    <!-- BACKGROUND -->
    <div class="bg-dark position-absolute bottom-0 h-25 left-0 right-0 z--1 py-5"
         style="background: url('assets/img/shape/dot-dot-wave-shape.svg') no-repeat center top">

        <div class="bg-circle rounded-circle circle-shape-3 position-absolute bg-dark-light left-5"></div>

        <div class="bg-circle rounded-circle circle-shape-1 position-absolute bg-warning right-5"></div>

    </div>

</section>   <!--contact us section end-->

@endsection

@section('custom_js')

@endsection