1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,29867,e=>{e.v({overlayCard:"overlayCard-module__d4LPSW__overlayCard"})},10410,e=>{e.v({actionChip:"TatvaModal-module__UfRjdW__actionChip",actionChipActive:"TatvaModal-module__UfRjdW__actionChipActive",assistantDot:"TatvaModal-module__UfRjdW__assistantDot",assistantResponse:"TatvaModal-module__UfRjdW__assistantResponse",assistantTag:"TatvaModal-module__UfRjdW__assistantTag",badgeItem:"TatvaModal-module__UfRjdW__badgeItem",badgesRow:"TatvaModal-module__UfRjdW__badgesRow",cardActions:"TatvaModal-module__UfRjdW__cardActions",clientAmt:"TatvaModal-module__UfRjdW__clientAmt",clientName:"TatvaModal-module__UfRjdW__clientName",closeBtn:"TatvaModal-module__UfRjdW__closeBtn",ctaBtn:"TatvaModal-module__UfRjdW__ctaBtn",darkCard:"TatvaModal-module__UfRjdW__darkCard",darkHeader:"TatvaModal-module__UfRjdW__darkHeader",desc:"TatvaModal-module__UfRjdW__desc",disclaimerText:"TatvaModal-module__UfRjdW__disclaimerText",divider:"TatvaModal-module__UfRjdW__divider",errorBanner:"TatvaModal-module__UfRjdW__errorBanner",eyebrow:"TatvaModal-module__UfRjdW__eyebrow",featureDesc:"TatvaModal-module__UfRjdW__featureDesc",featureIcon:"TatvaModal-module__UfRjdW__featureIcon",featureItem:"TatvaModal-module__UfRjdW__featureItem",featureList:"TatvaModal-module__UfRjdW__featureList",featureText:"TatvaModal-module__UfRjdW__featureText",featureTitle:"TatvaModal-module__UfRjdW__featureTitle",footerBlock:"TatvaModal-module__UfRjdW__footerBlock",greenCheck:"TatvaModal-module__UfRjdW__greenCheck",headline:"TatvaModal-module__UfRjdW__headline",headlineBlock:"TatvaModal-module__UfRjdW__headlineBlock",highlightVal:"TatvaModal-module__UfRjdW__highlightVal",leftCol:"TatvaModal-module__UfRjdW__leftCol",logo:"TatvaModal-module__UfRjdW__logo",logoAccent:"TatvaModal-module__UfRjdW__logoAccent",logoIcon:"TatvaModal-module__UfRjdW__logoIcon",logoText:"TatvaModal-module__UfRjdW__logoText",modal:"TatvaModal-module__UfRjdW__modal",overlay:"TatvaModal-module__UfRjdW__overlay",progressFill:"TatvaModal-module__UfRjdW__progressFill",progressRow:"TatvaModal-module__UfRjdW__progressRow",progressRows:"TatvaModal-module__UfRjdW__progressRows",progressTrack:"TatvaModal-module__UfRjdW__progressTrack",responseSummary:"TatvaModal-module__UfRjdW__responseSummary",rightCol:"TatvaModal-module__UfRjdW__rightCol",rightDesc:"TatvaModal-module__UfRjdW__rightDesc",rightEyebrow:"TatvaModal-module__UfRjdW__rightEyebrow",rightHeaderBlock:"TatvaModal-module__UfRjdW__rightHeaderBlock",rightHeadline:"TatvaModal-module__UfRjdW__rightHeadline",sapBadge:"TatvaModal-module__UfRjdW__sapBadge",scrollWrap:"TatvaModal-module__UfRjdW__scrollWrap",spinner:"TatvaModal-module__UfRjdW__spinner",subBlock:"TatvaModal-module__UfRjdW__subBlock",subBtn:"TatvaModal-module__UfRjdW__subBtn",subDesc:"TatvaModal-module__UfRjdW__subDesc",subForm:"TatvaModal-module__UfRjdW__subForm",subInput:"TatvaModal-module__UfRjdW__subInput",subRow:"TatvaModal-module__UfRjdW__subRow",subTitle:"TatvaModal-module__UfRjdW__subTitle",successBanner:"TatvaModal-module__UfRjdW__successBanner",successCheckCircle:"TatvaModal-module__UfRjdW__successCheckCircle",successText:"TatvaModal-module__UfRjdW__successText",tvFadeIn:"TatvaModal-module__UfRjdW__tvFadeIn",tvModalIn:"TatvaModal-module__UfRjdW__tvModalIn",tvOverlayIn:"TatvaModal-module__UfRjdW__tvOverlayIn",tvPop:"TatvaModal-module__UfRjdW__tvPop",tvSpin:"TatvaModal-module__UfRjdW__tvSpin",userBubble:"TatvaModal-module__UfRjdW__userBubble"})},10477,e=>{"use strict";var t=e.i(91398),a=e.i(65859),o=e.i(55778),r=e.i(88478),i=e.i(2889),l=e.i(69547);let n=(0,l.default)("timer",[["line",{x1:"10",x2:"14",y1:"2",y2:"2",key:"14vaq8"}],["line",{x1:"12",x2:"15",y1:"14",y2:"11",key:"17fdiu"}],["circle",{cx:"12",cy:"14",r:"8",key:"1e1u0o"}]]),s=(0,l.default)("hourglass",[["path",{d:"M5 22h14",key:"ehvnwv"}],["path",{d:"M5 2h14",key:"pdyrp9"}],["path",{d:"M17 22v-4.172a2 2 0 0 0-.586-1.414L12 12l-4.414 4.414A2 2 0 0 0 7 17.828V22",key:"1d314k"}],["path",{d:"M7 2v4.172a2 2 0 0 0 .586 1.414L12 12l4.414-4.414A2 2 0 0 0 17 6.172V2",key:"1vvvr6"}]]);var d=e.i(19155);let c=(0,l.default)("settings-2",[["path",{d:"M14 17H5",key:"gfn3mx"}],["path",{d:"M19 7h-9",key:"6i9tg"}],["circle",{cx:"17",cy:"17",r:"3",key:"18b49y"}],["circle",{cx:"7",cy:"7",r:"3",key:"dfmy0x"}]]),p=(0,l.default)("play",[["path",{d:"M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z",key:"10ikf1"}]]);var x=e.i(16963),f=e.i(25761),m=e.i(70084),g=e.i(76255),u=e.i(13791),h=e.i(84139),b=e.i(7987),y=e.i(35090);let v=(0,l.default)("refresh-cw",[["path",{d:"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8",key:"v9h5vc"}],["path",{d:"M21 3v5h-5",key:"1q7to0"}],["path",{d:"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16",key:"3uifl3"}],["path",{d:"M8 16H3v5",key:"1cv678"}]]);var w=e.i(26019);e.i(29867);var j=e.i(58038);e.i(30943),e.i(3828),e.i(10410);var _=e.i(98311),k=e.i(67267);let S=["/AppImage/hoicko_asset_01.png","/AppImage/hoicko_asset_02.png","/AppImage/hoicko_asset_03.png","/AppImage/hoicko_asset_04.png","/AppImage/hoicko_asset_05.png","/AppImage/hoicko_asset_06.png","/AppImage/hoicko_asset_07.png","/AppImage/hoicko_asset_08.png","/AppImage/hoicko_asset_09.png","/AppImage/hoicko_asset_10.png","/AppImage/hoicko_asset_11.png","/AppImage/tatvaai-chatlist.png","/AppImage/chat_phone_4x_transparent.png","/AppImage/forecast_phone_4x_transparent.png"],T=["/AppImage/01_chat_phone_4x_transparent.png","/AppImage/02_forecast_phone_4x_transparent.png","/AppImage/03_tatvaai-chatlist.png","/AppImage/04_hoicko_asset_01.png","/AppImage/05_hoicko_asset_02.png","/AppImage/06_hoicko_asset_03.png","/AppImage/07_hoicko_asset_04.png","/AppImage/08_hoicko_asset_05.png","/AppImage/09_hoicko_asset_06.png","/AppImage/10_hoicko_asset_07.png","/AppImage/11_hoicko_asset_08.png","/AppImage/12_hoicko_asset_09.png","/AppImage/13_hoicko_asset_10.png","/AppImage/14_hoicko_asset_11.png"],W=3e3,I=({images:e,autoplayIntervalMs:o=W,activeIndex:r,onIndexChange:i})=>{let l=e&&e.length>0?e:T,[n,s]=(0,a.useState)(0),[d,c]=(0,a.useState)(!1),[p,x]=(0,a.useState)({rotateX:0,rotateY:0}),[f,m]=(0,a.useState)({}),g=l.length,u=void 0!==r?r:n,h=(0,a.useCallback)(e=>{let t=(e%g+g)%g;void 0===r&&s(t),i&&i(t)},[g,r,i]),b=(0,a.useCallback)(e=>{e&&e.stopPropagation(),h(u+1)},[u,h]),y=(0,a.useCallback)(e=>{e&&e.stopPropagation(),h(u-1)},[u,h]);(0,a.useEffect)(()=>
1{if(!o)return;let e=setInterval(()=>{h(u+1)},o);return()=>clearInterval(e)},[o,u,h]);let v=e=>{let t=e.currentTarget.getBoundingClientRect(),a=e.clientX-t.left-t.width/2;x({rotateX:-(e.clientY-t.top-t.height/2)/14,rotateY:a/14})},w=()=>{x({rotateX:0,rotateY:0})};return(0,t.jsxs)("div",{style:{position:"relative",width:"100%",maxWidth:"700px",margin:"0 auto",userSelect:"none",padding:"12px 0"},onMouseEnter:()=>c(!0),onMouseLeave:()=>{c(!1),w()},children:[(0,t.jsxs)("div",{style:{position:"relative",width:"100%",height:"620px",overflow:"hidden"},children:[(0,t.jsx)(_.motion.button,{type:"button","aria-label":"Previous Slide",onClick:y,whileHover:{scale:1.12,backgroundColor:"#ffffff",boxShadow:"0 8px 24px rgba(37,99,235,0.22)"},whileTap:{scale:.9},style:{position:"absolute",left:"6px",top:"50%",transform:"translateY(-50%)",zIndex:100,width:"40px",height:"40px",borderRadius:"50%",backgroundColor:"rgba(255,255,255,0.95)",backdropFilter:"blur(8px)",boxShadow:"0 6px 20px rgba(15,23,42,0.14)",border:"1px solid rgba(226,232,240,0.9)",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",color:"#0f172a"},children:(0,t.jsx)(k.FaChevronLeft,{style:{width:"13px",height:"13px"}})}),(0,t.jsx)(_.motion.button,{type:"button","aria-label":"Next Slide",onClick:b,whileHover:{scale:1.12,backgroundColor:"#ffffff",boxShadow:"0 8px 24px rgba(37,99,235,0.22)"},whileTap:{scale:.9},style:{position:"absolute",right:"6px",top:"50%",transform:"translateY(-50%)",zIndex:100,width:"40px",height:"40px",borderRadius:"50%",backgroundColor:"rgba(255,255,255,0.95)",backdropFilter:"blur(8px)",boxShadow:"0 6px 20px rgba(15,23,42,0.14)",border:"1px solid rgba(226,232,240,0.9)",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",color:"#0f172a"},children:(0,t.jsx)(k.FaChevronRight,{style:{width:"13px",height:"13px"}})}),(0,t.jsxs)("div",{style:{position:"relative",width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",perspective:"1400px",transformStyle:"preserve-3d"},children:[(0,t.jsx)(_.motion.div,{animate:{scale:[1,1.1,1],opacity:[.35,.6,.35]},transition:{duration:4,repeat:1/0,ease:"easeInOut"},style:{position:"absolute",width:"280px",height:"480px",borderRadius:"50%",background:"radial-gradient(circle, rgba(59,130,246,0.18) 0%, rgba(124,58,237,0.1) 55%, transparent 75%)",filter:"blur(28px)",pointerEvents:"none",zIndex:5}}),l.map((e,a)=>{let o=((a-u)%g+g)%g;o>Math.floor(g/2)&&(o-=g);let r=(e=>{switch(e){case 0:return{x:0,rotateY:p.rotateY,rotateX:p.rotateX,scale:1,opacity:1,zIndex:30,filter:"brightness(1) drop-shadow(0 28px 48px rgba(15,23,42,0.35))",frostedOpacity:0,frostedBlur:0};case -1:return{x:-272,rotateY:20,rotateX:0,scale:.78,opacity:.85,zIndex:20,filter:"brightness(0.72) drop-shadow(0 10px 20px rgba(15,23,42,0.14))",frostedOpacity:.15,frostedBlur:2};case 1:return{x:272,rotateY:-20,rotateX:0,scale:.78,opacity:.85,zIndex:20,filter:"brightness(0.72) drop-shadow(0 10px 20px rgba(15,23,42,0.14))",frostedOpacity:.15,frostedBlur:2};case -2:return{x:-458.352,rotateY:32,rotateX:0,scale:.58,opacity:.45,zIndex:10,filter:"brightness(0.52) blur(3px)",frostedOpacity:.3,frostedBlur:4};case 2:return{x:458.352,rotateY:-32,rotateX:0,scale:.58,opacity:.45,zIndex:10,filter:"brightness(0.52) blur(3px)",frostedOpacity:.3,frostedBlur:4};default:return{x:0,rotateY:0,rotateX:0,scale:.4,opacity:0,zIndex:0,filter:"brightness(0.5)",frostedOpacity:0,frostedBlur:0}}})(o),i=0===o,n=2>=Math.abs(o);return(0,t.jsx)(_.motion.div,{initial:!1,animate:{x:r.x,rotateY:r.rotateY,rotateX:r.rotateX,scale:r.scale,opacity:r.opacity,filter:r.filter,y:i?[0,-8,0]:0},transition:{duration:.5,ease:[.32,.72,0,1],y:i?{duration:3.6,repeat:1/0,ease:"easeInOut"}:{}},onMouseMove:i?v:void 0,onMouseLeave:i?w:void 0,onClick:e=>{o<0&&y(e),o>0&&b(e)},style:{position:"absolute",width:"280px",height:"560px",display:"flex",alignItems:"center",justifyContent:"center",cursor:i?"grab":"pointer",background:"transparent",padding:0,transformStyle:"preserve-3d",zIndex:r.zIndex,visibility:n?"visible":"hidden",pointerEvents:n?"auto":"none",borderRadius:"20px",overflow:"hidden"},drag:!!i&&"x",dragConstraints:{left:0,right:0},dragElastic:.2,onDragEnd:(e,t)=>{t.offset.x<-30?b():t.offset.x>30&&y()},children:(0,t.jsx)("img",{src:f[a]?S[a%S.length]:l[a]||S[a%S.length],alt:`Hoicko Mobile App Screen ${a+1}`,onError:()=>m(e=>({...e,[a]:!0})),style:{width:"100%",height:"100%",objectFit:"contain",pointerEvents:"none",borderRadius:"20px"},draggable:!1})},a)})]})]}),(0,t.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",gap:"12px",marginTop:"16px"},children:(0,t.jsx)("div",{style:{display:"flex",alignItems:"center",gap:"6px"},children:l.map((e,a)=>(0,t.jsx)(_.motion.button,{type:"button",onClick:e=>{e.stopPropagation(),h(a)},"aria-label":`Go to slide ${a+1}`,animate:{width:a===u?22:7,backgroundColor:a===u?"#3b82f6":"#cbd5e1"},transition:{duration:.3,ease:"easeOut"},whileHover:{scale:1.25},style:{height:"7px",borderRadius:"9999px",border:"none",cursor:"pointer",padding:0}},a))})})]})};function M(e=.1){let t=(0,a.useRef)(null),[o,r]=(0,a.useState)(!1);return(0,a.useEffect)(()=>{let a=t.current;if(!a)return;let o=new IntersectionObserver(([e])=>{e.isIntersecting&&(r(!0),o.disconnect())},{threshold:e});return o.observe(a),()=>o.disconnect()},[]),[t,o]}
1function C({children:e,delay:a=0,from:o="bottom",scale:r=!1,clip:i=!1,style:l={},className:n=""}){let[s,d]=M(),[c,p]=({bottom:"0,40px",left:"-40px,0",right:"40px,0",top:"0,-20px",none:"0,0"})[o].split(",");return(0,t.jsx)("div",{ref:s,className:n,style:{opacity:+!!d,transform:d?"translate(0,0) scale(1)":`translate(${c},${p}) scale(${r?.94:1})`,clipPath:i?d?"inset(0% 0% 0% 0%)":"inset(0% 0% 100% 0%)":void 0,transition:`opacity .75s cubic-bezier(.16,1,.3,1) ${a}ms, transform .75s cubic-bezier(.16,1,.3,1) ${a}ms${i?`, clip-path .75s cubic-bezier(.16,1,.3,1) ${a}ms`:""}`,...l},children:e})}function R({children:e,baseDelay:a=0,step:o=80,style:r={},className:i=""}){let[l,n]=M();return(0,t.jsx)("div",{ref:l,className:i,style:r,children:Array.isArray(e)?e.map((e,r)=>(0,t.jsx)("div",{style:{opacity:+!!n,transform:n?"none":"translateY(28px)",transition:`opacity .65s cubic-bezier(.16,1,.3,1) ${a+r*o}ms, transform .65s cubic-bezier(.16,1,.3,1) ${a+r*o}ms`},children:e},r)):e})}function A({accent:e="#6c63ff"}){return(0,t.jsx)(w.default,{src:"/ProjectTracking.webp",alt:"Project and Task Dashboard",width:800,height:480,className:"w-full h-auto rounded-2xl"})}function z({accent:e="#6c63ff"}){return(0,t.jsx)(w.default,{src:"/HoickoCRMKeiro.webp",alt:"HOICKO CRM",width:800,height:480,className:"w-full h-auto rounded-2xl"})}function N({accent:e="#6c63ff"}){return(0,t.jsx)(w.default,{src:"/HoickoWorkflow1.webp",alt:"Workflow",width:800,height:480,className:"w-full h-auto rounded-2xl"})}function B({accent:e="#6c63ff"}){return(0,t.jsx)(w.default,{src:"/HoickoHRMS1.webp",alt:"HRMS",width:800,height:480,className:"w-full h-auto rounded-2xl"})}function H({accent:e="#6c63ff"}){return(0,t.jsx)(w.default,{src:"/TakshaLearning.webp",alt:"LMS",width:800,height:480,className:"w-full h-auto rounded-2xl"})}function U({accent:e="#6c63ff"}){return(0,t.jsx)("video",{autoPlay:!0,muted:!0,loop:!0,playsInline:!0,controls:!1,ref:e=>{e&&(e.defaultMuted=!0,e.muted=!0)},style:{width:"100%",height:"100%",objectFit:"fill",display:"block"},children:(0,t.jsx)("source",{src:"/OBAC2.mp4",type:"video/mp4"})})}function E({accent:e="#6c63ff"}){return(0,t.jsx)(w.default,{src:"/Hoicko_Work_Management1.webp",alt:"Hoicko Work Management",width:800,height:400,className:"w-full h-auto rounded-2xl"})}function P({accent:e="#6c63ff"}){return(0,t.jsx)(w.default,{src:"/Hoicko_Team_Management.webp",alt:"Hoicko Team Management",width:800,height:480,className:"w-full h-auto rounded-2xl"})}function F({accent:e="#6c63ff"}){return(0,t.jsx)(w.default,{src:"/Hoicko_Requirement_Process.webp",alt:"Hoicko Requirement Process",width:800,height:480,className:"w-full h-auto rounded-2xl"})}function O({accent:e="#6c63ff"}){return(0,t.jsx)(w.default,{src:"/Hoicko_Travel_Management_system.webp",alt:"Hoicko Travel Management",width:800,height:480,className:"w-full h-auto rounded-2xl"})}function D({accent:e="#6c63ff"}){return(0,t.jsx)(w.default,{src:"/Hoicko_Finance_Management.webp",alt:"Hoicko Finance Management",width:800,height:480,className:"w-full h-auto rounded-2xl"})}function L({accent:e="#6c63ff"}){return(0,t.jsx)(w.default,{src:"/PMO&OPS.webp",alt:"PMO and OPS",width:1400,height:1400,className:"w-full h-auto rounded-2xl"})}function Y({accent:e="#6c63ff"}){return(0,t.jsx)(w.default,{src:"/HoickoMarketing.webp",alt:"Hoicko Marketing",width:1400,height:1400,className:"w-full h-auto rounded-2xl"})}function $({accent:e="#6c63ff"}){return(0,t.jsx)(w.default,{src:"/HoickoSales&Revenue.webp",alt:"Sales & Revenue",width:1400,height:1400,className:"w-full h-auto rounded-2xl"})}function X({accent:e="#6c63ff"}){return(0,t.jsx)(w.default,{src:"/HoickoIT&Support.webp",alt:"IT & Support",width:1400,height:1400,className:"w-full h-auto rounded-2xl"})}function G({accent:e="#6c63ff"}){return(0,t.jsx)(w.default,{src:"/HoickoProduct&Dev.webp",alt:"Product & Dev",width:1400,height:1400,className:"w-full h-auto rounded-2xl"})}let q=[{label:"Projects & Tasks",color:"#6c63ff",Illus:()=>(0,t.jsx)(A,{accent:"#6c63ff"}),headline:"Plan, run, and deliver projects at scale",sub:"Connect every task, team, and tool into one intelligent workspace.",tags:["Planning","Tracking","Collaboration"],badgeTitle:"â 38% improved scalability"},{label:"HRMS",color:"#f59e0b",Illus:()=>(0,t.jsx)(B,{}),headline:"Simplify HR operations that truly perform.",sub:"From brief to publish â manage every campaign, asset, and team member in one place.",tags:["Analytics","Employee Wellbeing","Onboarding Process"],badgeTitle:"â 35% Faster HR Operations"},{label:"CRM",color:"#10b981",Illus:()=>(0,t.jsx)(z,{}),headline:"Close deals that actually grow revenue.",sub:"Track every lead, automate follow-ups, and never let a deal slip away.",tags:["Customization","Automation & workflow,","Lead Generation"],badgeTitle:"â 27% Faster Deal Closure"},{label:"LMS",color:"#3b82f6",Illus:()=>(0,t.jsx)(H,{}),headline:"Upskill teams with engaging courses.",sub:"Deploy specialist AI agents for every function â or build your own in minutes.",tags:["Course Builder","Progress Tracking","Upskilling"],badgeTitle:"â 27% Skill Improvement"},{label:"Workflows",color:"#8b5cf6",Illus:()=>(0,t.jsx)(N,{}),headline:"End-to-end automated workflows.",sub:"Orchestrate workflows connecting agents and AI â watch work get done across every team.",tags:["Automation","Efficiency","Accuracy"],badgeTitle:"â 40% Process Efficiency"}],K=[{name:"One PWS",logo:"/ONEPWS.webp",color:"#6c63ff",type:"wide"},{name:"TS Tech",logo:"/TSTech.webp",color:"#10b981",type:"small"},{name:"Workspace Metal",logo:"/WorkSpace.webp",color:"#f59e0b",type:"small"},{name:"Somochem",logo:"/Somochem.webp",color:"#3b82f6",type:"small"},{name:"HGIEL",logo:"/HGIEL.webp",color:"#8b5cf6",type:"wide"},{name:"NOVEL",logo:"/Novel.webp",color:"#ef4444",type:"wide"}],V=[{title:"End-to-End Automation",description:"Automate complete business workflows across Hoicko.",icon:f.Workflow,bgColor:"#eff6ff",color:"#2563eb",glowColor:"rgba(37, 99, 235, 0.08)",borderColor:"rgba(37, 99, 235, 0.2)"},{title:"Intelligent Decisioning",description:"Leverage real-time insights and AI-powered analytics.",icon:x.Brain,bgColor:"#faf5ff",color:"#7c3aed",glowColor:"rgba(124, 58, 237, 0.08)",borderColor:"rgba(124, 58, 237, 0.2)"},{title:"Accelerate Operations",description:"Streamline processes and improve execution speed.",icon:i.Zap,bgColor:"#fffbeb",color:"#d97706",glowColor:"rgba(217, 119, 6, 0.08)",borderColor:"rgba(217, 119, 6, 0.2)"},{title:"Enterprise-Grade Security",description:"Advanced protection with secure and reliable infrastru
1cture.",icon:d.ShieldCheck,bgColor:"#f0fdf4",color:"#16a34a",glowColor:"rgba(22, 163, 74, 0.08)",borderColor:"rgba(22, 163, 74, 0.2)"}],Z=[{number:"01.",title:"Connect Your Tools",description:"No code. Instant setup."},{number:"02.",title:"Design Your Workflow",description:"Visual builder with AI assistance."},{number:"03.",title:"Let Hoicko Run It",description:"Automate tasks. Get insights. Save time."}],Q=[{tag:"Work Management",tagColor:"#4f46e5",title:"Plan, Manage & Deliver Projects with Confidence",desc:"Drive projects forward with structured workflows and complete visibility.",Illus:()=>(0,t.jsx)(E,{accent:"#4f46e5"}),features:["Gantt & Timeline View","Workflow Automations","Performance Dashboards","Workload Management"],buttonData:"Get Started â"},{tag:"Team Management",tagColor:"#4f46e5",title:"Build Structured & Accountable Teams",desc:"Create clarity in roles, responsibilities, and approvals.",Illus:()=>(0,t.jsx)(P,{}),features:["Role-Based Access Control","Task Assignment & Tracking","Team Performance Insights","Hierarchy-Based Approvals"],buttonData:"Explore More â"},{tag:"Requirement Process",tagColor:"#4f46e5",title:"Streamline Requests & Approvals",desc:"Manage internal requests with a clear and trackable process.",Illus:()=>(0,t.jsx)(F,{}),features:["Custom Request Forms","Multi-Level Approval Flow","Status Tracking","Complete Activity Log"],buttonData:"Manage Requests â"},{tag:"Travel Management",tagColor:"#4f46e5",title:"Simplify Travel Planning & Approvals",desc:"Organize business travel with structured workflows and policy controls.",Illus:()=>(0,t.jsx)(O,{}),features:["Travel Request Submission","Approval Routing","Policy-Based Validation","Expense Overview"],buttonData:"Plan Travel â"},{tag:"Financial Management",tagColor:"#4f46e5",title:"Control Budgets & Expenses with Clarity",desc:"Keep financial processes organized and transparent.",Illus:()=>(0,t.jsx)(D,{}),features:["Budget Allocation","Expense Monitoring","Invoice Tracking","Financial Reporting"],buttonData:"Manage Finance â"}],J=[{label:"PMO & Ops",color:"#4f46e5",title:"Turn Business Plans into Action",desc:"From portfolio planning to resource allocation, HOICKO gives PMO and ops teams complete visibility and predictable delivery.",items:["AI Risk Analyzer","Portfolio Dashboard","Resource Planning","AI Reporting","Custom Workflows"],Illus:()=>(0,t.jsx)(L,{accent:"#4f46e5"})},{label:"Marketing",color:"#4f46e5",title:"AI-powered marketing that drives demand",desc:"Manage campaigns, content calendars, and creative assets in one place â with AI that drafts copy and generates ideas.",items:["Campaign Manager","Content Calendar","AI Copy Writer","Brand Asset Library","Analytics Hub"],Illus:()=>(0,t.jsx)(Y,{})},{label:"Sales & Revenue",color:"#4f46e5",title:"Accelerate revenue with an AI-driven customer journey",desc:"Connect marketing, sales, and CS on one platform so deals move faster and customers stay longer.",items:["Deal Insights","AI Sales Agents","AI Notetaker","Email Generator","Activity Tracker"],Illus:()=>(0,t.jsx)($,{})},{label:"IT & Support",color:"#4f46e5",title:"Deliver proactive, intelligent service at scale",desc:"HOICKO keeps your IT and support teams ahead of incidents with intelligent ticket routing and real-time SLA monitoring.",items:["Ticket Triage AI","SLA Monitoring","Escalation Flows","Service Portal","Incident Resolver"],Illus:()=>(0,t.jsx)(X,{})},{label:"Product & Dev",color:"#4f46e5",title:"Ship quality software faster with AI-guided sprints",desc:"From backlog to release, HOICKO keeps your product and engineering teams aligned and shipping at peak velocity.",items:["AI Sprint Planner","Bug Triage","Roadmap View","Git Sync","Velocity Reports"],Illus:()=>(0,t.jsx)(G,{})}],ee=[{icon:n,title:"3x Faster",description:"Workflow Setup"},{icon:s,title:"Save 10+",description:"Hours Weekly"},{icon:c,title:"100% Customizable",description:"Processes"},{icon:d.ShieldCheck,title:"Secure & Reliable",description:"Platform"}];function et(){let[e,l]=(0,a.useState)(0),[n,s]=(0,a.useState)(0),[c,x]=(0,a.useState)(!1),f=(0,a.useRef)(null),[w,_]=(0,a.useState)(0),[k,S]=(0,a.useState)(!1),T=(0,a.useRef)(null),[W,A]=(0,a.useState)(null),[z,N]=(0,a.useState)(null),[B,H]=(0,a.useState)({x:0,y:0}),[E,P]=function(e=.15){let t=(0,a.useRef)(null),[o,r]=(0,a.useState)(0);return(0,a.useEffect)(()=>{let a=()=>
1{if(!t.current)return;let a=t.current.getBoundingClientRect();r((a.top+a.height/2-window.innerHeight/2)*e)};return window.addEventListener("scroll",a,{passive:!0}),()=>window.removeEventListener("scroll",a)},[e]),[t,o]}(.12),[F,O,D]=function(e,t=45){let[o,r]=(0,a.useState)(""),[i,l]=(0,a.useState)(!1),[n,s]=M();return(0,a.useEffect)(()=>{let a;if(!s)return;l(!1),r("");let o=0,i=()=>{if(o<e.length){o++,r(e.slice(0,o));let l=e.charAt(o-1);a=setTimeout(i,"â"===l||"-"===l||","===l?2*t:" "===l?1.2*t:t+(Math.random()-.5)*8)}else l(!0)};return a=setTimeout(i,100),()=>clearTimeout(a)},[s,e,t]),[n,o,i]}("All-in-One Business Management Software",40),[L,Y]=(0,a.useState)(null),[$,X]=(0,a.useState)(null);(0,a.useEffect)(()=>{let e=e=>H({x:e.clientX,y:e.clientY});return window.addEventListener("mousemove",e),()=>{window.removeEventListener("mousemove",e),f.current&&clearTimeout(f.current),T.current&&clearTimeout(T.current)}},[]),q[e].Illus;let G=Q[n],et=G.Illus,ea=J[w],eo=ea.Illus,er=` 2 .section-label { 3 display: inline-block; 4 padding: 6px 16px; 5 font-size: 12px; 6 font-weight: 700; 7 border-radius: 9999px; 8 letter-spacing: 0.06em; 9 text-transform: uppercase; 10 margin-bottom: 16px; 11 line-height: 1; 12 } 13 .team-tab { 14 padding: 10px 24px; 15 font-size: 14px; 16 font-weight: 600; 17 border-radius: 9999px; 18 border: 1.5px solid #ebebeb; 19 background: #fff; 20 color: #4b5563; 21 cursor: pointer; 22 transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1); 23 outline: none; 24 } 25 .team-tab:hover { 26 border-color: #d1d5db; 27 color: #1f2937; 28 background: #f9fafb; 29 transform: translateY(-1px); 30 } 31 `;return(0,t.jsx)(o.default,{children:(0,t.jsxs)("div",{style:{fontFamily:"var(--font-sans)",background:"#fff",color:"#1a1a1a",overflowX:"hidden"},children:[(0,t.jsx)(j.default,{title:"All-in-One Business Management Software | Hoicko",description:"Manage projects, CRM, HRMS, workflows and business processes in one connected platform with Hoicko. Simplify work, improve visibility and automate operations.",canonicalHref:"https://hoicko.ai/"}),(0,t.jsx)("style",{dangerouslySetInnerHTML:{__html:er}}),(0,t.jsx)("div",{style:{position:"fixed",inset:0,pointerEvents:"none",zIndex:0,overflow:"hidden"},children:[...Array(6)].map((e,a)=>(0,t.jsx)("div",{className:"particle",style:{width:4+2*a,height:4+2*a,background:["#6c63ff","#10b981","#f59e0b","#3b82f6","#8b5cf6","#ef4444"][a],left:`${10+15*a}%`,top:`${20+12*a}%`,opacity:.15,animationDelay:`${.8*a}s`,animationDuration:`${4+a}s`}},a))}),(0,t.jsx)("div",{className:"relative bg-white overflow-hidden font-sans text-neutral-900",style:{fontFamily:"var(--font-sans)",zIndex:10},children:(0,t.jsx)("div",{className:"relative z-10 w-full max-w-[1280px] mx-auto px-6 sm:px-12 lg:px-20 pt-8 md:pt-12 pb-16",children:(0,t.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-12 gap-8 lg:gap-12 items-center",children:[(0,t.jsxs)("div",{className:"lg:col-span-5 flex flex-col justify-center items-start text-left max-w-[620px] lg:pr-6",style:{animation:"slideUp 0.9s cubic-bezier(0.16, 1, 0.3, 1) 0.6s both"},children:[(0,t.jsx)("span",{className:"text-[#0084FF] font-bold font-heading text-[13px] mb-3 tracking-[0.1em] uppercase",children:"A No-Code Platform"}),(0,t.jsx)("h1",{className:"text-[34px] sm:text-[56px] lg:text-[64px] leading-[1.05] tracking-[-0.5px] select-none text-black font-semibold",style:{fontFamily:"var(--font-outfit)"},children:"All-in-One Business Management Software"}),(0,t.jsx)("p",{className:"text-[18px] text-black/60 tracking-[-0.3px] leading-relaxed mt-5 max-w-[500px]",children:"Manage projects, CRM, HRMS, workflows and everyday business processes in one place."}),(0,t.jsxs)("div",{className:"mt-8 flex flex-wrap items-center gap-4",children:[(0,t.jsxs)("a",{href:"https://app.hoicko.ai/",target:"_blank",rel:"noopener noreferrer",className:"btn-hero-primary px-7 py-3 rounded-[12px] flex items-center gap-2 text-[16px] font-bold transition-all w-fit",children:["Get Started",(0,t.jsx)(r.ArrowRight,{className:"w-5 h-5",strokeWidth:2.5})]}),(0,t.jsxs)("a",{href:"https://novel.hoicko.ai/ShareForm/shraW0et7uWv3Fy/formXhwZzuhvTgSB?type=share",target:"_blank",rel:"noopener noreferrer",className:"group flex items-center gap-3 px-7 py-3 rounded-[12px] bg-white hover:bg-blue-50/20 border border-neutral-200 hover:border-blue-200 transition-all duration-300 text-neutral-800 hover:text-blue-600 w-fit shadow-sm",children:[(0,t.jsx)("span",{className:"text-[16px] font-bold tracking-tight",children:"Request for demo"}),(0,t.jsx)("div",{className:"w-5 h-5 rounded-full bg-neutral-50 group-hover:bg-blue-50 flex items-center justify-center transition-all duration-300",children:(0,t.jsx)(p,{className:"w-2 h-2 text-neutral-500 group-hover:text-blue-600 fill-current translate-x-[0.5px] transition-colors"})})]})]})]}),(0,t.jsxs)("div",{className:"lg:col-span-7 relative w-full flex items-center justify-center pointer-events-none mt-6 lg:mt-0",style:{animation:"slideUp 0.9s cubic-bezier(0.16, 1, 0.3, 1) 0.6s both"},children:[(0,t.jsx)("div",{className:"absolute w-[540px] h-[540px] top-1/2 left-1/2 -translate-x-1/2 -translate-y-[52%] -z-10 opacity-35",children:(0,t.jsxs)("svg",{viewBox:"0 0 620 620",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"w-full h-full animate-spin",style:{animationDuration:"30s",animationTimingFunction:"linear"},children:[(0,t.jsx)("circle",{cx:"310",cy:"310",r:"280",stroke:"url
31(#sky-gradient)",strokeWidth:"1",strokeDasharray:"4 8"}),(0,t.jsx)("circle",{cx:"310",cy:"310",r:"220",stroke:"url(#sky-gradient)",strokeWidth:"1",strokeDasharray:"2 6",opacity:"0.6"}),(0,t.jsx)("circle",{cx:"310",cy:"310",r:"160",stroke:"url(#sky-gradient)",strokeWidth:"1",opacity:"0.3"}),(0,t.jsx)("defs",{children:(0,t.jsxs)("linearGradient",{id:"sky-gradient",x1:"0",y1:"0",x2:"620",y2:"620",gradientUnits:"userSpaceOnUse",children:[(0,t.jsx)("stop",{stopColor:"#60B1FF"}),(0,t.jsx)("stop",{offset:"1",stopColor:"#319AFF"})]})})]})}),(0,t.jsxs)("div",{className:"relative z-10 w-full max-w-[500px] pointer-events-auto",children:[(0,t.jsx)("video",{autoPlay:!0,loop:!0,muted:!0,playsInline:!0,controls:!1,ref:e=>{e&&(e.defaultMuted=!0,e.muted=!0)},className:"w-full h-auto rounded-[24px] select-none block",style:{filter:"brightness(1.02) contrast(1.04)",mixBlendMode:"multiply"},children:(0,t.jsx)("source",{src:"/hero_robo_video.mp4",type:"video/mp4"})}),(0,t.jsx)("div",{className:"absolute top-[18%] -right-2 sm:-right-6 md:-right-10 z-20",style:{animation:"floatLoop1 5.0s ease-in-out infinite"},children:(0,t.jsxs)("div",{className:"px-5 py-3 rounded-[20px] flex items-center gap-3 pointer-events-auto bg-gradient-to-br from-white/75 to-white/45 border border-white/70 ring-1 ring-black/5 backdrop-blur-[20px] hover:scale-105 transition-transform",style:{boxShadow:"0 12px 32px -4px rgba(0,132,255,0.12), inset 0 2.5px 4px rgba(255,255,255,0.8)"},children:[(0,t.jsx)("div",{className:"w-8 h-8 rounded-xl bg-gradient-to-br from-[#0084FF] to-[#0066CC] flex items-center justify-center shadow-[0_4px_12px_rgba(0,132,255,0.3)]",children:(0,t.jsx)(b.PenLine,{className:"w-4 h-4 text-white"})}),(0,t.jsxs)("div",{className:"flex flex-col text-left leading-tight",children:[(0,t.jsx)("span",{className:"text-[13px] text-neutral-900 tracking-tight font-black",children:"Write an email"}),(0,t.jsx)("span",{className:"text-[10px] text-neutral-500 mt-0.5 font-semibold",children:"for meeting"})]})]})}),(0,t.jsx)("div",{className:"absolute top-[48%] -left-4 sm:-left-8 md:-left-12 z-20",style:{animation:"floatLoop2 5.5s ease-in-out infinite"},children:(0,t.jsxs)("div",{className:"px-5 py-3 rounded-[20px] flex items-center gap-3 pointer-events-auto bg-gradient-to-br from-white/75 to-white/45 border border-white/70 ring-1 ring-black/5 backdrop-blur-[20px] hover:scale-105 transition-transform",style:{boxShadow:"0 12px 32px -4px rgba(16,185,129,0.12), inset 0 2.5px 4px rgba(255,255,255,0.8)"},children:[(0,t.jsx)("div",{className:"w-8 h-8 rounded-xl bg-gradient-to-br from-[#10B981] to-[#059669] flex items-center justify-center shadow-[0_4px_12px_rgba(16,185,129,0.3)]",children:(0,t.jsx)(g.FileText,{className:"w-4 h-4 text-white"})}),(0,t.jsxs)("div",{className:"flex flex-col text-left leading-tight",children:[(0,t.jsx)("span",{className:"text-[13px] text-neutral-900 tracking-tight font-black",children:"Summarize"}),(0,t.jsx)("span",{className:"text-[10px] text-neutral-500 mt-0.5 font-semibold",children:"this document"})]})]})}),(0,t.jsx)("div",{className:"absolute bottom-[18%] -right-2 sm:-right-6 md:-right-10 z-20",style:{animation:"floatLoop3 4.8s ease-in-out infinite"},children:(0,t.jsxs)("div",{className:"px-5 py-3 rounded-[20px] flex items-center gap-3 pointer-events-auto bg-gradient-to-br from-white/75 to-white/45 border border-white/70 ring-1 ring-black/5 backdrop-blur-[20px] hover:scale-105 transition-transform",style:{boxShadow:"0 12px 32px -4px rgba(147,51,234,0.12), inset 0 2.5px 4px rgba(255,255,255,0.8)"},children:[(0,t.jsx)("div",{className:"w-8 h-8 rounded-xl bg-gradient-to-br from-[#9333EA] to-[#7E22CE] flex items-center justify-center shadow-[0_4px_12px_rgba(147,51,234,0.3)]",children:(0,t.jsx)(m.Check,{className:"w-4 h-4 text-white",strokeWidth:3})}),(0,t.jsxs)("div",{className:"flex flex-col text-left leading-tight",children:[(0,t.jsx)("span",{className:"text-[13px] text-neutral-900 tracking-tight font-black",children:"Create a to-do list"}),(0,t.jsx)("span",{className:"text-[10px] text-neutral-500 mt-0.5 font-semibold",children:"for today"})]})]})})]})]})]})})}),(0,t.jsxs)("section",{style:{padding:"50px 24px",position:"relative",zIndex:2,backgroundColor:"#ffffff",borderTop:"1px solid #f3f4f6",borderBottom:"1px solid #f3f4f6",marginTop:0},children:[(0,t.jsx)(C,{style:{textAlign:"center",marginBottom:40},children:(0,t.jsx)("p",{style:{fontSize:20,fontWeight:700,letterSpacing:".10em",color:"#000",textTransform:"uppercase"},children:"Trusted by 6+ companies"})}),(0,t.jsx)("div",{style:{maxWidth:1200,margin:"0 auto"},children:(0,t.jsx)("div",{style:{display:"flex",flexWrap:"wrap",justifyContent:"center",gap:"24px clamp(24px, 4vw, 64px)",alignItems:"center"},children:K.map((e,a)=>(0,t.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",transition:"all 0.3s cubic-bezier(0.16, 1, 0.3, 1)",opacity:.6},onMouseEnter:e=>{e.currentTarget.style.transform="translateY(-3px) scale(1.03)",e.currentTarget.style.opacity="1"},onMouseLeave:e=>{e.currentTarget.style.transform="none",e.currentTarget.style.opacity="0.6"},children:(0,t.jsx)("img",{src:e.logo,alt:`${e.name} logo`,style:{maxWidth:"small"===e.type?"130px":"165px",maxHeight:"52px",width:"auto",height:"auto",objectFit:"contain"}})},a))})}),(0,t.jsx)(C,{style:{textAlign:"center",marginBottom:10,marginTop:50},children:(0,t.jsx)("p",{className:"section-title",style:{fontSize:20,fontWeight:700,letterSpacing:".10em",color:"#000",textTransform:"uppercase",margin:0,marginBottom:"25px"},children:"Core Benefits"})}),(0,t.jsx)("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(260px, 1fr))",gap:"clamp(14px, 2vw, 22px)",maxWidth:"1200px",margin:"0 auto",padding:"0 clamp(12px, 4vw, 20px)"},children:V.map((e,a)=>{let o=e.icon,r=$===a;return(0,t.jsxs)("div",{onMouseEnter:()=>X(a),onMouseLeave:()=>X(null),style:{position:"relative",padding:"28px 24px",borderRadius:"20px",background:r?`radial-gradient(circle at bottom right, ${e.glowColor}, transparent 60%), 32 radial-gradient(circle at top left, ${e.glowColor}, transparent 80%), 33 #ffffff`:"#ffffff",border:`1px solid ${r?e.borderColor:"#f1f5f9"}`,boxShadow:r?"0 20px 25px -5px rgba(0,0,0,0.03), 0 8px 10px -6px rgba(0,0,0,0.03)":"0 4px 6px -1px rgba(0,0,0,0.01), 0 2px 4px -2px rgba(0,0,0,0.01)",transform:r?"translateY(-6px)":"translateY(0)",transition:"all 0.3s cubic-bezier(0.16, 1, 0.3, 1)",cursor:"pointer",minHeight:"220px",height:"100%",display:"flex",flexDirection:"column"},children:[(0,t.jsx)("div",{style:{width:"48px",height:"48px",borderRadius:"14px",background:e.bgColor,display:"flex",alignItems:"center",justifyContent:"center",marginBottom:"16
33px",transition:"all 0.3s ease",transform:r?"scale(1.05) translateY(-2px)":"scale(1)"},children:(0,t.jsx)(o,{size:22,color:e.color,strokeWidth:2})}),(0,t.jsx)("h3",{style:{fontSize:"18px",fontWeight:700,margin:"0 0 8px",color:"#0f172a",letterSpacing:"-0.01em"},children:e.title}),(0,t.jsx)("p",{style:{fontSize:"14px",color:"#475569",margin:0,lineHeight:"1.6"},children:e.description})]},a)})}),(0,t.jsx)(C,{style:{textAlign:"center",marginBottom:20,marginTop:60},children:(0,t.jsx)("p",{className:"section-title",style:{fontSize:20,fontWeight:700,letterSpacing:".10em",color:"#000",textTransform:"uppercase",margin:0},children:"HOW IT WORKS"})}),(0,t.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"flex-start",gap:"60px",maxWidth:"1100px",margin:"0 auto 10px",padding:"0 10px",flexWrap:"wrap"},children:Z.map((e,a)=>(0,t.jsxs)("div",{style:{flex:"1 1 240px",maxWidth:"300px"},children:[(0,t.jsxs)("div",{style:{display:"flex",alignItems:"center"},children:[(0,t.jsx)("h2",{style:{fontSize:"52px",fontWeight:700,margin:0,color:"#0f172a",letterSpacing:"-1px",lineHeight:1},children:e.number}),a<Z.length-1&&(0,t.jsx)("div",{style:{width:"220px",height:"1.5px",marginLeft:"10px",background:"linear-gradient(to right, #cbd5e1 0%, #cbd5e1 70%, transparent 100%)",position:"relative"},children:(0,t.jsx)("div",{style:{position:"absolute",right:"-2px",top:"-3px",width:0,height:0,borderTop:"4px solid transparent",borderBottom:"4px solid transparent",borderLeft:"6px solid #cbd5e1"}})})]}),(0,t.jsx)("h3",{style:{fontSize:"17px",fontWeight:700,margin:"8px 0 0",color:"#0f172a"},children:e.title}),(0,t.jsx)("p",{style:{fontSize:"14px",margin:0,lineHeight:"1.5",color:"#64748b"},children:e.description})]},a))})]}),(0,t.jsxs)("section",{className:"products-section",style:{padding:"clamp(36px,6vw,70px) clamp(16px,4vw,80px)",background:"#fafafa",overflow:"hidden"},children:[(0,t.jsx)("style",{dangerouslySetInnerHTML:{__html:` 34 .prod-tabs-wrap { 35 display: flex; 36 border-bottom: 1.5px solid #ebebeb; 37 margin-bottom: 48px; 38 overflow-x: auto; 39 gap: 4px; 40 -webkit-overflow-scrolling: touch; 41 scrollbar-width: none; 42 ms-overflow-style: none; 43 padding-bottom: 2px; 44 } 45 .prod-tabs-wrap::-webkit-scrollbar { display: none; } 46 @media (max-width: 992px) { 47 .products-section .feat-cols { 48 flex-direction: column !important; 49 gap: 40px !important; 50 align-items: stretch !important; 51 } 52 .products-section .feat-col { 53 flex: 1 1 100% !important; 54 width: 100% !important; 55 min-width: 100% !important; 56 } 57 .prod-tabs-wrap { 58 margin-bottom: 32px !important; 59 } 60 } 61 @media (max-width: 640px) { 62 .prod-tabs-wrap button { 63 padding: 10px 14px !important; 64 font-size: 14px !important; 65 } 66 } 67 `}}),(0,t.jsxs)("div",{style:{maxWidth:1400,margin:"0 auto"},children:[(0,t.jsxs)(C,{scale:!0,style:{textAlign:"center",marginBottom:40},children:[(0,t.jsx)("span",{className:"section-label",style:{background:"rgba(108,99,255,.08)",color:"#6c63ff"},children:"AI-POWERED PRODUCT SUITE"}),(0,t.jsx)("h2",{className:"serif",style:{fontSize:"clamp(28px,4vw,50px)",fontWeight:700,lineHeight:1.15,letterSpacing:"-.025em"},children:"Manage Every Business Process in One Place"})]}),(0,t.jsx)("div",{className:"prod-tabs-wrap",children:Q.map((e,a)=>(0,t.jsxs)("button",{onClick:()=>{f.current&&clearTimeout(f.current),x(!0),f.current=setTimeout(()=>{s(a),x(!1)},200)},style:{position:"relative",background:"none",border:"none",padding:"12px 20px",fontSize:15,fontWeight:n===a?700:600,color:n===a?e.tagColor:"#374151",cursor:"pointer",whiteSpace:"nowrap",transition:"color .2s",outline:"none"},children:[e.tag,n===a&&(0,t.jsx)("span",{style:{position:"absolute",bottom:0,left:0,right:0,height:3,borderRadius:"3px 3px 0 0",background:e.tagColor}})]},e.tag))}),(0,t.jsxs)("div",{className:"feat-cols",style:{display:"flex",gap:"clamp(32px,5vw,80px)",alignItems:"center",opacity:+!c,transition:"opacity 0.2s ease-in-out"},children:[(0,t.jsxs)("div",{style:{flex:.9,minWidth:0},className:"feat-col",children:[(0,t.jsx)(C,{from:"bottom",delay:40,children:(0,t.jsx)("span",{className:"section-label",style:{background:`${G.tagColor}14`,color:G.tagColor},children:G.tag})},`prod-tag-${n}`),(0,t.jsx)(C,{from:"bottom",delay:120,children:(0,t.jsx)("h3",{className:"serif",style:{fontSize:"clamp(22px,3vw,40px)",fontWeight:700,lineHeight:1.2,marginBottom:20,letterSpacing:"-.02em"},children:G.title})},`prod-title-${n}`),(0,t.jsx)(C,{from:"bottom",delay:200,children:(0,t.jsx)("p",{style:{fontSize:16,color:"#666",lineHeight:1.8,marginBottom:32},children:G.desc})},`prod-desc-${n}`),(0,t.jsx)(R,{baseDelay:280,step:60,style:{marginBottom:36},children:G.features.map(e=>(0,t.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:12,marginBottom:12},children:[(0,t.jsx)("div",{style:{width:22,height:22,borderRadius:6,background:`${G.tagColor}15`,display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0},children:(0,t.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:G.tagColor,strokeWidth:"2.5",width:"12",height:"12",children:(0,t.jsx)("path",{d:"M20 6L9 17l-5-5"})})}),(0,t.jsx)("span",{style:{fontSize:15,fontWeight:600,color:"#333"},children:e})]},e))},`prod-features-${n}`)]}),(0,t.jsx)(C,{from:"right",delay:160,style:{flex:1.4,minWidth:0},className:"feat-col",children:(0,t.jsx)("div",{style:{width:"100%",overflowX:"auto"},children:(0,t.jsx)(et,{})})},`prod-right-${n}`)]})]})]}),(0,t.jsx)("style",{dangerouslySetInnerHTML:{__html:`
68 @keyframes mobileAppFloat { 69 0%, 100% { transform: translateY(0px); } 70 50% { transform: translateY(-12px); } 71 } 72 @keyframes fadeSlideUp { 73 from { opacity: 0; transform: translateY(24px); } 74 to { opacity: 1; transform: translateY(0); } 75 } 76 .mobile-app-section { 77 padding: clamp(64px, 9vw, 120px) clamp(20px, 5vw, 80px); 78 background: #ffffff; 79 overflow: hidden; 80 } 81 .mobile-app-inner { 82 max-width: 1200px; 83 margin: 0 auto; 84 display: flex; 85 flex-wrap: wrap; 86 align-items: center; 87 gap: clamp(40px, 5vw, 80px); 88 } 89 .mobile-app-left { flex: 1 1 420px; min-width: 0; } 90 .mobile-app-right { flex: 1 1 480px; min-width: 0; display: flex; align-items: center; justify-content: center; position: relative; } 91 92 .mobile-app-img-wrapper { 93 position: relative; 94 width: 100%; 95 max-width: 640px; 96 display: flex; 97 justify-content: center; 98 align-items: center; 99 filter: drop-shadow(0 24px 40px rgba(0, 0, 0, 0.08)); 100 } 101 .mobile-app-img { 102 width: 100%; 103 max-width: 520px; 104 height: auto; 105 object-fit: contain; 106 animation: mobileAppFloat 5s ease-in-out infinite; 107 backface-visibility: hidden; 108 -webkit-backface-visibility: hidden; 109 transform: translateZ(0); 110 image-rendering: -webkit-optimize-contrast; 111 } 112 113 /* Floating Popup Cards */ 114 .mobile-app-popup { 115 position: absolute; 116 display: flex; 117 align-items: center; 118 gap: 10px; 119 padding: 9px 16px 9px 10px; 120 background: rgba(255, 255, 255, 0.95); 121 backdrop-filter: blur(12px); 122 -webkit-backdrop-filter: blur(12px); 123 border: 1.5px solid rgba(226, 232, 240, 0.9); 124 border-radius: 9999px; 125 box-shadow: 0 12px 28px -4px rgba(15, 23, 42, 0.1), 0 4px 12px -2px rgba(15, 23, 42, 0.05); 126 z-index: 10; 127 white-space: nowrap; 128 transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); 129 cursor: default; 130 } 131 .mobile-app-popup:hover { 132 transform: translateY(-4px) scale(1.03) !important; 133 box-shadow: 0 18px 36px -4px rgba(15, 23, 42, 0.15), 0 6px 16px -2px rgba(15, 23, 42, 0.08); 134 border-color: rgba(148, 163, 184, 0.5); 135 } 136 .mobile-popup-icon { 137 width: 32px; 138 height: 32px; 139 border-radius: 50%; 140 display: flex; 141 align-items: center; 142 justify-content: center; 143 flex-shrink: 0; 144 } 145 .mobile-popup-text { 146 display: flex; 147 flex-direction: column; 148 line-height: 1.25; 149 } 150 .mobile-popup-title { 151 font-size: 13px; 152 font-weight: 700; 153 color: #0f172a; 154 font-family: 'DM Sans', sans-serif; 155 } 156 .mobile-popup-desc { 157 font-size: 11px; 158 color: #64748b; 159 font-weight: 500; 160 font-family: 'DM Sans', sans-serif;
161 margin-top: 1px; 162 } 163 164 /* Floating Popup Positions & Slow Animations */ 165 .popup-top-left { 166 top: 6%; 167 left: -4%; 168 animation: popupFloat 4.8s ease-in-out infinite; 169 } 170 .popup-top-right { 171 top: 14%; 172 right: -4%; 173 animation: popupFloat 5.2s ease-in-out infinite 1s; 174 } 175 .popup-bottom-left { 176 bottom: 16%; 177 left: -2%; 178 animation: popupFloat 5.6s ease-in-out infinite 0.5s; 179 } 180 .popup-bottom-right { 181 bottom: 8%; 182 right: -2%; 183 animation: popupFloat 5s ease-in-out infinite 1.5s; 184 } 185 186 @keyframes popupFloat { 187 0%, 100% { transform: translateY(0px); } 188 50% { transform: translateY(-7px); } 189 } 190 191 .mobile-feature-list { display: flex; flex-direction: column; gap: 20px; } 192 .mobile-feature-item { display: flex; gap: 16px; align-items: flex-start; } 193 .mobile-feature-icon { 194 width: 36px; height: 36px; border-radius: 10px; 195 display: flex; align-items: center; justify-content: center; 196 flex-shrink: 0; margin-top: 2px; 197 } 198 .mobile-btn-row { display: flex; gap: 14px; margin-bottom: 48px; flex-wrap: wrap; align-items: center; } 199 .mobile-btn-secondary { 200 display: flex; align-items: center; gap: 8px; 201 padding: 12px 28px; 202 border-radius: 12px; 203 font-size: 16px; font-weight: 700; 204 background: white; 205 color: #0f172a; 206 border: 1.5px solid #e2e8f0; 207 cursor: pointer; 208 transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1); 209 font-family: 'DM Sans', sans-serif; 210 text-decoration: none; 211 } 212 .mobile-btn-secondary:hover { 213 background: #f8fafc; 214 border-color: #cbd5e1; 215 color: #1e40af; 216 transform: translateY(-1px); 217 box-shadow: 0 4px 14px rgba(0,0,0,0.06); 218 } 219 @media (max-width: 992px) { 220 .popup-top-left { left: 0%; top: 4%; } 221 .popup-top-right { right: 0%; top: 10%; } 222 .popup-bottom-left { left: 0%; bottom: 12%; } 223 .popup-bottom-right { right: 0%; bottom: 4%; } 224 } 225 @media (max-width: 768px) { 226 .mobile-app-right { order: -1; margin-bottom: 20px; } 227 .mobile-app-img { max-width: 340px; } 228 .mobile-btn-row { flex-direction: column; align-items: flex-start; } 229 .mobile-app-popup { 230 padding: 7px 12px 7px 8px; 231 gap: 8px; 232 } 233 .mobile-popup-icon { width: 26px; height: 26px; } 234 .mobile-popup-title { font-size: 11.5px; } 235 .mobile-popup-desc { font-size: 10px; } 236 .popup-top-left { top: 2%; left: -10px; } 237 .popup-top-right { top: 8%; right: -10px; } 238 .popup-bottom-left { bottom: 8%; left: -10px; } 239 .popup-bottom-right { bottom: 2%; right: -10px; } 240 } 241 @media (max-width: 480px) { 242 .popup-top-left { top: 0%; left: -5px; } 243 .popup-top-right { top: 14%; right: -5px; } 244 .popup-bottom-left { bottom: 14%; left: -5px; } 245 .popup-bottom-right { bottom: 0%; right: -5px; } 246 } 247 `}}),(0,t.jsx)("section",{className:"mobile-app-section",children:(0,t.jsxs)("div",{className:"mobile-app-inner",children:[(0,t.jsxs)("div",{className:"mobile-app-left",children:[(0,t.jsxs)(C,{from:"left",delay:0,children:[(0,t.jsx)("h2",{style:{fontFamily:"var(--font-heading)",fontSize:"clamp(30px, 4.5vw, 52px)",fontWeight:800,lineHeight:1.1,color:"#0f172a",marginBottom:20,letterSpacing:"-0.03em"},children:"Manage Your Work Wherever You Go"}),(0,t.jsx)("p",{style:{fontSize:"clamp(16px, 2vw, 19px)",color:"#475569",lineHeight:1.65,marginBottom:14,fontFamily:"var(--font-sans)",fontWeight:400},children:"Manage work, stay connected, and keep your team moving â right from your mobile."}),(0,t.jsx)("p",{style:{fontSize:15,color:"#94a3b8",lineHeight:1.7,marginBottom:40,maxWidth:460,fontFamily:"var(--font-sans)"}
247,children:"Hoicko brings your projects, tasks, approvals, communication and workflows together in one powerful mobile experience."}),(0,t.jsxs)("div",{className:"mobile-btn-row",children:[(0,t.jsxs)("a",{href:"https://app.hoicko.ai/",target:"_blank",rel:"noopener noreferrer",className:"btn-hero-primary px-7 py-3 rounded-[12px] flex items-center gap-2 text-[16px] font-bold transition-all w-fit",style:{fontFamily:"var(--font-sans)",textDecoration:"none"},children:["Explore Hoicko App",(0,t.jsx)(r.ArrowRight,{size:18,strokeWidth:2.5})]}),(0,t.jsxs)("a",{href:"https://novel.hoicko.ai/ShareForm/shraW0et7uWv3Fy/formXhwZzuhvTgSB?type=share",target:"_blank",rel:"noopener noreferrer",className:"mobile-btn-secondary",children:["See How It Works",(0,t.jsx)(r.ArrowRight,{size:16,strokeWidth:2.5})]})]})]}),(0,t.jsx)(R,{baseDelay:100,step:80,className:"mobile-feature-list",children:[{icon:m.Check,title:"Manage Tasks",desc:"Create, update and track work from anywhere.",bg:"#eff6ff",color:"#3b82f6"},{icon:y.MessageSquare,title:"Stay Connected",desc:"Keep conversations and updates in one place.",bg:"#f0fdf4",color:"#22c55e"},{icon:i.Zap,title:"Approve Faster",desc:"Review and act on requests without delays.",bg:"#fef9c3",color:"#d97706"},{icon:v,title:"Real-Time Updates",desc:"Stay synced with your team wherever you work.",bg:"#f5f3ff",color:"#7c3aed"}].map((e,a)=>{let o=e.icon;return(0,t.jsxs)("div",{className:"mobile-feature-item",children:[(0,t.jsx)("div",{className:"mobile-feature-icon",style:{background:e.bg},children:(0,t.jsx)(o,{size:17,color:e.color,strokeWidth:2.5})}),(0,t.jsxs)("div",{children:[(0,t.jsx)("h4",{style:{fontSize:15,fontWeight:700,color:"#0f172a",marginBottom:3,fontFamily:"var(--font-sans)"},children:e.title}),(0,t.jsx)("p",{style:{fontSize:13,color:"#64748b",margin:0,fontFamily:"var(--font-sans)",lineHeight:1.6},children:e.desc})]})]},a)})})]}),(0,t.jsx)("div",{className:"mobile-app-right",children:(0,t.jsx)(C,{from:"right",delay:100,style:{width:"100%",display:"flex",justifyContent:"center"},children:(0,t.jsx)("div",{className:"mobile-app-img-wrapper",style:{filter:"none"},children:(0,t.jsx)(I,{})})})})]})}),(0,t.jsx)("style",{dangerouslySetInnerHTML:{__html:` 248 .ai-feature-grid { 249 display: grid; 250 grid-template-columns: repeat(2, 1fr); 251 gap: 10px 32px; 252 } 253 .context-outer-grid { 254 display: grid; 255 grid-template-columns: minmax(300px, 1.2fr) minmax(240px, 0.8fr); 256 gap: 24px; 257 align-items: stretch; 258 } 259 @media (max-width: 768px) { 260 .ai-feature-grid { 261 grid-template-columns: 1fr; 262 } 263 .context-outer-grid { 264 grid-template-columns: 1fr !important; 265 } 266 } 267 `}}),(0,t.jsx)("section",{style:{background:"#fafafa",padding:"clamp(64px,8vw,120px) clamp(20px,5vw,80px)"},children:(0,t.jsxs)("div",{style:{maxWidth:1e3,margin:"0 auto"},children:[(0,t.jsx)(C,{from:"bottom",delay:0,children:(0,t.jsx)("h2",{style:{fontSize:"clamp(32px, 5vw, 48px)",fontWeight:800,color:"#0f172a",textAlign:"center",lineHeight:1.1,letterSpacing:"-0.035em",marginBottom:64},children:"Get More Done with AI Across Your Work"})}),(0,t.jsx)(C,{from:"bottom",delay:80,children:(0,t.jsx)("div",{style:{borderRadius:24,overflow:"hidden",marginBottom:64,border:"1px solid #f1f5f9",boxShadow:"0 25px 50px -12px rgba(0,0,0,0.08)",background:"#f8fafc",aspectRatio:"16/9",display:"flex",alignItems:"center",justifyContent:"center",position:"relative"},children:(0,t.jsx)("div",{style:{position:"relative",aspectRatio:"16/9",background:"#0d1117"},children:(0,t.jsx)("video",{autoPlay:!0,muted:!0,loop:!0,playsInline:!0,controls:!1,ref:e=>{e&&(e.defaultMuted=!0,e.muted=!0)},style:{width:"100%",height:"100%",objectFit:"contain",display:"block"},children:(0,t.jsx)("source",{src:"/hoickoAI.mp4",type:"video/mp4"})})})})}),(0,t.jsx)("div",{style:{maxWidth:800,margin:"0 0"},children:(0,t.jsxs)(C,{from:"bottom",delay:160,children:[(0,t.jsx)("h3",{style:{fontSize:"clamp(24px, 3.5vw, 32px)",fontWeight:800,color:"#0f172a",marginBottom:16,letterSpacing:"-0.025em"},children:"AI That Understands Your Workspace"}),(0,t.jsx)("p",{style:{fontSize:18,color:"#475569",lineHeight:1.6,marginBottom:40,maxWidth:680},children:"Hoicko AI analyzes course content, chapters and attachments to provide instant answers, summaries and learning insights."}),(0,t.jsx)("div",{className:"ai-feature-grid",style:{gap:"20px 40px"},children:[{icon:i.Zap,text:"Explain topics instantly",color:"#3b82f6"},{icon:g.FileText,text:"Summarize lessons",color:"#4f46e5"},{icon:u.ClipboardList,text:"Generate practice questions",color:"#3b82f6"},{icon:h.HelpCircle,text:"Quiz users on learning",color:"#4f46e5"}].map(e=>{let a=e.icon;return(0,t.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:14,fontSize:15,color:"#0f172a",fontWeight:600},children:[(0,t.jsx)("div",{style:{width:32,height:32,borderRadius:10,background:`${e.color}10`,display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0},children:(0,t.jsx)(a,{size:16,color:e.color})}),e.text]},e.text)})})]})})]})}),(0,t.jsx)("section",{style:{background:"#f5f5fa",padding:"clamp(56px,6vw,96px) clamp(20px,5vw,80px)"},children:(0,t.jsx)("div",{style:{maxWidth:1100,margin:"0 auto"},children:(0,t.jsxs)("div",{className:"context-outer-grid",children:[(0,t.jsx)(C,{from:"left",delay:0,style:{display:"flex",flexDirection:"column"},children:(0,t.jsxs)("div",{style:{flex:1,background:"#ffffff",border:"1.5px solid #e5e7eb",borderRadius:16,padding:"36px 28px",boxShadow:"0 8px 24px rgba(0,0,0,0.05)",boxSizing:"border-box",display:"flex",flexDirection:"column",justifyContent:"flex-end"},children:[(0,t.jsx)("span",{style:{fontSize:11,fontWeight:700,letterSpacing:"0.12em",textTransform:"uppercase",color:"#4f46e5",display:"block",marginBottom:14},children:"Deep Integration"}),(0,t.jsx)("h3",{style:{fontSize:"clamp(20px, 2.5vw, 28px)",fontWeight:800,color:"#111827",letterSpacing:"-0.02em",lineHeight:1.2,marginBottom:14},children:"Context-Aware Intelligence"}),(0,t.jsx)("p",{style:{fontSize:14,color:"#6b7280",lineHeight:1.7,margin:0},children:"Unlike generic LLMs, Hoicko lives where your data resides. It maps your entire organizational knowledge graph to provide answers that actually make sense for your specific workflow."})]})}),(0,t.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:24},children:[(0,t.jsx)(C,{from:"right",delay:80,style:{flex:1,display:"flex",flexDirection:"column"},children:(0,t.jsxs)("div",{style:{flex:1,background:"#f3f4f6",border:"1.5px solid #d1d5db",borderRadius:16,padding:"24px",boxShadow:"0 2px 12px rgba(0,0,0,0.04)",transition:"box-shadow .2s, transform .2s",boxSizing:"border-box",display:"flex",flexDirection:"column"},onMouseEnter:e=>{e.currentTarget.style.boxShadow="0 8px 24px rgba(79,70,229,0.08)",e.currentTarget.style.transform="translateY(-2px)"},onMouseLeave:e=>{e.currentTarget.style.boxShadow="0 2px 12px rgba(0,0,0,0.04)",e.currentTarget.style.transform="none"},children:[(0,t.jsx)("div",{style:{width:36,height:36,borderRadius:10,background:"#eef2ff",display:"flex",alignItems:"center",justifyContent:"center",marginBottom:14,flexShrink:0},children:(0,t.jsx)(d.ShieldCheck,{size:18,color:"#4f46e5"})}),(0,t.jsx)("div",{style:{fontSize:15,fontWeight:700,color:"#111827",marginBottom:8},children:"Enterprise-Grade Privacy"}),(0,t.jsx)("div",{style:{fontSize:13,color:"#6b7280",lineHeight:1.7},children:"Your data is never used to train public models. Localized processing for sensitive tasks."})]})}),(0,t.jsx)(C,{from:"right",delay:160,style:{flex:1,display:"flex",flexDirection:"column"},children:(0,t.jsxs)("div",{style:{flex:1,background:"#3b4fd8",borderRadius:16,padding:"24px",boxShadow:"0 8px 24px rgba(59,79,216,0.3)",transition:"box-shadow .2s, transform .2s",boxSizing:"border-box",display:"flex",flexDirection:"column"},onMouseEnter:e=>{e.currentTarget.style.boxShadow="0 12px 32px rgba(59,79,216,0.4)",e.currentTarget.style.transform="translateY(-2px)"},onMouseLeave:e=>{e.currentTarget.style.boxShadow="0 8px 24px rgba(59,79,216,0.3)",e.currentTarget.style.transform="none"},children:[(0,t.jsx)("div",{style:{width:40,height:40,borderRadius:12,background:"rgba(255,255,255,0.15)",display:"flex",alignItems:"center",justifyContent:"center",marginBottom:20,flexShrink:0},children:(0,t.jsx)(i.Zap,{size:18,color:"white"})}),(0,t.jsx)("div",{style:{fontSize:16,fontWeight:700,color:"#ffffff",marginBottom:12},children:"Instant Execution"}),(0,t.jsx)("div",{style:{fontSize:14,color:"rgba(255,255,255,0.75)",lineHeight:1.7},children:"Automate recurring tasks, data entry, and report generation with simple natural language commands."})]})})]})]})})}),(0,t.jsxs)("section",{ref:E,style:{padding:"clamp(64px,8vw,120px) clamp(20px,5vw,80px)",background:"linear-gradient(135deg,#0d0d1a 0%,#1a1230 100%)",color:"#f8f7f4",position:"relative",overflow:"hidden"},children:[(0,t.jsx)("div",{style:{position:"absolute",top:"-20%",right:"-10%",width:500,height:500,background:"radial-gradient(circle,rgba(108,99,255,.12) 0%,transparent 65%)",borderRadius:"50%",transform:`translateY(${.5*P}px)`}}),(0,t.jsx)("div",{style:{position:"absolute",bottom:"-10%",left:"-5%",width:350,height:350,background:"radial-gradient(circle,rgba(16,185,129,.08) 0%,transparent 65%)",borderRadius:"50%"}}),(0,t.jsx)("style",{dangerouslySetInnerHTML:{__html:` 268 .obac-container { 269 display: flex; 270 gap: clamp(32px, 5vw, 80px); 271 align-items: center; 272 flex-wrap: nowrap; 273 } 274 .obac-left { 275 flex: 0 0 45%; 276 min-width: 0; 277 } 278 .obac-right { 279 flex: 0 0 50%; 280 min-width: 0; 281 } 282 .obac-video-wrap { 283 width: 100%; 284 height: 460px; 285 border-radius: 16px; 286 overflow: hidden; 287 box-shadow: 0 40px 80px rgba(0,0,0,.5); 288 } 289 @media (max-width: 900px) { 290 .obac-container { 291 flex-wrap: wrap !important; 292 } 293 .obac-left, .obac-right { 294 flex: 1 1 100% !important; 295 min-width: 100% !important; 296 } 297 .obac-video-wrap { 298 height: 280px; 299 } 300 } 301 `}}),(0,t.jsx)("div",{style:{maxWidth:1400,margin:"0 auto",position:"relative",zIndex:1},children:(0,t.jsxs)("div",{className:"obac-container",children:[(0,t.jsx)("div",{className:"obac-left",children:(0,t.jsxs)(C,{from:"left",delay:60,children:[(0,t.jsx)("span",{className:"section-label",style:{background:"rgba(108,99,255,.2)",color:"#a18bff"},children:"HOICKO OBAC"}),(0,t.jsxs)("h4",{className:"serif",style:{fontSize:"clamp(30px,4vw,50px)",fontWeight:700,lineHeight:1.05,letterSpacing:"-0.02em",marginBottom:16,color:"#f8f7f4"},children:[(0,t.jsx)("span",{children:"Secure Every Record"}),(0,t.jsx)("br",{}),(0,t.jsxs)("span",{children:["with ",(0,t.jsx)("span",{style:{color:"#9775fa"},children:"Granular Access Control"})]})]}),(0,t.jsx)("p",{style:{fontSize:16,color:"rgba(248,247,244,.65)",lineHeight:1.8,marginBottom:40},children:"Hoicko uses OBAC to give precise, dynamic access at workflow and record level â ensuring security, compliance, and control. Unlike traditional role-based systems, Hoicko ensures users see only what they're supposed to see based on context, ownership, and business logic."}),(0,t.jsx)(R,{baseDelay:200,step:120,children:[{icon:m.Check,label:"Granular Access Control",desc:"Access at ticket, workflow, and individual record levels."},{icon:m.Check,label:"Dynamic Workflow States",desc:"Permissions shift automatically based on the current workflow stage."}
301,{icon:m.Check,label:"Conditional Logic",desc:"Visibility based on department, assignment, or approval levels."},{icon:m.Check,label:"Enterprise Isolation",desc:"Strict vendor-specific visibility and data isolation protocols."}].map(e=>{let a=e.icon;return(0,t.jsxs)("div",{style:{display:"flex",gap:16,marginBottom:28,alignItems:"flex-start"},children:[(0,t.jsx)("div",{style:{width:35,height:35,borderRadius:12,background:"rgba(108,99,255,.2)",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0},children:(0,t.jsx)(a,{size:20,strokeWidth:2})}),(0,t.jsxs)("div",{children:[(0,t.jsx)("div",{style:{fontSize:15,fontWeight:700,marginBottom:1,color:"#f8f7f4"},children:e.label}),(0,t.jsx)("div",{style:{fontSize:14,color:"rgba(248,247,244,.5)",lineHeight:1.65},children:e.desc})]})]},e.label)})})]})}),(0,t.jsx)("div",{className:"obac-right",children:(0,t.jsx)(C,{from:"right",delay:180,children:(0,t.jsx)("div",{className:"obac-video-wrap",children:(0,t.jsx)(U,{})})})})]})})]}),(0,t.jsx)("section",{style:{padding:"clamp(64px,8vw,120px) clamp(20px,5vw,80px)",background:"#fafafa"},children:(0,t.jsxs)("div",{style:{maxWidth:1200,margin:"0 auto"},children:[(0,t.jsxs)(C,{scale:!0,style:{textAlign:"center",marginBottom:44},children:[(0,t.jsx)("span",{className:"section-label",style:{background:"rgba(108,99,255,.08)",color:"#6c63ff"},children:"SOLUTIONS FOR EVERY TEAM"}),(0,t.jsx)("h2",{style:{fontSize:"clamp(28px,4vw,50px)",fontWeight:800,lineHeight:1.15,letterSpacing:"-.025em",maxWidth:900,margin:"0 auto",color:"#111"},children:"Keep Every Team Aligned with AI-Powered Workflows"})]}),(0,t.jsx)("div",{style:{display:"flex",gap:12,justifyContent:"center",flexWrap:"wrap",marginBottom:52},children:J.map((e,a)=>(0,t.jsx)("button",{className:`team-tab${w===a?" active":""}`,onClick:()=>{T.current&&clearTimeout(T.current),S(!0),T.current=setTimeout(()=>{_(a),S(!1)},200)},style:w===a?{background:e.color,borderColor:e.color,color:"#fff",boxShadow:`0 8px 20px ${e.color}33`}:{},children:e.label},e.label))}),(0,t.jsxs)("div",{className:"feat-cols",style:{display:"flex",gap:"clamp(24px,4vw,60px)",alignItems:"center",opacity:+!k,transition:"opacity 0.2s ease-in-out"},children:[(0,t.jsxs)("div",{style:{flex:1.5,minWidth:0},className:"feat-col",children:[(0,t.jsx)(C,{from:"bottom",delay:40,children:(0,t.jsx)("span",{className:"section-label",style:{background:`${ea.color}14`,color:ea.color,fontSize:13,padding:"6px 16px"},children:ea.label})},`team-tag-${w}`),(0,t.jsx)(C,{from:"bottom",delay:120,children:(0,t.jsx)("h3",{style:{fontSize:"clamp(24px,3vw,38px)",fontWeight:800,lineHeight:1.2,marginBottom:20,letterSpacing:"-.02em",color:"#111",fontFamily:"var(--font-heading)"},children:ea.title})},`team-title-${w}`),(0,t.jsx)(C,{from:"bottom",delay:200,children:(0,t.jsx)("p",{style:{fontSize:16,color:"#666",lineHeight:1.8,marginBottom:32,maxWidth:520},children:ea.desc})},`team-desc-${w}`),(0,t.jsx)("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:12,marginBottom:36},children:ea.items.map((e,a)=>(0,t.jsx)(C,{from:"bottom",delay:280+60*a,children:(0,t.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:10,padding:"12px 16px",background:"#fff",borderRadius:12,border:"1.5px solid #ebebeb",transition:"border-color .2s,transform .2s"},onMouseEnter:e=>{e.currentTarget.style.borderColor=ea.color,e.currentTarget.style.transform="translateX(4px)"},onMouseLeave:e=>{e.currentTarget.style.borderColor="#ebebeb",e.currentTarget.style.transform="none"},children:[(0,t.jsx)("div",{style:{width:8,height:8,borderRadius:"50%",background:ea.color,flexShrink:0}}),(0,t.jsx)("span",{style:{fontSize:13,fontWeight:600,color:"#333"},children:e})]})},`${w}-${e}`))}),(0,t.jsx)(C,{from:"bottom",delay:400,children:(0,t.jsx)("a",{href:"https://app.hoicko.ai/",target:"_blank",className:"btn-cta glow-pulse",rel:"noopener noreferrer",style:{display:"inline-flex",alignItems:"center",justifyContent:"center",fontSize:16,fontWeight:"700",color:"#fff",padding:"14px 32px",backgroundColor:ea.color,borderRadius:12,textDecoration:"none",transition:"transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease",boxShadow:`0 4px 14px ${ea.color}35`},onMouseEnter:e=>{e.currentTarget.style.transform="translateY(-2px)",e.currentTarget.style.boxShadow=`0 8px 24px ${ea.color}45`},onMouseLeave:e=>{e.currentTarget.style.transform="none",e.currentTarget.style.boxShadow=`0 4px 14px ${ea.color}35`},children:"Get Started â"})},`team-btn-${w}`)]}),(0,t.jsx)(C,{from:"right",delay:160,style:{flex:1.5,minWidth:0,marginTop:40},className:"feat-col",children:(0,t.jsx)("div",{children:(0,t.jsx)(eo,{})})},`team-right-${w}`)]})]})}),(0,t.jsx)("section",{style:{padding:"clamp(80px,8vw,120px) clamp(20px,5vw,80px)",color:"#fff",position:"relative",overflow:"hidden",backgroundImage:"url('/hoickobrand.webp')",backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat"},children:(0,t.jsxs)("div",{style:{maxWidth:1100,margin:"0 auto",position:"relative",zIndex:1,textAlign:"center"},children:[(0,t.jsxs)("h2",{style:{fontSize:"clamp(32px,4vw,52px)",fontWeight:600,letterSpacing:"-0.03em",lineHeight:1.15,marginBottom:16},children:["Built for Teams That ",(0,t.jsx)("br",{}),"Want to Work Smarter"]}),(0,t.jsx)("p",{style:{maxWidth:600,margin:"0 auto 60px",color:"rgba(255,255,255,0.65)",fontSize:16},children:"From startups to growing businesses, teams use HOICKO to automate processes and save valuable time."}),(0,t.jsx)("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit,minmax(200px,1fr))",textAlign:"center"},children:ee.map((e,a)=>{let o=e.icon;return(0,t.jsxs)("div",{style:{padding:"20px",textAlign:"center",borderRight:a<ee.length-1?"1px solid rgba(255,255,255,0.12)":"none"},children:[(0,t.jsx)("div",{style:{marginBottom:6,display:"flex",justifyContent:"center"},children:(0,t.jsx)(o,{size:30,color:"#aaa9a9"})}),(0,t.jsx)("div",{style:{fontSize:18,fontWeight:600,color:"#ffffff"},children:e.title}),(0,t.jsx)("div",{style:{fontSize:18,color:"#ffffff"},children:e.description})]},e.title)})}),(0,t.jsx)("div",{style:{marginTop:40,display:"flex",justifyContent:"center",gap:16,flexWrap:"wrap"}})]})}),(0,t.jsx)("section",{style:{padding:"clamp(64px,8vw,100px) clamp(20px,5vw,80px)",background:"#fafafa"},children:(0,t.jsx)("div",{style:{maxWidth:1100,margin:"0 auto"},children:(0,t.jsxs)("div",{className:"feat-cols",style:{display:"flex",gap:"clamp(48px,6vw,100px)",alignItems:"center",flexWrap:"wrap"},children:[(0,t.jsxs)(C,{from:"left",style:{flex:1,minWidth:260},className:"feat-col",children:[(0,t.jsx)("span",{className:"section-label",style:{background:"rgba(108,99,255,.08)",color:"#6c63ff"},children:"PROVEN RESULTS"}),(0,t.jsx)("h2",{className:"serif",style:{fontSize:"clamp(26px,3.5vw,44px)",fontWeight:700,lineHeight:1.2,marginBottom:16,letterSpacing:"-.02em"},children:"See Your Work More Clearly"}),(0,t.jsx)("p",{style:{fontSize:16,color:"#666",lineHeight:1.8,marginBottom:36},children:"HOICKO customers consistently report dramatic improvements in delivery speed, team alignment, and project predictability â within days of getting started."})]}),(0,t.jsx)("div",{style:{flex:1,minWidth:260},children:(0,t.jsx)(R,{baseDelay:100,step:120,children:[{label:"Faster project delivery",val:62,color:"#6c63ff"},{label:"Reduction in status meetings",val:74,color:"#10b981"},{label:"Increase in sprint velocity",val:48,color:"#f59e0b"},{label:"Customer satisfaction score",val:96,color:"#3b82f6"}].map(({label:e,val:a,color:o})=>{let[r,i]=M();return(0,t.jsxs)("div",{style:{marginBottom:28},children:[(0,t.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",marginBottom:8},children:[(0,t.jsx)("span",{style:{fontSize:14,fontWeight:600,color:"#333"},children:e}),(0,t.jsxs)("span",{style:{fontSize:14,fontWeight:800,color:o},children:[a,"%"]})]}
301),(0,t.jsx)("div",{ref:r,style:{height:10,background:"#e8e8e8",borderRadius:100,overflow:"hidden"},children:(0,t.jsx)("div",{style:{height:"100%",background:`linear-gradient(90deg,${o},${o}99)`,borderRadius:100,width:i?`${a}%`:"0%",transition:"width 1.2s cubic-bezier(.16,1,.3,1) 200ms"}})})]},e)})})})]})})}),(0,t.jsx)("section",{style:{padding:"clamp(64px,8vw,120px) clamp(20px,5vw,80px)",background:"#fff",textAlign:"center"},children:(0,t.jsx)("div",{style:{maxWidth:720,margin:"0 auto"},children:(0,t.jsxs)(C,{scale:!0,children:[(0,t.jsx)("div",{style:{display:"inline-flex",gap:8,alignItems:"center",marginBottom:28},children:[...K.slice(0,5)].map((e,a)=>(0,t.jsx)("div",{style:{width:40,height:40,borderRadius:"50%",background:e.color,border:"2.5px solid #fff",display:"flex",alignItems:"center",justifyContent:"center",color:"#fff",fontWeight:800,fontSize:14,marginLeft:a?-12:0,zIndex:5-a,boxShadow:"0 2px 8px rgba(0,0,0,.1)"},children:e.icon},a))}),(0,t.jsx)("h2",{className:"serif",style:{fontSize:"clamp(30px,4.5vw,60px)",fontWeight:700,lineHeight:1.12,letterSpacing:"-.025em",marginBottom:20},children:"Start Managing Your Business in One Place"}),(0,t.jsx)("p",{style:{fontSize:17,color:"#666",maxWidth:440,margin:"0 auto 40px",lineHeight:1.75},children:"Built for teams that move fast."}),(0,t.jsxs)("div",{style:{display:"flex",gap:14,justifyContent:"center",flexWrap:"wrap"},children:[(0,t.jsx)("a",{href:"https://app.hoicko.ai/",target:"_blank",rel:"noopener noreferrer",style:{background:"linear-gradient(135deg, #4f46e5, #4338ca)",color:"white",padding:"13px 28px",borderRadius:12,fontSize:15,fontWeight:600,textDecoration:"none",transition:"transform .2s, box-shadow .2s, background .2s"},onMouseEnter:e=>{e.currentTarget.style.background="linear-gradient(135deg, #4338ca, #3730a3)",e.currentTarget.style.transform="translateY(-2px)"},onMouseLeave:e=>{e.currentTarget.style.background="linear-gradient(135deg, #4f46e5, #4338ca)",e.currentTarget.style.transform="none"},children:"Get Started â it's free"}),(0,t.jsx)("a",{href:"/contact",style:{color:"#374151",padding:"13px 28px",borderRadius:12,border:"1.5px solid #d1d5db",fontSize:15,fontWeight:600,textDecoration:"none",backgroundColor:"white",transition:"border-color .2s, color .2s, background .2s"},onMouseEnter:e=>{e.currentTarget.style.borderColor="#4f46e5",e.currentTarget.style.color="#4f46e5"},onMouseLeave:e=>{e.currentTarget.style.borderColor="#d1d5db",e.currentTarget.style.color="#374151"},children:"Talk to Sales"})]})]})})})]})})}[40,60,80,60,40].map((e,a)=>(0,t.jsx)("div",{style:{width:6,height:e,borderRadius:4,background:2===a?"#ef4444":a%2==0?"#6c63ff":"#a5b4fc",opacity:.8}},a)),["Help me understand this topic","Create practice questions","Summarize this lesson","Explain it differently","Quiz me on what I learned"].map(e=>(0,t.jsx)("span",{style:{fontSize:11,background:"#fff",border:"1px solid #e5e7eb",borderRadius:20,padding:"5px 12px",color:"#374151",cursor:"pointer"},children:e},e)),e.s(["default",()=>et],10477)},21899,(e,t,a)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/",()=>e.r(10477)]),t.hot&&t.hot.dispose(function(){window.__NEXT_P.push(["/"])})}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.