@extends('web.layout.web_layout')

@section('title', 'Loyaltiya – Affordable Loyalty Rewards Plans for Businesses in Canada')

@section('meta_description', 'Choose flexible Loyaltiya pricing plans designed for businesses of all sizes. Increase customer retention, manage loyalty rewards, and grow your business with ease across Canada.')

@section('custom_css')

@endsection

@section('content')

<!--page header section start-->
<section class="page-header position-relative overflow-hidden ptb-120 bg-dark" style="background: url('{{ asset('public/web/assets/img/page-header-bg.svg') }}')no-repeat bottom left">
    <div class="container">
        <div class="row">
            <div class="col-lg-8 col-md-12">
                <h1 class="display-5 fw-bold">Flexible Pricing for Every Business</h1>
                <p class="lead">Choose the perfect loyalty rewards plan to engage customers, increase repeat visits, and grow your business confidently with Loyaltiya.</p>
            </div>
        </div>
        <div class="bg-circle rounded-circle circle-shape-3 position-absolute bg-dark-light right-5"></div>
    </div>
</section>
<!--page header section end-->

<!--pricing section start-->
<section class="pricing-section ptb-120 position-relative z-2">
    <div class="container">
        <div class="row">

            <div class="col-lg-4 col-md-6">
                <div class="position-relative single-pricing-wrap rounded-custom bg-white custom-shadow p-5 mb-4 mb-lg-0">
                    <div class="pricing-header mb-32">
                        <h3 class="package-name text-primary d-block">Starter</h3>
                        <h4 class="display-6 fw-semi-bold">$25<span>/month</span></h4>
                    </div>

                    <div class="pricing-info mb-4">
                        <ul class="pricing-feature-list list-unstyled">
                            <li><i class="fas fa-circle fa-2xs text-primary me-2"></i> Loyalty rewards management</li>
                            <li><i class="fas fa-circle fa-2xs text-primary me-2"></i> Customer profile tracking</li>
                            <li><i class="fas fa-circle fa-2xs text-primary me-2"></i> Digital reward cards</li>
                            <li><i class="fas fa-circle fa-2xs text-primary me-2"></i> Basic analytics dashboard</li>
                            <li><i class="fas fa-circle fa-2xs text-primary me-2"></i> Up to 500 customers</li>
                            <li><i class="fas fa-circle fa-2xs text-primary me-2"></i> Email support</li>
                            <li><i class="fas fa-circle fa-2xs text-primary me-2"></i> Easy onboarding setup</li>
                            <li><i class="fas fa-circle fa-2xs text-primary me-2"></i> Mobile app access</li>
                        </ul>
                    </div>

                    <a href="{{ url('/contact-us') }}" class="btn btn-outline-primary mt-2">Get Started</a>

                    <div class="dot-shape-bg position-absolute z--1 left--40 bottom--40">
                        <img src="{{ asset('public/web/assets/img/shape/dot-big-square.svg') }}" alt="shape">
                    </div>
                </div>
            </div>

            <div class="col-lg-4 col-md-6">
                <div class="position-relative single-pricing-wrap rounded-custom bg-dark text-white p-5 mb-4 mb-lg-0">
                    <div class="pricing-header mb-32">
                        <h3 class="package-name text-warning d-block">Business</h3>
                        <h4 class="display-6 fw-semi-bold">$45<span>/month</span></h4>
                    </div>

                    <div class="pricing-info mb-4">
                        <ul class="pricing-feature-list list-unstyled">
                            <li><i class="fas fa-circle fa-2xs text-warning me-2"></i> Everything in Starter</li>
                            <li><i class="fas fa-circle fa-2xs text-warning me-2"></i> Advanced customer insights</li>
                            <li><i class="fas fa-circle fa-2xs text-warning me-2"></i> Referral rewards system</li>
                            <li><i class="fas fa-circle fa-2xs text-warning me-2"></i> Promotional campaign tools</li>
                            <li><i class="fas fa-circle fa-2xs text-warning me-2"></i> Unlimited reward campaigns</li>
                            <li><i class="fas fa-circle fa-2xs text-warning me-2"></i> Multi-location support</li>
                            <li><i class="fas fa-circle fa-2xs text-warning me-2"></i> Priority customer support</li>
                            <li><i class="fas fa-circle fa-2xs text-warning me-2"></i> Real-time business analytics</li>
                        </ul>
                    </div>

                    <a href="{{ url('/contact-us') }}" class="btn btn-primary mt-2">Get Started</a>
                </div>
            </div>

            <div class="col-lg-4 col-md-6">
                <div class="position-relative single-pricing-wrap rounded-custom bg-white custom-shadow p-5 mb-4 mb-lg-0">
                    <div class="pricing-header mb-32">
                        <h3 class="package-name text-primary d-block">Premium</h3>
                        <h4 class="display-6 fw-semi-bold">$75<span>/month</span></h4>
                    </div>

                    <div class="pricing-info mb-4">
                        <ul class="pricing-feature-list list-unstyled">
                            <li><i class="fas fa-circle fa-2xs text-primary me-2"></i> Everything in Business</li>
                            <li><i class="fas fa-circle fa-2xs text-primary me-2"></i> Custom loyalty campaigns</li>
                            <li><i class="fas fa-circle fa-2xs text-primary me-2"></i> Dedicated account manager</li>
                            <li><i class="fas fa-circle fa-2xs text-primary me-2"></i> Customer segmentation tools</li>
                            <li><i class="fas fa-circle fa-2xs text-primary me-2"></i> Advanced reporting system</li>
                            <li><i class="fas fa-circle fa-2xs text-primary me-2"></i> Unlimited customer capacity</li>
                            <li><i class="fas fa-circle fa-2xs text-primary me-2"></i> 24/7 premium support</li>
                            <li><i class="fas fa-circle fa-2xs text-primary me-2"></i> Priority feature updates</li>
                        </ul>
                    </div>

                    <a href="{{ url('/contact-us') }}" class="btn btn-outline-primary mt-2">Get Started</a>

                    <div class="dot-shape-bg position-absolute z--1 right--40 top--40">
                        <img src="{{ asset('public/web/assets/img/shape/dot-big-square.svg') }}" alt="shape">
                    </div>
                </div>
            </div>

        </div>
    </div>
