https://skillihire.com/assets/ServiceDetail-DRldQv35.js

1import{O as T,s as I,a6 as E,bQ as B,r as P,j as e,g as p,B as x,A,l as F,S as V,P as D,W as O,b as Q,E as R,D as z,F as H,T as W,d as $,e as G,aJ as L,G as U,ax as J,p as K,n as M,K as Z,k,b2 as i,C as n,f as c,h as S,X as C}from"./index-DMpD5zQ4.js";import{P as X}from"./PageHero-qqH_ZB5N.js";import{B as Y}from"./badge-bMO3_tW7.js";import{A as ee,a as se,b as ae,c as te}from"./accordion-BpbtSd3z.js";import{S as _}from"./star-CrzUnXU9.js";import{G as re}from"./globe-__AbA6qd.js";import{B as le}from"./building-hbYu4h8O.js";import{C as ie}from"./code-B5PMZkKt.js";import{I as ne}from"./image-D6QLN099.js";import{T as ce}from"./triangle-alert-DXo7if2c.js";import{S as de}from"./shield-BAaFniQN.js";import{C as oe}from"./clock-DpH3fNh0.js";import{T as xe}from"./trending-down-CMtdR2iv.js";import{T as me}from"./target-CQMb9BRS.js";import{Z as h}from"./zap-k9RUzm2a.js";import{Q as pe}from"./quote-CNitZhYR.js";const he=d=>T({queryKey:["service-page",d],queryFn:async()=>{if(!d)throw new Error("No slug provided");const{data:s,error:m}=await I.from("service_pages").select("*").eq("slug",d).eq("is_published",!0).single();if(m)throw m;return s},enabled:!!d}),ue={Zap:h,Target:me,TrendingDown:xe,Clock:oe,Users:k,DollarSign:Z,Shield:de,Layers:M,AlertTriangle:ce,Image:ne,Camera:K,Rocket:J,Code:ie,GraduationCap:U,Building:le,CheckCircle:L,MessageSquare:G,Brain:$,TrendingUp:W,FileText:H,Database:z,Globe:re,Eye:R,Bot:Q,Workflow:O,Star:_,Phone:D,Smartphone:V,Scale:F},Ee=()=>{const{slug:d}=E(),{data:s,isLoading:m,error:q}=he(d);if(B(),P.useEffect(()=>{var a;if(s){document.title=s.seo_title||`${s.title} | SkilliHire`;const t=document.querySelector('meta[name="description"]');if(t)t.setAttribute("content",s.seo_description||"");else{const r=document.createElement("meta");r.name="description",r.content=s.seo_description||"",document.head.appendChild(r)}const l=document.querySelector("script[data-service-ld]");l&&l.remove();const o=document.createElement("script");if(o.type="application/ld+json",o.setAttribute("data-service-ld","true"),o.textContent=JSON.stringify({"@context":"https://schema.org","@type":"Service",name:s.title,description:s.seo_description||s.hero_description,provider:{"@type":"Organization",name:"SkilliHire"},serviceType:s.title,areaServed:"Worldwide"}),document.head.appendChild(o),(a=s.faq)!=null&&a.length){const r=document.createElement("script");r.type="application/ld+json",r.setAttribute("data-faq-ld","true"),r.textContent=JSON.stringify({"@context":"https://schema.org","@type":"FAQPage",mainEntity:s.faq.map(w=>({"@type":"Question",name:w.question,acceptedAnswer:{"@type":"Answer",text:w.answer}}))}),document.head.appendChild(r)}return()=>{document.querySelectorAll("[data-service-ld],[data-faq-ld]").forEach(r=>r.remove())}}},[s]),m)return e.jsx("div",{className:"min-h-screen flex items-center justify-center",children:e.jsx("div",{className:"animate-spin h-8 w-8 border-4 border-primary border-t-transparent rounded-full"})});if(q||!s)return e.jsxs("div",{className:"min-h-screen flex flex-col items-center justify-center gap-4",children:[e.jsx("h1",{className:"text-2xl font-bold",children:"Service Not Found"}),e.jsx(p,{to:"/services",children:e.jsx(x,{children:"Back to Services"})})]});const u=Array.isArray(s.use_cases)?s.use_cases:[],g=Array.isArray(s.process_steps)?s.process_steps:[],j=Array.isArray(s.tech_stack)?s.tech_stack:[],f=Array.isArray(s.comparison_table)?s.comparison_table:[],N=Array.isArray(s.roi_stats)?s.roi_stats:[],y=Array.isArray(s.testimonials)?s.testimonials:[],v=Array.isArray(s.faq)?s.faq:[],b=Array.isArray(s.overview_stats)?s.overview_stats:[];return e.jsxs("div",{className:"min-h-screen",children:[e.jsxs(X,{title:e.jsx(e.Fragment,{children:s.title}),subtitle:s.tagline||void 0,children:[e.jsx("p",{className:"mt-6 text-muted-foreground max-w-2xl mx-auto leading-relaxed",children:s.hero_description}),e.jsxs("div",{className:"mt-8 flex flex-wrap justify-center gap-4",children:[e.jsx(p,{to:"/contact",children:e.jsxs(x,{size:"lg",className:"rounded-xl text-base px-8",children:["Get a Free Consultation",e.jsx(A,{className:"ml-2 h-5 w-5"})]})}),e.jsx("a",{href:"#use-cases",children:e.jsx(x,{variant:"outline",size:"lg",className:"rounded-xl text-base px-8",children:"View Use Cases"})})]})]}),e.jsx("section",{className:"py-20 bg-background",children:e.jsxs("div",{className:"container mx-auto px-4 lg:px-8",children:[e.jsxs("div",{className:"max-w-4xl mx-auto text-center mb-16",children:[e.jsx("h2",{className:"text-3xl lg:text-4xl font-bold mb-6 font-display",children:s.overview_title}),e.jsx("p",{className:"text-lg text-muted-foreground leading-relaxed",children:s.overview_description})]}),b.length>0&&e.jsx("div",{className:"grid grid-cols-2 lg:grid-cols-4 gap-6 max-w-5xl mx-auto",children:b.map((a,t)=>{const l=ue[a.icon]||h;return e.jsx(i.div,{className:"h-full",initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{delay:t*.1},children:e.jsx(n,{className:"glass-card-hover text-center p-6 rounded-2xl h-full",children:e.jsxs(c,{className:"p-0 flex h-full flex-col items-center",children:[e.jsx("div",{className:"w-12 h-12 mx-auto mb-4 rounded-xl bg-primary/10 flex items-center justify-center shrink-0",children:e.jsx(l,{className:"h-6 w-6 text-primary"})}),e.jsx("div",{className:"text-xl lg:text-2xl font-bold gradient-text-brand mb-2 leading-tight text-balance",children:a.value}),e.jsx("div",{className:"text-sm text-muted-foreground leading-snug mt-auto pt-1",children:a.label})]})})},t)})})]})}),u.length>0&&e.jsx("section",{id:"use-cases",className:"py-20 section-light scroll-mt-20",children:e.jsxs("div",{className:"container mx-auto px-4 lg:px-8",children:[e.jsxs("div",{className:"text-center mb-16",children:[e.jsx("div",{className:"inline-flex items-center gap-2 px-4 py-2 rounded-full bg-primary/10 text-primary text-sm font-medium mb-6",children:"Use Cases"}),e.jsxs("h2",{className:"text-3xl lg:text-4xl font-bold font-display",children:["Real-World ",e.jsx("span",{className:"gradient-text-brand",children:"Applications"})]})]}),e.jsx("div",{className:"space-y-8 max-w-6xl mx-auto",children:u.map((a,t)=>e.jsx(i.div,{initial:{opacity:0,x:t%2===0?-30:30},whileInView:{opacity:1,x:0},viewport:{once:!0},transition:{duration:.5},children:e.jsx(n,{className:`glass-card-hover rounded-2xl overflow-hidden ${t%2===0,""}`,children:e.jsx(c,{className:"p-0",children:e.jsxs("div",{className:`flex flex-col lg:flex-row ${t%2!==0?"lg:flex-row-reverse":""} gap-0`,children:[e.jsx("div",{className:"lg:w-2/5 bg-gradient-to-br from-primary/5 to-primary/10 p-8 flex items-center justify-center min-h-[200px]",children:e.jsxs("div",{className:"text-center",children:[e.jsx("div",{className:"w-20 h-20 mx-auto mb-4 rounded-2xl bg-primary/10 flex items-center justify-center",children:e.jsx(h,{className:"h-10 w-10 text-primary"})}),a.metrics&&e.jsx("div",{className:"text-2xl font-bold gradient-text-brand",children:a.metrics})]})}),e.jsxs("div",{className:"lg:w-3/5 p-8",children:[e.jsx("h3",{className:"text-2xl font-bold mb-3 font-display",children:a.title}),e.jsx("p",{className:"text-muted-foreground mb-5 leading-relaxed",children:a.description}),a.tags&&e.jsx("div",{className:"flex flex-wrap gap-2",children:a.tags.map(l

1=>e.jsx(Y,{variant:"secondary",className:"rounded-full",children:l},l))})]})]})})})},t))})]})}),g.length>0&&e.jsx("section",{className:"py-20 bg-background",children:e.jsxs("div",{className:"container mx-auto px-4 lg:px-8",children:[e.jsxs("div",{className:"text-center mb-16",children:[e.jsx("div",{className:"inline-flex items-center gap-2 px-4 py-2 rounded-full bg-primary/10 text-primary text-sm font-medium mb-6",children:"Our Process"}),e.jsxs("h2",{className:"text-3xl lg:text-4xl font-bold font-display",children:["How We ",e.jsx("span",{className:"gradient-text-brand",children:"Deliver"})]})]}),e.jsxs("div",{className:"max-w-4xl mx-auto relative",children:[e.jsx("div",{className:"absolute left-8 top-0 bottom-0 w-0.5 bg-gradient-to-b from-primary/50 via-primary/20 to-transparent hidden md:block"}),e.jsx("div",{className:"space-y-8",children:g.map((a,t)=>e.jsxs(i.div,{initial:{opacity:0,x:-20},whileInView:{opacity:1,x:0},viewport:{once:!0},transition:{delay:t*.1},className:"flex gap-6 items-start",children:[e.jsx("div",{className:"flex-shrink-0 w-16 h-16 rounded-2xl bg-primary text-primary-foreground flex items-center justify-center text-xl font-bold relative z-10",children:a.step||t+1}),e.jsxs("div",{className:"flex-1 pt-2",children:[e.jsx("h3",{className:"text-xl font-bold mb-2",children:a.title}),e.jsx("p",{className:"text-muted-foreground leading-relaxed",children:a.description})]})]},t))})]})]})}),j.length>0&&e.jsx("section",{className:"py-20 section-light",children:e.jsxs("div",{className:"container mx-auto px-4 lg:px-8",children:[e.jsx("div",{className:"text-center mb-12",children:e.jsxs("h2",{className:"text-3xl lg:text-4xl font-bold font-display",children:["Technology ",e.jsx("span",{className:"gradient-text-brand",children:"Stack"})]})}),e.jsx("div",{className:"flex flex-wrap justify-center gap-4 max-w-3xl mx-auto",children:j.map((a,t)=>e.jsx(i.div,{initial:{opacity:0,scale:.8},whileInView:{opacity:1,scale:1},viewport:{once:!0},transition:{delay:t*.05},children:e.jsx(n,{className:"glass-card-hover rounded-xl px-6 py-4 text-center group",children:e.jsxs(c,{className:"p-0",children:[e.jsx("div",{className:"font-semibold",children:a.name}),e.jsx("div",{className:"text-xs text-muted-foreground",children:a.category})]})})},t))})]})}),N.length>0&&e.jsx("section",{className:"py-20 bg-background",children:e.jsxs("div",{className:"container mx-auto px-4 lg:px-8",children:[e.jsxs("div",{className:"text-center mb-12",children:[e.jsx("div",{className:"inline-flex items-center gap-2 px-4 py-2 rounded-full bg-primary/10 text-primary text-sm font-medium mb-6",children:"Proven Results"}),e.jsxs("h2",{className:"text-3xl lg:text-4xl font-bold font-display",children:["ROI & ",e.jsx("span",{className:"gradient-text-brand",children:"Impact"})]})]}),e.jsx("div",{className:"grid grid-cols-2 lg:grid-cols-4 gap-6 max-w-5xl mx-auto",children:N.map((a,t)=>e.jsx(i.div,{className:"h-full",initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{delay:t*.1},children:e.jsx(n,{className:"glass-card-hover rounded-2xl p-6 text-center border-primary/10 h-full",children:e.jsxs(c,{className:"p-0 flex h-full flex-col",children:[e.jsx("div",{className:"text-2xl lg:text-3xl font-bold gradient-text-brand mb-2 leading-tight text-balance",children:a.value}),e.jsx("div",{className:"font-semibold mb-2 leading-snug",children:a.metric}),e.jsx("div",{className:"text-sm text-muted-foreground leading-snug mt-auto",children:a.description})]})})},t))})]})}),f.length>0&&e.jsx("section",{className:"py-20 section-light",children:e.jsxs("div",{className:"container mx-auto px-4 lg:px-8",children:[e.jsx("div",{className:"text-center mb-12",children:e.jsxs("h2",{className:"text-3xl lg:text-4xl font-bold font-display",children:["Why Choose ",e.jsx("span",{className:"gradient-text-brand",children:"SkilliHire"})]})}),e.jsx("div",{className:"max-w-2xl mx-auto",children:e.jsx(n,{className:"glass-card rounded-2xl overflow-hidden",children:e.jsxs(c,{className:"p-0",children:[e.jsxs("div",{className:"grid grid-cols-3 bg-muted/50 p-4 font-semibold text-center",children:[e.jsx("div",{className:"text-left",children:"Feature"}),e.jsx("div",{children:"SkilliHire"}),e.jsx("div",{children:"Others"})]}),f.map((a,t)=>e.jsxs("div",{className:`grid grid-cols-3 p-4 items-center ${t%2===0?"":"bg-muted/20"}`,children:[e.jsx("div",{className:"text-sm font-medium",children:a.feature}),e.jsx("div",{className:"text-center",children:a.us?e.jsx(S,{className:"h-5 w-5 text-primary mx-auto"}):e.jsx(C,{className:"h-5 w-5 text-muted-foreground mx-auto"})}),e.jsx("div",{className:"text-center",children:a.competitors?e.jsx(S,{className:"h-5 w-5 text-primary mx-auto"}):e.jsx(C,{className:"h-5 w-5 text-muted-foreground mx-auto"})})]},t))]})})})]})}),y.length>0&&e.jsx("section",{className:"py-20 bg-background",children:e.jsxs("div",{className:"container mx-auto px-4 lg:px-8",children:[e.jsx("div",{className:"text-center mb-12",children:e.jsxs("h2",{className:"text-3xl lg:text-4xl font-bold font-display",children:["Client ",e.jsx("span",{className:"gradient-text-brand",children:"Testimonials"})]})}),e.jsx("div",{className:"grid md:grid-cols-2 gap-8 max-w-4xl mx-auto",children:y.map((a,t)=>e.jsx(i.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},children:e.jsx(n,{className:"glass-card-hover rounded-2xl p-8 h-full",children:e.jsxs(c,{className:"p-0 flex flex-col h-full",children:[e.jsx(pe,{className:"h-8 w-8 text-primary/30 mb-4"}),e.jsxs("p",{className:"text-muted-foreground italic leading-relaxed flex-1 mb-6",children:['"',a.quote,'"']}),e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx("div",{className:"w-12 h-12 rounded-full bg-primary/10 flex items-center justify-center",children:e.jsx(k,{className:"h-6 w-6 text-primary"})}),e.jsxs("div",{children:[e.jsx("div",{className:"font-semibold",children:a.name}),e.jsx("div",{className:"text-sm text-muted-foreground",children:a.role})]}),e.jsx("div",{className:"ml-auto flex gap-0.5",children:Array.from({length:a.rating||5}).map((l,o)=>e.jsx(_,{className:"h-4 w-4 fill-primary text-primary"},o))})]})]})})},t))})]})}),v.length>0&&e.jsx("section",{className:"py-20 section-light",children:e.jsxs("div",{className:"container mx-auto px-4 lg:px-8",children:[e.jsx("div",{className:"text-center mb-12",children:e.jsxs("h2",{className:"text-3xl lg:text-4xl font-bold font-display",children:["Frequently Asked ",e.jsx("span",{className:"gradient-text-brand",children:"Questions"})]})}),e.jsx("div",{className:"max-w-3xl mx-auto",children:e.jsx(ee,{type:"single",collapsible:!0,className:"space-y-4",children:v.map((a,t)=>e.jsxs(se,{value:`faq-${t}`,className:"border rounded-xl px-6 bg-card",children:[e.jsx(ae,{className:"text-left font-semibold hover:no-underline",children:a.question}),e.jsx(te,{className:"text-muted-foreground leading-relaxed",children:a.answer})]},t))})})]})}),e.jsx("section",{className:"py-20 bg-background",children:e.jsx("div",{className:"container mx-auto px-4 lg:px-8",children:e.jsx("div",{className:"max-w-3xl mx-auto text-center",children:e.jsx(i.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},children:e.jsx(n,{className:"rounded-3xl overflow-hidden border-0 bg-gradient-to-br from-primary/5 via-primary/10 to-primary/5",children:e.jsxs(c,{className:"p-12",children:[e.jsx("h2",{className:"text-3xl lg:text-4xl font-bold mb-4 font-display",children:s.cta_title||`Ready for ${s.title}?`}),e.jsx("p",{className:"text-lg text-muted-foreground mb-8 leading-relaxed",children:s.cta_description||"Let's discuss how we 

1can help transform your business."}),e.jsxs("div",{className:"flex flex-wrap justify-center gap-4",children:[e.jsx(p,{to:"/contact",children:e.jsxs(x,{size:"lg",className:"rounded-xl text-base px-8",children:["Start Your Project",e.jsx(A,{className:"ml-2 h-5 w-5"})]})}),e.jsx(p,{to:"/services",children:e.jsx(x,{variant:"outline",size:"lg",className:"rounded-xl text-base px-8",children:"Explore All Services"})})]})]})})})})})})]})};export{Ee as default};