@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/tiles-field.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"> Tiles (Ceramic) Industry</h2>
            <h4 class="tagline text-white" data-aos="fade-up" data-aos-delay="2500"> Empowering the Next Era of Ceramic Tile
                Innovation </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">
                    <div class="banner__content text-theme position-relative z-2">

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

                        <h2 class="mb-3 text-theme">Tiles (Ceramic) Industry</h2>
                        <p class="mb-4">
                            Welcome to Axone Infotech India, the forefront of ceramic innovation where technology and
                            craftsmanship converge. Our IT services seamlessly enhance the art of tiles, from digital design
                            precision to smart manufacturing solutions. Join us in shaping the future of ceramic excellence,
                            where every line of code contributes to the brilliance of your creations. Elevate your ceramic
                            journey with our cutting-edge IT expertise today!
                        </p>

                    </div>
                </div>

                <div class="col-lg-6 text-center position-relative z-2" data-aos="fade-left" >
                    <img src="{{ asset('assets/images/icon/tiles-image.avif') }}"
                        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">Ceramic ERP 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="Digital Product Design" class="svg">
                            </div>
                            <div class="app-features-content">
                                <h4>Digital Tile Design Management</h4>
                                <span>Streamline your tile creation process with digital design tools and centralized asset
                                    management.</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 Management" class="svg">
                            </div>
                            <div class="app-features-content">
                                <h4>Raw Material & Inventory Tracking</h4>
                                <span>Track raw materials, semi-finished and finished goods in real-time to reduce waste and
                                    improve accuracy.</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="Production Flow"
                                    class="svg">
                            </div>
                            <div class="app-features-content">
                                <h4>Production Flow Optimization</h4>
                                <span>Automate your manufacturing schedule with real-time monitoring and efficient
                                    production workflows.</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 Plant Support"
                                    class="svg">
                            </div>
                            <div class="app-features-content">
                                <h4>Multi Plant & User Access</h4>
                                <span>Manage multiple tile manufacturing units with secure access and user-role based
                                    permissions.</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="Reports"
                                    class="svg">
                            </div>
                            <div class="app-features-content">
                                <h4>Advanced Reporting & Analytics</h4>
                                <span>Generate insights from your ceramic operations with customizable MIS, financial, and
                                    operational reports.</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="Customization"
                                    class="svg">
                            </div>
                            <div class="app-features-content">
                                <h4>100% Customizable ERP</h4>
                                <span>Adapt the software to match your unique ceramic workflows, business size, and process
                                    hierarchy.</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 Ceramic ERP Technology Development Company 
                    </h2>
                    <p class="text-muted">
                        Empowering the next era of ceramic tile innovation, Axone Infotech India merges technology with
                        craftsmanship. From digital precision to smart manufacturing, our solutions elevate your ceramic
                        journey with seamless, scalable, and future-ready ERP systems tailored to your industry's unique
                        rhythm.
                    </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 - Ceramic" class="img-fluid" width="500">
                </div>
            </div>

            <!-- Owl Carousel -->
            <div class="owl-carousel owl-theme why-choose-carousel">
                @php
                    $features = [
                        [
                            'icon' => 'information-management.png',
                            'title' => 'Digital Tile Design',
                            'desc' => 'Seamless integration of CAD/CAM for accurate design flow.',
                        ],
                        [
                            'icon' => 'factory.png',
                            'title' => 'Smart Manufacturing',
                            'desc' => 'Real-time production tracking and automation for minimal waste.',
                        ],
                        [
                            'icon' => 'inventory.png',
                            'title' => 'Inventory Control',
                            'desc' => 'Track raw materials, glaze, and finished tiles effortlessly.',
                        ],
                        [
                            'icon' => 'flexible.png',
                            'title' => 'Quality Assurance',
                            'desc' => 'Integrated QA workflows to ensure flawless output.',
                        ],
                        [
                            'icon' => 'visualization.png',
                            'title' => 'B2B Dealer Portal',
                            'desc' => 'Give dealers and distributors real-time access to stock and orders.',
                        ],
                        [
                            'icon' => 'erp1.png',
                            'title' => 'Customizable ERP',
                            'desc' => 'Adapt modules for manufacturing, design, export, or showroom ops.',
                        ],
                        [
                            'icon' => 'continuous-improvement.png',
                            'title' => 'Scalable Architecture',
                            'desc' => 'Handles operations from boutique tile units to enterprise factories.',
                        ],
                        [
                            'icon' => 'security.png',
                            'title' => 'Data Security',
                            'desc' => 'Enterprise-grade encryption and audit-ready processes.',
                        ],
                    ];
                @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">How Can Ceramic Tile Innovation Help You</h2>
                    </div>

                    <div class="industry-india-sec-content vi-single-page-content">
                        <p>
                            Welcome to Axone Infotech India, the forefront of ceramic innovation where technology and
                            craftsmanship converge.
                            Our IT services seamlessly enhance the art of tiles, from digital design precision to smart
                            manufacturing solutions.
                            Join us in shaping the future of ceramic excellence, where every line of code contributes to the
                            brilliance of your creations.
                            Elevate your ceramic journey with our cutting-edge IT expertise today!
                        </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. Digital Tile Design Systems</h6>
                        <p>Create and manage tile designs with CAD/CAM precision and digital prototyping tools.</p>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="industry-india-details-title-content vi-single-page-content">
                        <h6>2. Smart Manufacturing Solutions</h6>
                        <p>Automate production lines, track kilns, and monitor machine performance in real time.</p>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="industry-india-details-title-content vi-single-page-content">
                        <h6>3. Raw Material & Inventory Control</h6>
                        <p>Optimize material consumption and inventory with powerful tracking and planning modules.</p>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="industry-india-details-title-content vi-single-page-content">
                        <h6>4. Quality Inspection Automation</h6>
                        <p>Ensure consistency and flaw detection at every stage with automated quality checks.</p>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="industry-india-details-title-content vi-single-page-content">
                        <h6>5. Dealer & Distributor Portals</h6>
                        <p>Streamline order management, stock availability, and communication across your sales network.</p>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="industry-india-details-title-content vi-single-page-content">
                        <h6>6. Export & Compliance Modules</h6>
                        <p>Manage international shipments, documentation, and regulatory compliance with ease.</p>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="industry-india-details-title-content vi-single-page-content">
                        <h6>7. Production Planning Tools</h6>
                        <p>Plan batches, manage schedules, and allocate machines efficiently with AI-assisted systems.</p>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="industry-india-details-title-content vi-single-page-content">
                        <h6>8. Showroom & Catalog Integration</h6>
                        <p>Digitally present your tile collection across showrooms with real-time stock sync.</p>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="industry-india-details-title-content vi-single-page-content">
                        <h6>9. Mobile & Tablet Interfaces</h6>
                        <p>Access dashboards, reports, and task management on the go from any device.</p>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="industry-india-details-title-content vi-single-page-content">
                        <h6>10. Multi-Plant Management</h6>
                        <p>Control operations across multiple ceramic plants or units through a unified ERP system.</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 digital partner in ceramic transformation—blending tradition with
                            innovation.
                            Whether you're a boutique tile manufacturer or a large-scale exporter, our solutions are
                            engineered to scale your vision and productivity.
                        </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 the Ceramic Industry with Smart Innovation</h2>
                        </div>
                        <div class="empower-custom-softwere-service-sec-content vi-single-page-content">
                            <p class="text-white">
                                Welcome to Axone Infotech India, the forefront of ceramic innovation where technology and
                                craftsmanship converge.
                                Our IT services seamlessly enhance the art of tiles — from digital design precision to smart
                                manufacturing solutions.
                                Join us in shaping the future of ceramic excellence, where every line of code contributes to
                                the brilliance of your creations.
                                Elevate your ceramic journey with our cutting-edge IT expertise today!
                            </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">Empowering the Next Era of Ceramic Tile Innovation</h2>
                    </div>
                </div>
                <div class="col-lg-12">
                    <div class="vi-single-page-h2-title">
                        <p>
                            Welcome to Axone Infotech India, the forefront of ceramic innovation where technology and
                            craftsmanship converge.
                            Our IT services seamlessly enhance the art of tiles, from digital design precision to smart
                            manufacturing solutions.
                            Join us in shaping the future of ceramic excellence, where every line of code contributes to the
                            brilliance of your creations.
                            Elevate your ceramic journey with our cutting-edge IT expertise today!
                        </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/tiles-field.jpg') }}"
                                    alt="Digital Design Systems">
                            </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>Digital Tile Design Systems</h6>
                                    </div>
                                    <div class="healthcare-software-service-content text-align-left">
                                        <p>
                                            Leverage CAD/CAM precision and digital prototyping tools to create intricate and
                                            innovative tile designs.
                                            Our design platforms empower ceramic artists and manufacturers to visualize,
                                            refine, and accelerate creativity with unmatched accuracy.
                                        </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/tiles1.jpg') }}"
                                    alt="Smart Manufacturing Solutions">
                            </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>Smart Manufacturing Solutions</h6>
                                    </div>
                                    <div class="healthcare-software-service-content text-align-left">
                                        <p>
                                            Automate your production processes with real-time machine monitoring, kiln
                                            control, and efficiency analytics.
                                            Axone’s smart systems help ceramic factories scale production, reduce waste, and
                                            maintain quality standards at every stage.
                                        </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 does Axone Infotech India support digital transformation in the ceramic industry?
                                </button>
                            </h2>
                            <div id="faqCollapseOne" class="accordion-collapse collapse" aria-labelledby="faqHeadingOne"
                                data-bs-parent="#faqAccordion">
                                <div class="accordion-body">
                                    <p>We deliver IT solutions that modernize ceramic manufacturing through:</p>
                                    <ul>
                                        <li><strong>CAD/CAM-powered design tools</strong> for tile prototyping</li>
                                        <li><strong>Smart factory automation</strong> with real-time monitoring</li>
                                        <li><strong>ERP integration</strong> for inventory and supply chain</li>
                                        <li><strong>IoT-enabled systems</strong> for kiln and quality control</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 solutions integrate with existing ceramic production systems?
                                </button>
                            </h2>
                            <div id="faqCollapseTwo" class="accordion-collapse collapse" aria-labelledby="faqHeadingTwo"
                                data-bs-parent="#faqAccordion">
                                <div class="accordion-body">
                                    <p>Yes. Our platforms are designed to integrate seamlessly with:</p>
                                    <ul>
                                        <li>Legacy PLCs and factory machines</li>
                                        <li>MES and SCADA systems</li>
                                        <li>CRM and ERP tools (SAP, Oracle, etc.)</li>
                                        <li>3D design software and product databases</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">
                                    Do you support multi-location tile manufacturing or distribution units?
                                </button>
                            </h2>
                            <div id="faqCollapseThree" class="accordion-collapse collapse"
                                aria-labelledby="faqHeadingThree" data-bs-parent="#faqAccordion">
                                <div class="accordion-body">
                                    <p>Absolutely. Our solutions support scalability across:</p>
                                    <ul>
                                        <li>Multiple production plants and warehouses</li>
                                        <li>Centralized control panels and dashboards</li>
                                        <li>Unified product lifecycle and resource tracking</li>
                                        <li>Role-based access and analytics per unit</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 data security and IP protection?
                                </button>
                            </h2>
                            <div id="faqCollapseFour" class="accordion-collapse collapse"
                                aria-labelledby="faqHeadingFour" data-bs-parent="#faqAccordion">
                                <div class="accordion-body">
                                    <p>We prioritize digital security with the following measures:</p>
                                    <ul>
                                        <li>Encrypted file transfers and backups</li>
                                        <li>Secure cloud environments with access logs</li>
                                        <li>Role-based permissions for design and process files</li>
                                        <li>Compliance with ISO/IEC 27001 and NDAs</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 post-deployment support do you offer for ceramic clients?
                                </button>
                            </h2>
                            <div id="faqCollapseFive" class="accordion-collapse collapse"
                                aria-labelledby="faqHeadingFive" data-bs-parent="#faqAccordion">
                                <div class="accordion-body">
                                    <p>We offer end-to-end support to ensure system reliability, including:</p>
                                    <ul>
                                        <li>24/7 remote and on-site tech assistance</li>
                                        <li>Periodic updates and feature rollouts</li>
                                        <li>Training for design and production teams</li>
                                        <li>Customizations as your business evolves</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')