/**
 * Miemploya Consult — Modern Corporate Homepage
 */
require_once __DIR__ . '/includes/db.php';

// Public digital product catalogue. Product logos are managed from Admin > Product Logos.
$featured_products = db_query("SELECT * FROM products WHERE is_active=1 ORDER BY sort_order ASC,name ASC");
$productLogosDir = __DIR__ . '/uploads/products/logos/';
function miemployaHomepageProductLogo(string $dir,string $slug): ?string {
    foreach (['png','jpg','jpeg','webp','gif','svg'] as $ext) {
        $file=$dir.$slug.'.'.$ext;
        if(is_file($file))return $slug.'.'.$ext;
    }
    return null;
}

$page_title = 'Business Software & Consulting';
$page_meta_title = 'Miemploya Consult | Business Software & Consulting';
$page_description = 'Manage your people, finances and operations with Miemploya’s business software and consulting services, built for organizations across industries.';
$page_canonical_url = rtrim(SITE_URL, '/') . '/';
include __DIR__ . '/includes/header.php';

// Service offerings
$services = [
    ['Human Resources', 'End-to-end HR consulting, policy formulation, performance management, and organizational development.', 'users', 'from-blue-500 to-indigo-600'],
    ['Recruitment', 'Talent acquisition, executive search, and onboarding solutions to build your high-performing team.', 'user-search', 'from-emerald-500 to-teal-600'],
    ['Payroll Advisory', 'Ensure compliance and efficiency with our expert payroll structuring and advisory services.', 'badge-dollar-sign', 'from-amber-500 to-orange-600'],
    ['Audit & Compliance', 'Comprehensive HR audits and regulatory compliance checks to protect your business.', 'shield-check', 'from-rose-500 to-pink-600'],
    ['Professional Training', 'Corporate training programs, leadership development, and capacity building for your workforce.', 'graduation-cap', 'from-purple-500 to-fuchsia-600'],
    ['Digital Solutions', 'Modern software products including our flagship Hotel PMS and business management tools.', 'monitor-smartphone', 'from-sky-500 to-blue-600'],
];

// Stats
$stats = [
    ['10+', 'Years Experience'],
    ['500+', 'Professionals Trained'],
    ['50+', 'Corporate Clients'],
    ['100%', 'Commitment'],
];
?>

<style>
    .hero-grid {
        background-image: linear-gradient(rgba(99,102,241,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(99,102,241,.05) 1px, transparent 1px);
        background-size: 40px 40px;
    }
    .service-card { transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
    .service-card:hover { transform: translateY(-8px); box-shadow: 0 20px 40px -10px rgba(99,102,241,0.15); }
    .star-burst {
        clip-path: polygon(50% 0%, 61% 15%, 85% 15%, 85% 39%, 100% 50%, 85% 61%, 85% 85%, 61% 85%, 50% 100%, 39% 85%, 15% 85%, 15% 61%, 0% 50%, 15% 39%, 15% 15%, 39% 15%);
    }
    @keyframes pop {
        0% { transform: scale(1); }
        50% { transform: scale(1.1); }
        100% { transform: scale(1); }
    }
    .animate-pop { animation: pop 2s infinite ease-in-out; }
    @keyframes gradientMove {
        0% { background-position: 0% 50%; }
        50% { background-position: 100% 50%; }
        100% { background-position: 0% 50%; }
    }
    .animate-gradient-bg { animation: gradientMove 15s ease infinite; background-size: 400% 400%; }
    @keyframes float-slow {
        0% { transform: translateY(0px) rotate(0deg); }
        50% { transform: translateY(-20px) rotate(5deg); }
        100% { transform: translateY(0px) rotate(0deg); }
    }
    .animate-float-slow { animation: float-slow 8s ease-in-out infinite; }

    /* Restored original Miemploya rotating product-card treatment. */
    .product-flip-shell { perspective: 1200px; min-height: 360px; }
    .product-flip-card { position: relative; width: 100%; min-height: 360px; transform-style: preserve-3d; transition: transform .85s cubic-bezier(.4,0,.2,1); }
    .product-flip-card.is-flipped { transform: rotateY(180deg); }
    .product-flip-face { position: absolute; inset: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; overflow: hidden; }
    .product-flip-back { transform: rotateY(180deg); }
    @media (prefers-reduced-motion: reduce) {
        .product-flip-card { transition: none; }
    }
</style>

<!-- HERO SECTION -->
<section class="relative pt-10 pb-20 lg:pt-16 lg:pb-28 overflow-hidden bg-gradient-to-br from-indigo-50/80 via-purple-50/50 to-emerald-50/80 dark:from-slate-950 dark:via-indigo-950/20 dark:to-slate-950 animate-gradient-bg">
    <div class="absolute inset-0 hero-grid opacity-50 dark:opacity-20"></div>
    
    <!-- Decorative Blurs -->
    <div class="absolute top-0 right-0 -translate-y-12 translate-x-1/3 w-[600px] h-[600px] rounded-full bg-brand-400/20 dark:bg-brand-500/10 blur-[100px] opacity-60 mix-blend-multiply dark:mix-blend-screen pointer-events-none float-animate"></div>
    <div class="absolute bottom-0 left-0 translate-y-1/3 -translate-x-1/3 w-[500px] h-[500px] rounded-full bg-purple-400/20 dark:bg-purple-500/10 blur-[100px] opacity-60 mix-blend-multiply dark:mix-blend-screen pointer-events-none float-animate" style="animation-delay: -3s"></div>

    <!-- Sticker Pop (Modern Glass Concept) -->
    <a href="