<?php
/*
|--------------------------------------------------------------------------
| HYRO ONE Experience
|--------------------------------------------------------------------------
| Product   : HYRO ONE SPA
| Component : Core Features Section
|--------------------------------------------------------------------------
*/
?>

<section class="spa-features-section" id="spa-features">

    <div class="hyro-container">

        <div class="homepage-section-heading">

            <div class="homepage-section-eyebrow">
                COMPLETE SPA MANAGEMENT
            </div>

            <h2>
                Everything your spa needs in one place
            </h2>

            <p>
                Manage daily operations, customers, bookings, sales,
                employees and business performance through one simple
                cloud platform.
            </p>

        </div>

        <div class="spa-features-grid">

            <article class="spa-feature-card featured">

                <div class="spa-feature-icon">
                    👥
                </div>

                <div class="spa-feature-content">

                    <h3>Customer Management</h3>

                    <p>
                        Keep customer profiles, contact details,
                        visit history, preferences, packages,
                        notes and loyalty information organized.
                    </p>

                    <ul>
                        <li>Customer profiles</li>
                        <li>Visit history</li>
                        <li>Customer notes</li>
                        <li>Loyalty tracking</li>
                    </ul>

                </div>

            </article>

            <article class="spa-feature-card">

                <div class="spa-feature-icon">
                    📅
                </div>

                <div class="spa-feature-content">

                    <h3>Appointments</h3>

                    <p>
                        Manage appointments by date, time,
                        service and therapist through one
                        clear booking calendar.
                    </p>

                    <ul>
                        <li>Therapist-wise booking</li>
                        <li>Daily calendar</li>
                        <li>Appointment status</li>
                        <li>Upcoming schedules</li>
                    </ul>

                </div>

            </article>

            <article class="spa-feature-card">

                <div class="spa-feature-icon">
                    🚶
                </div>

                <div class="spa-feature-content">

                    <h3>Walk-ins & Waiting List</h3>

                    <p>
                        Handle customers arriving without bookings
                        and assign available therapists quickly.
                    </p>

                    <ul>
                        <li>Quick walk-in entry</li>
                        <li>Waiting list</li>
                        <li>Therapist assignment</li>
                        <li>Service tracking</li>
                    </ul>

                </div>

            </article>

            <article class="spa-feature-card">

                <div class="spa-feature-icon">
                    🧾
                </div>

                <div class="spa-feature-content">

                    <h3>POS & Billing</h3>

                    <p>
                        Sell services, products and packages,
                        apply discounts and collect payments
                        through a fast billing screen.
                    </p>

                    <ul>
                        <li>Service sales</li>
                        <li>Product sales</li>
                        <li>Package sales</li>
                        <li>Multiple payment methods</li>
                    </ul>

                </div>

            </article>

            <article class="spa-feature-card">

                <div class="spa-feature-icon">
                    🎁
                </div>

                <div class="spa-feature-content">

                    <h3>Packages & Memberships</h3>

                    <p>
                        Create service packages, track usage,
                        manage expiry dates and improve repeat visits.
                    </p>

                    <ul>
                        <li>Multi-service packages</li>
                        <li>Usage tracking</li>
                        <li>Expiry management</li>
                        <li>Membership benefits</li>
                    </ul>

                </div>

            </article>

            <article class="spa-feature-card">

                <div class="spa-feature-icon">
                    📦
                </div>

                <div class="spa-feature-content">

                    <h3>Inventory Management</h3>

                    <p>
                        Track stock items, purchases, consumption,
                        low-stock levels and daily product movement.
                    </p>

                    <ul>
                        <li>Stock tracking</li>
                        <li>Purchase entry</li>
                        <li>Service consumption</li>
                        <li>Low-stock alerts</li>
                    </ul>

                </div>

            </article>

            <article class="spa-feature-card">

                <div class="spa-feature-icon">
                    ✂️
                </div>

                <div class="spa-feature-content">

                    <h3>Therapists & Commission</h3>

                    <p>
                        Manage therapist schedules, service performance,
                        sales contribution and commission calculation.
                    </p>

                    <ul>
                        <li>Therapist schedules</li>
                        <li>Service performance</li>
                        <li>Line-wise commission</li>
                        <li>Sales tracking</li>
                    </ul>

                </div>

            </article>

            <article class="spa-feature-card">

                <div class="spa-feature-icon">
                    📊
                </div>

                <div class="spa-feature-content">

                    <h3>Reports & Analytics</h3>

                    <p>
                        Understand revenue, appointments, customers,
                        inventory and therapist performance through
                        clear business reports.
                    </p>

                    <ul>
                        <li>Daily sales report</li>
                        <li>Therapist report</li>
                        <li>Appointment report</li>
                        <li>Inventory report</li>
                    </ul>

                </div>

            </article>

        </div>

        <div class="spa-features-cta">

            <div>

                <span>Ready to explore the complete platform?</span>

                <strong>
                    See how HYRO ONE SPA can simplify your daily operations.
                </strong>

            </div>

            <a
                href="/experience/book-demo.php?product=SPA"
                class="hyro-button hyro-button-primary"
            >
                Schedule a Live Demo →
            </a>

        </div>

    </div>

</section>
