@extends('website.layouts.main')

@section('meta_title', 'Development - KiyoHRMS')
@section('meta_description', 'Learn about Kiyo Solutions development capabilities for HRMS, CRM, and custom business software.')

@section('content')
<section class="section-space brand-gradient">
    <div class="container text-center">
        <h1 class="display-5 fw-bold mb-3">Built by experienced engineers</h1>
        <p class="lead text-muted col-lg-8 mx-auto">Kiyo Solutions combines product engineering with domain expertise in HR, payroll, and CRM to deliver reliable software at scale.</p>
    </div>
</section>

<section class="section-space">
    <div class="container">
        <div class="row g-4">
            <div class="col-md-4">@include('website.partials.feature-card', ['icon' => 'bi-code-slash', 'title' => 'Modern Stack', 'description' => 'Laravel, secure APIs, and cloud-ready architecture for performance and maintainability.', 'iconBackgroundClass' => 'bg-primary-subtle', 'iconTextClass' => 'text-primary', 'titleClass' => 'text-primary', 'cardClass' => 'feature-card-thick-top accent-primary'])</div>
            <div class="col-md-4">@include('website.partials.feature-card', ['icon' => 'bi-diagram-3', 'title' => 'Modular Architecture', 'description' => 'Features are developed as independent modules so updates ship safely and quickly.', 'iconBackgroundClass' => 'bg-warning-subtle', 'iconTextClass' => 'text-warning', 'titleClass' => 'text-warning-emphasis', 'cardClass' => 'feature-card-thick-top accent-warning'])</div>
            <div class="col-md-4">@include('website.partials.feature-card', ['icon' => 'bi-plug', 'title' => 'Integrations', 'description' => 'Connect biometric devices, accounting tools, and third-party services through APIs.', 'iconBackgroundClass' => 'bg-danger-subtle', 'iconTextClass' => 'text-danger', 'titleClass' => 'text-danger', 'cardClass' => 'feature-card-thick-top accent-danger'])</div>
        </div>
    </div>
</section>

<section class="section-space soft-bg">
    <div class="container col-lg-9">
        <h2 class="fw-bold mb-4 section-title-underline">Development services</h2>
        <ul class="text-muted">
            <li class="mb-2">Custom HRMS and payroll feature development tailored to your policies</li>
            <li class="mb-2">CRM and workflow automation for sales and operations teams</li>
            <li class="mb-2">Mobile app development for employee self-service</li>
            <li class="mb-2">Data migration from legacy HR and payroll systems</li>
            <li class="mb-0">Ongoing maintenance, monitoring, and performance optimization</li>
        </ul>
    </div>
</section>

@include('website.partials.cta-banner', ['title' => 'Need custom development?', 'subtitle' => 'Talk to our team about extending KiyoHRMS or building a solution for your business.'])
@endsection