Current File : /home/opti/www/clear-wage-landing-page.optisoft.com.ng/server/app/page.js
(()=>{var A={};A.id=931,A.ids=[931],A.modules={7849:A=>{"use strict";A.exports=require("next/dist/client/components/action-async-storage.external")},2934:A=>{"use strict";A.exports=require("next/dist/client/components/action-async-storage.external.js")},5403:A=>{"use strict";A.exports=require("next/dist/client/components/request-async-storage.external")},4580:A=>{"use strict";A.exports=require("next/dist/client/components/request-async-storage.external.js")},4749:A=>{"use strict";A.exports=require("next/dist/client/components/static-generation-async-storage.external")},5869:A=>{"use strict";A.exports=require("next/dist/client/components/static-generation-async-storage.external.js")},399:A=>{"use strict";A.exports=require("next/dist/compiled/next-server/app-page.runtime.prod.js")},2061:(A,e,s)=>{"use strict";s.r(e),s.d(e,{GlobalError:()=>l.a,__next_app__:()=>d,originalPathname:()=>x,pages:()=>c,routeModule:()=>g,tree:()=>o}),s(169),s(351),s(5866);var a=s(3191),t=s(8716),i=s(7922),l=s.n(i),r=s(5231),n={};for(let A in r)0>["default","tree","pages","GlobalError","originalPathname","__next_app__","routeModule"].indexOf(A)&&(n[A]=()=>r[A]);s.d(e,n);let o=["",{children:["__PAGE__",{},{page:[()=>Promise.resolve().then(s.bind(s,169)),"C:\\Users\\OYEDEPO OYEDIRAN\\Desktop\\ClearWage Landing Page\\landing_page\\app\\page.jsx"]}]},{layout:[()=>Promise.resolve().then(s.bind(s,351)),"C:\\Users\\OYEDEPO OYEDIRAN\\Desktop\\ClearWage Landing Page\\landing_page\\app\\layout.jsx"],"not-found":[()=>Promise.resolve().then(s.t.bind(s,5866,23)),"next/dist/client/components/not-found-error"]}],c=["C:\\Users\\OYEDEPO OYEDIRAN\\Desktop\\ClearWage Landing Page\\landing_page\\app\\page.jsx"],x="/page",d={require:s,loadChunk:()=>Promise.resolve()},g=new a.AppPageRouteModule({definition:{kind:t.x.APP_PAGE,page:"/page",pathname:"/",bundlePath:"",filename:"",appPaths:[]},userland:{loaderTree:o}})},2327:(A,e,s)=>{Promise.resolve().then(s.bind(s,2830))},2830:(A,e,s)=>{"use strict";s.r(e),s.d(e,{HomePage:()=>F,default:()=>Y});var a=s(326),t=s(7773);let i={src:"/_next/static/media/herolaptop.d40977fe.png",height:608,width:777,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAMAAADJ2y/JAAAAYFBMVEVMaXGdn6fd2N2KjZby8/f////4+PZBQkff4+Q3VHlgZnSoqq6suspRVWL///9qbnfu7u7Iy8tSUlZ7mb1+foO+ytfc3NzGy8vJzM+Sp8Hi4uLY3uO3v73///9UVl0uMDZrjxRVAAAAHXRSTlMAeC6OTWB2+3s9jvjnshDc9U/l2WvhJZS68cX9gTVELS8AAAAJcEhZcwAACxMAAAsTAQCanBgAAAA5SURBVHicBcELAkAgFEXBQ/HKn/y52f8uzQBhe4/HQ4xJOoHQXdK9Q9ma5RUql+1b5oG6aPpxkv8BR/8CprMwR74AAAAASUVORK5CYII=",blurWidth:8,blurHeight:6},l={src:"/_next/static/media/Dashboard1.7e55fbce.png",height:460,width:671,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAMAAABPT11nAAAAV1BMVEW3n5XO2uLDjnK7oJhtd4DS4t2iuLre6fGYgHOyx9SNlJ+1v8t9iJXFyM5ma3jO2ObK1OS1sLXQ29ulvtK/saxeXV+4vL/PvLze19nexMHJwL2pnpqrtMXoYPA4AAAAEXRSTlP9yMjFmcf8/vzI+Pybmvt91APadHQAAAAJcEhZcwAACxMAAAsTAQCanBgAAAA1SURBVHicY+AXYGbiZORkZeCV4RORFmEXYmBh4OLm4GBnY+ARZRCWEpQQY2ARZRCXFBQWAgAp1AISeWVXcQAAAABJRU5ErkJggg==",blurWidth:8,blurHeight:5},r={src:"/_next/static/media/Dashboard2.2cd16831.png",height:436,width:671,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAMAAABPT11nAAAAWlBMVEXr7e+9knDN087GxsHKxLnizbuhlYr4+vqKl63Uz8HJqI1POCopLDbbt5dmcIEAABDh28n9//+mqa6Ji4ybhXjN0M3EwLSzsal+fHaxsK6znIff4NrCrpza2tTTC7MmAAAAEXRSTlOv/K+v+/z8/Jr7rbma+5pv+Ids1rkAAAAJcEhZcwAACxMAAAsTAQCanBgAAAA1SURBVHicY+Dn5mJmYmBgYOAR4ZWRFhQUZOCQFWBjZGVnZ+AQ5RSVEhEWYuATYhETlxSWAAAqcgIzXxDidgAAAABJRU5ErkJggg==",blurWidth:8,blurHeight:5},n={src:"/_next/static/media/Dashboard3.496c1cf2.png",height:375,width:659,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAMAAABPT11nAAAAP1BMVEVMaXFVWV2apqbB5L7////c8+pQU1dzb3SIfoSTqaA7Slzz4sn89+Po9eix4c759vtWhLtrjZaMlZnA5dVtmcxyI4aFAAAAD3RSTlMAOf78/PxP6Dv98fz+//6XmLJmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAL0lEQVR4nBXGyREAIAgEsFVBwQuv/mt1yCvYqhpPAB6Z0RBg8Wxpeoj7uALU4jI+IF0BWFIvnv8AAAAASUVORK5CYII=",blurWidth:8,blurHeight:5},o={src:"/_next/static/media/Dashboard4.9a8a3e84.png",height:436,width:671,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAMAAABPT11nAAAAV1BMVEWqmHlzgY7Y2+FgYGXCqJNTb4W4uq3Dwrt+jZu8rJCWfm6Bh4mtnXqAeWChln18cmSGhnycnJ24nYFjfJC6xNCAhY48VmfIv6vZ0scSQ2jaxp5+e3uFhYMRhbrkAAAAEXRSTlOx+/z8/f38/v6vr5qab5n8mtgrNocAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAzSURBVHicBcEJAkAgAADBLd1Sig7x/3ea4QB88BCXqlXNQTImb05azk93/dyW/RWuXaX8JM4B4bmEaRcAAAAASUVORK5CYII=",blurWidth:8,blurHeight:5},c={src:"/_next/static/media/Dashboard5.b5e64090.png",height:386,width:676,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAMAAABPT11nAAAAKlBMVEX9/v90dnZMaXGYqaRqam319vdTU1poaW04R1lhjsLo6OmGjpXU2+RhhpJbAxXvAAAACXRSTlP9OgD95P5P7O+riXNhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAKUlEQVR4nCXGyQ0AIAwEsSG74ab/dpHAL3MkaZVgAOyXTOYPL922W40LDocAokzYUHgAAAAASUVORK5CYII=",blurWidth:8,blurHeight:5},x={src:"/_next/static/media/side.61d6745a.png",height:136,width:100,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAICAMAAADtGH4KAAAAGFBMVEVMaXEHSpYGR5MHSZINS5EHS5YGS5YHSZbRA5Z0AAAAB3RSTlMA43NUEmm3wTEAQQAAAAlwSFlzAAALEwAACxMBAJqcGAAAAChJREFUeJwlyEkOACAMgEC6KP//sWm9MAkAdE4rBFKFcuhYzlTuZ58PEkIA3uwS9WUAAAAASUVORK5CYII=",blurWidth:6,blurHeight:8},d={src:"/_next/static/media/circle.b82b93b5.png",height:313,width:292,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAICAMAAAAC2hU0AAAAMFBMVEUGSZQGSZtMaXEHSpQsw4QOZJUjp4YgmYkGTJkHSJUGSZQHSJQAAAAdjYontYUScJsxdCJLAAAAD3RSTlP+/gD1ZuJ43uJ3ZtMB/nBUTyzEAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAM0lEQVR4nCXFyQ0AIAzEQG/CFQ7Rf7cI8MODpbpqMsoW2oUsQBnn9n9tz0ZISMHsw0e3AxjZAMroLtGTAAAAAElFTkSuQmCC",blurWidth:7,blurHeight:8},g={src:"/_next/static/media/icon1.07f3d6c3.png",height:56,width:56,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAKlBMVEUozYCm6Mlm2aMeynkwzIMz0Ibz/Pj+//8cyXfm+fB97LhU1ZlX1puH774P6dhAAAAABnRSTlPV/f7+NzdtqCSUAAAACXBIWXMAAAsTAAALEwEAmpwYAAAANUlEQVR4nD2LSQoAIAzE0qpT1/9/V0TxFkhCprpXMnRrzTokCyks4YoxJD8w54GvbrygvH0DK7sBOT5bilwAAAAASUVORK5CYII=",blurWidth:8,blurHeight:8},p={src:"/_next/static/media/icon2.6a21b206.png",height:56,width:56,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAOVBMVEUjynwz0IZx3Kv7/v0t0YUs0YQsy4Fq2qYvy4Isy4FY1pzI8d4szIE/3ZPk+O6z7NKy7NCN8cI+0IyO1RC2AAAACnRSTlP+N///1dDW/jfaAmqUKwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAD1JREFUeJwdyVESgCAIQMEXqCCg1v0v29Tfziw+AabTlonY6mC6twogmpnx44RFfXWLZtGWROTTuQZUDX8BNQsBmZHXdY4AAAAASUVORK5CYII=",blurWidth:8,blurHeight:8},h={src:"/_next/static/media/icon3.f6a15320.png",height:56,width:56,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAJ1BMVEVr2qcryoAt0YUyzIQty4Ety4FE1pEjy3xb153///+a58Oh6MeV5b9ty3SJAAAABnRSTlP9/tM32tYxDFx8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAANElEQVR4nEWLSQoAIBDDWkc7i/7/vSKC3gJJYN1J74YmSFCDI1clHNSMKPHCFL96sY2zD9suTAFKKpl1mwAAAABJRU5ErkJggg==",blurWidth:8,blurHeight:8},m={src:"/_next/static/media/handphone.b5817b01.png",height:653,width:638,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAATlBMVEVHPT6zo570+Po7PT0lOE8XGSMtIygiJC8yNjj6/f1wfYz///+jlpbErqZuST58QSq8z+ORkZHA0+fBpKDPtLBdQ0FmZ2ctMjd7bmx9Tz6ZsaOnAAAAAXRSTlP9g+pWxwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAEFJREFUeJwVxkcSgDAMA0Al2JGdTof/f5RhTwtSRIQENc8tK2G6lhJoWFL1eJx/gsfWDZZ29/beoFaPYRAkrqcPfEw0AkvvvEg1AAAAAElFTkSuQmCC",blurWidth:8,blurHeight:8},u={src:"/_next/static/media/bigimg.9d18d054.jpg",height:760,width:1440,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wgARCAAEAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAP/xAAVAQEBAAAAAAAAAAAAAAAAAAADBP/aAAwDAQACEAMQAAABqGg//8QAFhABAQEAAAAAAAAAAAAAAAAAAwIU/9oACAEBAAEFAgKMP//EABYRAAMAAAAAAAAAAAAAAAAAAAADQf/aAAgBAwEBPwFsP//EABcRAAMBAAAAAAAAAAAAAAAAAAABAjL/2gAIAQIBAT8BrTP/xAAZEAACAwEAAAAAAAAAAAAAAAABAgADEmH/2gAIAQEABj8CsfILdn//xAAYEAEAAwEAAAAAAAAAAAAAAAABABExkf/aAAgBAQABPyEqWmhF1mdn/9oADAMBAAIAAwAAABDz/8QAFxEBAAMAAAAAAAAAAAAAAAAAAQARUf/aAAgBAwEBPxBIVyf/xAAVEQEBAAAAAAAAAAAAAAAAAAABAP/aAAgBAgEBPxBsf//EABkQAAEFAAAAAAAAAAAAAAAAAAEAESExcf/aAAgBAQABPxAPeIMzDFiv/9k=",blurWidth:8,blurHeight:4};var E=s(7674);s(4047);var f=s(7577),B=s(1006),w=s(6255);let j={src:"/_next/static/media/outsource1.543963f3.jpg",height:209,width:639,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wgARCAADAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAX/xAAUAQEAAAAAAAAAAAAAAAAAAAAC/9oADAMBAAIQAxAAAAGcA//EABYQAAMAAAAAAAAAAAAAAAAAAAITFf/aAAgBAQABBQJQTv/EABURAQEAAAAAAAAAAAAAAAAAAAAB/9oACAEDAQE/AY//xAAVEQEBAAAAAAAAAAAAAAAAAAAAAf/aAAgBAgEBPwGv/8QAGRAAAgMBAAAAAAAAAAAAAAAAAhEAASEi/9oACAEBAAY/AhNdbbn/xAAXEAADAQAAAAAAAAAAAAAAAAAAAUGB/9oACAEBAAE/IXoYU//aAAwDAQACAAMAAAAQ9//EABYRAAMAAAAAAAAAAAAAAAAAAAABIf/aAAgBAwEBPxB4f//EABURAQEAAAAAAAAAAAAAAAAAAAAx/9oACAECAQE/EKf/xAAZEAACAwEAAAAAAAAAAAAAAAABEQAhMVH/2gAIAQEAAT8QJwBsHZPeCf/Z",blurWidth:8,blurHeight:3},b={src:"/_next/static/media/outsource2.55566cbc.jpg",height:209,width:639,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wgARCAADAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAT/xAAUAQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIQAxAAAAGQH//EABcQAQADAAAAAAAAAAAAAAAAAAIBAwT/2gAIAQEAAQUCmxLB/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAgBAwEBPwF//8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAgBAgEBPwF//8QAGRAAAQUAAAAAAAAAAAAAAAAAAAECAxFB/9oACAEBAAY/Aordin//xAAYEAEAAwEAAAAAAAAAAAAAAAABABExkf/aAAgBAQABPyFrZetZP//aAAwDAQACAAMAAAAQ/wD/xAAVEQEBAAAAAAAAAAAAAAAAAAABAP/aAAgBAwEBPxAW/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAgBAgEBPxB//8QAGBAAAwEBAAAAAAAAAAAAAAAAAREhUQD/2gAIAQEAAT8QJwzi7ANqG9//2Q==",blurWidth:8,blurHeight:3},Q={src:"/_next/static/media/outsource3.8bcac3c2.jpg",height:209,width:639,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wgARCAADAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAT/xAAUAQEAAAAAAAAAAAAAAAAAAAAB/9oADAMBAAIQAxAAAAGQJ//EABYQAAMAAAAAAAAAAAAAAAAAAAADIf/aAAgBAQABBQJVP//EABURAQEAAAAAAAAAAAAAAAAAAAAB/9oACAEDAQE/AY//xAAVEQEBAAAAAAAAAAAAAAAAAAAAAf/aAAgBAgEBPwGv/8QAFhABAQEAAAAAAAAAAAAAAAAAAgBB/9oACAEBAAY/Agcv/8QAGBABAQADAAAAAAAAAAAAAAAAAREAIYH/2gAIAQEAAT8hIFNSzmf/2gAMAwEAAgADAAAAEAP/xAAWEQADAAAAAAAAAAAAAAAAAAAAASH/2gAIAQMBAT8QaH//xAAWEQEBAQAAAAAAAAAAAAAAAAABABH/2gAIAQIBAT8QJt//xAAZEAADAAMAAAAAAAAAAAAAAAABESEAUXH/2gAIAQEAAT8QC6YAZW1zP//Z",blurWidth:8,blurHeight:3},v={src:"/_next/static/media/outsource4.7944c333.jpg",height:209,width:639,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wgARCAADAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAL/xAAUAQEAAAAAAAAAAAAAAAAAAAAD/9oADAMBAAIQAxAAAAGAg//EABUQAQEAAAAAAAAAAAAAAAAAABEi/9oACAEBAAEFAm//xAAUEQEAAAAAAAAAAAAAAAAAAAAA/9oACAEDAQE/AX//xAAVEQEBAAAAAAAAAAAAAAAAAAAAAf/aAAgBAgEBPwGP/8QAFhABAQEAAAAAAAAAAAAAAAAAAQBh/9oACAEBAAY/AnC//8QAFxABAAMAAAAAAAAAAAAAAAAAAQBhkf/aAAgBAQABPyFalJk//9oADAMBAAIAAwAAABAH/8QAFhEAAwAAAAAAAAAAAAAAAAAAAAEx/9oACAEDAQE/EHT/xAAVEQEBAAAAAAAAAAAAAAAAAAAAMf/aAAgBAgEBPxCH/8QAGRABAAIDAAAAAAAAAAAAAAAAAQARIUGB/9oACAEBAAE/EGm5SoAC2uz/2Q==",blurWidth:8,blurHeight:3};s(3754),s(3141);var C=s(4046),z=s(6226);let y=()=>{let A=(0,f.useRef)(null),[e,s]=(0,f.useState)(1),t=[{title:"Direct deposit",img:j,para:`
We are on standby to help your company in facilitating electronic payment of wages direcly into employees bank account. Employees benefits from faster access to their funds often receiving their pay on the morning of payday.
`},{title:"RTI fillings",img:b,para:`
We will Streamline your payroll process by ensuring timely and accurate reporting of Real-Time Information to tax authorities, minimizing errors, and keeping your business compliant with legal requirements.
`},{title:"Custom reporting to meet your specific requirements",img:Q,para:`
We provide comprehensive custom reporting services that will enable your company generate tailored payroll reports specific to their unique needs. With this, your company will be able to gain deeper insights into their payroll data.
`},{title:"HR Support",img:v,para:`
We offer robust HR support services designed to streamline human resource management and enhance your company efficiency. These services are integral in helping your company manage their work force effectively, ensuring compliance, improving employees satisfaction
`}];return(0,f.useEffect)(()=>{let A=()=>{s(window.innerWidth>=1024?2:1)};return A(),window.addEventListener("resize",A),()=>{window.removeEventListener("resize",A)}},[]),(0,a.jsxs)(a.Fragment,{children:[a.jsx(B.tq,{modules:[w.W_,w.tl],spaceBetween:50,slidesPerView:e,autoplay:!0,className:"mt-[40px] slide h-[550px] sm:h-[450px]",pagination:{clickable:!0},onSlideChange:()=>console.log("slide change"),onSwiper:e=>{A.current=e,console.log(e)},children:t.map((A,e)=>a.jsx(B.o5,{className:"items-start h-[450px] sm:h-[450px] py-[10px] rounded-[20px] overflow-hidden",children:(0,a.jsxs)("div",{className:"text-black overflow-hidden rounded-[20px] border-[2px] border-[#074994]",children:[a.jsx("div",{className:"w-full",children:a.jsx(z.default,{src:A.img,width:"100%",height:"100%",alt:""})}),(0,a.jsxs)("div",{className:"flex flex-col gap-[15px] p-[20px]",children:[a.jsx("div",{className:"font-bold",children:A.title}),a.jsx("div",{children:A.para})]})]})},e))}),(0,a.jsxs)("div",{className:"action flex justify-end items-center gap-[10px]",children:[a.jsx("button",{className:"bg-[#074994] p-[10px] text-white",onClick:()=>A.current.slidePrev(),children:a.jsx(C.x_l,{})}),a.jsx("button",{className:"bg-[#074994] p-[10px] text-white",onClick:()=>A.current.slideNext(),children:a.jsx(C.Z1Y,{})})]})]})};var O=s(7607),D=s(9406),N=s(1841),I=s(3165),S=s(434);let R={src:"/_next/static/media/solu1.d176a3e2.jpg",height:194,width:212,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wgARCAAHAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAP/xAAVAQEBAAAAAAAAAAAAAAAAAAAAAf/aAAwDAQACEAMQAAABmE//xAAWEAEBAQAAAAAAAAAAAAAAAAABAhT/2gAIAQEAAQUC0jP/xAAVEQEBAAAAAAAAAAAAAAAAAAAAEf/aAAgBAwEBPwGv/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAgBAgEBPwF//8QAGBABAAMBAAAAAAAAAAAAAAAAAQACQRH/2gAIAQEABj8CKYHV2f/EABYQAQEBAAAAAAAAAAAAAAAAAAEAEf/aAAgBAQABPyEHBMEn/9oADAMBAAIAAwAAABD7/8QAFREBAQAAAAAAAAAAAAAAAAAAABH/2gAIAQMBAT8Qp//EABYRAAMAAAAAAAAAAAAAAAAAAAABEf/aAAgBAgEBPxCI/8QAGBABAQEBAQAAAAAAAAAAAAAAAREhAGH/2gAIAQEAAT8QUDNdEmEuSunnf//Z",blurWidth:8,blurHeight:7},M={src:"/_next/static/media/solu2.1522cc08.jpg",height:194,width:212,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wgARCAAHAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAT/xAAUAQEAAAAAAAAAAAAAAAAAAAAC/9oADAMBAAIQAxAAAAG4B//EABYQAQEBAAAAAAAAAAAAAAAAAAIDE//aAAgBAQABBQLahX//xAAUEQEAAAAAAAAAAAAAAAAAAAAA/9oACAEDAQE/AX//xAAUEQEAAAAAAAAAAAAAAAAAAAAA/9oACAECAQE/AX//xAAZEAACAwEAAAAAAAAAAAAAAAABEQACI3H/2gAIAQEABj8CGdW0OT//xAAaEAACAgMAAAAAAAAAAAAAAAABEQAhMUFh/9oACAEBAAE/IcfzeQY2vs//2gAMAwEAAgADAAAAEPf/xAAVEQEBAAAAAAAAAAAAAAAAAAABAP/aAAgBAwEBPxBAb//EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAIAQIBAT8Qf//EABkQAAIDAQAAAAAAAAAAAAAAAAERACFxkf/aAAgBAQABPxAndGhCXQTjn//Z",blurWidth:8,blurHeight:7},P={src:"/_next/static/media/solu3.4c5cb3cc.jpg",height:194,width:212,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wgARCAAHAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAL/xAAUAQEAAAAAAAAAAAAAAAAAAAAD/9oADAMBAAIQAxAAAAGQT//EABYQAAMAAAAAAAAAAAAAAAAAAAEEJP/aAAgBAQABBQINz//EABURAQEAAAAAAAAAAAAAAAAAAAAB/9oACAEDAQE/AY//xAAUEQEAAAAAAAAAAAAAAAAAAAAA/9oACAECAQE/AX//xAAZEAEAAgMAAAAAAAAAAAAAAAACAAESIkH/2gAIAQEABj8CI1xXKM//xAAXEAEBAQEAAAAAAAAAAAAAAAARASEA/9oACAEBAAE/ISxCsIb3/9oADAMBAAIAAwAAABAH/8QAFxEBAAMAAAAAAAAAAAAAAAAAAQARMf/aAAgBAwEBPxAlZP/EABYRAAMAAAAAAAAAAAAAAAAAAAABIf/aAAgBAgEBPxB0/8QAGRABAQADAQAAAAAAAAAAAAAAAREAITHh/9oACAEBAAE/EOYLHjVQt1fM/9k=",blurWidth:8,blurHeight:7},U={src:"/_next/static/media/solu4.bc4ba404.jpg",height:194,width:212,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wgARCAAHAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAX/xAAVAQEBAAAAAAAAAAAAAAAAAAABAv/aAAwDAQACEAMQAAABmCH/xAAWEAEBAQAAAAAAAAAAAAAAAAABAwL/2gAIAQEAAQUCKuZ//8QAFREBAQAAAAAAAAAAAAAAAAAAAQD/2gAIAQMBAT8BFv/EABYRAQEBAAAAAAAAAAAAAAAAAAEAEf/aAAgBAgEBPwFNv//EABYQAQEBAAAAAAAAAAAAAAAAACEAEf/aAAgBAQAGPwIdv//EABgQAQEAAwAAAAAAAAAAAAAAAAERACFx/9oACAEBAAE/IatA0jZzP//aAAwDAQACAAMAAAAQ9//EABURAQEAAAAAAAAAAAAAAAAAAAEA/9oACAEDAQE/EBF//8QAFhEBAQEAAAAAAAAAAAAAAAAAAQAh/9oACAECAQE/EDW3/8QAGBABAQADAAAAAAAAAAAAAAAAAREAMXH/2gAIAQEAAT8QoZsqFqovM//Z",blurWidth:8,blurHeight:7},k=()=>{let A=(0,f.useRef)(null),[e,s]=(0,f.useState)(1),t=[{title:"Payroll bureau",para:"These shifts are designed to ensure that there is adequate coverage of all necessary tasks and responsibilities, as well as to accommodate",img:R,bgColor:"bg-[#0C6BD6]"},{title:"Umbrella Companies",para:`
These shifts are designed to ensure that there is adequate coverage of all necessary tasks and responsibilities, as well as to accommodate
`,img:M,bgColor:"bg-[#1CA062]"},{title:"Staffing Agencies",para:`
These shifts are designed to ensure that there is adequate coverage of all necessary tasks and responsibilities, as well as to accommodate
`,img:P,bgColor:"bg-[#4E56BF]"},{title:"Franchise Businesses",para:`
These shifts are designed to ensure that there is adequate coverage of all necessary tasks and responsibilities, as well as to accommodate
`,img:U,bgColor:"bg-[#DE3490]"}];return(0,f.useEffect)(()=>{let A=()=>{s(window.innerWidth>=1024?2:1)};return A(),window.addEventListener("resize",A),()=>{window.removeEventListener("resize",A)}},[]),(0,a.jsxs)(a.Fragment,{children:[a.jsx(B.tq,{modules:[w.W_,w.tl],spaceBetween:0,slidesPerView:e,autoplay:!0,className:"mt-[40px] slide h-[550px] sm:h-[450px] lg:h-[350px]",pagination:{clickable:!0},onSlideChange:()=>console.log("slide change"),onSwiper:e=>{A.current=e,console.log(e)},children:t.map((A,e)=>a.jsx(B.o5,{className:"items-start h-[500px] lg:px-0 px-10px sm:h-[450px] py-[10px] rounded-[20px] overflow-hidden",children:a.jsx("div",{className:"border-[2px] border-gray-200 p-[20px] rounded-[10px]",children:(0,a.jsxs)("div",{className:(0,N.Z)(`rounded-[20px] p-[20px] lg:flex-nowrap flex-wrap ${A.bgColor} flex items-center gap-[20px] text-white`),children:[a.jsx("div",{className:"h-full w-full rounded-[20px]",children:a.jsx(z.default,{src:A.img,width:"100%",height:"100%",alt:""})}),(0,a.jsxs)("div",{children:[a.jsx("div",{className:"font-bold",children:A.title}),a.jsx("p",{children:A.para})]})]},e)})},e))}),(0,a.jsxs)("div",{className:"action flex justify-end items-center gap-[10px]",children:[a.jsx("button",{className:"bg-[#074994] p-[10px] text-white",onClick:()=>A.current.slidePrev(),children:a.jsx(C.x_l,{})}),a.jsx("button",{className:"bg-[#074994] p-[10px] text-white",onClick:()=>A.current.slideNext(),children:a.jsx(C.Z1Y,{})})]})]})},F=()=>{let[A,e]=(0,f.useState)("get-started"),s=[{title:"Team Shifts",para:"These shifts are designed to ensure that there is adequate coverage of all necessary tasks and responsibilities, as well as to accommodate",icon:h},{title:"Requesting Time Off",para:`
These shifts are designed to ensure that there is adequate coverage of all necessary tasks and responsibilities, as well as to accommodate
`,icon:p},{title:"Setting Unavailability",para:`
These shifts are designed to ensure that there is adequate coverage of all necessary tasks and responsibilities, as well as to accommodate
`,icon:g},{title:"Requesting Overtime",para:`
These shifts are designed to ensure that there is adequate coverage of all necessary tasks and responsibilities, as well as to accommodate
`,icon:g}];return(0,a.jsxs)("div",{className:"home-page bg-[#f4f4f4]",children:[a.jsx("div",{className:"hero-sec h-[743px] w-full",children:(0,a.jsxs)("div",{className:"container-hero-here lg:w-[80%] gap-[20px] w-[90%] flex flex-wrap xl:flex-nowrap items-center justify-between h-full mx-auto",children:[(0,a.jsxs)("div",{className:"hero-text w-[700px] text-white",children:[(0,a.jsxs)("div",{className:"font-[700] text-[36px] capitalize text-white",children:["empowering your team, elevating your ",a.jsx("span",{className:"text-[#30CC83]",children:"business"})]}),a.jsx("p",{className:"mb-[20px]",children:"Explore the power of seamless automation with Clear Wage. Join the countless businesses that have already improved their shifts and payroll management with all solutions"}),(0,a.jsxs)("div",{className:"buttons flex items-center gap-[20px]",children:[(0,a.jsxs)(S.default,{type:"button",href:"https://clear-wage-web.vercel.app",className:"text-[#074994] bg-white flex items-center gap-[10px] rounded-[8px] capitalize font-[500] px-[20px] py-[10px]",children:[a.jsx("span",{children:"get started"}),a.jsx(t.ETl,{})]}),a.jsx(S.default,{href:"https://clear-wage-web.vercel.app/sign-up",type:"button",className:"bg text-white bg-transparent px-[20px] py-[8px] rounded-[8px] border-[2px] border-white",children:"Start for free"})]})]}),a.jsx("div",{className:"hero-pngs",children:a.jsx("div",{className:"big-png relative",children:a.jsx("div",{className:"xl:w-[555.47px] w-full h-[395px]",children:a.jsx(z.default,{src:i,className:"xl:w-full w-[600px] h-full xl:ml-0 ml-[-60px]",alt:"dashboard"})})})})]})}),(0,a.jsxs)("div",{className:"body pt-[50px]",children:[a.jsx("div",{className:"container-home w-[90%] lg:w-[80%] mx-auto",children:a.jsx("div",{className:"employee-self-service mb-[50px]",children:(0,a.jsxs)("div",{className:"container relative w-[80%] px-[20px] pb-[100px] mx-auto pt-[40px]",children:[a.jsx("div",{className:"title",children:(0,a.jsxs)("div",{className:"text-center",children:[a.jsx("div",{className:"font-bold text-[28px]",children:"Our payroll outsourcing service"}),a.jsx("p",{children:"We offer a full range of payroll outsourcing services, with a dedicated team of experts ready to handle all your payroll needs. Whether you have a small business or a large companies, we can help you streamline your payroll process and ensure accurate and on-time payments to your employees"})]})}),a.jsx(y,{})]})})}),a.jsx("div",{className:"font-bold mb-[100px] text-center text-[28px]",children:"Check out our Software solution for every business"}),a.jsx("div",{className:"py-[60px] bg-[#F0FFFF]",children:(0,a.jsxs)("div",{className:"mb-[50px] w-[80%] mx-auto flex lg:flex-nowrap lg:gap-0 gap-[40px] lg:flex-row flex-col-reverse flex-wrap justify-between",children:[a.jsx(O.Z,{direction:"left",className:"left flex justify-start flex-shrink-0",children:a.jsx(z.default,{src:l,className:"w-[547px] h-[367px]",alt:"shift-mangt-image"})}),a.jsx(O.Z,{direction:"right",className:"right flex flex-col gap-[10px]",children:(0,a.jsxs)("div",{className:"flex flex-col gap-[20px]",children:[a.jsx("div",{className:"text-[#99890B] font-[700] text-[18px]",children:"Payroll solution"}),a.jsx("div",{className:"text-[20px] font-[700] capitalize",children:"Streamline payroll processing, ensuring accuracy and compliance for businesses of all sizes"}),a.jsx("p",{children:"We are offering your business a simplified and automated solution for workforce scheduling. You will experience greater efficiency in your workforce management with clear shift. Try it out and see the difference for yourself."}),a.jsx("div",{className:"mt-[40px]",children:a.jsx(S.default,{href:"/services/payroll-processing",type:"button",className:"font-[500] bg-[#074994] text-white capitalize rounded-[8px] border-[2px] border-[#074994] px-[20px] py-[10px]",children:"see more"})})]})})]})}),a.jsx("div",{children:(0,a.jsxs)("div",{className:"mb-[50px] w-[80%] mx-auto py-[60px] flex lg:flex-nowrap gap-[60px] flex-wrap",children:[a.jsx(O.Z,{direction:"left",className:"right flex flex-col gap-[10px]",children:(0,a.jsxs)("div",{className:"flex flex-col gap-[20px]",children:[a.jsx("div",{className:"text-[#5A5397] text-[18px] font-[700]",children:"Time and Attendance Tracker Solution"}),a.jsx("div",{className:"text-[20px] font-[700] capitalize",children:"Ensure accurate recording of employee work hours and stream line payroll processing"}),a.jsx("p",{children:"Our robust and accurate time and location tracker system allows you to monitor record, and track employee attendance to enhance business efficiency and enforce productivity in your workforce. Rest easy knowing that you have the tools to effectively manage your team’s time and attendance"}),a.jsx("div",{className:"mt-[40px]",children:a.jsx(S.default,{href:"/services/attendance-and-time-tracker",className:"font-[500] capitalize rounded-[8px] border-[2px] border-[#074994] text-white bg-[#074994] px-[20px] py-[10px]",children:"see more"})})]})}),a.jsx(O.Z,{direction:"right",className:"left xl:flex-shrink-0 flex :items-center h-full justify-start lg:justify-end",children:a.jsx(z.default,{src:r,className:"w-[547px] h-[367px]",alt:"shift-mangt-image"})})]})}),(0,a.jsxs)("div",{className:"py-[60px] relative bg-[#fffff2]",children:[(0,a.jsxs)("div",{className:"mb-[50px] w-[80%] mx-auto flex lg:flex-nowrap gap-[80px] lg:gap-[40px] lg:flex-row flex-col-reverse flex-wrap justify-between",children:[a.jsx(O.Z,{direction:"left",className:"left flex justify-start flex-shrink-0",children:(0,a.jsxs)("div",{className:"relative",children:[a.jsx(z.default,{src:n,className:"w-[547px] relative z-20 h-[367px]",alt:"shift-mangt-image"}),a.jsx("div",{className:"w-[292px] absolute left-[15%] top-[-60px] h-[313px]",children:a.jsx(z.default,{src:d,className:"lg:h-full sm:left-[10%] lg:left-[10%] hidden sm:block z-10 lg:w-full",alt:"shift-mangt-image"})})]})}),a.jsx(O.Z,{direction:"right",className:"right flex flex-col gap-[10px]",children:(0,a.jsxs)("div",{className:"flex flex-col gap-[20px]",children:[a.jsx("div",{className:"text-[18px] text-[#984447] font-[700] capitalize",children:"Shifts Management"}),a.jsx("div",{className:"font-[700] text-[20px]",children:"Ensure efficient allocation of shifts and improve overall productivity"}),a.jsx("p",{children:"We are offering your business a simplified and automated solution for workforce scheduling. You will experience greater efficiency in your workforce management with clear shift. Try it out and see the difference for yourself."}),a.jsx("div",{className:"mt-[40px]",children:a.jsx(S.default,{href:"/services/shift-management",type:"button",className:"font-[500] capitalize rounded-[8px] border-[2px] border-[#074994] text-white bg-[#074994] px-[20px] py-[10px]",children:"see more"})})]})})]}),a.jsx(z.default,{src:x,className:"w-[100px] z-20 h-[100px] right-0 bottom-0 absolute",alt:"shift-mangt-image"})]}),a.jsx("div",{className:"py-[60px]",children:(0,a.jsxs)("div",{className:"mb-[50px] w-[80%] mx-auto flex lg:flex-nowrap lg:gap-0 gap-[40px] flex-wrap",children:[a.jsx(O.Z,{direction:"left",className:"right flex flex-col gap-[10px]",children:(0,a.jsxs)("div",{className:"flex flex-col gap-[20px]",children:[a.jsx("div",{className:"text-[18px] text-[#139B4D] font-[700] capitalize",children:"employee financing solution"}),a.jsx("div",{className:"text-[20px] font-[700]",children:"Enjoy financing solution that offers employeesaccess to financial services and support"}),a.jsx("p",{children:"Our solution provides employees with early access to earned income, empowering them financially. Employees can also access a portion of the earned income before payday, helping them cover unecpected expenses or emergencies."}),a.jsx("div",{className:"mt-[40px]",children:a.jsx(S.default,{href:"/services/employee-finance-solution",type:"button",className:"font-[500] capitalize rounded-[8px] border-[2px] border-[#074994] text-[#074994] px-[20px] py-[10px]",children:"see more"})})]})}),a.jsx(O.Z,{direction:"right",className:"left xl:flex-shrink-0 flex items-center h-full justify-end",children:a.jsx(z.default,{src:o,className:"w-[591px] h-[427px]",alt:"shift-mangt-image"})})]})}),a.jsx("div",{className:"py-[60px] mb-[60px] relative bg-[#FEEEF1]",children:(0,a.jsxs)("div",{className:"mb-[50px] flex w-[80%] mx-auto lg:flex-nowrap gap-[80px] lg:gap-[40px] lg:flex-row flex-col-reverse flex-wrap justify-between",children:[a.jsx(O.Z,{direction:"left",className:"left flex flex-shrink-0 justify-start",children:(0,a.jsxs)("div",{className:"relative",children:[a.jsx(z.default,{src:c,className:"w-[547px] relative z-20 h-[367px]",alt:"shift-mangt-image"}),a.jsx("div",{className:"w-[292px] absolute left-[15%] top-[-60px] h-[313px]",children:a.jsx(z.default,{src:d,className:"lg:h-full sm:left-[10%] lg:left-[10%] hidden sm:block z-10 lg:w-full",alt:"shift-mangt-image"})})]})}),a.jsx(O.Z,{direction:"right",className:"right flex flex-col gap-[10px]",children:(0,a.jsxs)("div",{className:"flex flex-col gap-[20px]",children:[a.jsx("div",{className:"text-[20px] text-[#6C0E23] font-[700] capitalize",children:"smart expense manager"}),a.jsx("div",{className:"text-[20px] font-[700]",children:"Track businesses efficiently, manage and optimizeexpenses effectively"}),a.jsx("p",{children:"Our smart expense manager feature helps you easily track and manage employee expenses and reimbursements. It streamlines the entire process and ensures accurate and timely reimbursements."}),a.jsx("div",{className:"mt-[40px]",children:a.jsx(S.default,{href:"/services/smart-expense-manager",type:"button",className:"font-[500] capitalize rounded-[8px] border-[2px] border-[#074994] text-[#074994] px-[20px] py-[10px]",children:"see more"})})]})}),a.jsx(z.default,{src:x,className:"w-[100px] z-20 h-[100px] right-0 bottom-0 absolute",alt:"shift-mangt-image"})]})}),a.jsx("div",{className:"bg-[#121520] pb-[100px] text-white pt-[40px]",children:(0,a.jsxs)("div",{className:"container-employer-self-service w-[80%] mx-auto",children:[(0,a.jsxs)("div",{children:[(0,a.jsxs)("div",{className:"title text-center mb-[40px]",children:[a.jsx("div",{className:"font-bold text-[28px]",children:"Employee self-service mobile app"}),a.jsx("div",{children:"Our intuitive mobile application for employees facilitates these features"})]}),(0,a.jsxs)("div",{className:"grid lg:grid-cols-2 gap-[40px] grid-cols-1 lg:gap-[100px]",children:[a.jsx("div",{children:a.jsx("div",{className:"flex lg:w-[80%] flex-col gap-[20px]",children:s.map((A,e)=>(0,a.jsxs)("div",{className:"flex items-start gap-[20px]",children:[a.jsx("div",{className:"h-[56px] w-[56px] flex-shrink-0",children:a.jsx(z.default,{src:A.icon,width:"100%",height:"100%",alt:""})}),(0,a.jsxs)("div",{children:[a.jsx("div",{className:"font-bold",children:A.title}),a.jsx("p",{children:A.para})]})]},e))})}),a.jsx("div",{className:"h-[553px] w-full",children:a.jsx(z.default,{src:m,className:"w-full h-full",alt:"hand-phone"})})]})]}),a.jsx("div",{className:"py-[50px]",children:(0,a.jsxs)("div",{className:"container-solution-for-businesses w-[80%] mx-auto",children:[a.jsx("div",{className:"font-bold mb-[40px] text-[28px] text-center",children:"Our solution is perfect for all businesses of any size with full-time and part-timeemployees, including but not limited to"}),a.jsx(k,{})]})})]})}),(0,a.jsxs)("div",{className:"mb-[50px] py-[100px]",children:[(0,a.jsxs)("div",{className:"title mb-[50px] font-bold text-center text-[28px]",children:["Ready to Take Your Organization ",a.jsx("br",{})," to the Next Level?"]}),a.jsx("div",{className:"w-full cursor-pointer h-auto xl:h-[760px]",children:a.jsx(z.default,{src:u,className:"w-full h-full",alt:"bigimg"})})]}),a.jsx("div",{className:"faq py-[50px]",children:(0,a.jsxs)("div",{className:"container mx-auto w-[80%]",children:[a.jsx("div",{className:"title mb-[80px] text-center",children:a.jsx("div",{className:"font-[700] capitalize text-[28px]",children:"frequently asked questions"})}),(0,a.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-[40px]",children:[a.jsx("div",{className:"questions flex flex-col gap-[20px]",children:[{id:"get-started",text:"How do i start with ClearWage"},{id:"user-guide",text:"Can I get a user guideline for navigating the platform?"},{id:"multiple-users",text:"Can I have multiple users and companies on the platform?"},{id:"subscription-guide",text:"Can I access ClearWage solutions without subscription to a plan?"}].map((s,t)=>(0,a.jsxs)("div",{className:"flex justify-between items-center",children:[(0,a.jsxs)("div",{className:"flex items-center gap-[20px]",children:[a.jsx(D.Z,{checkedPropValue:s.id===A,action:()=>{e(s.id)}}),a.jsx("p",{children:s.text})]}),a.jsx("div",{className:(0,N.Z)(`${s.id===A?"text-[#30CC83]":"text-black"}`),children:a.jsx(E.hjJ,{})})]},t))}),(0,a.jsxs)("div",{className:"questions-display",children:[a.jsx(I.Z,{appear:"get-started"===A,children:(0,a.jsxs)("div",{className:"get-started flex flex-col border-[1px] px-[20px] py-[10px] border-[#30CC83] gap-[20px]",children:[a.jsx("div",{className:"font-[700]",children:"How do i get started with ClearWage"}),a.jsx("div",{children:"To get started with ClearWage"}),(0,a.jsxs)("ol",{className:"pl-[30px] list-disc flex flex-col gap-[10px]",children:[a.jsx("li",{children:"Visit our website"}),a.jsx("li",{children:"Sign up for an account"}),a.jsx("li",{children:"Follow the promts to see your payroll system"}),a.jsx("li",{children:"Begin managing your payroll efficiently"})]})]})}),a.jsx(I.Z,{appear:"user-guide"===A,children:(0,a.jsxs)("div",{className:"user-guide flex flex-col border-[1px] px-[20px] py-[10px] border-[#30CC83] gap-[20px]",children:[a.jsx("div",{className:"font-[700]",children:"User Guideline"}),a.jsx("div",{children:"To get started with ClearWage"}),(0,a.jsxs)("ol",{className:"pl-[30px] list-disc flex flex-col gap-[10px]",children:[a.jsx("li",{children:"Visit our website"}),a.jsx("li",{children:"Sign up for an account"}),a.jsx("li",{children:"Follow the promts to see your payroll system"}),a.jsx("li",{children:"Begin managing your payroll efficiently"})]})]})}),a.jsx(I.Z,{appear:"multiple-users"===A,children:(0,a.jsxs)("div",{className:"flex flex-col border-[1px] px-[20px] py-[10px] border-[#30CC83] gap-[20px]",children:[a.jsx("div",{className:"font-[700]",children:"Multiple Guideline"}),a.jsx("div",{children:"To get started with ClearWage"}),(0,a.jsxs)("ol",{className:"pl-[30px] list-disc flex flex-col gap-[10px]",children:[a.jsx("li",{children:"Visit our website"}),a.jsx("li",{children:"Sign up for an account"}),a.jsx("li",{children:"Follow the promts to see your payroll system"}),a.jsx("li",{children:"Begin managing your payroll efficiently"})]})]})}),a.jsx(I.Z,{appear:"subscription-guide"===A,children:(0,a.jsxs)("div",{className:"flex flex-col border-[1px] px-[20px] py-[10px] border-[#30CC83] gap-[20px]",children:[a.jsx("div",{className:"font-[700]",children:"Subscription Guideline"}),a.jsx("div",{children:"To get started with ClearWage"}),(0,a.jsxs)("ol",{className:"pl-[30px] list-disc flex flex-col gap-[10px]",children:[a.jsx("li",{children:"Visit our website"}),a.jsx("li",{children:"Sign up for an account"}),a.jsx("li",{children:"Follow the promts to see your payroll system"}),a.jsx("li",{children:"Begin managing your payroll efficiently"})]})]})})]})]})]})})]})]})},Y=F},9406:(A,e,s)=>{"use strict";s.d(e,{Z:()=>n});var a=s(326),t=s(3165),i=s(1841),l=s(7577),r=s(4046);let n=({action:A,checkedPropValue:e})=>{let s=(0,l.useRef)(null),n=()=>{null!==s.current&&(s.current.checked=!e,A&&A())};return(0,a.jsxs)(a.Fragment,{children:[a.jsx("div",{onClick:()=>{n()},className:(0,i.Z)(`
input-rep
w-[1rem]
h-[1rem]
flex-shrink-0
cursor-pointer
rounded-[2px]
${e?"bg-[#30CC83] text-[#fff]":"bg-gray-300"}`),children:a.jsx(t.Z,{appear:e,children:a.jsx(r.l_A,{})})}),a.jsx("div",{children:a.jsx("input",{ref:s,checked:e,type:"checkbox",className:(0,i.Z)("hidden")})})]})}},7607:(A,e,s)=>{"use strict";s.d(e,{Z:()=>o});var a=s(326),t=s(7577),i=s.n(t),l=s(8016),r=s(6530),n=s(3257);let o=({direction:A,children:e})=>{let s=(0,l._)(),{ref:t,inView:o}=(0,n.YD)({triggerOnce:!0});return i().useEffect(()=>{o?s.start({opacity:1,x:0}):s.start({opacity:0,x:"left"===A?-100:100})},[s,o,A]),a.jsx(r.E.div,{ref:t,initial:{opacity:0,x:"left"===A?-100:100},animate:s,transition:{duration:.5},style:{width:"100%",height:"auto"},children:e})}},169:(A,e,s)=>{"use strict";s.r(e),s.d(e,{$$typeof:()=>l,HomePage:()=>r,__esModule:()=>i,default:()=>n});var a=s(8570);let t=(0,a.createProxy)(String.raw`C:\Users\OYEDEPO OYEDIRAN\Desktop\ClearWage Landing Page\landing_page\app\page.jsx`),{__esModule:i,$$typeof:l}=t;t.default;let r=(0,a.createProxy)(String.raw`C:\Users\OYEDEPO OYEDIRAN\Desktop\ClearWage Landing Page\landing_page\app\page.jsx#HomePage`),n=(0,a.createProxy)(String.raw`C:\Users\OYEDEPO OYEDIRAN\Desktop\ClearWage Landing Page\landing_page\app\page.jsx#default`)},4047:()=>{}};var e=require("../webpack-runtime.js");e.C(A);var s=A=>e(e.s=A),a=e.X(0,[948,446,555,773,627],()=>s(2061));module.exports=a})();
Mini Shell