https://tailed.ca/assets/page-BXGyFgie.js

1import{g as d,r as c,j as t,X as x,z as m,bj as h,af as f,bv as u,bz as p,bk as g}from"./index-DIHALg72.js";import{c as b}from"./check_out_fox_products-DURkeUkC.js";import{c as w}from"./check_out_the_mascots_profile-DmpHauWJ.js";import{u as j}from"./useful_info_for_hr_industries_students2-D26jHfAN.js";import{C as _}from"./chevron-left-Cd-Zpyz_.js";const v=()=>"Relatable. Hilarious. A little too real. Our comic strips explore the everyday life of HR professionals, and how Tail’ed helps turn hiring headaches into success stories.",N=()=>"Plausible. Hilarant. Un peu trop réaliste. Nos bandes dessinées explorent le quotidien des professionnels RH et montrent comment Tail'ed aide à transformer les casse-têtes de recrutement en succès.",y=(i={},o={})=>{const s=o.locale??d();return s==="en"?v():s==="fr"?N():"relatable_hilarious_a_little_too_real"},k=()=>"Tail’ed Comics",C=()=>"Bandes dessinées Tail'ed",R=(i={},o={})=>{const s=o.locale??d();return s==="en"?k():s==="fr"?C():"tailed_comics"},a=[{id:1,title:"HR professionals looking for tech interns: Old style vs Tail'ed",image:"/tailed-comic-1.jpeg",alt:"Comic about HR professionals looking for interns, comparing old style vs Tail'ed"},{id:2,title:"HR Professionals who want to go on vacation",image:"/tailed-comic-2.jpeg",alt:"Comic about HRs who want vacation but have to read a ton of resumes"},{id:3,title:"HR Professionals who have hired tech interns: Old style vs Tail'ed",image:"/tailed-comic-3.jpeg",alt:"Comic about HRs who already hired interns, comparing old style vs Tail'ed"},{id:4,title:"HR Professional hoping to spend time with her boyfriend on a date",image:"/tailed-comic-4.jpg",alt:"Comic about HRs professional hoping to spend time with her boyfriend on a date and making it on time because she used Tail'ed"}];function E(){const[i,o]=c.useState(null),s=()=>o(null),n=()=>o(e=>e!==null?(e+1)%a.length:null),r=()=>o(e=>e!==null?(e-1+a.length)%a.length:null);return c.useEffect(()=>{const e=l=>{i!==null&&(l.key==="ArrowRight"&&n(),l.key==="ArrowLeft"&&r(),l.key==="Escape"&&s())};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[i]),t.jsxs("main",{className:"flex-1 py-12 px-4 max-w-6xl mx-auto",children:[t.jsx("h1",{className:"text-5xl font-bold text-orange-500 text-center mb-12",children:R()}),t.jsx("p",{className:"text-center text-lg mb-12 max-w-3xl mx-auto text-gray-700",children:y()}),t.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-8",children:a.sort((e,l)=>l.id-e.id).map((e,l)=>t.jsxs("div",{onClick:()=>o(l),className:"cursor-pointer bg-white rounded-xl shadow transition transform hover:shadow-xl hover:ring-2 hover:ring-orange-400 overflow-hidden",children:[t.jsx("img",{src:e.image,alt:e.alt,className:"w-full h-auto object-cover transition duration-300"}),t.jsx("div",{className:"p-4",children:t.jsx("h3",{className:"text-center font-semibold text-lg text-gray-800",children:e.title})})]},e.id))}),i!==null&&t.jsxs("div",{className:"fixed inset-0 bg-black/80 z-50 flex items-center justify-center",onClick:s,children:[t.jsx("button",{onClick:e=>{e.stopPropagation(),s()},className:"absolute top-4 right-4 text-white hover:text-orange-400 cursor-pointer",children:t.jsx(x,{size:32})}),t.jsx("button",{onClick:e=>{e.stopPropagation(),r()},className:"absolute left-4 text-white hover:text-orange-400 cursor-pointer",children:t.jsx(_,{size:48})}),t.jsx("img",{src:a[i].image,alt:a[i].alt,className:"w-[440px] sm:w-[500px] md:w-[560px] max-w-full h-auto object-contain rounded-xl shadow-xl",onClick:e=>e.stopPropagation()}),t.jsx("button",{onClick:e=>{e.stopPropagation(),n()},className:"absolute right-4 text-white hover:text-orange-400 cursor-pointer",children:t.jsx(m,{size:48})})]}),t.jsxs("section",{className:"max-w-6xl mx-auto px-4 pb-20 mt-24",children:[t.jsx("h2",{className:"text-3xl font-bold mb-10 text-center",children:h()}),t.jsx("div",{className:"grid md:grid-cols-3 gap-6",children:[{title:f(),text:w(),href:"/fox-profile",image:"/fox-profile.png",icon:"#F97316"},{title:u(),text:j(),href:"/blog",image:"/fox-news.png",icon:"#F97316"},{title:p(),text:b(),href:"/fox-shop",image:"/fox-shop.png",icon:"#F97316"}].map(e=>t.jsxs("div",{className:"bg-white rounded-[2rem] overflow-hidden shadow hover:shadow-lg transition p-0 flex flex-col",children:[t.jsx("img",{src:e.image,alt:e.title,className:"h-40 w-full object-cover"}),t.jsxs("div",{className:"p-6 flex flex-col flex-1 justify-between",children:[t.jsxs("div",{className:"space-y-2",children:[t.jsx("h4",{className:"text-lg font-bold text-black",children:e.title}),t.jsx("p",{className:"text-gray-600 text-sm",children:e.text})]}),t.jsx("div",{className:"pt-4",children:t.jsxs("a",{href:e.href,className:"inline-flex items-center gap-3 px-6 py-2 rounded-full font-bold text-sm transition",style:{backgroundColor:e.icon,color:"white"},children:[t.jsx("span",{className:"flex items-center justify-center h-6 w-6 rounded-full bg-white",children:t.jsx("svg",{className:"h-3 w-3",fill:"none",stroke:e.icon,strokeWidth:3,viewBox:"0 0 24 24",children:t.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9 5l7 7-7 7"})})}),g()]})})]})]},e.title))})]})]})}export{E as default};