</section>
<!--pricing section end-->

<!--faq section start-->
<section class="faq-section ptb-120 bg-light-subtle">
    <div class="container">

        <div class="row justify-content-center">
            <div class="col-lg-7 col-12">
                <div class="section-heading text-center">
                    <h4 class="h5 text-primary">FAQ</h4>
                    <h2>Frequently Asked Questions</h2>
                    <p>Find answers to common questions about Loyaltiya pricing, setup process, support, and loyalty rewards features.</p>
                </div>
            </div>
        </div>

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

                <div class="accordion faq-accordion" id="accordionExample">

                    <div class="accordion-item border border-2 active">
                        <h5 class="accordion-header" id="faq-1">
                            <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                data-bs-target="#collapse-1" aria-expanded="true">
                                How does Loyaltiya pricing work?
                            </button>
                        </h5>

                        <div id="collapse-1" class="accordion-collapse collapse show"
                            aria-labelledby="faq-1" data-bs-parent="#accordionExample">
                            <div class="accordion-body">
                                Loyaltiya offers flexible monthly plans based on your business needs. You can choose a plan depending on customer volume, features, and business size.
                            </div>
                        </div>
                    </div>

                    <div class="accordion-item border border-2">
                        <h5 class="accordion-header" id="faq-2">
                            <button class="accordion-button collapsed" type="button"
                                data-bs-toggle="collapse" data-bs-target="#collapse-2"
                                aria-expanded="false">
                                Can I upgrade my plan later?
                            </button>
                        </h5>

                        <div id="collapse-2" class="accordion-collapse collapse"
                            aria-labelledby="faq-2" data-bs-parent="#accordionExample">
                            <div class="accordion-body">
                                Yes, you can easily upgrade or change your plan anytime as your business grows and your loyalty program requirements expand.
                            </div>
                        </div>
                    </div>

                    <div class="accordion-item border border-2">
                        <h5 class="accordion-header" id="faq-3">
                            <button class="accordion-button collapsed" type="button"
                                data-bs-toggle="collapse" data-bs-target="#collapse-3"
                                aria-expanded="false">
                                Is there a free trial available?
                            </button>
                        </h5>

                        <div id="collapse-3" class="accordion-collapse collapse"
                            aria-labelledby="faq-3" data-bs-parent="#accordionExample">
                            <div class="accordion-body">
                                Yes, Loyaltiya offers a 14-day free trial so businesses can explore loyalty rewards features before choosing a paid plan.
                            </div>
                        </div>
                    </div>

                    <div class="accordion-item border border-2">
                        <h5 class="accordion-header" id="faq-4">
                            <button class="accordion-button collapsed" type="button"
                                data-bs-toggle="collapse" data-bs-target="#collapse-4"
                                aria-expanded="false">
                                Do customers need to download an app?
                            </button>
                        </h5>

                        <div id="collapse-4" class="accordion-collapse collapse"
                            aria-labelledby="faq-4" data-bs-parent="#accordionExample">
                            <div class="accordion-body">
                                Customers can easily access rewards, offers, and loyalty points through the Loyaltiya mobile app for a seamless experience.
                            </div>
                        </div>
                    </div>

                    <div class="accordion-item border border-2">
                        <h5 class="accordion-header" id="faq-5">
                            <button class="accordion-button collapsed" type="button"
                                data-bs-toggle="collapse" data-bs-target="#collapse-5"
                                aria-expanded="false">
                                What type of businesses can use Loyaltiya?
                            </button>
                        </h5>

                        <div id="collapse-5" class="accordion-collapse collapse"
                            aria-labelledby="faq-5" data-bs-parent="#accordionExample">
                            <div class="accordion-body">
                                Loyaltiya is designed for restaurants, salons, retail stores, cafes, fitness centers, and many other businesses looking to improve customer retention.
                            </div>
                        </div>
                    </div>

                </div>

            </div>
        </div>

    </div>
