@extends('layout.main')
@section('title', $data['title'])
@section('content')

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
    <link rel="stylesheet"
        href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css" />

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css" />

    <style>
        .owl-carousel {
            display: none;
            width: 95% !important;
            z-index: 1
        }

        .timeline-wrapper {
            position: relative;
            padding: 2rem 0;
        }

        .timeline-line {
            position: absolute;
            left: 50%;
            top: 80px;
            bottom: 170px;
            width: 4px;
            background-image: radial-gradient(circle, rgb(202, 224, 245) 2px, transparent 2.5px);
            background-size: 2px 6px;
            /* dot spacing */
            background-repeat: repeat-y;
            transform: translateX(-50%);
        }


        .timeline-block {
            position: relative;
            width: 50%;
            display: flex;
            margin-bottom: 3rem;
        }

        .timeline-block.left {
            flex-direction: row-reverse;
            left: 0;
            padding-right: 2rem;
        }

        .timeline-block.right {
            left: 50%;
            padding-left: 0rem;
        }

        .timeline-icon {
            flex-shrink: 0;
            background: white;
            /* border: 3px solid #e0e0e0; */
            border-radius: 50%;
            width: 130px;
            height: 130px;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 2;
            position: relative;
            top: -15px
        }

        /* .timeline-icon::after {
                                                        content: '';
                                                        position: absolute;
                                                        top: 40px;

                                                        left: -93px;
                                                        width: 0px;

                                                        height: 8px;
                                                        border-radius: 50%;
                                                        border: 9px solid #cae0f5;

                                                        z-index: -1;
                                                    } */

        .timeline-icon img {
            width: 130px;
            height: 130px;
        }

        .timeline-content {
            background: transparent;
            padding: 0 1rem;
            max-width: 500px;
        }

        .timeline-content h6 {
            font-size: 1.2rem;
            font-weight: bold;
            margin-bottom: 0.5rem;
        }

        .timeline-content p {
            font-size: 0.95rem;
            line-height: 1.6;
            color: #555;
        }

        .timeline-block::before {
            content: '';
            position: absolute;
            top: 3rem;
            height: 4px;
            background-image: radial-gradient(circle, rgb(202, 224, 245) 2px, transparent 2.5px);
            background-size: 6px 2px;
            /* width controls spacing, height is dot size */
            background-repeat: repeat-x;

        }


        .timeline-block.left::after {
            content: '';
            position: absolute;
            top: 40px;
            /* adjust based on desired spacing */
            left: 695px;
            width: 0px;
            /* original width + padding */
            height: 8px;
            border-radius: 50%;
            border: 9px solid #cae0f5;
            /* light blue dashed border */
        }

        .timeline-block.left::before {
            right: -12rem;
            width: 26%;
        }

        .timeline-block.right::after {
            content: '';
            position: absolute;
            top: 40px;
            /* adjust based on desired spacing */
            right: 697px;
            width: 0px;
            /* original width + padding */
            height: 8px;
            border-radius: 50%;
            border: 9px solid #cae0f5;
            /* light blue dashed border */
        }

        .timeline-block.right::before {
            left: -21%;
            width: 20%;
            /* top: 30%; */
        }

        .icon-right {
            left: -40%;
        }

        .icon-left {
            right: -45%;
        }


        /* Medium devices (tablets, 768px and up) */
        @media (max-width: 1024px) {
            .timeline-wrapper {
                max-width: 720px;
            }

            .timeline-block {
                width: 100%;
                padding: 0 2rem;
                margin-bottom: 4rem;
            }

            /* Stack blocks vertically */
            .timeline-block.left,
            .timeline-block.right {
                flex-direction: row;
                left: 0 !important;
                padding-left: 0 !important;
                padding-right: 0 !important;
                justify-content: flex-start;
            }

            /* Position icon to left */
            .timeline-icon {
                width: 100px;
                height: 100px;
                top: 0;
                margin-right: 1.5rem;
            }

            .timeline-icon img {
                width: 100px;
                height: 100px;
            }

            /* Timeline line repositioned */
            .timeline-line {
                left: 20px;
                top: 0;
                bottom: 0;
                transform: none;
                display: none;
            }

            /* Remove pseudo elements */
            .timeline-block::before,
            .timeline-block::after {
                display: none;
            }

            .timeline-block.left::after {
                content: '';
                position: absolute;
                top: 40px;
                /* adjust based on desired spacing */
                left: 458px;
                width: 0px;
                /* original width + padding */
                height: 8px;
                border-radius: 50%;
                border: 9px solid #cae0f5;
                /* light blue dashed border */
            }

            .icon-right {
                left: 0%;
            }

            .icon-left {
                right: 0%;
            }

        }

        /* Small devices (mobiles, less than 768px) */
        @media (max-width: 767px) {
            .timeline-wrapper {
                padding: 2rem 1rem;
            }

            .timeline-icon {
                width: 80px;
                height: 80px;
                margin-right: 1rem;
            }

            .timeline-icon img {
                width: 80px;
                height: 80px;
            }

            .timeline-content h6 {
                font-size: 1rem;
            }

            .timeline-content p {
                font-size: 0.9rem;
            }

            /* Timeline line */
            .timeline-line {
                left: 15px;
                display: none;
            }

            .icon-right {
                left: 0%;
            }

            .icon-left {
                right: 0%;
            }

        }

        .banner-area {
            margin: 20px 20px;
            padding: 50px 0px 50px;
            border-radius: 15px;
        }

        .banner__content,
        .banner-two__content,
        .banner-three__content {
            max-width: 770px;
            padding: 0px !important;
            position: relative;
        }

        .bg-color {
            background: rgb(19 81 216 / 5%);
        }

        .bg-image {
            background-image: url('https://greewebsolutions.com/images/slider/homeslider-main.jpg');
        }


        .text-theme {
            color: #3751a1;
        }

        .banner__content p,
        .banner-two__content p,
        .banner-three__content p {
            color: black;
        }

        .diamond-title-icon {
            max-width: 70px;
            height: auto;
            display: block;
        }

        .service-description-sec {
            background: #f4f6ff;
        }

        .service-description-sec h5 {
            font-weight: 600;
            font-size: 20px;
        }

        .service-description-sec p {
            font-size: 15px;
            line-height: 1.8rem;
        }

        .service-description-sec .shadow-sm {
            transition: all 0.3s ease-in-out;
        }

        .service-description-sec .shadow-sm:hover {
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
            transform: translateY(-5px);
        }

        .content-box h1 {
            font-size: 24px;
            line-height: 1.1;
            background: white;
            display: flex;
            align-items: center;
            gap: 16px;
            font-weight: 500;
            border-radius: 10px;
            padding: 12px;
            margin-bottom: 24px;
        }

        .content-box .content {
            background: #fff;
            border-radius: 10px;
            padding: 30px 35px 35px 35px;
            margin-bottom: 30px;
        }

        .p-feature .single-service {
            margin-bottom: 50px;
        }

        .ficon {
            /* float: left; */
            width: 70px;
            margin-right: 20px;
            /* background-color: #fff; */
            border-radius: 50%;
            align-content: center;
            justify-self: center;
            padding: 10px;
            /* border: 1px solid #8d8b8b; */
            /* background: url(https://www.diamtrade.com/asset/img/f-04.png) no-repeat; */
            height: 80px;
            /* box-shadow: 0 0 10px rgb(23 24 25 / 15%); */
        }

        .app-features-content {
            overflow: hidden;
            display: block;
        }

        .p-feature h4 {
            font-size: 18px;
            font-weight: 600;
            /* padding: 0 0 10px 0; */
        }

        .p-feature .single-service span,
        .p-feature .single-service h5 {
            font-size: 17px;
            line-height: 28px;
            display: block;
            color: #222933;
            font-weight: normal;
        }

        .single-service {
            text-align: center;
            /* center text and icon */
            padding: 20px;
        }

        .title-back {
            position: relative;
            display: inline-block;
        }

        .title-back:before {
            content: '';
            position: absolute;
            width: 67px;
            height: 65px;
            background-image: url(https://visioninfotech.net/wp-content/themes/visioninfotech/assets/image/title-background-shape.svg);
            background-repeat: no-repeat;
            background-position: center;
            top: -22px;
            /* left: -39px; */
            z-index: -1;
            background-size: contain;
            margin-left: -39px;
        }

        .section-spacing {
            margin-top: 100px !important;
            margin-bottom: 100px !important;
            /* padding-top: 140px !important; */
            /* padding-bottom: 135px !important; */
        }

        section {
            padding: 0px 0;
        }

        .why-choose-carousel .item {
            padding: 10px;
            text-align: center;
        }

        .why-choose-carousel .card {
            min-height: 100%;
            border: 1px solid #e0e0e0;
            border-radius: 15px;
            background-color: #fff;
            transition: all 0.2s ease;
            box-shadow: none !important;
            align-items: center;
        }

        .why-choose-carousel .card:hover {
            border-color: #3751a1;
            transform: translateY(-3px);
        }

        .industry-working-expert-sec,
        .empower-custom-softwere-service-sec {

            margin-bottom: 0px !important;
        }

        .industry-technology-sec .faq-accordion-main-box .accordion-box.active-accordion::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 3px;
            height: 0;
            background-color: #3751a1;
            animation: fillBorder 1s forwards;
        }

        .accordion .accordion-button.collapsed {
            box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 10%) !important;
        }

        .accordion-item {
            box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 10%) !important;

        }

        .vi-single-page-h2-title h2.h2-title.title-back {
            padding-bottom: 0px !important;
        }

        .healthcare-software-services-item .col-sm-12 {
            margin: 0px 0;
        }

        .industry-india-section .industry-india-details-sec-row,
        .potential-of-hire-developers-vision-section .potential-of-hire-developers-vision-details-sec-row,
        .choosing-the-right-model-india-section .choosing-the-right-model-india-details-sec-row,
        .potential-with-custom-software-vision-sec .potential-with-custom-software-vision-details-sec-row,
        .choosing-the-right-details-section .choosing-the-right-details-sec-row {
            margin: 0px;
        }
    </style>


    <section class="banner__inner-page bg-image pt-80 pb-80"
        data-background="{{ asset('assets/images/industries/e-co.jpg') }}">
        <div class="shape3" data-aos="fade-left" data-aos-delay="2500">
            <img class="sway__animationX" src="{{ asset('assets/images/banner/inner-banner-shape3.png') }}" alt="shape">
        </div>

        <div class="container text-center">

            <h2 class="mb-3" data-aos="fade-up" data-aos-delay="2500">POS Industry</h2>
            <h4 class="tagline text-white" data-aos="fade-up" data-aos-delay="2500">Shaping the Future of Point-of-Sale
                Technology</h4>

            <div class="breadcrumb-list mt-4" data-aos="fade-up" data-aos-delay="2500">
                <a href="{{ route('home') }}">Home</a>
                <span><i class="fa fa-angles-right mx-2"></i>{{ $data['title'] }}</span>
            </div>
        </div>
    </section>

    <section class="banner-area position-relative">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6" data-aos="fade-right" data-aos-delay="2000">
                    <div class="banner__content text-theme position-relative z-2">

                        <img src="{{ asset('assets/images/icon/pos-icon.png') }}" alt="Production Icon"
                            class="mb-3 diamond-title-icon" />

                        <h2 class="mb-3 text-theme">POS Industry</h2>
                        <p class="mb-4">
                            Welcome to Axone Infotech India, the forefront of Point-of-Sale innovation. Our cutting-edge IT
                            services redefine transactional excellence, ensuring seamless and secure operations. With Axone Infotech India, elevate your business with advanced POS solutions, where every transaction is not
                            just a sale but a testament to the efficiency and precision of our technology. Join us and
                            experience the future of effortless Point-of-Sale performance.
                        </p>

                    </div>
                </div>

                <div class="col-lg-6 text-center position-relative z-2" data-aos="fade-left" data-aos-delay="2000">
                    <img src="{{ asset('assets/images/industries/pos.jpg') }}"
                        alt="Diamond ERP" class="img-fluid diamond-img" />
                </div>
            </div>
        </div>
    </section>

    <section class="features-sec bg-color">
        <div class="p-feature page-section" id="features">
            <div class="container section-spacing">
                <div class="row pb-5" data-aos="fade-up">
                    <div class="col-12 text-center">
                        <h2 class="title-back text-theme">Point-of-Sale Software Product Features</h2>
                    </div>
                </div>

                <div class="row" data-aos="fade-up">
                    <div class="col-lg-4 col-md-4 col-sm-6 p-box">
                        <div class="single-service animated fadeInUp" data-animate="fadeInUp" data-delay=".05">
                            <div class="ficon">
                                <img src="{{ asset('assets/images/industries/information-management.png') }}"
                                    alt="POS Dashboard" class="svg">
                            </div>
                            <div class="app-features-content">
                                <h4>Real-Time Sales Dashboard</h4>
                                <span>Access live sales data, monitor transactions, and gain insights instantly from any
                                    device or location.</span>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-4 col-md-4 col-sm-6 p-box">
                        <div class="single-service animated fadeInUp" data-animate="fadeInUp" data-delay=".05">
                            <div class="ficon">
                                <img src="{{ asset('assets/images/stock/inventory-management.png') }}" alt="Inventory Sync"
                                    class="svg">
                            </div>
                            <div class="app-features-content">
                                <h4>Inventory & Stock Synchronization</h4>
                                <span>Maintain accurate stock levels with automated inventory updates across multiple POS
                                    terminals and warehouses.</span>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-4 col-md-4 col-sm-6 p-box">
                        <div class="single-service animated fadeInUp" data-animate="fadeInUp" data-delay=".05">
                            <div class="ficon">
                                <img src="{{ asset('assets/images/industries/cash-flow.png') }}" alt="Payment Integration"
                                    class="svg">
                            </div>
                            <div class="app-features-content">
                                <h4>Multi-Payment Gateway Integration</h4>
                                <span>Accept payments via UPI, cards, wallets, and more, with seamless integration for
                                    faster checkout experiences.</span>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-4 col-md-4 col-sm-6 p-box">
                        <div class="single-service animated fadeInUp" data-animate="fadeInUp" data-delay=".05">
                            <div class="ficon">
                                <img src="{{ asset('assets/images/stock/management.png') }}" alt="Multi Outlet"
                                    class="svg">
                            </div>
                            <div class="app-features-content">
                                <h4>Multi-Store & User Role Access</h4>
                                <span>Manage multiple outlets with centralized control and assign user-specific permissions
                                    for better security.</span>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-4 col-md-4 col-sm-6 p-box">
                        <div class="single-service animated fadeInUp" data-animate="fadeInUp" data-delay=".05">
                            <div class="ficon">
                                <img src="{{ asset('assets/images/industries/report1.png') }}" alt="Analytics"
                                    class="svg">
                            </div>
                            <div class="app-features-content">
                                <h4>Advanced Reports & Analytics</h4>
                                <span>Generate custom sales reports, staff performance insights, and financial summaries in
                                    just a few clicks.</span>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-4 col-md-4 col-sm-6 p-box">
                        <div class="single-service animated fadeInUp" data-animate="fadeInUp" data-delay=".05">
                            <div class="ficon">
                                <img src="{{ asset('assets/images/industries/flexible.png') }}" alt="Custom POS"
                                    class="svg">
                            </div>
                            <div class="app-features-content">
                                <h4>Customizable POS Modules</h4>
                                <span>Tailor the POS interface, billing flows, and features to fit the exact needs of your
                                    retail or F&B business.</span>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </section>

    <section class="why-choose-vi-sec">
        <div class="container section-spacing">
            <!-- Title & Intro -->
            <div class="row align-items-center mb-5">
                <div class="col-lg-6 mb-4 mb-lg-0" data-aos="fade-right">
                    <h2 class="h2-title mb-3 title-back">
                        Why Choose <span class="text-theme">Axone Infotech India</span> as Your POS Technology Development Company 
                    </h2>
                    <p class="text-muted">
                        Shaping the future of Point-of-Sale technology, Axone Infotech India leads the way in transactional
                        innovation. Our cutting-edge IT solutions redefine efficiency, delivering seamless, secure, and
                        scalable
                        POS systems for modern businesses. Every transaction becomes a symbol of precision and progress with
                        our
                        tailored digital approach.
                    </p>
                </div>
                <div class="col-lg-6 text-center" data-aos="fade-left">
                    <img src="{{ asset('assets/images/why-choose-vision-infotech.svg') }}"
                        alt="Why Choose Axone Infotech - POS" class="img-fluid" width="500">
                </div>
            </div>

            <!-- Owl Carousel -->
            <div class="owl-carousel owl-theme why-choose-carousel">
                @php
                    $features = [
                        [
                            'icon' => 'cash-flow.png',
                            'title' => 'Smart Billing Engine',
                            'desc' => 'Faster checkout and digital receipts with tax and discount automation.',
                        ],
                        [
                            'icon' => 'inventory.png',
                            'title' => 'Inventory Sync',
                            'desc' => 'Live inventory management across multiple outlets and warehouses.',
                        ],
                        [
                            'icon' => 'security.png',
                            'title' => 'Secure Transactions',
                            'desc' => 'PCI-compliant payment gateway integration for safe customer data.',
                        ],
                        [
                            'icon' => 'analytics.png',
                            'title' => 'Sales Analytics',
                            'desc' => 'Visualize trends, peak hours, and performance in real time.',
                        ],
                        [
                            'icon' => 'relationship.png',
                            'title' => 'Customer Loyalty Tools',
                            'desc' => 'Reward programs, gift cards, and CRM integration built-in.',
                        ],
                        [
                            'icon' => 'channel.png',
                            'title' => 'Multi-Store Capabilities',
                            'desc' => 'Manage all your locations from a centralized POS dashboard.',
                        ],
                        [
                            'icon' => 'flexible.png',
                            'title' => 'Customizable Interface',
                            'desc' => 'Adapt screens, workflows, and reports for your business needs.',
                        ],
                        [
                            'icon' => 'migration.png',
                            'title' => 'Cloud-Based Accessibility',
                            'desc' =>
                                'Access your POS data anytime, anywhere with enterprise-grade cloud infrastructure.',
                        ],
                    ];
                @endphp

                @foreach ($features as $feature)
                    <div class="item" data-aos="fade-up">
                        <div class="card h-100 p-4 border border-light-subtle">
                            <div class="mb-3">
                                <img src="{{ asset('assets/images/industries/' . $feature['icon']) }}"
                                    alt="{{ $feature['title'] }}" style="width: 70px;">
                            </div>
                            <h6 class="text-black">{{ $feature['title'] }}</h6>
                            {{-- <p class="text-muted small mb-0">{{ $feature['desc'] }}</p> --}}
                        </div>
                    </div>
                @endforeach

            </div>
        </div>
    </section>

    <section data-wpr-lazyrender="1" class="industry-india-section bg-color">
        <div class="container section-spacing">
            <div class="row text-center pb-5" data-aos="fade-up">
                <div class="col-lg-12">
                    <div class="industry-india-sec-title vi-single-page-h2-title">
                        <h2 class="h2-title title-back text-theme">Shaping the Future of Point-of-Sale Technology</h2>
                    </div>

                    <div class="industry-india-sec-content vi-single-page-content">
                        <p>
                            Welcome to Axone Infotech India, the forefront of Point-of-Sale innovation. Our cutting-edge IT
                            solutions
                            redefine transactional excellence by blending efficiency, reliability, and intelligence into
                            every
                            sale. With us, POS is not just a system—it's the digital heartbeat of your business. Join us and
                            experience the future of seamless retail and service operations.
                        </p>
                    </div>
                </div>
            </div>

            <div class="row industry-india-details-sec-row" data-aos="zoom-in">
                <div class="col-lg-6">
                    <div class="industry-india-details-title-content vi-single-page-content">
                        <h6>1. Smart Billing & Fast Checkout</h6>
                        <p>Speed up transactions with user-friendly POS interfaces and seamless multi-mode payment
                            integration.</p>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="industry-india-details-title-content vi-single-page-content">
                        <h6>2. Real-Time Inventory Management</h6>
                        <p>Track product stock, receive low-stock alerts, and auto-sync inventory across all outlets and
                            warehouses.</p>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="industry-india-details-title-content vi-single-page-content">
                        <h6>3. Customer Loyalty & CRM</h6>
                        <p>Engage customers with reward programs, personalized promotions, and integrated customer data
                            tools.</p>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="industry-india-details-title-content vi-single-page-content">
                        <h6>4. Secure Payment Gateway</h6>
                        <p>Process secure, PCI-compliant transactions with encryption and fraud protection protocols.</p>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="industry-india-details-title-content vi-single-page-content">
                        <h6>5. Multi-Store & Franchise Support</h6>
                        <p>Manage multiple branches and franchises with centralized control and location-specific settings.
                        </p>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="industry-india-details-title-content vi-single-page-content">
                        <h6>6. Real-Time Sales Analytics</h6>
                        <p>Get instant insights into sales trends, top-selling items, and performance dashboards from any
                            device.</p>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="industry-india-details-title-content vi-single-page-content">
                        <h6>7. Staff & Role Management</h6>
                        <p>Assign roles, track employee performance, and control access with secure login credentials.</p>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="industry-india-details-title-content vi-single-page-content">
                        <h6>8. Custom Receipts & Print Integration</h6>
                        <p>Create branded digital or printed receipts and integrate seamlessly with billing printers and
                            scanners.</p>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="industry-india-details-title-content vi-single-page-content">
                        <h6>9. Cloud Access & Offline Mode</h6>
                        <p>Access data anywhere with cloud backup, and continue selling even during internet disruptions.
                        </p>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="industry-india-details-title-content vi-single-page-content">
                        <h6>10. Compliance & Tax Automation</h6>
                        <p>Automate GST, invoice generation, and stay audit-ready with region-specific regulatory
                            compliance.</p>
                    </div>
                </div>
            </div>

            <div class="row text-center">
                <div class="col-lg-12">
                    <div class="industry-india-sec-l-content vi-single-page-content">
                        <p>
                            Axone Infotech India is your trusted partner in transforming POS systems for modern businesses.
                            Whether you're a boutique retail store or a growing multi-chain franchise, our solutions are
                            engineered for speed, reliability, and scalability—delivering a seamless checkout experience
                            your customers will love.
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="empower-custom-softwere-service-sec" data-aos="flip-up"
        style="background-image: url('https://visioninfotech.net/wp-content/uploads/2024/06/hire-working-expert-bg-image.webp')">
        <div class="container">
            <div class="row text-center">
                <div class="col-lg-12">
                    <div class="empower-custom-softwere-service-sec-part">
                        <div class="empower-custom-softwere-service-sec-title vi-single-page-h2-title">
                            <h2>Transforming Transactions with Smart POS Solutions</h2>
                        </div>
                        <div class="empower-custom-softwere-service-sec-content vi-single-page-content">
                            <p class="text-white">
                                Discover a smarter way to manage sales with our secure and scalable POS technology.
                                From faster checkouts to real-time analytics, we help your business grow effortlessly.
                            </p>
                        </div>

                        <div class="empower-custom-softwere-service-sec-button">
                            <a class="btn contact-now mt-3" href="javascript:void(0)" target="">Contact Now</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section data-wpr-lazyrender="1" class="healthcare-software-services-sec">
        <div class="container section-spacing">
            <div class="row align-items-center text-center pb-5"  data-aos="fade-up">
                <div class="col-lg-12">
                    <div class="vi-single-page-h2-title">
                        <h2 class="h2-title title-back text-theme">Setting New Standards in POS Technology</h2>
                    </div>
                </div>
                <div class="col-lg-12">
                    <div class="vi-single-page-h2-title">
                        <p>
                            Welcome to Axone Infotech India, a leader in Point-of-Sale innovation. Our IT solutions are
                            engineered
                            to streamline sales operations, enhance customer experiences, and ensure secure, lightning-fast
                            transactions.
                            Every tap, swipe, and scan reflects our dedication to precision and reliability.
                            Step into the future of retail performance with our next-gen POS systems.
                        </p>
                    </div>
                </div>
            </div>

            <div class="row healthcare-software-services-item">
                <div class="col-sm-12"  data-aos="fade-left">
                    <div class="healthcare-software-service-highlights-part">
                        <div class="col-sm-12 col-md-12 col-lg-6 healthcare-software-service-image">
                            <img width="640" height="460"
                                src="{{ asset('assets/images/industries/pos-field.jpg') }}"
                                alt="POS Hardware Integration">
                        </div>
                        <div class="col-sm-12 col-md-12 col-lg-6 healthcare-software-service-detail-part">
                            <div class="healthcare-software-service-detail-content-part">
                                <div class="healthcare-software-service-name text-align-left">
                                    <h6>Integrated POS Hardware</h6>
                                </div>
                                <div class="healthcare-software-service-content text-align-left">
                                    <p>
                                        Seamlessly connect barcode scanners, card readers, cash drawers, and receipt
                                        printers
                                        with our unified POS ecosystem—designed for speed, reliability, and minimal
                                        downtime.
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-12"  data-aos="fade-right">
                    <div class="healthcare-software-service-highlights-part">
                        <div class="col-sm-12 col-md-12 col-lg-6 healthcare-software-service-image">
                            <img width="640" height="460"
                                src="{{ asset('assets/images/industries/pos-field1.webp') }}"
                                alt="Real-Time Sales Dashboard">
                        </div>
                        <div class="col-sm-12 col-md-12 col-lg-6 healthcare-software-service-detail-part">
                            <div class="healthcare-software-service-detail-content-part">
                                <div class="healthcare-software-service-name text-align-left">
                                    <h6>Real-Time Sales & Inventory Insights</h6>
                                </div>
                                <div class="healthcare-software-service-content text-align-left">
                                    <p>
                                        Make faster, smarter business decisions with live data dashboards that track sales,
                                        inventory movement, and customer behavior across multiple locations—all from one
                                        interface.
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section data-wpr-lazyrender="1" class="why-hire-faq-sec bg-color">
        <div class="container section-spacing">
            <div class="row text-center pb-5">
                <div class="col-lg-12">
                    <div class="why-hire-faq-sec-title vi-single-page-h2-title">
                        <h2 class="h2-title title-back text-theme">Frequently Asked Questions</h2>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <div class="accordion" id="faqAccordion" data-aos="fade-down">

                        <div class="accordion-item mb-3 shadow-sm border-0">
                            <h2 class="accordion-header" id="faqHeadingOne">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#faqCollapseOne" aria-expanded="false"
                                    aria-controls="faqCollapseOne">
                                    How can Axone Infotech India improve my POS system performance?
                                </button>
                            </h2>
                            <div id="faqCollapseOne" class="accordion-collapse collapse" aria-labelledby="faqHeadingOne"
                                data-bs-parent="#faqAccordion">
                                <div class="accordion-body">
                                    <p>Our POS solutions enhance your business with:</p>
                                    <ul>
                                        <li><strong>Real-time transaction processing</strong> for quick checkouts</li>
                                        <li><strong>Cloud-based reporting</strong> for data access anytime, anywhere</li>
                                        <li><strong>Hardware integration</strong> with scanners, printers, and cash drawers</li>
                                        <li><strong>Optimized UI/UX</strong> for faster staff training and better user experience</li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <div class="accordion-item mb-3 shadow-sm border-0">
                            <h2 class="accordion-header" id="faqHeadingTwo">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#faqCollapseTwo" aria-expanded="false"
                                    aria-controls="faqCollapseTwo">
                                    Can your POS software integrate with my current system?
                                </button>
                            </h2>
                            <div id="faqCollapseTwo" class="accordion-collapse collapse" aria-labelledby="faqHeadingTwo"
                                data-bs-parent="#faqAccordion">
                                <div class="accordion-body">
                                    <p>Yes, our POS solutions are built to integrate with:</p>
                                    <ul>
                                        <li>Existing hardware and peripherals</li>
                                        <li>Accounting software like QuickBooks and Tally</li>
                                        <li>Inventory and CRM systems</li>
                                        <li>eCommerce platforms for unified retail management</li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <div class="accordion-item mb-3 shadow-sm border-0">
                            <h2 class="accordion-header" id="faqHeadingThree">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#faqCollapseThree" aria-expanded="false"
                                    aria-controls="faqCollapseThree">
                                    Is your POS solution scalable for multiple store locations?
                                </button>
                            </h2>
                            <div id="faqCollapseThree" class="accordion-collapse collapse"
                                aria-labelledby="faqHeadingThree" data-bs-parent="#faqAccordion">
                                <div class="accordion-body">
                                    <p>Absolutely. Our platform supports multi-location retail operations through:</p>
                                    <ul>
                                        <li>Centralized inventory and sales tracking</li>
                                        <li>Role-based access for branch-wise control</li>
                                        <li>Real-time data sync between locations</li>
                                        <li>Custom dashboards for analytics per outlet</li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <div class="accordion-item mb-3 shadow-sm border-0">
                            <h2 class="accordion-header" id="faqHeadingFour">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#faqCollapseFour" aria-expanded="false"
                                    aria-controls="faqCollapseFour">
                                    How do you ensure security in POS transactions?
                                </button>
                            </h2>
                            <div id="faqCollapseFour" class="accordion-collapse collapse"
                                aria-labelledby="faqHeadingFour" data-bs-parent="#faqAccordion">
                                <div class="accordion-body">
                                    <p>Security is our priority. We provide:</p>
                                    <ul>
                                        <li>End-to-end encrypted transactions</li>
                                        <li>PCI-DSS compliant payment processing</li>
                                        <li>Two-factor authentication for admin panels</li>
                                        <li>Regular security patches and audit trails</li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <div class="accordion-item mb-3 shadow-sm border-0">
                            <h2 class="accordion-header" id="faqHeadingFive">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#faqCollapseFive" aria-expanded="false"
                                    aria-controls="faqCollapseFive">
                                    What kind of support do you offer post-deployment?
                                </button>
                            </h2>
                            <div id="faqCollapseFive" class="accordion-collapse collapse"
                                aria-labelledby="faqHeadingFive" data-bs-parent="#faqAccordion">
                                <div class="accordion-body">
                                    <p>We provide reliable ongoing support that includes:</p>
                                    <ul>
                                        <li>24/7 technical assistance via phone, email, and remote access</li>
                                        <li>On-site training and troubleshooting if required</li>
                                        <li>Version upgrades and new feature rollouts</li>
                                        <li>Performance optimization and database maintenance</li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </section>




