1try{!function(){var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="e1d2c951-31fc-4b2b-bf56-d89dcaf0b5e2",e._sentryDebugIdIdentifier="sentry-dbid-e1d2c951-31fc-4b2b-bf56-d89dcaf0b5e2")}()}catch(e){}(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5062],{22282:function(e,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/careers-widgets",function(){return s(31189)}])},79337:function(e,t,s){"use strict";var a=s(52322),i=s(55351),l=s(45847),r=s.n(l),n=s(13980),o=s.n(n);let d=e=>{let{title:t="The leading job board for the modern workforce.",description:s="The #1 job board for the modern workforce.",canonical:l="https://www.elevolt.co.ke/",page:n="",thirdParty:o=!0,children:d}=e;return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(i.PB,{canonical:l+n,description:"".concat(s," | Elevolt"),facebook:{appId:"346824926505117"},openGraph:{type:"website",url:l+n,title:"".concat(t," | Elevolt"),description:"".concat(s," | Elevolt"),images:[{url:"https://www.elevolt.co.ke/elevolt-og.png",width:1600,height:800,alt:"Elevolt"}],site_name:"Elevolt"},title:"".concat(t," | Elevolt"),twitter:{handle:"@ElevoltK",site:"@ElevoltK",cardType:"summary_large_image"}}),!!o&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(r(),{id:"hs-script-loader",src:"//js-eu1.hs-scripts.com/25842252.js",strategy:"lazyOnload"}),(0,a.jsx)(r(),{dangerouslySetInnerHTML:{__html:"(function(h,o,t,j,a,r){\n h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};\n h._hjSettings={hjid:2328489,hjsv:6};\n a=o.getElementsByTagName('head')[0];\n r=o.createElement('script');r.async=1;\n r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;\n a.appendChild(r);\n })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');"},id:"hotjar",strategy:"lazyOnload"}),(0,a.jsx)(r(),{dangerouslySetInnerHTML:{__html:"!function(f,b,e,v,n,t,s)\n {if(f.fbq)return;n=f.fbq=function(){n.callMethod?\n n.callMethod.apply(n,arguments):n.queue.push(arguments)};\n if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';\n n.queue=[];t=b.createElement(e);t.async=!0;\n t.src=v;s=b.getElementsByTagName(e)[0];\n s.parentNode.insertBefore(t,s)}(window, document,'script',\n 'https://connect.facebook.net/en_US/fbevents.js');\n fbq('init', '583365066890254');\n fbq('track', 'PageView');"},id:"meta",strategy:"lazyOnload"}),(0,a.jsx)("noscript",{children:(0,a.jsx)("img",{height:"1",src:"https://www.facebook.com/tr?id=583365066890254&ev=PageView&noscript=1",style:{display:"none"},width:"1"})})]}),d]})};d.propTypes={title:o().string,description:o().string,canonical:o().string,page:o().string,thirdParty:o().bool,children:o().node},t.Z=d},31189:function(e,t,s){"use strict";s.r(t),s.d(t,{default:function(){return P}});var a=s(52322),i=s(84475),l=s(2784),r=s(79337),n=s(27160),o=s(59417),d=s(99603),c=()=>{let[e,t]=(0,l.useState)(!1),s=async()=>{await (0,n.v)('<script src="https://jobs.elevolt.co.ke/embed/v1/elevolt-jobs.min.js" async></script>\n<div id="elevolt-jobs" data-key="YOUR_API_KEY"></div>')&&(t(!0),setTimeout(()=>t(!1),2e3))};return(0,a.jsx)("div",{className:"w-full py-16 md:py-24 bg-gradient-to-b from-green-50 to-white",children:(0,a.jsx)("div",{className:"container mx-auto px-4",children:(0,a.jsxs)("div",{className:"max-w-5xl mx-auto flex flex-col lg:flex-row items-center gap-12",children:[(0,a.jsxs)("div",{className:"w-full lg:w-1/2",children:[(0,a.jsx)("h2",{className:"text-2xl md:text-3xl font-bold text-gray-900 mb-4",children:"Just 2 Lines of HTML"}),(0,a.jsx)("p",{className:"text-gray-600 mb-4 leading-relaxed",children:"No packages to install, no build step, no frameworks. Paste the snippet into any HTML page and your job listings appear."}),(0,a.jsx)("p",{className:"text-gray-600 leading-relaxed",children:"The widget loads in the background, so it will not slow down your website. It works on WordPress, Wix, Squarespace, Webflow, and any platform that supports custom HTML."})]}),(0,a.jsx)("div",{className:"w-full lg:w-1/2",children:(0,a.jsxs)("div",{className:"relative rounded-lg overflow-hidden shadow-lg",children:[(0,a.jsxs)("div",{className:"bg-gray-800 px-4 py-2.5 flex items-center justify-between",children:[(0,a.jsx)("span",{className:"text-gray-400 text-xs font-mono",children:"HTML"}),(0,a.jsxs)("button",{className:"text-gray-400 hover:text-white text-xs flex items-center gap-1.5 transition-colors duration-200",onClick:s,type:"button",children:[(0,a.jsx)(d.G,{icon:e?o.LEp:o.kZ_}),e?"Copied!":"Copy"]})]}),(0,a.jsx)("div",{className:"bg-gray-900 p-4 overflow-x-auto",children:(0,a.jsx)("pre",{className:"text-sm font-mono leading-relaxed",children:(0,a.jsxs)("code",{children:[(0,a.jsx)("span",{className:"text-gray-500",children:"<!-- Add to your HTML -->\n"}),(0,a.jsx)("span",{className:"text-pink-400",children:"<script"}),(0,a.jsx)("span",{className:"text-blue-300",children:" src"}),(0,a.jsx)("span",{className:"text-white",children:"="}),(0,a.jsx)("span",{className:"text-green-300",children:'"https://jobs.elevolt.co.
1ke/embed/v1/elevolt-jobs.min.js"'}),(0,a.jsx)("span",{className:"text-blue-300",children:" async"}),(0,a.jsx)("span",{className:"text-pink-400",children:"></script>\n"}),(0,a.jsx)("span",{className:"text-pink-400",children:"<div"}),(0,a.jsx)("span",{className:"text-blue-300",children:" id"}),(0,a.jsx)("span",{className:"text-white",children:"="}),(0,a.jsx)("span",{className:"text-green-300",children:'"elevolt-jobs"'}),(0,a.jsx)("span",{className:"text-blue-300",children:" data-key"}),(0,a.jsx)("span",{className:"text-white",children:"="}),(0,a.jsx)("span",{className:"text-green-300",children:'"YOUR_API_KEY"'}),(0,a.jsx)("span",{className:"text-pink-400",children:"></div>"})]})})})]})})]})})})},x=s(8485),m=s(63935);let u=[{question:"Is the Careers Widget free?",answer:"Yes. It is included with every Elevolt employer account at no extra cost. There are no usage limits or hidden fees."},{question:"How do I add the widget to my website?",answer:"Copy the 2-line HTML snippet from your Elevolt dashboard and paste it into your website. On platforms like WordPress or Wix, use a custom HTML block. No coding experience is needed."},{question:"Will the widget slow down my website?",answer:"No. The widget script loads asynchronously, which means it does not block your page from rendering. It fetches job data after your page has loaded, so visitors see your content first."},{question:"How quickly do job changes appear?",answer:"Whenever you publish, edit, or close a job on Elevolt, the widget picks up the change automatically. Visitors see the updated listing the next time they load the page."},{question:"Can I use the widget on multiple websites?",answer:"Yes. You can create separate widget keys for each website, each with its own layout, color theme, and domain restrictions. There is no limit to the number of keys you can create."},{question:"Can I customize how it looks?",answer:"Yes. You can choose from three layouts, set your brand colors, and control which job details are shown. All settings are managed from your Elevolt dashboard with a live preview."},{question:"Is the widget secure?",answer:"Each widget key can be restricted to specific domains, so it only loads on your approved websites. The widget displays publicly listed jobs only and does not expose any private data."},{question:"Where do candidates apply?",answer:"When someone clicks a job listing in the widget, they are taken to the full job page on Elevolt to view the details and apply. All applications are tracked in your Elevolt dashboard as usual."}];var h=()=>(0,a.jsx)("div",{className:"w-full py-16 md:py-24 bg-white",children:(0,a.jsxs)("div",{className:"container mx-auto px-4",children:[(0,a.jsxs)("div",{className:"text-center mb-12",children:[(0,a.jsx)("h2",{className:"text-2xl md:text-3xl font-bold text-gray-900 mb-4",children:"Common Questions"}),(0,a.jsx)("p",{className:"text-gray-600 max-w-2xl mx-auto",children:"Everything you need to know before getting started."})]}),(0,a.jsx)("div",{className:"max-w-3xl mx-auto space-y-4",children:u.map(e=>(0,a.jsx)(x.p,{children:t=>{let{open:s}=t;return(0,a.jsxs)("div",{className:"bg-gray-50 rounded-lg overflow-hidden",children:[(0,a.jsxs)(x.p.Button,{className:"flex justify-between items-center w-full px-6 py-4 text-left",children:[(0,a.jsx)("span",{className:"font-semibold text-gray-900 pr-4",children:e.question}),(0,a.jsx)(d.G,{className:"text-gray-500 transition-transform duration-200 ".concat(s?"rotate-180":""),icon:o.ptq})]}),(0,a.jsx)(m.u,{enter:"transition duration-200 ease-out",enterFrom:"transform scale-95 opacity-0",enterTo:"transform scale-100 opacity-100",leave:"transition duration-150 ease-out",leaveFrom:"transform scale-100 opacity-100",leaveTo:"transform scale-95 opacity-0",children:(0,a.jsx)(x.p.Panel,{className:"px-6 pb-4 text-gray-600",children:e.answer})})]})}},e.question))})]})});let p=[{icon:o.Toy,title:"Three Layout Options",description:"List, grid, or compact. Pick the layout that fits your website and switch anytime from your dashboard."},{icon:o.q2v,title:"Brand-Matched Theme",description:"Set primary and secondary colors, choose a font, and adjust border radius so the widget feels like part of your site."},{icon:o.G_j,title:"Search and Filtering",description:"Visitors can search your listings and filter by location or job type. You can also pre-filter which jobs appear in the widget."},{icon:o.koM,title:"Usage Analytics",description:"See how many times your widget loads and how often visitors click through to job listings."},{icon:o.U7t,title:"Domain Restrictions",description:"Lock each widget key to
1specific domains so it only loads on your approved websites. Prevents unauthorized use of your key."},{icon:o.WZW,title:"Control What's Shown",description:"Show or hide specific details on each job card: salary, location, job type, description, and the Elevolt attribution footer."}];var g=()=>(0,a.jsx)("div",{className:"w-full py-16 md:py-24 bg-white",children:(0,a.jsxs)("div",{className:"container mx-auto px-4",children:[(0,a.jsxs)("div",{className:"text-center mb-12",children:[(0,a.jsx)("h2",{className:"text-2xl md:text-3xl font-bold text-gray-900 mb-4",children:"Built for Employers, Not Developers"}),(0,a.jsx)("p",{className:"text-gray-600 max-w-2xl mx-auto",children:"Every feature you need to run a professional careers page on your website, managed entirely from your Elevolt dashboard."})]}),(0,a.jsx)("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 max-w-5xl mx-auto",children:p.map(e=>(0,a.jsxs)("div",{className:"p-6 rounded-lg border border-gray-200 hover:shadow-md transition-shadow duration-200",children:[(0,a.jsx)("div",{className:"w-12 h-12 rounded-lg bg-blue-50 text-blue flex items-center justify-center mb-4",children:(0,a.jsx)(d.G,{className:"text-xl",icon:e.icon})}),(0,a.jsx)("h3",{className:"font-bold text-lg text-gray-900 mb-2",children:e.title}),(0,a.jsx)("p",{className:"text-gray-600 text-sm",children:e.description})]},e.title))})]})}),y=s(13980),b=s.n(y),f=s(47023),w=s(76467);let j=e=>{let{isAuthenticated:t,tenantName:s}=e;return(0,a.jsx)("div",{className:"w-full py-16 md:py-24 bg-gradient-to-br from-blue-dark to-blue",children:(0,a.jsx)("div",{className:"container mx-auto px-4",children:(0,a.jsxs)("div",{className:"flex flex-col items-center text-center md:flex-row md:items-center md:justify-between md:text-left gap-6 md:gap-10 max-w-5xl mx-auto",children:[(0,a.jsxs)("div",{className:"md:flex-1 min-w-0",children:[(0,a.jsx)(w.Z,{as:"h2",className:"text-2xl md:text-4xl font-bold text-white mb-3",variant:"heading2",children:"Ready to Add a Careers Page to Your Website?"}),(0,a.jsx)(w.Z,{className:"text-blue-100 text-lg",variant:"body",children:"Set it up in under 10 minutes. Your job listings will stay current automatically, and candidates can find openings easily."})]}),(0,a.jsxs)("div",{className:"flex flex-col items-center md:items-end flex-shrink-0",children:[(0,a.jsx)(f.Z,{afterIcon:(0,a.jsx)(d.G,{className:"ml-2 text-sm",icon:o.eFW}),className:"px-10 py-4 text-lg",design:"secondary",href:t?"/hr/".concat(s,"/hiring/careers-widgets"):"/register?type=company",children:t?"Manage Your Widget":"Get Started Free"}),(0,a.jsx)(w.Z,{className:"text-sm text-blue-200 mt-3",variant:"body",children:"Included free with every Elevolt employer account"})]})]})})})};j.propTypes={isAuthenticated:b().bool,tenantName:b().string};let v=e=>{let{title:t,company:s,location:i}=e;return(0,a.jsxs)("div",{className:"bg-white rounded border border-gray-200 p-3 mb-2 last:mb-0",children:[(0,a.jsx)("div",{className:"font-semibold text-sm text-gray-900",children:t}),(0,a.jsx)("div",{className:"text-xs text-gray-500 mt-0.5",children:s}),(0,a.jsx)("div",{className:"text-xs text-gray-400 mt-0.5",children:i})]})};v.propTypes={title:b().string.isRequired,company:b().string.isRequired,location:b().string.isRequired};let N=e=>{let{isAuthenticated:t,tenantName:s}=e;return(0,a.jsx)("div",{className:"w-full pt-24 md:pt-32 pb-16 md:pb-24 relative bg-gradient-to-b from-blue-100 to-blue-50",children:(0,a.jsx)("div",{className:"container mx-auto px-4",children:(0,a.jsxs)("div",{className:"flex flex-col lg:flex-row items-center gap-12",children:[(0,a.jsxs)("div",{className:"w-full lg:w-1/2 text-center lg:text-left",children:[(0,a.jsx)("p",{className:"text-sm font-semibold text-orange bg-orange-100 rounded-full px-4 py-1 inline-block mb-4",children:"For Businesses"}),(0,a.jsxs)("h1",{className:"text-3xl sm:text-4xl md:text-5xl font-bold text-gray-900 leading-tight mb-6",children:["Your ",(0,a.jsx)("span",{className:"text-blue",children:"Careers Page"})," in minutes"]}),(0,a.jsx)("p",{className:"text-lg md:text-xl text-gray-600 leading-relaxed mb-8 max-w-xl mx-auto lg:mx-0",children:"Add your job listings to any website with just 2 lines of HTML. They stay in sync with Elevolt automatically, so you never have to update them manually."}),(0,a.jsxs)("div",{className:"flex flex-col sm:flex-row gap-4 justify-center lg:justify-start",children:[(0,a.jsx)(f.Z,{afterIcon:(0,a.jsx)(d.G,{className:"ml-2 text-sm",icon:o.eFW}),className:"px-8 py-3 text-lg",design:"primary",href:t?"/hr/".concat(s,"/hiring/careers-widgets"):"/register?type=company",children:t?"Manage Your Widget":"Get Started Free"}),(0,a.jsx)(f.Z,{className:"px-8 py-3 text-lg",design:"secondary",href:"#demo",children:"See It in Action"})]}),(0,a.jsx)("p",{className:"text-sm text-gray-500 mt-4",children:"Included free with every Elevolt employer account"})]}),(0,a.jsx)("div",{className:"w-full lg:w-1/2 relative",children:(0,a.jsxs)("div",{className:"relative mx-auto max-w-md lg:max-w-lg",children:[(0,a.jsxs)("div",{className:"rounded-lg shadow-xl overflow-hidden border border-gray-200",children:[(0,a.jsxs)("div",{className:"bg-gray-100 px-4 py-2.5 flex items-center gap-2 border-b border-gray-200",children:[(0,a.jsxs)("div",{className:"flex gap-1.5",children:[(0,a.jsx)("div",{className:"w-3 h-3 rounded-full bg-red-400"}),(0,a.jsx)("div",{className:"w-3 h-3 rounded-full bg-yellow-400"}),(0,a.jsx)("div",{className:"w-3 h-3 rounded-full bg-green-400"})]}),(0,a.jsx)("div",{className:"flex-1 ml-2",children:(0,a.jsx)("div",{className:"bg-white rounded px-3 py-1 text-xs text-gray-400 border border-gray-200",children:"yourcompany.com/careers"})})]}),(0,a.jsxs)("div",{className:"bg-gray-50 p-4",children:[(0,a.jsxs)("div",{className:"text-center mb-3",children:[(0,a.jsx)("div",{className:"text-sm font-bold text-gray-900",children:"Open Positions"}),(0,a.jsx)("div",{className:"text-xs text-gray-500",children:"Powered by Elevolt"})]}
1),(0,a.jsx)(v,{company:"Acme Corporation",location:"Nairobi, Kenya",title:"Senior Software Engineer"}),(0,a.jsx)(v,{company:"Acme Corporation",location:"Remote",title:"Product Designer"}),(0,a.jsx)(v,{company:"Acme Corporation",location:"Mombasa, Kenya",title:"Marketing Manager"})]})]}),(0,a.jsx)("div",{className:"absolute -top-4 -right-4 w-24 h-24 bg-orange-100 rounded-full opacity-60 -z-10"}),(0,a.jsx)("div",{className:"absolute -bottom-4 -left-4 w-32 h-32 bg-blue-100 rounded-full opacity-60 -z-10"})]})})]})})})};N.propTypes={isAuthenticated:b().bool,tenantName:b().string};let k=[{number:1,icon:o.DD4,title:"Create a Widget Key",description:"Generate a key from your Elevolt dashboard. Give it a name and, optionally, restrict it to specific domains.",time:"1 min"},{number:2,icon:o.MUh,title:"Customize the Look",description:"Pick a layout, set your brand colors, choose which job details to show, and preview everything before going live.",time:"5 min"},{number:3,icon:o.dT$,title:"Paste It on Your Site",description:"Copy the 2-line HTML snippet and add it to your website. Your job listings show up as soon as the page loads.",time:"1 min"}];var E=()=>(0,a.jsx)("div",{className:"w-full py-16 md:py-24 bg-blue-50",children:(0,a.jsxs)("div",{className:"container mx-auto px-4",children:[(0,a.jsxs)("div",{className:"text-center mb-12",children:[(0,a.jsx)("h2",{className:"text-2xl md:text-3xl font-bold text-gray-900 mb-4",children:"Set Up in 3 Steps"}),(0,a.jsx)("p",{className:"text-gray-600 max-w-2xl mx-auto",children:"From creating your key to seeing live job listings on your site, the entire setup takes less than 10 minutes."})]}),(0,a.jsxs)("div",{className:"max-w-4xl mx-auto",children:[(0,a.jsxs)("div",{className:"hidden md:flex justify-between items-start relative",children:[(0,a.jsx)("div",{className:"absolute top-10 left-[15%] right-[15%] h-0.5 bg-blue-200"}),k.map(e=>(0,a.jsxs)("div",{className:"flex flex-col items-center text-center flex-1 relative z-10",children:[(0,a.jsx)("div",{className:"w-20 h-20 rounded-full bg-blue text-white flex items-center justify-center text-3xl font-bold mb-4 shadow-lg",children:(0,a.jsx)(d.G,{className:"text-2xl",icon:e.icon})}),(0,a.jsxs)("div",{className:"text-sm font-semibold text-blue mb-2",children:["Step ",e.number," \xb7 ",e.time]}),(0,a.jsx)("h3",{className:"font-bold text-lg text-gray-900 mb-2",children:e.title}),(0,a.jsx)("p",{className:"text-gray-600 text-sm max-w-[220px]",children:e.description})]},e.number))]}),(0,a.jsx)("div",{className:"md:hidden space-y-8",children:k.map((e,t)=>(0,a.jsxs)("div",{className:"flex gap-4",children:[(0,a.jsxs)("div",{className:"flex flex-col items-center",children:[(0,a.jsx)("div",{className:"w-14 h-14 rounded-full bg-blue text-white flex items-center justify-center text-xl font-bold shadow-lg",children:(0,a.jsx)(d.G,{className:"text-lg",icon:e.icon})}),t<k.length-1&&(0,a.jsx)("div",{className:"w-0.5 h-full bg-blue-200 mt-2"})]}),(0,a.jsxs)("div",{className:"flex-1 pb-4",children:[(0,a.jsxs)("div",{className:"text-sm font-semibold text-blue mb-1",children:["Step ",e.number," \xb7 ",e.time]}),(0,a.jsx)("h3",{className:"font-bold text-lg text-gray-900 mb-1",children:e.title}),(0,a.jsx)("p",{className:"text-gray-600 text-sm",children:e.description})]})]},e.number))})]})]})}),T=s(25439);let C=[{key:"list",label:"List View"},{key:"grid",label:"Grid View"},{key:"compact",label:"Compact View"}],_={list:"A clean, full-width list showing each job's details. Best for dedicated careers pages.",grid:"A card-based grid that gives each role visual weight. Works well on modern, visual websites.",compact:"A minimal, row-based view that packs more listings into less space. Ideal for sidebars or tight layouts."},S=[{title:"Senior Software Engineer",location:"Nairobi, Kenya",type:"Full-time"},{title:"Product Designer",location:"Remote",type:"Contract"},{title:"Marketing Manager",location:"Mombasa, Kenya",type:"Full-time"},{title:"Data Analyst",location:"Nairobi, Kenya",type:"Part-time"}],L={list:()=>(0,a.jsx)("div",{className:"space-y-2",children:S.map(e=>(0,a.jsxs)("div",{className:"bg-white rounded border border-gray-200 p-3 flex items-center justify-between",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{className:"font-semibold text-sm text-gray-900",children:e.title}),(0,a.jsxs)("div",{className:"text-xs text-gray-500 mt-0.5",children:[e.location," \xb7 ",e.type]})]}),(0,a.jsx)("div",{className:"text-xs text-blue font-medium",children:"View â"})]},e.title))}),grid:()=>(0,a.jsx)("div",{className:"grid grid-cols-2 gap-2",children:S.map(e=>(0,a.jsxs)("div",{className:"bg-white rounded border border-gray-200 p-3",children:[(0,a.jsx)("div",{className:"font-semibold text-sm text-gray-900",children:e.title}),(0,a.jsx)("div",{className:"text-xs text-gray-500 mt-1",children:e.location}
1),(0,a.jsx)("div",{className:"text-xs text-blue font-medium mt-2",children:e.type})]},e.title))}),compact:()=>(0,a.jsx)("div",{className:"bg-white rounded border border-gray-200 overflow-hidden",children:S.map((e,t)=>(0,a.jsxs)("div",{className:"flex items-center justify-between px-3 py-2 text-sm ".concat(t<S.length-1?"border-b border-gray-100":""),children:[(0,a.jsx)("span",{className:"font-medium text-gray-900 text-xs",children:e.title}),(0,a.jsx)("span",{className:"text-gray-500 text-xs",children:e.location})]},e.title))})};var q=()=>{let[e,t]=(0,l.useState)("list"),s=L[e];return(0,a.jsx)("div",{className:"w-full py-16 md:py-24 bg-gray-50",id:"demo",children:(0,a.jsxs)("div",{className:"container mx-auto px-4",children:[(0,a.jsxs)("div",{className:"text-center mb-8",children:[(0,a.jsx)("h2",{className:"text-2xl md:text-3xl font-bold text-gray-900 mb-4",children:"Choose Your Layout"}),(0,a.jsx)("p",{className:"text-gray-600 max-w-2xl mx-auto mb-6",children:"Three layout options to fit your website. Switch between them anytime from your dashboard."}),(0,a.jsx)("div",{className:"flex justify-center",children:(0,a.jsx)(T.Z,{ariaLabel:"Widget layout options",onChange:t,options:C,value:e})})]}),(0,a.jsxs)("div",{className:"max-w-2xl mx-auto",children:[(0,a.jsxs)("div",{className:"rounded-lg shadow-lg overflow-hidden border border-gray-200",children:[(0,a.jsxs)("div",{className:"bg-gray-100 px-4 py-2.5 flex items-center gap-2 border-b border-gray-200",children:[(0,a.jsxs)("div",{className:"flex gap-1.5",children:[(0,a.jsx)("div",{className:"w-3 h-3 rounded-full bg-red-400"}),(0,a.jsx)("div",{className:"w-3 h-3 rounded-full bg-yellow-400"}),(0,a.jsx)("div",{className:"w-3 h-3 rounded-full bg-green-400"})]}),(0,a.jsx)("div",{className:"flex-1 ml-2",children:(0,a.jsx)("div",{className:"bg-white rounded px-3 py-1 text-xs text-gray-400 border border-gray-200",children:"yourcompany.com/careers"})})]}),(0,a.jsx)("div",{className:"bg-gray-50 p-4 min-h-[200px]",children:(0,a.jsx)(s,{})})]}),(0,a.jsx)("p",{className:"text-center text-sm text-gray-500 mt-4",children:_[e]})]})]})})};let M=["WordPress","Wix","Squarespace","Webflow","Shopify","Ghost","Hugo","Jekyll","Gatsby","Next.js","Custom HTML"];var W=()=>(0,a.jsx)("div",{className:"w-full py-16 md:py-24 bg-white",children:(0,a.jsxs)("div",{className:"container mx-auto px-4",children:[(0,a.jsxs)("div",{className:"text-center mb-8",children:[(0,a.jsx)("h2",{className:"text-2xl md:text-3xl font-bold text-gray-900 mb-4",children:"Works on Every Platform"}),(0,a.jsx)("p",{className:"text-gray-600 max-w-2xl mx-auto",children:"If your website builder supports custom HTML, the Careers Widget will work. No plugins, extensions, or developer help needed."})]}),(0,a.jsx)("div",{className:"flex flex-wrap justify-center gap-3 max-w-3xl mx-auto",children:M.map(e=>(0,a.jsx)("span",{className:"px-4 py-2 rounded-full bg-gray-100 text-gray-700 text-sm font-medium border border-gray-200",children:e},e))})]})});let I=[{icon:o.dT$,title:"2 Lines of Code",description:"Paste a short snippet into your website HTML. That is all it takes to display a fully working careers page. No build tools, no dependencies, no developer needed."},{icon:o.UO1,title:"Always Up to Date",description:"When you publish, edit, or close a job on Elevolt, your website reflects the change automatically. No manual updates, no stale listings."},{icon:o.q2v,title:"Matches Your Brand",description:"Pick a layout, set your brand colors, and control which job details appear. The widget looks like a native part of your website."},{icon:o.bJI,title:"Works on Every Screen",description:"The widget adjusts its layout for phones, tablets, and desktops. Candidates get a clean browsing experience regardless of device."}];var A=()=>(0,a.jsx)("div",{className:"w-full py-16 md:py-24 bg-white",children:(0,a.jsxs)("div",{className:"container mx-auto px-4",children:[(0,a.jsxs)("div",{className:"text-center mb-12",children:[(0,a.jsx)("h2",{className:"text-2xl md:text-3xl font-bold text-gray-900 mb-4",children:"Why Businesses Use It"}),(0,a.jsx)("p",{className:"text-gray-600 max-w-2xl mx-auto",children:"A professional careers page on your website, with zero development work."})]}),(0,a.jsx)("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6 max-w-5xl mx-auto",children:I.map(e=>(0,a.jsxs)("div",{className:"text-center p-6 rounded-lg border border-gray-100 hover:shadow-md transition-shadow duration-200",children:[(0,a.jsx)("div",{className:"w-14 h-14 roun
1ded-full bg-blue-50 text-blue flex items-center justify-center mx-auto mb-4",children:(0,a.jsx)(d.G,{className:"text-xl",icon:e.icon})}),(0,a.jsx)("h3",{className:"font-bold text-lg text-gray-900 mb-2",children:e.title}),(0,a.jsx)("p",{className:"text-gray-600 text-sm",children:e.description})]},e.title))})]})}),P=(0,i.withAuthSync)(e=>{var t;let{user:s}=e,[i,n]=(0,l.useState)(!1);(0,l.useEffect)(()=>{n(!0)},[]);let o=i&&!!(null==s?void 0:s.uid),d=null==s?void 0:null===(t=s.tenant)||void 0===t?void 0:t.name;return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(r.Z,{description:"Show your open roles on your company website with 2 lines of HTML. Jobs sync automatically from Elevolt, layouts are customizable, and it works on any platform. Free with every employer account.",page:"careers-widgets",title:"Careers Widget | Display Job Listings on Your Company Website",children:(0,a.jsx)("script",{dangerouslySetInnerHTML:{__html:JSON.stringify({"@context":"https://schema.org","@type":"SoftwareApplication",name:"Elevolt Careers Widget",applicationCategory:"BusinessApplication",operatingSystem:"Web",description:"Embeddable careers widget that displays job listings on any website with just 2 lines of HTML code.",offers:{"@type":"Offer",price:"0",priceCurrency:"KES",description:"Free with every Elevolt employer account"},featureList:["2-Line Embed Code","Real-Time Job Sync","Multiple Layout Options","Theme Customization","Mobile Responsive","Domain Security"]})},type:"application/ld+json"})}),(0,a.jsx)(N,{isAuthenticated:o,tenantName:d}),(0,a.jsx)(A,{}),(0,a.jsx)(E,{}),(0,a.jsx)(g,{}),(0,a.jsx)(c,{}),(0,a.jsx)(q,{}),(0,a.jsx)(W,{}),(0,a.jsx)(h,{}),(0,a.jsx)(j,{isAuthenticated:o,tenantName:d})]})},{noRedirect:!0})},25439:function(e,t,s){"use strict";var a=s(52322),i=s(2369),l=s(92942),r=s(12524),n=s.n(r),o=s(13980),d=s.n(o),c=s(2784);let x={sm:"px-3 sm:px-4 py-2 text-xs",md:"px-4 sm:px-6 py-2.5 sm:py-3 text-xs sm:text-sm"},m={sm:"px-3 py-2 text-xs",md:"px-4 py-2.5 text-xs"},u={sm:"px-3 py-2 text-xs",md:"px-4 py-2.5 text-sm"},h=e=>{var t,s,r;let{options:o,value:d,onChange:h,ariaLabel:p="Filter options",className:g="",disabled:y=!1,size:b="md"}=e,[f,w]=(0,c.useState)(!1),j=(0,c.useRef)(null),v=null!==(r=null===(t=o.find(e=>e.key===d))||void 0===t?void 0:t.label)&&void 0!==r?r:null===(s=o[0])||void 0===s?void 0:s.label,N=e=>{!y&&h&&h(e)},k=(0,c.useCallback)(()=>{y||w(e=>!e)},[y]),E=(0,c.useCallback)(e=>{!y&&h&&h(e),w(!1)},[y,h]);(0,c.useEffect)(()=>{let e=e=>{j.current&&!j.current.contains(e.target)&&w(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[]);let T=(0,c.useCallback)(e=>{if(!f){"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),y||w(!0));return}let t=o.findIndex(e=>e.key===d);switch(e.key){case"Escape":case"Enter":case" ":e.preventDefault(),w(!1);break;case"ArrowDown":e.preventDefault();{let e=t<o.length-1?t+1:0;E(o[e].key)}break;case"ArrowUp":e.preventDefault();{let e=t>0?t-1:o.length-1;E(o[e].key)}}},[f,y,o,d,E]);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{className:n()("relative sm:hidden",g),ref:j,children:[(0,a.jsxs)("button",{"aria-expanded":f,"aria-haspopup":"listbox","aria-label":p,className:n()("flex w-full items-center justify-between rounded-lg border border-gray-300 font-medium transition-colors duration-200","focus:ring-2 focus:ring-blue focus:ring-inset focus:outline-none",m[b],{"bg-white text-gray-700":!y,"opacity-50 cursor-not-allowed bg-white text-gray-400":y}),disabled:y,onClick:k,onKeyDown:T,type:"button",children:[(0,a.jsx)("span",{children:v}),(0,a.jsx)(l.FontAwesomeIcon,{className:n()("ml-2 text-xs transition-transform duration-200",{"rotate-180":f}),icon:i.ptq})]}),!!f&&(0,a.jsx)("div",{"aria-label":p,className:"absolute top-full left-0 mt-1 w-full bg-white border border-gray-200 rounded-lg shadow-lg z-10 overflow-hidden",role:"listbox",children:o.map((e,t)=>{var s;let i=d===e.key,l=t===o.length-1;return(0,a.jsx)("button",{"aria-selected":i,className:n()("w-full text-left font-medium transition-colors duration-200",u[b],{"bg-blue text-white":i,"bg-white text-gray-700 hover:bg-gray-50":!i,"border-b border-gray-200":!l}),onClick:()=>E(e.key),onKeyDown:T,role:"option",type:"button",children:e.label},null!==(s=e.key)&&void 0!==s?s:"__null__")})})]}),(0,a.jsx)("div",{"aria-label":p,className:n()("hidden sm:inline-flex sm:flex-row rounded-lg border border-gray-300 overflow-hidden",{"opacity-50 cursor-not-allowed":y},g),role:"group",children:o.map((e,t)=>{var s;let i=d===e.key,l=t===o.length-1;return(0,a.jsx)("button",{"aria-pressed":i,className:n()("w-auto text-center font-medium transition-colors duration-200","focus:ring-2 focus:ring-blue focus:ring-inset focus:outline-none",x[b],{"bg-blue text-white":i,"bg-white text-gray-700 hover:bg-gray-50":!i&&!y,"bg-white text-gray-400":!i&&y,"border-r border-gray-300":!l}),disabled:y,onClick:()=>N(e.key),type:"button",children:e.label},null!==(s=e.key)&&void 0!==s?s:"__null__")})})]})};h.propTypes={options:d().arrayOf(d().shape({key:d().string,label:d().string.isRequired})).isRequired,value:d().string,onChange:d().func.isRequired,ariaLabel:d().string,className:d().string,disabled:d().bool,size:d().oneOf(["sm","md"])},t.Z=h},27160:function(e,t,s){"use strict";async function a(e){if(!e)return!1;if(navigator.clipboard&&window.isSecureContext)try{return await navigator.clipboard.writeText(e),!0}catch(e){console.error("Clipboard API failed:",e)}try{let t=document.createElement("textarea");t.value=e,t.style.position="fixed",t.style.left="-999999px",t.style.top="-999999px",t.setAttribute("readonly",""),document.body.appendChild(t),t.select(),t.setSelectionRange(0,e.length);let s=document.execCommand("copy");return document.body.removeChild(t),s}catch(e){return console.error("Fallback copy failed:",e),!1}}s.d(t,{v:function(){return a}})}},function(e){e.O(0,[4976,5351,9603,8049,2888,9774,179],function(){return e(e.s=22282)}),_N_E=e.O()}]);
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.