</section>
<!--faq section end-->

<!--testimonial section start-->
<!-- <section class="testimonial-section ptb-120">
    <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">
                    <h4 class="h5 text-primary">Testimonials</h4>
                    <h2>Businesses Love Loyaltiya</h2>
                    <p>See how businesses across Canada are improving customer engagement and increasing repeat visits using Loyaltiya.</p>
                </div>
            </div>
        </div>

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

                <div class="position-relative w-100">

                    <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('public/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('public/web/assets/img/testimonial/1.jpg') }}"
                                            class="img-fluid me-3 rounded" width="60" alt="user">

                                        <div class="author-info">
                                            <h6 class="mb-0">Sarah Mitchell</h6>
                                            <small>Restaurant Owner</small>
                                        </div>
                                    </div>

                                    <blockquote>
                                        <h6>Excellent Loyalty Platform!</h6>
                                        Loyaltiya helped us increase repeat customers and improve customer engagement within the first few months.
                                    </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('public/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('public/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('public/web/assets/img/testimonial/2.jpg') }}"
                                            class="img-fluid me-3 rounded" width="60" alt="user">

                                        <div class="author-info">
                                            <h6 class="mb-0">Jason Lee</h6>
                                            <small>Cafe Manager</small>
                                        </div>
                                    </div>

                                    <blockquote>
                                        <h6>Easy to Use and Effective</h6>
                                        The app is simple to manage and our customers love collecting rewards and special offers.
                                    </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('public/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> -->
<!--testimonial section end-->

<!--cat subscribe start-->
<section class="cta-subscribe bg-dark ptb-120 position-relative overflow-hidden">
    <div class="container">

        <div class="row justify-content-center">
            <div class="col-lg-7 col-md-8">

                <div class="subscribe-info-wrap text-center position-relative z-2">

                    <div class="section-heading">
                        <h4 class="h5 text-warning">Start Growing Today</h4>
                        <h2>Start Your Free Trial with Loyaltiya</h2>
                        <p>Launch your digital loyalty rewards program and turn first-time visitors into loyal customers.</p>
                    </div>

                    <div class="form-block-banner mw-60 m-auto mt-5">
                        <form id="email-form2" name="email-form" class="subscribe-form d-flex">

                            <input type="email"
                                class="form-control me-2"
                                name="Email"
                                data-name="Email"
                                placeholder="Enter your email"
                                id="Email2"
                                required="">

                            <input type="submit"
                                value="Get Started"
                                data-wait="Please wait..."
                                class="btn btn-primary">

                        </form>
                    </div>

                    <ul class="nav justify-content-center subscribe-feature-list mt-3">
                        <li class="nav-item">
                            <span><i class="far fa-dot-circle text-primary me-2"></i>14-day free trial</span>
                        </li>

                        <li class="nav-item">
                            <span><i class="far fa-dot-circle text-primary me-2"></i>No setup fees</span>
                        </li>

                        <li class="nav-item">
                            <span><i class="far fa-dot-circle text-primary me-2"></i>24/7 support</span>
                        </li>

                        <li class="nav-item">
                            <span><i class="far fa-dot-circle text-primary me-2"></i>Cancel anytime</span>
                        </li>
                    </ul>

                </div>

            </div>
        </div>

        <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>
<!--cat subscribe end-->

@endsection

@section('custom_js')

@endsection