<main id="main-content">

    <!-- HERO -->
    <section class="py-5 bg-body-tertiary text-body">
        <div class="container">
            <div class="row justify-content-center text-center">
                <div class="col-lg-9">
                    <span class="badge bg-primary text-white fs-6 fw-semibold mb-3 px-3 py-2">
                        MicroTelecom • MTPOS • Site Navigation
                    </span>

                    <h1 class="display-4 fw-bold mb-4">
                        MicroTelecom Site Map
                    </h1>

                    <p class="lead text-body-secondary mb-0">
                        Browse key MTPOS products, retail-management tools, business solutions,
                        company resources, support pages, and policies.
                    </p>
                </div>
            </div>
        </div>
    </section>


    <section class="py-5 bg-body text-body">
        <div class="container">
            <div class="text-center mb-5">
                <h2 class="fw-bold">MTPOS Products and Solutions</h2>
            </div>
            <div class="row g-4">

                <div class="col-md-6 col-lg-4">
                    <div class="card h-100 border-0 shadow-sm">
                        <div class="card-body p-4">
                            <h3 class="h5 fw-bold mb-2">
                                <a href="/products" class="text-decoration-none">Products and Plans</a>
                            </h3>
                            <p class="text-body-secondary mb-0">Review MTPOS products and subscription options.</p>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 col-lg-4">
                    <div class="card h-100 border-0 shadow-sm">
                        <div class="card-body p-4">
                            <h3 class="h5 fw-bold mb-2">
                                <a href="/products/pos-systems" class="text-decoration-none">POS Systems</a>
                            </h3>
                            <p class="text-body-secondary mb-0">Explore available MTPOS point-of-sale options.</p>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 col-lg-4">
                    <div class="card h-100 border-0 shadow-sm">
                        <div class="card-body p-4">
                            <h3 class="h5 fw-bold mb-2">
                                <a href="/pos/pos-system" class="text-decoration-none">POS System</a>
                            </h3>
                            <p class="text-body-secondary mb-0">Overview of MTPOS retail point-of-sale capabilities.</p>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 col-lg-4">
                    <div class="card h-100 border-0 shadow-sm">
                        <div class="card-body p-4">
                            <h3 class="h5 fw-bold mb-2">
                                <a href="/pos/cloud-pos-system" class="text-decoration-none">Cloud POS</a>
                            </h3>
                            <p class="text-body-secondary mb-0">Cloud-based POS and remote retail operations.</p>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 col-lg-4">
                    <div class="card h-100 border-0 shadow-sm">
                        <div class="card-body p-4">
                            <h3 class="h5 fw-bold mb-2">
                                <a href="/pos/mobile-pos" class="text-decoration-none">Mobile POS</a>
                            </h3>
                            <p class="text-body-secondary mb-0">POS workflows for compatible tablets and mobile devices.</p>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 col-lg-4">
                    <div class="card h-100 border-0 shadow-sm">
                        <div class="card-body p-4">
                            <h3 class="h5 fw-bold mb-2">
                                <a href="/pos/self-checkout" class="text-decoration-none">Self Checkout</a>
                            </h3>
                            <p class="text-body-secondary mb-0">Self-service checkout options for supported retail environments.</p>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 col-lg-4">
                    <div class="card h-100 border-0 shadow-sm">
                        <div class="card-body p-4">
                            <h3 class="h5 fw-bold mb-2">
                                <a href="/pos/enterprise-pos" class="text-decoration-none">Enterprise POS</a>
                            </h3>
                            <p class="text-body-secondary mb-0">Enterprise POS for multi-store retail operations.</p>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </section>

    <section class="py-5 bg-body-tertiary text-body">
        <div class="container">
            <div class="text-center mb-5">
                <h2 class="fw-bold">Retail Management</h2>
            </div>
            <div class="row g-4">

                <div class="col-md-6 col-lg-4">
                    <div class="card h-100 border-0 shadow-sm">
                        <div class="card-body p-4">
                            <h3 class="h5 fw-bold mb-2">
                                <a href="/pos/catalog-management-system" class="text-decoration-none">Catalog Management</a>
                            </h3>
                            <p class="text-body-secondary mb-0">Manage products, services, pricing, promotions, and publishing.</p>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 col-lg-4">
                    <div class="card h-100 border-0 shadow-sm">
                        <div class="card-body p-4">
                            <h3 class="h5 fw-bold mb-2">
                                <a href="/pos/inventory-management" class="text-decoration-none">Inventory Management</a>
                            </h3>
                            <p class="text-body-secondary mb-0">Manage inventory visibility, replenishment, transfers, and counts.</p>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 col-lg-4">
                    <div class="card h-100 border-0 shadow-sm">
                        <div class="card-body p-4">
                            <h3 class="h5 fw-bold mb-2">
                                <a href="/pos/serial-inventory-management" class="text-decoration-none">Serialized Inventory</a>
                            </h3>
                            <p class="text-body-secondary mb-0">Track individually identified and serialized products.</p>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 col-lg-4">
                    <div class="card h-100 border-0 shadow-sm">
                        <div class="card-body p-4">
                            <h3 class="h5 fw-bold mb-2">
                                <a href="/pos/store-cash-management" class="text-decoration-none">Store Cash Management</a>
                            </h3>
                            <p class="text-body-secondary mb-0">Manage registers, safes, deposits, and multiple currencies.</p>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 col-lg-4">
                    <div class="card h-100 border-0 shadow-sm">
                        <div class="card-body p-4">
                            <h3 class="h5 fw-bold mb-2">
                                <a href="/pos/card-payment-terminal" class="text-decoration-none">Payment Terminals</a>
                            </h3>
                            <p class="text-body-secondary mb-0">Review supported integrated payment-terminal workflows.</p>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </section>

    <section class="py-5 bg-body text-body">
        <div class="container">
            <div class="text-center mb-5">
                <h2 class="fw-bold">Business POS Solutions</h2>
            </div>
            <div class="row g-4">

                <div class="col-md-6 col-lg-4">
                    <div class="card h-100 border-0 shadow-sm">
                        <div class="card-body p-4">
                            <h3 class="h5 fw-bold mb-2">
                                <a href="/pos/general-retail" class="text-decoration-none">General Retail</a>
                            </h3>
                            <p class="text-body-secondary mb-0">POS and retail-management tools for general retail stores.</p>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 col-lg-4">
                    <div class="card h-100 border-0 shadow-sm">
                        <div class="card-body p-4">
                            <h3 class="h5 fw-bold mb-2">
                                <a href="/pos/supermarket" class="text-decoration-none">Supermarket</a>
                            </h3>
                            <p class="text-body-secondary mb-0">POS workflows for supermarkets and grocery retail.</p>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 col-lg-4">
                    <div class="card h-100 border-0 shadow-sm">
                        <div class="card-body p-4">
                            <h3 class="h5 fw-bold mb-2">
                                <a href="/pos/mini-market" class="text-decoration-none">Mini Market</a>
                            </h3>
                            <p class="text-body-secondary mb-0">POS and inventory tools for mini markets.</p>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 col-lg-4">
                    <div class="card h-100 border-0 shadow-sm">
                        <div class="card-body p-4">
                            <h3 class="h5 fw-bold mb-2">
                                <a href="/pos/bakery-shop" class="text-decoration-none">Bakery</a>
                            </h3>
                            <p class="text-body-secondary mb-0">POS workflows for bakeries.</p>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 col-lg-4">
                    <div class="card h-100 border-0 shadow-sm">
                        <div class="card-body p-4">
                            <h3 class="h5 fw-bold mb-2">
                                <a href="/pos/coffee-shop" class="text-decoration-none">Coffee Shop</a>
                            </h3>
                            <p class="text-body-secondary mb-0">POS workflows for coffee shops.</p>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 col-lg-4">
                    <div class="card h-100 border-0 shadow-sm">
                        <div class="card-body p-4">
                            <h3 class="h5 fw-bold mb-2">
                                <a href="/pos/food-truck" class="text-decoration-none">Food Truck</a>
                            </h3>
                            <p class="text-body-secondary mb-0">POS workflows for food trucks and mobile food retail.</p>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 col-lg-4">
                    <div class="card h-100 border-0 shadow-sm">
                        <div class="card-body p-4">
                            <h3 class="h5 fw-bold mb-2">
                                <a href="/pos/ice-cream-shop" class="text-decoration-none">Ice Cream Shop</a>
                            </h3>
                            <p class="text-body-secondary mb-0">POS workflows for ice cream shops.</p>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 col-lg-4">
                    <div class="card h-100 border-0 shadow-sm">
                        <div class="card-body p-4">
                            <h3 class="h5 fw-bold mb-2">
                                <a href="/pos/clothing-store" class="text-decoration-none">Clothing Store</a>
                            </h3>
                            <p class="text-body-secondary mb-0">POS and inventory workflows for apparel retail.</p>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 col-lg-4">
                    <div class="card h-100 border-0 shadow-sm">
                        <div class="card-body p-4">
                            <h3 class="h5 fw-bold mb-2">
                                <a href="/pos/shoe-store" class="text-decoration-none">Shoe Store</a>
                            </h3>
                            <p class="text-body-secondary mb-0">POS and product-management workflows for shoe stores.</p>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 col-lg-4">
                    <div class="card h-100 border-0 shadow-sm">
                        <div class="card-body p-4">
                            <h3 class="h5 fw-bold mb-2">
                                <a href="/pos/sporting-goods" class="text-decoration-none">Sporting Goods</a>
                            </h3>
                            <p class="text-body-secondary mb-0">POS workflows for sporting-goods retailers.</p>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 col-lg-4">
                    <div class="card h-100 border-0 shadow-sm">
                        <div class="card-body p-4">
                            <h3 class="h5 fw-bold mb-2">
                                <a href="/pos/hardware-store" class="text-decoration-none">Hardware Store</a>
                            </h3>
                            <p class="text-body-secondary mb-0">POS and inventory tools for hardware stores.</p>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 col-lg-4">
                    <div class="card h-100 border-0 shadow-sm">
                        <div class="card-body p-4">
                            <h3 class="h5 fw-bold mb-2">
                                <a href="/pos/jewelry-store" class="text-decoration-none">Jewelry Store</a>
                            </h3>
                            <p class="text-body-secondary mb-0">POS workflows for jewelry retail.</p>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 col-lg-4">
                    <div class="card h-100 border-0 shadow-sm">
                        <div class="card-body p-4">
                            <h3 class="h5 fw-bold mb-2">
                                <a href="/pos/pet-shop" class="text-decoration-none">Pet Shop</a>
                            </h3>
                            <p class="text-body-secondary mb-0">POS workflows for pet stores.</p>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 col-lg-4">
                    <div class="card h-100 border-0 shadow-sm">
                        <div class="card-body p-4">
                            <h3 class="h5 fw-bold mb-2">
                                <a href="/pos/computer-store" class="text-decoration-none">Computer Store</a>
                            </h3>
                            <p class="text-body-secondary mb-0">POS workflows for computer retailers.</p>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 col-lg-4">
                    <div class="card h-100 border-0 shadow-sm">
                        <div class="card-body p-4">
                            <h3 class="h5 fw-bold mb-2">
                                <a href="/pos/electronics-store" class="text-decoration-none">Electronics Store</a>
                            </h3>
                            <p class="text-body-secondary mb-0">POS workflows for electronics retailers.</p>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 col-lg-4">
                    <div class="card h-100 border-0 shadow-sm">
                        <div class="card-body p-4">
                            <h3 class="h5 fw-bold mb-2">
                                <a href="/pos/car-wash" class="text-decoration-none">Car Wash</a>
                            </h3>
                            <p class="text-body-secondary mb-0">POS workflows for car-wash businesses.</p>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </section>

    <section class="py-5 bg-body-tertiary text-body">
        <div class="container">
            <div class="text-center mb-5">
                <h2 class="fw-bold">Company and Resources</h2>
            </div>
            <div class="row g-4">

                <div class="col-md-6 col-lg-4">
                    <div class="card h-100 border-0 shadow-sm">
                        <div class="card-body p-4">
                            <h3 class="h5 fw-bold mb-2">
                                <a href="/about" class="text-decoration-none">About MicroTelecom</a>
                            </h3>
                            <p class="text-body-secondary mb-0">Learn about MicroTelecom and the MTPOS platform.</p>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 col-lg-4">
                    <div class="card h-100 border-0 shadow-sm">
                        <div class="card-body p-4">
                            <h3 class="h5 fw-bold mb-2">
                                <a href="/solutions" class="text-decoration-none">Solutions</a>
                            </h3>
                            <p class="text-body-secondary mb-0">Explore MicroTelecom business solutions.</p>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 col-lg-4">
                    <div class="card h-100 border-0 shadow-sm">
                        <div class="card-body p-4">
                            <h3 class="h5 fw-bold mb-2">
                                <a href="/faq" class="text-decoration-none">Frequently Asked Questions</a>
                            </h3>
                            <p class="text-body-secondary mb-0">Find answers about MTPOS products, operations, and support.</p>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 col-lg-4">
                    <div class="card h-100 border-0 shadow-sm">
                        <div class="card-body p-4">
                            <h3 class="h5 fw-bold mb-2">
                                <a href="/news" class="text-decoration-none">News</a>
                            </h3>
                            <p class="text-body-secondary mb-0">Read MicroTelecom news and updates.</p>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 col-lg-4">
                    <div class="card h-100 border-0 shadow-sm">
                        <div class="card-body p-4">
                            <h3 class="h5 fw-bold mb-2">
                                <a href="/contact" class="text-decoration-none">Contact</a>
                            </h3>
                            <p class="text-body-secondary mb-0">Contact MicroTelecom for sales and general inquiries.</p>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 col-lg-4">
                    <div class="card h-100 border-0 shadow-sm">
                        <div class="card-body p-4">
                            <h3 class="h5 fw-bold mb-2">
                                <a href="/contact/career-opportunities" class="text-decoration-none">Career Opportunities</a>
                            </h3>
                            <p class="text-body-secondary mb-0">View career opportunities at MicroTelecom.</p>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </section>

    <section class="py-5 bg-body text-body">
        <div class="container">
            <div class="text-center mb-5">
                <h2 class="fw-bold">Support and Policies</h2>
            </div>
            <div class="row g-4">

                <div class="col-md-6 col-lg-4">
                    <div class="card h-100 border-0 shadow-sm">
                        <div class="card-body p-4">
                            <h3 class="h5 fw-bold mb-2">
                                <a href="/Customer/TicketListCust" class="text-decoration-none">Help Desk</a>
                            </h3>
                            <p class="text-body-secondary mb-0">Access customer support and existing support tickets.</p>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 col-lg-4">
                    <div class="card h-100 border-0 shadow-sm">
                        <div class="card-body p-4">
                            <h3 class="h5 fw-bold mb-2">
                                <a href="/shipping-policy" class="text-decoration-none">Shipping Policy</a>
                            </h3>
                            <p class="text-body-secondary mb-0">Review shipping terms for hardware orders.</p>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 col-lg-4">
                    <div class="card h-100 border-0 shadow-sm">
                        <div class="card-body p-4">
                            <h3 class="h5 fw-bold mb-2">
                                <a href="/privacy" class="text-decoration-none">Privacy Policy</a>
                            </h3>
                            <p class="text-body-secondary mb-0">Review MicroTelecom privacy information.</p>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 col-lg-4">
                    <div class="card h-100 border-0 shadow-sm">
                        <div class="card-body p-4">
                            <h3 class="h5 fw-bold mb-2">
                                <a href="/terms" class="text-decoration-none">Terms and Conditions</a>
                            </h3>
                            <p class="text-body-secondary mb-0">Review applicable MicroTelecom terms.</p>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 col-lg-4">
                    <div class="card h-100 border-0 shadow-sm">
                        <div class="card-body p-4">
                            <h3 class="h5 fw-bold mb-2">
                                <a href="/pos/gateway-terms" class="text-decoration-none">Gateway Terms</a>
                            </h3>
                            <p class="text-body-secondary mb-0">Review payment-gateway related terms.</p>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </section>


</main>