@endsection('content')
@section('custom-scripts')
    <!-- Owl Carousel JS -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
    <script>
        $('.healthcare-multi-row-carousel').owlCarousel({
            items: 1,
            loop: true,
            margin: 20,
            dots: false,
            autoplay: true,
            nav: true,
            navText: [
                '<img src="{{ asset('assets/images/why-developer-india-slider-prev-arrow.svg') }}" width="50" height="50" alt="Previous">',
                '<img src="{{ asset('assets/images/why-developer-india-slider-next-arrow.svg') }}" width="50" height="50" alt="Next">'
            ],
        });

        // Add Bootstrap classes to nav container
        setTimeout(function() {
            $('.owl-nav').addClass('text-center mt-3');
        }, 100); // Delay to ensure DOM is ready
        jQuery(document).ready(function() {
            // Set initial state: reset all accordion boxes
            jQuery('.faq-accordion-main-box .accordion-box').each(function() {
                jQuery(this).removeClass('active-accordion');
                jQuery(this).find('.accordion-content').hide();
            });

            // Tab switching logic
            jQuery('ul.introduction-title li').click(function() {
                jQuery('.choose-vision-tab-box').removeClass('active-box');
                jQuery(this).addClass('active-box');

                var target = jQuery(this).find("a").data('target');

                jQuery('.introduction-data li').hide();
                jQuery('.introduction-data li[data-target="' + target + '"]').show();
                jQuery('.introduction-data li[data-target="' + target + '"] p:first').show();

                return false;
            });

            // Trigger click on the first tab by default
            jQuery('ul.introduction-title .choose-vision-tab-box:first').click();

            // Accordion click logic
            jQuery('.faq-accordion-main-box .accordion-box').each(function() {
                jQuery(this).removeClass('active-accordion');
                jQuery(this).find('.accordion-content').hide();
                jQuery(this).find('.open-icon').hide();
                jQuery(this).find('.close-icon').show();
            });

            // Accordion toggle logic
            jQuery('body').on('click', '.accordion-title', function() {
                var $faqAccordionMainBox = jQuery(this).closest('.faq-accordion-main-box');
                var $accordionBox = jQuery(this).parent('.accordion-box');
                var $accordionContent = $accordionBox.find('.accordion-content');

                if ($accordionBox.hasClass('active-accordion')) {
                    // Collapse current open accordion
                    $accordionContent.slideUp(400, function() {
                        $accordionBox.removeClass('active-accordion');
                        $accordionBox.find('.open-icon').hide();
                        $accordionBox.find('.close-icon').show();
                    });
                } else {
                    // Collapse any other open accordions
                    $faqAccordionMainBox.find('.accordion-box.active-accordion .accordion-content').slideUp(
                        400,
                        function() {
                            var $otherBox = jQuery(this).closest('.accordion-box');
                            $otherBox.removeClass('active-accordion');
                            $otherBox.find('.open-icon').hide();
                            $otherBox.find('.close-icon').show();
                        });

                    // Expand clicked accordion
                    $accordionContent.slideDown(400, function() {
                        $accordionBox.addClass('active-accordion');
                        $accordionBox.find('.close-icon').hide();
                        $accordionBox.find('.open-icon').show();
                    });
                }
            });

        });

        $(document).ready(function() {
            $('.testimonials-slider-row')
                .addClass('owl-carousel owl-theme') // Important for default styling
                .owlCarousel({
                    items: 1,
                    loop: true,
                    margin: 20,
                    dots: false, // This enables dots
                    autoplay: true,
                    nav: false
                });
        });

        $(document).ready(function() {
            $('.why-choose-carousel').owlCarousel({
                loop: true,
                margin: 0,
                nav: false,
                dots: true,
                autoplay: true,
                autoplayTimeout: 4000,
                responsive: {
                    0: {
                        items: 1
                    },
                    576: {
                        items: 2
                    },
                    768: {
                        items: 2
                    },
                    992: {
                        items: 3
                    },
                    1200: {
                        items: 4
                    }
                }
            });
        });
    </script>
@endsection('custom-scripts')