2 lines
4.6 KiB
JavaScript
2 lines
4.6 KiB
JavaScript
import{j as a}from"./ui-Z445SNHD.js";import{u}from"./useScrollAnimation-B_bDsIuD.js";import{u as x,g as h}from"./app-CaEYJzqd.js";import{M as m}from"./monitor-DOlQj59v.js";/* empty css *//* empty css */import"./utils-BWxnHGCV.js";function S({brandColor:l="#3b82f6",settings:f,globalSettings:i,sectionData:r}){const{t}=x(),{ref:p,isVisible:n}=u(),o=e=>e?e.startsWith("/screenshots/")?`${window.appSettings.imageUrl}${e}`:h(e):null,s=(i==null?void 0:i.is_saas)?"/screenshots/saas/":"/screenshots/non-saas/",y=[{src:`${s}hero.png`,alt:t("HRMGo Dashboard Overview"),title:t("Dashboard Overview"),description:t("Get a complete overview of employee data, payroll, and HR activities in one unified dashboard.")},{src:`${s}employee-management.png`,alt:t("Employee Management Module"),title:t("Employee Management"),description:t("Centralized employee profiles with personal details, documents, and job history.")},{src:`${s}payroll-payslip.png`,alt:t("Payroll Automation"),title:t("Payroll & Payslips"),description:t("Automated payroll processing with tax calculations, allowances, and downloadable payslips.")},{src:`${s}leave.png`,alt:t("Leave Management"),title:t("Leave Management"),description:t("Easily apply, approve, and track employee leave requests with proper workflows and policies.")},{src:`${s}attendance.png`,alt:t("Attendance Tracking"),title:t("Attendance Tracking"),description:t("Monitor employee check-ins, check-outs, and shifts with automated attendance logs.")},{src:`${s}recruitment.png`,alt:t("Recruitment & Onboarding"),title:t("Recruitment & Onboarding"),description:t("Streamline hiring with applicant tracking and digital onboarding.")}],c=r!=null&&r.screenshots_list&&r.screenshots_list.length>0?r.screenshots_list.map(e=>({...e,src:o(e.src)})).filter(e=>e.src):y.map(e=>({...e,src:o(e.src)})).filter(e=>e.src);return a.jsx("section",{id:"screenshots",className:"py-12 sm:py-16 lg:py-20 bg-white",ref:p,children:a.jsxs("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:[a.jsxs("div",{className:`text-center mb-8 sm:mb-12 lg:mb-16 transition-all duration-700 ${n?"opacity-100 translate-y-0":"opacity-0 translate-y-8"}`,children:[a.jsx("h2",{className:"text-3xl md:text-4xl font-bold text-gray-900 mb-4",children:(r==null?void 0:r.title)||t("See HRM Saas in Action")}),a.jsx("p",{className:"text-lg text-gray-600 max-w-3xl mx-auto leading-relaxed font-medium",children:(r==null?void 0:r.subtitle)||t("Discover how our modern HRM SaaS platform helps you manage employees, payroll, attendance, and performance — all in one place.")})]}),c.length>0?a.jsx("div",{className:`grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 sm:gap-8 transition-all duration-700 delay-200 ${n?"opacity-100 translate-y-0":"opacity-0 translate-y-8"}`,children:c.map((e,g)=>a.jsxs("div",{className:"group bg-white rounded-xl border border-gray-200 overflow-hidden hover:shadow-xl transition-all duration-300 hover:-translate-y-1",children:[a.jsxs("div",{className:"aspect-video overflow-hidden bg-gray-100",children:[e.src?a.jsx("img",{src:e.src,alt:e.alt,className:"w-full h-full object-cover group-hover:scale-105 transition-transform duration-300",loading:"lazy",onError:d=>{d.currentTarget.style.display="none",d.currentTarget.nextElementSibling.style.display="flex"}}):null,a.jsx("div",{className:"w-full h-full flex items-center justify-center text-gray-400",style:{display:e.src?"none":"flex"},children:a.jsx(m,{className:"w-12 h-12"})})]}),a.jsxs("div",{className:"p-6",children:[a.jsx("h3",{className:"text-lg font-semibold text-gray-900 mb-2",children:e.title}),a.jsx("p",{className:"text-gray-600 text-sm leading-relaxed",children:e.description})]})]},g))}):a.jsxs("div",{className:`text-center py-12 transition-all duration-700 delay-200 ${n?"opacity-100 translate-y-0":"opacity-0 translate-y-8"}`,children:[a.jsx("div",{className:"text-gray-400 mb-4",children:a.jsx(m,{className:"w-16 h-16 mx-auto"})}),a.jsx("p",{className:"text-gray-500",children:t("No screenshots configured yet. Add some in the admin settings.")})]}),a.jsx("div",{className:`text-center mt-12 transition-all duration-700 delay-400 ${n?"opacity-100 translate-y-0":"opacity-0 translate-y-8"}`,children:a.jsx("a",{href:"#contact",className:"inline-flex items-center px-6 py-3 rounded-full text-sm font-medium border-2 transition-all",style:{borderColor:l,color:l,backgroundColor:"transparent"},onMouseEnter:e=>{e.currentTarget.style.backgroundColor=l,e.currentTarget.style.color="white"},onMouseLeave:e=>{e.currentTarget.style.backgroundColor="transparent",e.currentTarget.style.color=l},children:t("✨ And many more features to discover")})})]})})}export{S as default};
|