{"id":6270,"date":"2026-01-13T12:39:47","date_gmt":"2026-01-13T12:39:47","guid":{"rendered":"https:\/\/digitivia.com\/?page_id=6270"},"modified":"2026-01-28T09:47:28","modified_gmt":"2026-01-28T09:47:28","slug":"hr-ai","status":"publish","type":"page","link":"https:\/\/digitivia.com\/fr\/hr-ai\/","title":{"rendered":"HR"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"6270\" class=\"elementor elementor-6270\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-668f23a elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"668f23a\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f0ef285\" data-id=\"f0ef285\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ff93868 elementor-widget elementor-widget-html\" data-id=\"ff93868\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Digitivia HR - All-in-One HRMS<\/title>\r\n    \r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600&family=Outfit:wght@400;500;700;800&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n    <style>\r\n        \/* =================================================================\r\n           1. CORE STYLES & VARIABLES\r\n        ================================================================= *\/\r\n        :root {\r\n            --bg-dark: #020617;\r\n            --card-bg: #0f0f0f;\r\n            --primary: #3b82f6;\r\n            --primary-glow: rgba(59, 130, 246, 0.5);\r\n            --text-white: #ffffff;\r\n            --text-gray: #94a3b8;\r\n            --text-muted: #9ca3af;\r\n        }\r\n\r\n        * { box-sizing: border-box; outline: none; }\r\n\r\n        body {\r\n            margin: 0; padding: 0;\r\n            font-family: 'Inter', sans-serif;\r\n            background-color: var(--bg-dark);\r\n            color: var(--text-white);\r\n            overflow-x: hidden; width: 100%;\r\n            background-image: \r\n                linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),\r\n                linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);\r\n            background-size: 50px 50px;\r\n        }\r\n\r\n        h1, h2, h3, h4, .btn-font, .plan-name, .current-price { font-family: 'Outfit', sans-serif; }\r\n        a { text-decoration: none; }\r\n        ul { list-style: none; padding: 0; margin: 0; }\r\n        img { max-width: 100%; height: auto; display: block; }\r\n\r\n        .container {\r\n            width: 100%; max-width: 1280px;\r\n            margin: 0 auto; padding: 0 20px;\r\n        }\r\n\r\n        \/* --- Animations --- *\/\r\n        .reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s ease-out; }\r\n        .reveal.active { opacity: 1; transform: translateY(0); }\r\n        .delay-1 { transition-delay: 0.1s; }\r\n        .delay-2 { transition-delay: 0.2s; }\r\n\r\n        @keyframes shine { 0% { background-position: 0% center; } 100% { background-position: 200% center; } }\r\n        @keyframes float { 0% { transform: translateY(0px); } 50% { transform: translateY(-15px); } 100% { transform: translateY(0px); } }\r\n        @keyframes pulse-ring { 0% { transform: scale(0.8); opacity: 0.8; } 100% { transform: scale(2.5); opacity: 0; } }\r\n\r\n        \/* =================================================================\r\n           2. NAVBAR\r\n        ================================================================= *\/\r\n        .navbar {\r\n            position: fixed; top: 0; left: 0; width: 100%; z-index: 1000;\r\n            padding: 15px 0;\r\n            background: rgba(2, 6, 23, 0.9); backdrop-filter: blur(10px);\r\n            border-bottom: 1px solid rgba(255, 255, 255, 0.05);\r\n        }\r\n        .nav-content { display: flex; justify-content: space-between; align-items: center; }\r\n        \r\n        .logo-link { display: flex; align-items: center; }\r\n        .logo-img { height: 40px; width: auto; }\r\n\r\n        .btn {\r\n            border-radius: 8px; font-weight: 600; cursor: pointer; transition: all 0.3s ease;\r\n            display: inline-flex; align-items: center; justify-content: center; gap: 8px; white-space: nowrap;\r\n        }\r\n        .btn-primary {\r\n            background: var(--primary); color: white; border: none;\r\n            box-shadow: 0 0 20px rgba(59, 130, 246, 0.3);\r\n        }\r\n        .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 0 30px rgba(59, 130, 246, 0.5); }\r\n        .btn-outline {\r\n            background: transparent; color: white; border: 1px solid rgba(255, 255, 255, 0.2);\r\n        }\r\n        .btn-outline:hover { background: rgba(255, 255, 255, 0.05); border-color: white; }\r\n        .nav-btn { padding: 10px 24px; font-size: 14px; }\r\n\r\n        \/* =================================================================\r\n           3. HERO SECTION\r\n        ================================================================= *\/\r\n        .hero-section { padding-top: 140px; padding-bottom: 80px; position: relative; overflow: hidden; }\r\n        .hero-glow {\r\n            position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);\r\n            width: 80vw; height: 80vw; max-width: 600px; max-height: 600px;\r\n            background: radial-gradient(circle, rgba(59, 130, 246, 0.15) 0%, transparent 70%);\r\n            z-index: -1; pointer-events: none;\r\n        }\r\n        .hero-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 60px; align-items: center; }\r\n        .hero-badge {\r\n            display: inline-block; padding: 6px 14px;\r\n            background: rgba(59, 130, 246, 0.1); border: 1px solid rgba(59, 130, 246, 0.2);\r\n            border-radius: 50px; color: var(--primary); font-size: 13px; font-weight: 600; margin-bottom: 20px;\r\n        }\r\n        .hero-title { font-size: clamp(36px, 5vw, 64px); line-height: 1.1; font-weight: 700; margin-bottom: 20px; }\r\n        .gradient-text {\r\n            background: linear-gradient(to right, #fff, #3b82f6, #fff); background-size: 200% auto;\r\n            -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: shine 3s linear infinite;\r\n        }\r\n        .hero-desc { font-size: clamp(16px, 2vw, 18px); color: var(--text-gray); line-height: 1.6; margin-bottom: 35px; max-width: 550px; }\r\n        .cta-group { display: flex; gap: 15px; flex-wrap: wrap; }\r\n        .hero-btn-lg { padding: 14px 32px; font-size: 16px; }\r\n        .hero-visual { position: relative; width: 100%; }\r\n        .dashboard-frame {\r\n            background: #0f172a; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 12px; padding: 6px;\r\n            box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.5); animation: float 6s ease-in-out infinite;\r\n        }\r\n        .floating-badge {\r\n            position: absolute; bottom: -20px; left: -20px; background: #1e293b; padding: 12px 20px;\r\n            border-radius: 10px; border: 1px solid rgba(255,255,255,0.1); box-shadow: 0 10px 30px rgba(0,0,0,0.5);\r\n            animation: float 5s ease-in-out infinite reverse; display: flex; align-items: center; gap: 10px; white-space: nowrap; max-width: 90%;\r\n        }\r\n\r\n        \/* =================================================================\r\n           4. SHARED SECTIONS\r\n        ================================================================= *\/\r\n        .section-header { text-align: center; max-width: 800px; margin: 0 auto 60px; }\r\n        .section-title { font-size: clamp(28px, 4vw, 42px); font-weight: 700; margin-bottom: 15px; color: white; }\r\n        .section-desc { font-size: clamp(16px, 2vw, 18px); color: #94a3b8; line-height: 1.6; }\r\n        \r\n        .features-grid, .modules-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; }\r\n        .split-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: center; }\r\n        .security-grid { display: grid; grid-template-columns: 1fr 1.2fr; gap: 60px; align-items: center; }\r\n\r\n        \/* =================================================================\r\n           5. FEATURES & MODULES\r\n        ================================================================= *\/\r\n        .why-section, .modules-section { padding: 100px 0; background-color: #020617; position: relative; }\r\n        \r\n        .feature-card, .mod-card {\r\n            background: rgba(255, 255, 255, 0.02); border: 1px solid rgba(255, 255, 255, 0.08);\r\n            border-radius: 16px; padding: 30px; transition: all 0.3s ease; position: relative; overflow: hidden;\r\n        }\r\n        .feature-card:hover, .mod-card:hover {\r\n            transform: translateY(-5px); border-color: var(--primary); box-shadow: 0 10px 40px -10px rgba(59, 130, 246, 0.1);\r\n        }\r\n        .icon-box, .mod-icon {\r\n            width: 50px; height: 50px; background: rgba(59, 130, 246, 0.1); border-radius: 12px;\r\n            display: flex; align-items: center; justify-content: center; margin-bottom: 20px; color: var(--primary); font-size: 22px;\r\n        }\r\n        .feature-card:hover .icon-box, .mod-card:hover .mod-icon { background: var(--primary); color: white; }\r\n        .feature-card h3, .mod-top h3 { font-size: 20px; margin-bottom: 10px; color: white; }\r\n        .feature-card p, .mod-top p { font-size: 15px; color: #94a3b8; line-height: 1.5; margin: 0; }\r\n\r\n        \/* Modules Specific *\/\r\n        .mod-card { padding: 0; display: flex; flex-direction: column; height: 100%; }\r\n        .mod-top { padding: 30px; flex-grow: 1; }\r\n        .mod-impact { background: rgba(15, 23, 42, 0.6); border-top: 1px solid rgba(255, 255, 255, 0.05); padding: 25px 30px; position: relative; }\r\n        .mod-impact::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--primary); opacity: 0.5; transition: 0.3s; }\r\n        .mod-card:hover .mod-impact::before { opacity: 1; }\r\n        .impact-title { font-size: 13px; text-transform: uppercase; letter-spacing: 1px; color: var(--primary); font-weight: 700; margin-bottom: 15px; display: flex; align-items: center; gap: 8px; }\r\n        .impact-list li { font-size: 14px; color: #cbd5e1; margin-bottom: 8px; display: flex; align-items: flex-start; gap: 10px; }\r\n        .check-icon { color: #10b981; font-size: 14px; margin-top: 4px; }\r\n\r\n        \/* =================================================================\r\n           6. LIFECYCLE\r\n        ================================================================= *\/\r\n        .lifecycle-section { padding: 100px 0; background-color: #020617; overflow: hidden; }\r\n        .timeline { position: relative; max-width: 1000px; margin: 0 auto; padding: 40px 0; }\r\n        .timeline::after {\r\n            content: ''; position: absolute; width: 4px; background: rgba(59, 130, 246, 0.2);\r\n            top: 0; bottom: 0; left: 50%; margin-left: -2px; border-radius: 2px;\r\n        }\r\n        .timeline-item { padding: 10px 40px; position: relative; width: 50%; background-color: inherit; }\r\n        .left { left: 0; text-align: right; }\r\n        .right { left: 50%; text-align: left; }\r\n        .timeline-item::after {\r\n            content: ''; position: absolute; width: 20px; height: 20px;\r\n            background-color: #020617; border: 4px solid var(--primary);\r\n            top: 25px; border-radius: 50%; z-index: 2; right: -10px;\r\n        }\r\n        .right::after { left: -10px; right: auto; }\r\n        .content-box { padding: 25px; background: rgba(30, 41, 59, 0.4); border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 12px; position: relative; transition: 0.3s; }\r\n        .step-number { font-size: 12px; font-weight: 700; color: var(--primary); text-transform: uppercase; margin-bottom: 8px; display: block; }\r\n        .timeline-title { font-size: 20px; font-weight: 700; margin-bottom: 8px; color: white; display: flex; align-items: center; gap: 10px; }\r\n        .left .timeline-title { justify-content: flex-end; }\r\n        .right .timeline-title { justify-content: flex-start; }\r\n        .timeline-desc { font-size: 15px; color: #94a3b8; line-height: 1.5; margin: 0; }\r\n\r\n        \/* =================================================================\r\n           7. SECURITY SECTION\r\n        ================================================================= *\/\r\n        .security-section { padding: 100px 0; background: linear-gradient(to bottom, #020617, #0f172a); }\r\n        .shield-container {\r\n            width: 100px; height: 100px; background: rgba(59, 130, 246, 0.1); border-radius: 50%;\r\n            display: flex; align-items: center; justify-content: center; position: relative; margin-bottom: 30px; margin-left: auto; margin-right: auto;\r\n        }\r\n        @media(min-width: 969px) { .shield-container { margin-left: 0; } }\r\n        \r\n        .shield-container i { font-size: 40px; color: var(--primary); z-index: 2; }\r\n        .shield-pulse {\r\n            position: absolute; width: 100%; height: 100%; border-radius: 50%; border: 1px solid var(--primary);\r\n            opacity: 0; animation: pulse-ring 3s infinite;\r\n        }\r\n        .shield-pulse:nth-child(2) { animation-delay: 1s; } .shield-pulse:nth-child(3) { animation-delay: 2s; }\r\n        \r\n        .sec-list { display: flex; flex-direction: column; gap: 20px; }\r\n        .sec-item {\r\n            display: flex; align-items: flex-start; gap: 20px; padding: 25px;\r\n            background: rgba(255, 255, 255, 0.02); border: 1px solid rgba(255, 255, 255, 0.05); border-left: 4px solid transparent;\r\n            border-radius: 8px; transition: all 0.3s ease; position: relative; overflow: hidden;\r\n        }\r\n        .sec-item:hover { background: rgba(30, 41, 59, 0.6); border-left-color: var(--primary); transform: translateX(10px); }\r\n        .sec-icon {\r\n            min-width: 50px; height: 50px; background: rgba(255, 255, 255, 0.05); border-radius: 10px;\r\n            display: flex; align-items: center; justify-content: center; color: var(--primary); font-size: 20px; transition: 0.3s;\r\n        }\r\n        .sec-item:hover .sec-icon { background: var(--primary); color: white; box-shadow: 0 0 15px var(--primary); }\r\n        .sec-text h3 { font-size: 18px; font-weight: 600; margin-bottom: 8px; color: white; }\r\n        .sec-text p { font-size: 14px; color: #94a3b8; margin: 0; line-height: 1.5; }\r\n\r\n        \/* =================================================================\r\n           8. SPLIT SECTIONS\r\n        ================================================================= *\/\r\n        .split-section { padding: 80px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.05); }\r\n        .section-tag { color: var(--primary); font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 15px; display: block; }\r\n        .split-title { font-size: 36px; font-weight: 700; margin-bottom: 20px; color: white; line-height: 1.2; }\r\n        .split-desc { font-size: 16px; color: #94a3b8; margin-bottom: 30px; line-height: 1.6; }\r\n        \r\n        .image-frame {\r\n            border-radius: 16px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.1);\r\n            background: #0f172a; box-shadow: 0 20px 50px -10px rgba(0, 0, 0, 0.5); transition: transform 0.3s ease;\r\n        }\r\n        .image-frame:hover { transform: translateY(-5px); border-color: var(--primary); }\r\n        .image-frame img { transition: transform 0.5s ease; width: 100%; }\r\n        .image-frame:hover img { transform: scale(1.02); }\r\n\r\n        .integration-list li { margin-bottom: 12px; color: #cbd5e1; display: flex; align-items: center; gap: 12px; font-size: 15px; }\r\n        .integration-icon { color: var(--primary); background: rgba(59, 130, 246, 0.1); width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; }\r\n        \r\n        .personas-wrapper { display: flex; flex-wrap: wrap; gap: 15px; margin-bottom: 35px; }\r\n        .persona-badge { background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); padding: 10px 20px; border-radius: 8px; color: white; font-weight: 500; display: flex; align-items: center; gap: 10px; }\r\n        .persona-badge i { color: var(--primary); }\r\n\r\n        .results-list { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 35px; }\r\n        .stat-item h4 { font-size: 32px; color: var(--primary); font-weight: 800; margin: 0 0 5px 0; }\r\n        .stat-item p { font-size: 14px; color: #94a3b8; margin: 0; line-height: 1.4; }\r\n\r\n        \/* =================================================================\r\n           9. PRICING SECTION (NEON STYLE)\r\n        ================================================================= *\/\r\n        .pricing-section {\r\n            padding: 100px 0; display: flex; justify-content: center; flex-direction: column;\r\n            background-image: radial-gradient(circle at 15% 50%, rgba(37, 99, 235, 0.08) 0%, transparent 25%), radial-gradient(circle at 85% 30%, rgba(139, 92, 246, 0.08) 0%, transparent 25%);\r\n        }\r\n        .pricing-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; max-width: 1400px; width: 100%; }\r\n        \r\n        .price-card {\r\n            background-color: var(--card-bg); border: 1px solid #1f1f1f; border-radius: 20px;\r\n            padding: 35px 25px; position: relative; transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n            display: flex; flex-direction: column; overflow: hidden;\r\n        }\r\n        \/* Custom Hover Effect using Variables *\/\r\n        .price-card:hover {\r\n            transform: translateY(-10px); border-color: var(--theme-color);\r\n            box-shadow: 0 15px 40px -10px rgba(0,0,0,0.5), 0 0 20px -5px var(--theme-color-glow);\r\n        }\r\n        \r\n        .card-header { margin-bottom: 25px; }\r\n        .plan-icon { font-size: 28px; color: var(--theme-color); margin-bottom: 15px; display: inline-block; }\r\n        .plan-name { font-size: 26px; font-weight: 700; color: var(--text-main); margin: 0 0 5px 0; }\r\n        .plan-sub { font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; color: var(--theme-color); margin-bottom: 15px; display: block; }\r\n        .plan-desc { font-size: 14px; color: var(--text-muted); line-height: 1.5; min-height: 42px; }\r\n        \r\n        .price-area { margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #1f1f1f; }\r\n        \/* Old Price Styling *\/\r\n        .old-price { \r\n            color: #52525b; font-size: 16px; font-weight: 500; display: block; margin-bottom: 5px; \r\n        }\r\n        .current-price { font-size: 36px; font-weight: 800; color: var(--text-main); line-height: 1; }\r\n        .currency { font-size: 18px; font-weight: 500; color: var(--text-muted); margin-right: 2px; }\r\n        .period { font-size: 14px; color: #52525b; font-weight: 400; }\r\n        \r\n        .ideal-box { background: rgba(255, 255, 255, 0.03); border-left: 3px solid var(--theme-color); padding: 15px; border-radius: 0 8px 8px 0; margin-bottom: 30px; }\r\n        .ideal-label { display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 700; color: var(--theme-color); margin-bottom: 5px; text-transform: uppercase; }\r\n        .ideal-text { font-size: 13px; color: #d1d5db; line-height: 1.4; }\r\n        \r\n        .features-list { list-style: none; padding: 0; margin: 0 0 30px 0; flex-grow: 1; }\r\n        .features-list li { display: flex; align-items: center; gap: 12px; font-size: 14px; color: #e5e7eb; margin-bottom: 12px; }\r\n        .features-list li i { color: var(--theme-color); font-size: 14px; }\r\n        \r\n        .plan-btn {\r\n            width: 100%; padding: 16px; background: transparent; border: 1px solid #333; color: white; font-weight: 600;\r\n            border-radius: 12px; cursor: pointer; transition: 0.3s; font-size: 15px; display: block; text-align: center; text-decoration: none;\r\n        }\r\n        .price-card:hover .plan-btn { background: var(--theme-color); border-color: var(--theme-color); color: #000; box-shadow: 0 5px 15px var(--theme-color-glow); }\r\n        \r\n        .popular-badge { position: absolute; top: 0; right: 0; background: var(--theme-color); color: #000; font-size: 11px; font-weight: 800; text-transform: uppercase; padding: 6px 15px; border-bottom-left-radius: 15px; }\r\n        .discount-chip { background: rgba(255,255,255,0.1); color: white; font-size: 11px; padding: 8px 8px 8px; border-radius: 4px; margin-left: 10px; vertical-align: middle; }\r\n\r\n        \/* =================================================================\r\n           10. TESTIMONIALS & FOOTER\r\n        ================================================================= *\/\r\n        .reviews-section { padding: 100px 0; background-color: #020617; }\r\n        .review-card {\r\n            background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.05);\r\n            padding: 30px; border-radius: 12px; transition: 0.3s; display: flex; flex-direction: column; justify-content: space-between; height: 100%;\r\n        }\r\n        .review-card:hover { transform: translateY(-5px); border-color: var(--primary); background: rgba(59, 130, 246, 0.05); }\r\n        .stars { color: #FBBF24; margin-bottom: 15px; font-size: 14px; }\r\n        .review-text { font-size: 15px; line-height: 1.6; color: #cbd5e1; margin-bottom: 25px; font-style: italic; }\r\n        .client-info { display: flex; align-items: center; gap: 15px; border-top: 1px solid rgba(255,255,255,0.05); padding-top: 20px; }\r\n        .client-img { width: 50px; height: 50px; border-radius: 50%; object-fit: cover; border: 2px solid var(--primary); }\r\n        .client-details h5 { margin: 0; color: white; font-size: 15px; font-weight: 600; }\r\n        .client-details span { font-size: 13px; color: #94a3b8; }\r\n\r\n        .final-cta { padding: 80px 0; background: linear-gradient(135deg, var(--primary), #1d4ed8); text-align: center; border-top: 1px solid rgba(255,255,255,0.1); }\r\n        .final-cta h2 { font-size: 42px; margin-bottom: 20px; color: white; }\r\n        .final-cta p { font-size: 18px; color: rgba(255,255,255,0.9); margin-bottom: 40px; max-width: 600px; margin-left: auto; margin-right: auto; }\r\n        .btn-white { background: white; color: var(--primary); }\r\n        .btn-white:hover { background: #f8fafc; transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0,0,0,0.2); }\r\n\r\n        .copyright { background: #0f172a; text-align: center; border-top: 1px solid rgba(255,255,255,0.05); padding: 30px 0; color: #64748b; font-size: 14px; }\r\n\r\n        \/* =================================================================\r\n           11. RESPONSIVE MEDIA QUERIES (Global)\r\n        ================================================================= *\/\r\n        @media screen and (max-width: 968px) {\r\n            .hero-section { padding-top: 100px; text-align: center; }\r\n            .hero-grid { grid-template-columns: 1fr; gap: 50px; }\r\n            .hero-desc { margin-left: auto; margin-right: auto; }\r\n            .cta-group { justify-content: center; }\r\n            .hero-visual { padding: 0 10px; }\r\n            .floating-badge { position: relative; bottom: auto; left: auto; right: auto; margin: -20px auto 0; width: fit-content; }\r\n            .split-grid, .security-grid { grid-template-columns: 1fr; text-align: center; gap: 40px; }\r\n            .content-side { padding-right: 0; order: 1; }\r\n            .image-side { order: 2; }\r\n            .sec-content { text-align: center; align-items: center; }\r\n            .integration-list li, .personas-wrapper { justify-content: center; }\r\n            .sec-item:hover { transform: translateY(-5px); }\r\n        }\r\n\r\n        @media screen and (max-width: 768px) {\r\n            .timeline::after { left: 20px; }\r\n            .timeline-item { width: 100%; padding-left: 50px; padding-right: 0; margin-bottom: 20px; text-align: left !important; }\r\n            .timeline-item.right, .timeline-item.left { left: 0; }\r\n            .timeline-item::after, .timeline-item.right::after { left: 10px; right: auto; }\r\n            .left .timeline-title, .right .timeline-title, .timeline-item:last-child .timeline-title { justify-content: flex-start !important; }\r\n            .cta-group { flex-direction: column; width: 100%; }\r\n            .hero-btn-lg { width: 100%; }\r\n            .modules-grid { grid-template-columns: 1fr; }\r\n        }\r\n        \r\n        @media screen and (max-width: 600px) {\r\n            .logo-img { height: 32px; } \r\n            .nav-btn { padding: 8px 16px; font-size: 12px; }\r\n        }\r\n         \/* New VAT Note Style *\/\r\n        .vat-note { display: block; font-size: 12px; color: #64748b; margin-top: 8px; font-weight: 400; font-style: italic; }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <section class=\"hero-section\">\r\n        <div class=\"hero-glow\"><\/div>\r\n        <div class=\"container hero-grid\">\r\n            <div class=\"hero-text\">\r\n                <span class=\"hero-badge\">All-in-One HR Management System<\/span>\r\n                <h1 class=\"hero-title translation-block\"><span class=\"gradient-text\">Digitivia HR Software<\/span><br>\r\n                    For Modern Business<\/h1>\r\n                <p class=\"hero-desc\">\r\n                    A powerful, cloud-based HRMS designed to automate HR operations and manage the complete employee lifecycle from one secure platform.\r\n                <\/p>\r\n                <div class=\"cta-group\">\r\n                    <a href=\"https:\/\/hr.digitivia.com\/\" class=\"btn btn-primary hero-btn-lg\">Request a Demo<\/a>\r\n                    <a href=\"https:\/\/calendar.app.google\/29FDekEdKzBZ31dF9\" class=\"btn btn-outline hero-btn-lg\"><i class=\"far fa-comment-dots\"><\/i> Talk to Expert<\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"hero-visual\">\r\n                <div class=\"dashboard-frame\">\r\n                    <img decoding=\"async\" src=\"https:\/\/digitivia.com\/wp-content\/uploads\/2026\/01\/menameplus1.png\" alt=\"Dashboard\" class=\"dashboard-img\">\r\n                <\/div>\r\n                <div class=\"floating-badge\">\r\n                    <i class=\"fas fa-check-circle\" style=\"color: #10b981;\"><\/i>\r\n                    <span style=\"font-weight: 600; font-size: 14px;\">Payroll Completed<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"why-section\">\r\n        <div class=\"container\">\r\n            <div class=\"section-header reveal\">\r\n                <h2 class=\"section-title\">Why Digitivia HR?<\/h2>\r\n                <p class=\"section-desc\">Built to scale with your business while reducing operational overhead.<\/p>\r\n            <\/div>\r\n            <div class=\"features-grid\">\r\n                <div class=\"feature-card reveal\"><div class=\"icon-box\"><i class=\"fas fa-robot\"><\/i><\/div><h3>Automated Processes<\/h3><p>Streamline operations across the entire employee lifecycle automatically.<\/p><\/div>\r\n                <div class=\"feature-card reveal delay-1\"><div class=\"icon-box\"><i class=\"fas fa-file-invoice-dollar\"><\/i><\/div><h3>Zero Payroll Errors<\/h3><p>Drastically reduce payroll and administrative errors with automation.<\/p><\/div>\r\n                <div class=\"feature-card reveal delay-2\"><div class=\"icon-box\"><i class=\"fas fa-bolt\"><\/i><\/div><h3>Faster Workflows<\/h3><p>Speed up approvals ensuring no request gets lost in the shuffle.<\/p><\/div>\r\n                <div class=\"feature-card reveal\"><div class=\"icon-box\"><i class=\"fas fa-shield-halved\"><\/i><\/div><h3>Secure & Compliant<\/h3><p>Enterprise-grade cloud infrastructure that keeps your data safe.<\/p><\/div>\r\n                <div class=\"feature-card reveal delay-1\"><div class=\"icon-box\"><i class=\"fas fa-users\"><\/i><\/div><h3>Better Experience<\/h3><p>Improve employee and manager satisfaction with an intuitive interface.<\/p><\/div>\r\n                <div class=\"feature-card reveal delay-2\"><div class=\"icon-box\"><i class=\"fas fa-rocket\"><\/i><\/div><h3>Seamless Modernization<\/h3><p>Ideal for companies looking to modernize without disrupting systems.<\/p><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"lifecycle-section\">\r\n        <div class=\"container\">\r\n            <div class=\"section-header reveal\">\r\n                <h2 class=\"section-title translation-block\">One Platform. <br><span style=\"color: var(--primary);\">Entire Employee Lifecycle.<\/span><\/h2>\r\n                <p class=\"section-desc\">Creating a seamless experience from day one.<\/p>\r\n            <\/div>\r\n            <div class=\"timeline\">\r\n                <div class=\"timeline-item left reveal\"><div class=\"content-box\"><span class=\"step-number\">Stage 01<\/span><h3 class=\"timeline-title\">Recruitment <i class=\"fas fa-user-plus\" style=\"color:var(--primary)\"><\/i><\/h3><p class=\"timeline-desc\">Attract, track, and hire top talent efficiently with integrated ATS.<\/p><\/div><\/div>\r\n                <div class=\"timeline-item right reveal delay-1\"><div class=\"content-box\"><span class=\"step-number\">Stage 02<\/span><h3 class=\"timeline-title\"><i class=\"fas fa-door-open\" style=\"color:var(--primary)\"><\/i> Onboarding<\/h3><p class=\"timeline-desc\">Create a smooth, structured welcome experience.<\/p><\/div><\/div>\r\n                <div class=\"timeline-item left reveal delay-2\"><div class=\"content-box\"><span class=\"step-number\">Stage 03<\/span><h3 class=\"timeline-title\">Core HR <i class=\"fas fa-database\" style=\"color:var(--primary)\"><\/i><\/h3><p class=\"timeline-desc\">Centralized employee records. Your single source of truth.<\/p><\/div><\/div>\r\n                <div class=\"timeline-item right reveal\"><div class=\"content-box\"><span class=\"step-number\">Stage 04<\/span><h3 class=\"timeline-title\"><i class=\"fas fa-clock\" style=\"color:var(--primary)\"><\/i> Attendance<\/h3><p class=\"timeline-desc\">Accurate time tracking, shift management, and biometric integration.<\/p><\/div><\/div>\r\n                <div class=\"timeline-item left reveal delay-1\"><div class=\"content-box\"><span class=\"step-number\">Stage 05<\/span><h3 class=\"timeline-title\">Payroll <i class=\"fas fa-money-bill-wave\" style=\"color:var(--primary)\"><\/i><\/h3><p class=\"timeline-desc\">Automated, compliant, and error-free payroll processing.<\/p><\/div><\/div>\r\n                <div class=\"timeline-item right reveal delay-2\"><div class=\"content-box\"><span class=\"step-number\">Stage 06<\/span><h3 class=\"timeline-title\"><i class=\"fas fa-chart-line\" style=\"color:var(--primary)\"><\/i> Performance<\/h3><p class=\"timeline-desc\">Align employee performance with business goals through KPIs.<\/p><\/div><\/div>\r\n                <div class=\"timeline-item left reveal\" style=\"width: 100%; text-align: center;\"><div class=\"content-box\" style=\"border-color: var(--primary);\"><span class=\"step-number\">Continuous<\/span><h3 class=\"timeline-title\" style=\"justify-content: center;\">Self-Service <i class=\"fas fa-mobile-screen\" style=\"color:var(--primary)\"><\/i><\/h3><p class=\"timeline-desc\">Empower employees to manage their own data.<\/p><\/div><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"security-section\">\r\n        <div class=\"container security-grid\">\r\n            <div class=\"sec-content reveal\">\r\n                <div class=\"shield-container\"><i class=\"fas fa-shield-virus\"><\/i><div class=\"shield-pulse\"><\/div><div class=\"shield-pulse\"><\/div><div class=\"shield-pulse\"><\/div><\/div>\r\n                <h2 class=\" translation-block\">Built for Accuracy, <br><span style=\"color: var(--primary);\">Security, and Scale.<\/span><\/h2>\r\n                <p class=\" translation-block\">Digitivia HR is developed using enterprise-grade architecture to ensure long-term reliability and data protection.<br><br><strong style=\"color: white;\">Your data is protected. Your operations never stop.<\/strong><\/p>\r\n            <\/div>\r\n            <div class=\"sec-list\">\r\n                <div class=\"sec-item reveal delay-1\"><div class=\"sec-icon\"><i class=\"fas fa-server\"><\/i><\/div><div class=\"sec-text\"><h3>Cloud-based Infrastructure<\/h3><p>Scalable architecture that grows with your business demands.<\/p><\/div><\/div>\r\n                <div class=\"sec-item reveal delay-2\"><div class=\"sec-icon\"><i class=\"fas fa-user-lock\"><\/i><\/div><div class=\"sec-text\"><h3>Role-based Access Control<\/h3><p>Granular permissions ensure employees only see what they are supposed to see.<\/p><\/div><\/div>\r\n                <div class=\"sec-item reveal delay-1\"><div class=\"sec-icon\"><i class=\"fas fa-fingerprint\"><\/i><\/div><div class=\"sec-text\"><h3>Advanced Encryption<\/h3><p>Bank-grade data protection and encryption for data at rest and in transit.<\/p><\/div><\/div>\r\n                <div class=\"sec-item reveal delay-2\"><div class=\"sec-icon\"><i class=\"fas fa-database\"><\/i><\/div><div class=\"sec-text\"><h3>Backup & Continuity<\/h3><p>Automated backup systems and disaster recovery protocols.<\/p><\/div><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"modules-section\">\r\n        <div class=\"container\">\r\n            <div class=\"modules-header reveal\">\r\n                <h2 style=\"font-size: 38px; color: white; margin-bottom: 15px;\" class=\" translation-block\">Powerful Modules That Drive <br><span style=\"color: var(--primary);\">Real Business Impact<\/span><\/h2>\r\n                <p style=\"color: #94a3b8; font-size: 18px;\">Everything you need to manage your workforce, optimized for speed and accuracy.<\/p>\r\n            <\/div>\r\n            <div class=\"modules-grid\">\r\n                <div class=\"mod-card reveal\"><div class=\"mod-top\"><div class=\"mod-icon\"><i class=\"fas fa-money-check-dollar\"><\/i><\/div><h3>Payroll Management<\/h3><p>Automate salary calculations, allowances, deductions with full accuracy.<\/p><\/div><div class=\"mod-impact\"><div class=\"impact-title\"><i class=\"fas fa-chart-line\"><\/i> Business Impact<\/div><ul class=\"impact-list\"><li><i class=\"fas fa-check check-icon\"><\/i> 90% reduction in errors<\/li><li><i class=\"fas fa-check check-icon\"><\/i> Faster payroll cycles<\/li><\/ul><\/div><\/div>\r\n                <div class=\"mod-card reveal delay-1\"><div class=\"mod-top\"><div class=\"mod-icon\"><i class=\"fas fa-clock\"><\/i><\/div><h3>Attendance & Time<\/h3><p>Track attendance, overtime, and shifts in real time.<\/p><\/div><div class=\"mod-impact\"><div class=\"impact-title\"><i class=\"fas fa-chart-line\"><\/i> Business Impact<\/div><ul class=\"impact-list\"><li><i class=\"fas fa-check check-icon\"><\/i> Improved workforce discipline<\/li><li><i class=\"fas fa-check check-icon\"><\/i> Payroll integration<\/li><\/ul><\/div><\/div>\r\n                <div class=\"mod-card reveal delay-2\"><div class=\"mod-top\"><div class=\"mod-icon\"><i class=\"fas fa-users-gear\"><\/i><\/div><h3>Employee Management<\/h3><p>A single source of truth for all employee data.<\/p><\/div><div class=\"mod-impact\"><div class=\"impact-title\"><i class=\"fas fa-chart-line\"><\/i> Business Impact<\/div><ul class=\"impact-list\"><li><i class=\"fas fa-check check-icon\"><\/i> No paper processes<\/li><li><i class=\"fas fa-check check-icon\"><\/i> Faster access to info<\/li><\/ul><\/div><\/div>\r\n                <div class=\"mod-card reveal\"><div class=\"mod-top\"><div class=\"mod-icon\"><i class=\"fas fa-mobile-screen-button\"><\/i><\/div><h3>Employee Self-Service<\/h3><p>Give employees control over leave requests and data.<\/p><\/div><div class=\"mod-impact\"><div class=\"impact-title\"><i class=\"fas fa-chart-line\"><\/i> Business Impact<\/div><ul class=\"impact-list\"><li><i class=\"fas fa-check check-icon\"><\/i> 50% less admin workload<\/li><li><i class=\"fas fa-check check-icon\"><\/i> Higher satisfaction<\/li><\/ul><\/div><\/div>\r\n                <div class=\"mod-card reveal delay-1\"><div class=\"mod-top\"><div class=\"mod-icon\"><i class=\"fas fa-trophy\"><\/i><\/div><h3>Performance Management<\/h3><p>Turn reviews into a strategic advantage with goal tracking.<\/p><\/div><div class=\"mod-impact\"><div class=\"impact-title\"><i class=\"fas fa-chart-line\"><\/i> Business Impact<\/div><ul class=\"impact-list\"><li><i class=\"fas fa-check check-icon\"><\/i> Performance-driven culture<\/li><li><i class=\"fas fa-check check-icon\"><\/i> Data-backed decisions<\/li><\/ul><\/div><\/div>\r\n                <div class=\"mod-card reveal delay-2\"><div class=\"mod-top\"><div class=\"mod-icon\"><i class=\"fas fa-user-plus\"><\/i><\/div><h3>Applicant Tracking (ATS)<\/h3><p>Manage the entire recruitment lifecycle in one place.<\/p><\/div><div class=\"mod-impact\"><div class=\"impact-title\"><i class=\"fas fa-chart-line\"><\/i> Business Impact<\/div><ul class=\"impact-list\"><li><i class=\"fas fa-check check-icon\"><\/i> Faster hiring cycles<\/li><li><i class=\"fas fa-check check-icon\"><\/i> Better candidate experience<\/li><\/ul><\/div><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n    \r\n    <section class=\"split-section\">\r\n        <div class=\"container split-grid\">\r\n            <div class=\"content-side reveal\">\r\n                <span class=\"section-tag\">Int\u00e9gration<\/span>\r\n                <h2 class=\"split-title\">Seamless Integrations with Your Ecosystem<\/h2>\r\n                <p class=\"split-desc\">Digitivia HR integrates effortlessly with your existing tools. No disruption. Just smarter operations.<\/p>\r\n                <ul class=\"integration-list\">\r\n                    <li><span class=\"integration-icon\"><i class=\"fas fa-link\"><\/i><\/span> Attendance and biometric systems<\/li>\r\n                    <li><span class=\"integration-icon\"><i class=\"fas fa-link\"><\/i><\/span> Accounting and financial platforms<\/li>\r\n                    <li><span class=\"integration-icon\"><i class=\"fas fa-link\"><\/i><\/span> Payroll and banking systems<\/li>\r\n                    <li><span class=\"integration-icon\"><i class=\"fas fa-link\"><\/i><\/span> Internal communication tools<\/li>\r\n                    <li><span class=\"integration-icon\"><i class=\"fas fa-link\"><\/i><\/span> Government systems<\/li>\r\n                <\/ul>\r\n                <a href=\"https:\/\/hr.digitivia.com\/\" class=\"btn btn-primary hero-btn-lg\">Request a Demo <i class=\"fas fa-arrow-right\" style=\"margin-left: 5px;\"><\/i><\/a>\r\n            <\/div>\r\n            <div class=\"image-side reveal delay-1\">\r\n                <div class=\"image-frame\"><img decoding=\"async\" src=\"https:\/\/digitivia.com\/wp-content\/uploads\/2026\/01\/Curio-New-Page-Screen1.png\" alt=\"Integrations\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"split-section\">\r\n        <div class=\"container split-grid\">\r\n            <div class=\"content-side reveal\">\r\n                <span class=\"section-tag\">Usability<\/span>\r\n                <h2 class=\"split-title\">Designed for Everyone<\/h2>\r\n                <p class=\"split-desc\">With a modern, intuitive interface that ensures fast adoption and minimal training for your entire team.<\/p>\r\n                <div class=\"personas-wrapper\">\r\n                    <div class=\"persona-badge\"><i class=\"fas fa-user-tie\"><\/i> HR Professionals<\/div>\r\n                    <div class=\"persona-badge\"><i class=\"fas fa-briefcase\"><\/i> Managers<\/div>\r\n                    <div class=\"persona-badge\"><i class=\"fas fa-users\"><\/i> Employees<\/div>\r\n                <\/div>\r\n                <a href=\"https:\/\/hr.digitivia.com\/\" class=\"btn btn-primary hero-btn-lg\">Request a Demo <i class=\"fas fa-arrow-right\" style=\"margin-left: 5px;\"><\/i><\/a>\r\n            <\/div>\r\n            <div class=\"image-side reveal delay-1\">\r\n                <div class=\"image-frame\"><img decoding=\"async\" src=\"https:\/\/digitivia.com\/wp-content\/uploads\/2026\/01\/MenaPAY-hero-11.png\" alt=\"User Interface\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"split-section\" style=\"border-bottom: none;\">\r\n        <div class=\"container split-grid\">\r\n            <div class=\"content-side reveal\">\r\n                <span class=\"section-tag\">ROI & Impact<\/span>\r\n                <h2 class=\"split-title\">Proven Business Results<\/h2>\r\n                <p class=\"split-desc\">Join the organizations using Digitivia HR to reduce errors, save time, and increase productivity.<\/p>\r\n                <div class=\"results-list\">\r\n                    <div class=\"stat-item\"><h4>40\u201360%<\/h4><p>Reduction in manual HR processes<\/p><\/div>\r\n                    <div class=\"stat-item\"><h4>80\u201390%<\/h4><p>Reduction in payroll errors<\/p><\/div>\r\n                    <div class=\"stat-item\"><h4>2x Faster<\/h4><p>Approvals and reporting cycles<\/p><\/div>\r\n                    <div class=\"stat-item\"><h4>Higher<\/h4><p>Productivity & Satisfaction<\/p><\/div>\r\n                <\/div>\r\n                <a href=\"https:\/\/hr.digitivia.com\/\" class=\"btn btn-primary hero-btn-lg\">Request a Demo <i class=\"fas fa-arrow-right\" style=\"margin-left: 5px;\"><\/i><\/a>\r\n            <\/div>\r\n            <div class=\"image-side reveal delay-1\">\r\n                <div class=\"image-frame\"><img decoding=\"async\" src=\"https:\/\/digitivia.com\/wp-content\/uploads\/2026\/01\/MenaSME11.png\" alt=\"Business Results\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"pricing-section\">\r\n        <div class=\"container\">\r\n            <div class=\"section-header reveal\" style=\"text-align: center; margin-bottom: 50px;\">\r\n                <h2 class=\"section-title translation-block\" style=\"font-size: 42px;\">Transparent &amp; Simple <span style=\"color: var(--primary);\">Pricing<\/span><\/h2>\r\n                <p class=\"section-desc\">Choose the plan that fits your company size. No hidden fees.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"pricing-grid\">\r\n                <div class=\"price-card\" style=\"--theme-color: #22c55e; --theme-color-glow: rgba(34, 197, 94, 0.4);\">\r\n                    <div class=\"card-header\">\r\n                        <i class=\"fas fa-seedling plan-icon\"><\/i>\r\n                        <h3 class=\"plan-name\">Free Package<\/h3>\r\n                        <span class=\"plan-sub\">Forever Free<\/span>\r\n                        <p class=\"plan-desc\">Essential tools for small teams just getting started.<\/p>\r\n                    <\/div>\r\n                    <div class=\"price-area\">\r\n                        <span class=\"current-price\"><span class=\"currency\">$<\/span>0<\/span><span class=\"period\">\/ month<\/span>\r\n                    <\/div>\r\n                    <div class=\"ideal-box\">\r\n                        <div class=\"ideal-label\"><i class=\"far fa-lightbulb\"><\/i> Ideal If:<\/div>\r\n                        <div class=\"ideal-text\">You have less than 5 employees and need basic HR organization.<\/div>\r\n                    <\/div>\r\n                    <ul class=\"features-list\">\r\n                        <li><i class=\"fas fa-check\"><\/i> Up to 5 Employees<\/li>\r\n                        <li><i class=\"fas fa-check\"><\/i> Employee Directory<\/li>\r\n                        <li><i class=\"fas fa-check\"><\/i> Document Storage<\/li>\r\n                        <li><i class=\"fas fa-check\"><\/i> Basic Time Off<\/li>\r\n                    <\/ul>\r\n                    <a href=\"https:\/\/hr.digitivia.com\/\" class=\"plan-btn\">Start for Free<\/a>\r\n                <\/div>\r\n\r\n                <div class=\"price-card\" style=\"--theme-color: #3b82f6; --theme-color-glow: rgba(59, 130, 246, 0.4);\">\r\n                    <div class=\"card-header\">\r\n                        <i class=\"fas fa-rocket plan-icon\"><\/i>\r\n                        <h3 class=\"plan-name\">Start<\/h3>\r\n                        <span class=\"plan-sub\">Growing Teams<\/span>\r\n                        <p class=\"plan-desc\">Automate your core HR tasks and save time.<\/p>\r\n                    <\/div>\r\n                    <div class=\"price-area\">\r\n                        <span class=\"old-price\">$5.00 <span class=\"discount-chip\">Save $2.50<\/span><\/span>\r\n                        <span class=\"current-price\"><span class=\"currency\">$<\/span>2.50<\/span><span class=\"period\">\/ user \/ month<\/span>\r\n                         <span class=\"vat-note\">(Inclusive of VAT)<\/span>\r\n                    <\/div>\r\n                    <div class=\"ideal-box\">\r\n                        <div class=\"ideal-label\"><i class=\"far fa-lightbulb\"><\/i> Ideal If:<\/div>\r\n                        <div class=\"ideal-text\">You want to automate payroll and employee onboarding.<\/div>\r\n                    <\/div>\r\n                    <ul class=\"features-list\">\r\n                        <li><i class=\"fas fa-check\"><\/i> Payroll Automation<\/li>\r\n                        <li><i class=\"fas fa-check\"><\/i> Leave Management<\/li>\r\n                        <li><i class=\"fas fa-check\"><\/i> Employee Self-Service App<\/li>\r\n                        <li><i class=\"fas fa-check\"><\/i> Email Support<\/li>\r\n                    <\/ul>\r\n                    <a href=\"https:\/\/calendar.app.google\/29FDekEdKzBZ31dF9\" target=\"_blank\" class=\"plan-btn\">Choose Start<\/a>\r\n                <\/div>\r\n\r\n                <div class=\"price-card\" style=\"--theme-color: #8b5cf6; --theme-color-glow: rgba(139, 92, 246, 0.4); border-color: rgba(139, 92, 246, 0.3);\">\r\n                    <div class=\"popular-badge\">Most Popular<\/div>\r\n                    <div class=\"card-header\">\r\n                        <i class=\"fas fa-crown plan-icon\"><\/i>\r\n                        <h3 class=\"plan-name\">Gross<\/h3>\r\n                        <span class=\"plan-sub\">Full Management<\/span>\r\n                        <p class=\"plan-desc\">Advanced tools for scaling businesses and performance.<\/p>\r\n                    <\/div>\r\n                    <div class=\"price-area\">\r\n                        <span class=\"old-price\">$10.00 <span class=\"discount-chip\">Save $5.00<\/span><\/span>\r\n                        <span class=\"current-price\"><span class=\"currency\">$<\/span>5<\/span><span class=\"period\">\/ user \/ month<\/span>\r\n                         <span class=\"vat-note\">(Inclusive of VAT)<\/span>\r\n                    <\/div>\r\n                    <div class=\"ideal-box\">\r\n                        <div class=\"ideal-label\"><i class=\"far fa-lightbulb\"><\/i> Ideal If:<\/div>\r\n                        <div class=\"ideal-text\">You need advanced analytics and performance tracking.<\/div>\r\n                    <\/div>\r\n                    <ul class=\"features-list\">\r\n                        <li><i class=\"fas fa-check\"><\/i> <strong>Unlimited<\/strong> Employees<\/li>\r\n                        <li><i class=\"fas fa-check\"><\/i> Performance Reviews (360\u00b0)<\/li>\r\n                        <li><i class=\"fas fa-check\"><\/i> Advanced Analytics & Reports<\/li>\r\n                        <li><i class=\"fas fa-check\"><\/i> Priority Support<\/li>\r\n                    <\/ul>\r\n                    <a href=\"https:\/\/calendar.app.google\/29FDekEdKzBZ31dF9\" target=\"_blank\" class=\"plan-btn\">Select Gross<\/a>\r\n                <\/div>\r\n\r\n                <div class=\"price-card\" style=\"--theme-color: #f59e0b; --theme-color-glow: rgba(245, 158, 11, 0.4);\">\r\n                    <div class=\"card-header\">\r\n                        <i class=\"fas fa-building plan-icon\"><\/i>\r\n                        <h3 class=\"plan-name\">Custom<\/h3>\r\n                        <span class=\"plan-sub\">Enterprise<\/span>\r\n                        <p class=\"plan-desc\">Tailored solutions for high-volume organizations.<\/p>\r\n                    <\/div>\r\n                    <div class=\"price-area\">\r\n                        <span class=\"current-price\" style=\"font-size: 32px;\">Custom<\/span><span class=\"period\">pricing<\/span>\r\n                    <\/div>\r\n                    <div class=\"ideal-box\">\r\n                        <div class=\"ideal-label\"><i class=\"far fa-lightbulb\"><\/i> Ideal If:<\/div>\r\n                        <div class=\"ideal-text\">You need custom integrations and dedicated management.<\/div>\r\n                    <\/div>\r\n                    <ul class=\"features-list\">\r\n                        <li><i class=\"fas fa-check\"><\/i> Dedicated Account Manager<\/li>\r\n                        <li><i class=\"fas fa-check\"><\/i> Custom API Access<\/li>\r\n                        <li><i class=\"fas fa-check\"><\/i> On-premise Options<\/li>\r\n                        <li><i class=\"fas fa-check\"><\/i> Custom SLA Agreements<\/li>\r\n                    <\/ul>\r\n                    <a href=\"https:\/\/calendar.app.google\/29FDekEdKzBZ31dF9\" target=\"_blank\" class=\"plan-btn\">Contact Sales<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"reviews-section\">\r\n        <div class=\"container\">\r\n            <div class=\"section-header reveal\">\r\n                <h2 class=\"section-title\">Trusted by HR Leaders<\/h2>\r\n                <p class=\"section-desc\">See what HR professionals say about Digitivia.<\/p>\r\n            <\/div>\r\n            <div class=\"features-grid\"> \r\n                <div class=\"review-card reveal\">\r\n                    <div><div class=\"stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div><p class=\"review-text\">\"Digitivia HR transformed how we handle payroll. What used to take 3 days now takes 2 hours. The accuracy is unmatched and the system is incredibly user-friendly.\"<\/p><\/div>\r\n                    <div class=\"client-info\"><img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/women\/44.jpg\" alt=\"Sarah Johnson\" class=\"client-img\"><div class=\"client-details\"><h5>Sarah Johnson<\/h5><span>HR Director, TechFlow<\/span><\/div><\/div>\r\n                <\/div>\r\n                <div class=\"review-card reveal delay-1\">\r\n                    <div><div class=\"stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div><p class=\"review-text\">\"The self-service portal is a game changer. Employees love accessing their own data, and my team can focus on strategy instead of answering basic questions.\"<\/p><\/div>\r\n                    <div class=\"client-info\"><img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/men\/32.jpg\" alt=\"Ahmed Hassan\" class=\"client-img\"><div class=\"client-details\"><h5>Ahmed Hassan<\/h5><span>Operations Manager, BuildCo<\/span><\/div><\/div>\r\n                <\/div>\r\n                <div class=\"review-card reveal delay-2\">\r\n                    <div><div class=\"stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star-half-alt\"><\/i><\/div><p class=\"review-text\">\"Implementation was surprisingly fast. The support team at Digitivia guided us through every step. It's the best investment we made this year.\"<\/p><\/div>\r\n                    <div class=\"client-info\"><img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/women\/68.jpg\" alt=\"Emily Chen\" class=\"client-img\"><div class=\"client-details\"><h5>Emily Chen<\/h5><span>CEO, StartUp Inc<\/span><\/div><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"final-cta\">\r\n        <div class=\"container reveal\">\r\n            <h2>Ready to Transform Your Workforce?<\/h2>\r\n            <p>Join hundreds of modern businesses operating smarter with Digitivia HR.<\/p>\r\n            <a href=\"https:\/\/hr.digitivia.com\/\" class=\"btn btn-white hero-btn-lg\">Start Your Free Demo<\/a>\r\n            <p style=\"font-size: 13px; margin-top: 20px; opacity: 0.7;\">No credit card required \u2022 14-day free trial<\/p>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n        function revealOnScroll() {\r\n            var reveals = document.querySelectorAll(\".reveal\");\r\n            for (var i = 0; i < reveals.length; i++) {\r\n                var windowHeight = window.innerHeight;\r\n                var elementTop = reveals[i].getBoundingClientRect().top;\r\n                var elementVisible = 50;\r\n                if (elementTop < windowHeight - elementVisible) {\r\n                    reveals[i].classList.add(\"active\");\r\n                }\r\n            }\r\n        }\r\n        window.addEventListener(\"scroll\", revealOnScroll);\r\n        revealOnScroll();\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Digitivia HR &#8211; All-in-One HRMS All-in-One HR Management System Digitivia HR Software For Modern Business A powerful, cloud-based HRMS designed [&hellip;]<\/p>","protected":false},"author":322,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-6270","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>HR - Digitivia<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/digitivia.com\/fr\/hr-ai\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HR - Digitivia\" \/>\n<meta property=\"og:description\" content=\"Digitivia HR &#8211; All-in-One HRMS All-in-One HR Management System Digitivia HR Software For Modern Business A powerful, cloud-based HRMS designed [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/digitivia.com\/fr\/hr-ai\/\" \/>\n<meta property=\"og:site_name\" content=\"Digitivia\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Digitivia\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-28T09:47:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/digitivia.com\/wp-content\/uploads\/2026\/01\/menameplus1.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@Digitivia\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/digitivia.com\/hr-ai\/\",\"url\":\"https:\/\/digitivia.com\/hr-ai\/\",\"name\":\"HR - Digitivia\",\"isPartOf\":{\"@id\":\"https:\/\/digitivia.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/digitivia.com\/hr-ai\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/digitivia.com\/hr-ai\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/digitivia.com\/wp-content\/uploads\/2026\/01\/menameplus1.png\",\"datePublished\":\"2026-01-13T12:39:47+00:00\",\"dateModified\":\"2026-01-28T09:47:28+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/digitivia.com\/hr-ai\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/digitivia.com\/hr-ai\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/digitivia.com\/hr-ai\/#primaryimage\",\"url\":\"https:\/\/digitivia.com\/wp-content\/uploads\/2026\/01\/menameplus1.png\",\"contentUrl\":\"https:\/\/digitivia.com\/wp-content\/uploads\/2026\/01\/menameplus1.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/digitivia.com\/hr-ai\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/digitivia.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HR\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/digitivia.com\/#website\",\"url\":\"https:\/\/digitivia.com\/\",\"name\":\"Digitivia\",\"description\":\"Ai &amp; Automation Solutions\",\"publisher\":{\"@id\":\"https:\/\/digitivia.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/digitivia.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/digitivia.com\/#organization\",\"name\":\"Digitivia\",\"url\":\"https:\/\/digitivia.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/digitivia.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/digitivia.com\/wp-content\/uploads\/2025\/09\/cropped-solid-logo-.jpg\",\"contentUrl\":\"https:\/\/digitivia.com\/wp-content\/uploads\/2025\/09\/cropped-solid-logo-.jpg\",\"width\":512,\"height\":512,\"caption\":\"Digitivia\"},\"image\":{\"@id\":\"https:\/\/digitivia.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Digitivia\/\",\"https:\/\/x.com\/Digitivia\",\"https:\/\/www.instagram.com\/digitivia_\/\",\"https:\/\/www.linkedin.com\/company\/82479467\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"HR - Digitivia","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/digitivia.com\/fr\/hr-ai\/","og_locale":"fr_FR","og_type":"article","og_title":"HR - Digitivia","og_description":"Digitivia HR &#8211; All-in-One HRMS All-in-One HR Management System Digitivia HR Software For Modern Business A powerful, cloud-based HRMS designed [&hellip;]","og_url":"https:\/\/digitivia.com\/fr\/hr-ai\/","og_site_name":"Digitivia","article_publisher":"https:\/\/www.facebook.com\/Digitivia\/","article_modified_time":"2026-01-28T09:47:28+00:00","og_image":[{"url":"https:\/\/digitivia.com\/wp-content\/uploads\/2026\/01\/menameplus1.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@Digitivia","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/digitivia.com\/hr-ai\/","url":"https:\/\/digitivia.com\/hr-ai\/","name":"HR - Digitivia","isPartOf":{"@id":"https:\/\/digitivia.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/digitivia.com\/hr-ai\/#primaryimage"},"image":{"@id":"https:\/\/digitivia.com\/hr-ai\/#primaryimage"},"thumbnailUrl":"https:\/\/digitivia.com\/wp-content\/uploads\/2026\/01\/menameplus1.png","datePublished":"2026-01-13T12:39:47+00:00","dateModified":"2026-01-28T09:47:28+00:00","breadcrumb":{"@id":"https:\/\/digitivia.com\/hr-ai\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/digitivia.com\/hr-ai\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/digitivia.com\/hr-ai\/#primaryimage","url":"https:\/\/digitivia.com\/wp-content\/uploads\/2026\/01\/menameplus1.png","contentUrl":"https:\/\/digitivia.com\/wp-content\/uploads\/2026\/01\/menameplus1.png"},{"@type":"BreadcrumbList","@id":"https:\/\/digitivia.com\/hr-ai\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/digitivia.com\/"},{"@type":"ListItem","position":2,"name":"HR"}]},{"@type":"WebSite","@id":"https:\/\/digitivia.com\/#website","url":"https:\/\/digitivia.com\/","name":"Digitivia","description":"Ai &amp; Automation Solutions","publisher":{"@id":"https:\/\/digitivia.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/digitivia.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/digitivia.com\/#organization","name":"Digitivia","url":"https:\/\/digitivia.com\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/digitivia.com\/#\/schema\/logo\/image\/","url":"https:\/\/digitivia.com\/wp-content\/uploads\/2025\/09\/cropped-solid-logo-.jpg","contentUrl":"https:\/\/digitivia.com\/wp-content\/uploads\/2025\/09\/cropped-solid-logo-.jpg","width":512,"height":512,"caption":"Digitivia"},"image":{"@id":"https:\/\/digitivia.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Digitivia\/","https:\/\/x.com\/Digitivia","https:\/\/www.instagram.com\/digitivia_\/","https:\/\/www.linkedin.com\/company\/82479467"]}]}},"_links":{"self":[{"href":"https:\/\/digitivia.com\/fr\/wp-json\/wp\/v2\/pages\/6270","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/digitivia.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/digitivia.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/digitivia.com\/fr\/wp-json\/wp\/v2\/users\/322"}],"replies":[{"embeddable":true,"href":"https:\/\/digitivia.com\/fr\/wp-json\/wp\/v2\/comments?post=6270"}],"version-history":[{"count":96,"href":"https:\/\/digitivia.com\/fr\/wp-json\/wp\/v2\/pages\/6270\/revisions"}],"predecessor-version":[{"id":6681,"href":"https:\/\/digitivia.com\/fr\/wp-json\/wp\/v2\/pages\/6270\/revisions\/6681"}],"wp:attachment":[{"href":"https:\/\/digitivia.com\/fr\/wp-json\/wp\/v2\/media?parent=6270"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}