@extends('website.layouts.main')

@section('meta_title', 'Services - KiyoHRMS')
@section('meta_description', 'Explore Kiyo Solutions services including HRMS implementation, payroll setup, training, and ongoing support.')

@section('content')
<section class="section-space brand-gradient">
    <div class="container text-center">
        <h1 class="display-5 fw-bold mb-3">End-to-end HR technology services</h1>
        <p class="lead text-muted col-lg-8 mx-auto">From onboarding to payroll go-live, Kiyo Solutions helps you deploy and run KiyoHRMS with confidence.</p>
    </div>
</section>

<section class="section-space">
    <div class="container">
        <div class="row g-4">
            <div class="col-md-6 col-lg-4">@include('website.partials.feature-card', ['icon' => 'bi-rocket-takeoff', 'title' => 'Implementation', 'description' => 'Guided setup for company profile, employees, shifts, leave policies, and salary structures.', 'iconBackgroundClass' => 'bg-primary-subtle', 'iconTextClass' => 'text-primary', 'titleClass' => 'text-primary', 'cardClass' => 'feature-card-thick-top accent-primary'])</div>
            <div class="col-md-6 col-lg-4">@include('website.partials.feature-card', ['icon' => 'bi-cash-stack', 'title' => 'Payroll Setup', 'description' => 'Configure earnings, deductions, statutory compliance, and payslip templates.', 'iconBackgroundClass' => 'bg-success-subtle', 'iconTextClass' => 'text-success', 'titleClass' => 'text-success', 'cardClass' => 'feature-card-thick-top accent-success'])</div>
            <div class="col-md-6 col-lg-4">@include('website.partials.feature-card', ['icon' => 'bi-mortarboard', 'title' => 'Training', 'description' => 'Role-based training for HR admins, managers, and employees.', 'iconBackgroundClass' => 'bg-info-subtle', 'iconTextClass' => 'text-info', 'titleClass' => 'text-info-emphasis', 'cardClass' => 'feature-card-thick-top accent-info'])</div>
            <div class="col-md-6 col-lg-4">@include('website.partials.feature-card', ['icon' => 'bi-headset', 'title' => 'Support', 'description' => 'Responsive help desk for product questions and operational guidance.', 'iconBackgroundClass' => 'bg-warning-subtle', 'iconTextClass' => 'text-warning', 'titleClass' => 'text-warning-emphasis', 'cardClass' => 'feature-card-thick-top accent-warning'])</div>
            <div class="col-md-6 col-lg-4">@include('website.partials.feature-card', ['icon' => 'bi-arrow-repeat', 'title' => 'Data Migration', 'description' => 'Import employee and historical payroll data from spreadsheets or legacy systems.', 'iconBackgroundClass' => 'bg-danger-subtle', 'iconTextClass' => 'text-danger', 'titleClass' => 'text-danger', 'cardClass' => 'feature-card-thick-top accent-danger'])</div>
            <div class="col-md-6 col-lg-4">@include('website.partials.feature-card', ['icon' => 'bi-gear', 'title' => 'Managed Services', 'description' => 'Optional managed payroll and HR operations support for growing teams.', 'iconBackgroundClass' => 'bg-secondary-subtle', 'iconTextClass' => 'text-secondary', 'titleClass' => 'text-secondary', 'cardClass' => 'feature-card-thick-top accent-secondary'])</div>
        </div>
    </div>
</section>

@include('website.partials.cta-banner', ['title' => 'Let us help you get started', 'subtitle' => 'Contact us to plan your KiyoHRMS rollout and support package.'])
@endsection