https://innovationalofficesolution.com/assets/BlogPost-GH-eteyS.js

1import{i as w,r as m,j as e,H as f,L as v,k as p,l as N}from"./index-I8_BWlkk.js";import{C as _}from"./contactForm-CgoSZsKd.js";import{p as T}from"./constant-BaVMImP0.js";import"./Group451-2WL3h5um.js";import"./wisfarmer-Bdu6Vlyw.js";const x=i=>i?i.replace(/<[^>]*>?/gm,"").toLowerCase().replace(/\s+/g,"-").replace(/[^\w\-]+/g,"").replace(/\-\-+/g,"-").replace(/^-+/,"").replace(/-+$/,""):"",H=()=>{const{slug:i}=w(),s=T.find(t=>t.slug===i),[y,d]=m.useState(!1),[h,g]=m.useState("");m.useEffect(()=>{window.scrollTo(0,0)},[i]);const n=s!=null&&s.content?s.content.filter(t=>t.type==="h2"||t.type==="h3"||t.type==="faqs").map((t,l)=>{if(t.type==="faqs"){const a=t.text||"Frequently Asked Questions";return{id:x(a),text:a,level:2}}return{id:x(t.text)||`heading-${l}`,text:t.text.replace(/<[^>]*>?/gm,""),level:t.type==="h2"?2:3}}):[];m.useEffect(()=>{const t=()=>{if(n.length===0)return;const l=n.map(r=>document.getElementById(r.id)).filter(Boolean);let a="";for(const r of l)r.getBoundingClientRect().top<=150&&(a=r.id);a?g(a):window.scrollY===0&&n.length>0&&g(n[0].id)};return window.addEventListener("scroll",t,{passive:!0}),t(),()=>window.removeEventListener("scroll",t)},[n]);const u=t=>{const l=document.getElementById(t);if(l){const r=document.body.getBoundingClientRect().top,b=l.getBoundingClientRect().top-r-100;window.scrollTo({top:b,behavior:"smooth"}),d(!1)}},j=({items:t})=>e.jsxs("div",{className:"bg-white rounded-xl shadow-sm border border-teal-100 p-6 sticky top-28 max-h-[calc(100vh-8rem)] overflow-y-auto",children:[e.jsxs("h3",{className:"text-lg font-bold text-gray-900 mb-4 flex items-center gap-2 border-b border-teal-50 pb-3",children:[e.jsx(p,{className:"text-teal-600 text-xl"})," Table of Contents"]}),e.jsx("ul",{className:"space-y-3",children:t.map((l,a)=>e.jsx("li",{className:`${l.level===3?"ml-4 border-l-2 border-teal-50 pl-3":""}`,children:e.jsx("button",{onClick:()=>u(l.id),className:`text-left text-sm transition-colors duration-200 hover:text-teal-600 w-full ${h===l.id?"text-teal-600 font-bold":"text-gray-600 font-medium"}`,children:l.text})},a))})]});return s?e.jsxs(e.Fragment,{children:[e.jsxs(f,{children:[e.jsx("title",{children:s.metaTitle||s.title}),e.jsx("meta",{name:"description",content:s.metaDescription||s.description}),e.jsx("link",{rel:"canonical",href:`https://innovationalofficesolution.com/blogs/${s.slug}/`}),e.jsx("meta",{name:"robots",content:"index, follow, max-snippet:-1, max-video-preview:-1, max-image-preview:large"}),s.keywords&&e.jsx("meta",{name:"keywords",content:s.keywords}),e.jsx("meta",{name:"author",content:"Office Solution AI Labs"}),e.jsx("meta",{property:"og:locale",content:"en_US"}),e.jsx("meta",{property:"og:type",content:"article"}),e.jsx("meta",{property:"og:title",content:s.metaTitle||s.title}),e.jsx("meta",{property:"og:description",content:s.metaDescription||s.description}),e.jsx("meta",{property:"og:url",content:`https://innovationalofficesolution.com/blogs/${s.slug}/`}),e.jsx("meta",{property:"og:site_name",content:"Office Solution AI Labs"}),s.ogImage&&e.jsx("meta",{property:"og:image",content:`https://innovationalofficesolution.com${s.ogImage}`}),s.section&&e.jsx("meta",{property:"article:section",content:s.section}),s.publishedTime&&e.jsx("meta",{property:"article:published_time",content:s.publishedTime}),s.modifiedTime&&e.jsx("meta",{property:"article:modified_time",content:s.modifiedTime}),s.tags&&s.tags.map((t,l)=>e.jsx("meta",{property:"article:tag",content:t},l)),e.jsx("meta",{name:"twitter:card",content:"summary_large_image"}),e.jsx("meta",{name:"twitter:title",content:s.metaTitle||s.title}),e.jsx("meta",{name:"twitter:description",content:s.metaDescription||s.description}),s.ogImage&&e.jsx("meta",{name:"twitter:image",content:`https://innovationalofficesolution.com${s.ogImage}`})]}),e.jsxs("div",{className:"pt-[120px] pb-16 px-4 lg:px-8 max-w-[1400px] mx-auto",children:[e.jsxs("div",{className:"mb-10 text-center max-w-4xl mx-auto",children:[e.jsx("h1",{className:"text-4xl lg:text-5xl font-bold text-gray-900 mb-6",children:s.title}),e.jsxs("div",{className:"flex flex-wrap items-center justify-center gap-3 lg:gap-4 text-sm text-gray-600 mb-8",children:[e.jsx("span",{className:"flex items-center",children:s.date}),e.jsx("span",{className:"hidden sm:inline",children:"|"}),e.jsx("span",{className:"flex items-center",children:s.readTime}),e.jsx("span",{className:"hidden sm:inline",children:"|"}),e.jsxs("span",{className:"flex items-center gap-1",children:[e.jsx("img",{src:s.tick1,className:"w-4 h-4",alt:"views"})," ",s.views]}),e.jsx("span",{className:"hidden sm:inline",children:"|"}),e.jsxs("span",{className:"flex items-center gap-1",children:[e.jsx("img",{src:s.tick2,className:"w-4 h-4",alt:"comments"})," ",s.comments]})]}),e.jsx("div",{className:"w-full h-auto rounded-2xl overflow-hidden shadow-lg mb-12 flex justify-center",children:s.image2?e.jsxs("div",{className:"w-full grid grid-cols-1 lg:grid-cols-2 gap-4",children:[e.jsx("div",{className:"overflow-hidden rounded-2xl",children:e.jsx("img",{src:s.image,alt:s.title,className:"w-full h-auto object-cover max-h-[420px] lg:max-h-[600px] rounded-2xl"})}),e.jsx("div",{className:"overflow-hidden rounded-2xl",children:e.jsx("img",{src:s.image2,alt:s.title+" banner",className:"w-full h-auto object-cover max-h-[420px] lg:max-h-[600px] rounded-2xl"})})]}):e.jsx("img",{src:s.image,alt:s.title,className:"w-full h-auto object-cover max-h-[500px] lg:max-h-[600px] rounded-2xl"})})]}),e.jsxs("div",{className:"flex flex-col lg:flex-row gap-8 lg:gap-12 relative max-w-6xl mx-auto",children:[n.length>0&&e.jsx("button",{onClick:()=>d(!0),className:"lg:hidden fixed bottom-6 right-6 z-40 bg-teal-600 text-white p-3.5 rounded-full shadow-[0_4px_14px_0_rgba(13,148,136,0.39)] hover:bg-teal-700 hover:scale-105 hover:shadow-[0_6px_20px_rgba(13,148,136,0.23)] transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-teal-600","aria-label":"Table of Contents",children:e.jsx(p,{size:28})}),n.length>0&&e.jsx("div",{className:"hidden lg:block w-72 flex-shrink-0",children:e.jsx(j,{items:n})}),y&&e.jsxs("div",{className:"fixed inset-0 z-50 lg:hidden flex justify-start",children:[e.jsx("div",{className:"absolute inset-0 bg-gray-900/60 backdrop-blur-sm transition-opacity",onClick:()=>d(!1)}),e.jsxs("div",{className:"relative w-80 max-w-[85%] bg-white h-full shadow-2xl flex flex-col transform transition-transform duration-300 ease-in-out",children:[e.jsxs("div",{className:"p-5 border-b border-gray-100 flex justify-between items-center bg-teal-50/50",children:[e.jsxs("h3",{className:"text-xl font-bold text-gray-900 flex items-center gap-2",children:[e.jsx(p,{className:"text-teal-600"})," Contents"]}),e.jsx("button",{onClick:()=>d(!1),className:"p-2 -mr-2 text-gray-500 hover:text-red-500 hover:bg-red-50 rounded-full transition-colors",children:e.jsx(N,{size:24})})]}),e.jsx("div",{className:"p-5 overflow-y-auto flex-1 bg-white",children:e.jsx("ul",{className:"space-y-4",children:n.map((t,l)=>e.jsx("li",{className:`${t.level===3?"ml-4 border-l-2 border-teal-50 pl-3":""}`,children:e.jsx("button",{onClick:()=>u(t.id),className:`text-left text-base transition-colors duration-200 hover:text-teal-600 w-full ${h===t.id?"text-teal-600 font-bold":"text-gray-600 font-medium"}`,children:t.text})},l))})})]})]}),e.jsx("div",{className:`w-full ${n.length>0?"lg:w-[calc(100%-20rem)]":"max-w-4xl mx-auto"} text-gray-800 space-y-6 lg:pl-4`,children:s.content&&s.content.map((t,l)=>{if(t.type==="h2"){const a=x(t.text)||`heading-${l}`;return e.jsx("h2",{id:a,className:"text-2xl md:text-3xl font-bold text-gray-900 mt-12 mb-5 scroll-mt-[120px] pb-2 border-b border-gray-100",dangerouslySetInnerHTML:{__html:t.text}},l)}if(t.type==="h3"){const a=x(t.text)||`heading-${l}`;return e.jsx("h3",{id:a,className:"text-xl md:text-2xl font-semibold text-gray-800 mt-8 mb-4 scroll-mt-[120px]",dangerouslySetInnerHTML:{__html:t.text}},l)}return t.type==="h4"?e.jsx("h4",{className:"text-lg md:text-xl font-bold text-teal-600 mt-6 mb-2",dangerouslySetInnerHTML:{__html:t.text}},l):t.type==="p"?e.jsx("p",{className:"text-base md:text-lg leading-relaxed text-gray-700",dangerouslySetInnerHTML:{__html:t.text}},l):t.type==="list"?e.jsx("ul",{className:"list-disc pl-6 space-y-3 text-base md:text-lg leading-relaxed text-gray-700",children:t.items.map((a,r)=>

1e.jsx("li",{dangerouslySetInnerHTML:{__html:a}},r))},l):t.type==="steps"?e.jsx("div",{className:"my-10 space-y-6",children:t.steps.map((a,r)=>e.jsxs("div",{className:"relative flex flex-col sm:flex-row gap-5 p-6 bg-white border border-gray-100 rounded-2xl shadow-sm hover:shadow-md transition-shadow duration-300 group",children:[e.jsx("div",{className:"flex-shrink-0 flex items-start pt-0.5",children:e.jsx("div",{className:" px-2 h-11 rounded-xl bg-gradient-to-br from-teal-500 to-teal-700 flex items-center justify-center shadow-md group-hover:scale-105 transition-transform duration-300",children:e.jsx("span",{className:"text-white font-extrabold text-lg leading-none",children:a.number})})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsxs("div",{className:"mb-2",children:[e.jsx("h3",{className:"text-xl font-bold text-gray-900 inline",children:a.title}),a.subtitle&&e.jsxs("span",{className:"ml-2 text-base font-medium text-teal-600 italic block sm:inline mt-1 sm:mt-0",children:["— ",a.subtitle]})]}),a.body&&e.jsx("p",{className:"text-base md:text-lg leading-relaxed text-gray-700 mb-3",dangerouslySetInnerHTML:{__html:a.body}}),a.subtext&&e.jsx("p",{className:"text-base leading-relaxed text-gray-600 mb-3",dangerouslySetInnerHTML:{__html:a.subtext}}),a.items&&a.items.length>0&&e.jsx("ul",{className:"list-disc pl-5 space-y-2 text-base md:text-lg leading-relaxed text-gray-700 mb-3",children:a.items.map((o,c)=>e.jsx("li",{dangerouslySetInnerHTML:{__html:o}},c))}),a.takeaway&&e.jsxs("div",{className:"mt-4 flex flex-col sm:flex-row items-start gap-2 bg-teal-50/50 border-l-4 border-teal-500 rounded-r-lg px-4 py-3",children:[e.jsx("span",{className:"text-teal-700 font-bold text-sm uppercase tracking-wide shrink-0",children:"💡 Takeaway:"}),e.jsx("span",{className:"text-sm md:text-base text-teal-900 leading-relaxed italic",children:a.takeaway})]})]})]},r))},l):t.type==="table"?e.jsx("div",{className:"my-10 overflow-x-auto rounded-xl border border-teal-100 shadow-sm",children:e.jsxs("table",{className:"min-w-full divide-y divide-teal-100",children:[e.jsx("thead",{className:"bg-teal-600",children:e.jsx("tr",{children:t.headers.map((a,r)=>e.jsx("th",{scope:"col",className:"px-6 py-4 text-left text-sm font-bold text-white uppercase tracking-wider",children:a},r))})}),e.jsx("tbody",{className:"bg-white divide-y divide-gray-100",children:t.rows.map((a,r)=>e.jsx("tr",{className:"hover:bg-teal-50/50 transition-colors",children:a.map((o,c)=>e.jsx("td",{className:"px-6 py-4 whitespace-nowrap text-base text-gray-800 border-r last:border-r-0 border-gray-100",dangerouslySetInnerHTML:{__html:o}},c))},r))})]})},l):t.type==="faqs"?e.jsxs("div",{id:"frequently-asked-questions",className:"my-12 scroll-mt-[120px]",children:[e.jsx("h3",{className:"text-2xl md:text-3xl font-bold text-gray-900 mb-5 pb-3 border-b border-gray-200",children:"Frequently Asked Questions (FAQs)"}),e.jsx("div",{className:"space-y-7",children:t.items.map((a,r)=>e.jsxs("div",{children:[e.jsxs("h4",{className:"text-base md:text-lg font-bold text-gray-900 mb-4",children:[r+1,". ",a.question]}),e.jsx("p",{className:"text-base md:text-lg leading-relaxed text-gray-700",dangerouslySetInnerHTML:{__html:a.answer}})]},r))})]},l):t.type==="video"?e.jsx("div",{className:"my-12 rounded-3xl overflow-hidden shadow-2xl border-4 border-white aspect-video relative group bg-gray-100",children:e.jsx("iframe",{className:"w-full h-full",src:t.url.includes("youtube.com/watch?v=")?t.url.replace("watch?v=","embed/"):t.url.includes("youtu.be/")?t.url.replace("youtu.be/","youtube.com/embed/"):t.url,title:"Video player",frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",allowFullScreen:!0})},l):t.type==="cta"?e.jsxs("div",{className:"my-12 p-8 md:p-12 bg-gradient-to-br from-teal-50 to-teal-100 rounded-3xl border border-teal-200 shadow-lg relative overflow-hidden group",children:[e.jsx("div",{className:"absolute top-0 right-0 -mr-16 -mt-16 w-64 h-64 bg-teal-300 rounded-full mix-blend-multiply filter blur-3xl op

1acity-30 transition-transform duration-700 group-hover:scale-125"}),e.jsx("div",{className:"absolute bottom-0 left-0 -ml-16 -mb-16 w-64 h-64 bg-[#FFB401] rounded-full mix-blend-multiply filter blur-3xl opacity-20 transition-transform duration-700 group-hover:scale-125"}),e.jsxs("div",{className:"relative z-10 flex flex-col md:flex-row items-center justify-between gap-8",children:[e.jsxs("div",{className:"flex-1 text-center md:text-left",children:[e.jsx("h3",{className:"text-2xl md:text-3xl font-extrabold text-gray-900 mb-4",children:t.title}),e.jsx("p",{className:"text-gray-700 text-lg md:text-xl leading-relaxed",children:t.description})]}),t.link&&t.buttonText&&e.jsx("div",{className:"flex-shrink-0",children:e.jsx("a",{href:t.link,target:t.link.startsWith("http")?"_blank":"_self",rel:"noopener noreferrer",className:"inline-flex items-center justify-center px-8 py-4 text-base font-bold text-teal-900 bg-[#FFB401] rounded-full hover:bg-yellow-400 hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1",children:t.buttonText})})]})]},l):t.type==="press"?e.jsxs("div",{className:"my-12 py-10 border-y border-gray-100 bg-gray-50/50 rounded-2xl px-6",children:[e.jsx("p",{className:"text-center text-sm font-bold text-gray-500 uppercase tracking-widest mb-8",children:"Featured In Press Releases"}),e.jsx("div",{className:"flex flex-wrap justify-center items-center gap-x-12 gap-y-8 opacity-70",children:t.links.map((a,r)=>e.jsx("a",{href:a.url,target:"_blank",rel:"nofollow noopener noreferrer",className:"transition-all duration-300 hover:scale-110 hover:opacity-100",children:e.jsx("img",{src:a.logo,alt:a.name,className:"h-8 md:h-10 w-auto object-contain grayscale hover:grayscale-0 transition-all"})},r))})]},l):t.type==="tags"?e.jsx("div",{className:"mt-12 mb-4 flex flex-wrap gap-3",children:t.tags.map((a,r)=>e.jsxs("span",{className:"px-4 py-2 bg-gray-50 text-teal-700 text-sm font-bold tracking-wide rounded-lg border border-gray-200 shadow-sm transition-colors hover:bg-teal-50 hover:border-teal-200 hover:shadow",children:["#",a]},r))},l):null})})]}),e.jsx("div",{className:"mt-24 sm:mt-32 max-w-4xl mx-auto",children:e.jsx(_,{})})]})]}):e.jsxs("div",{className:"py-20 text-center h-screen flex flex-col items-center justify-center",children:[e.jsxs(f,{children:[e.jsx("title",{children:"Blog post not found | Office Solution AI Labs"}),e.jsx("meta",{name:"robots",content:"noindex, nofollow"})]}),e.jsx("h2",{className:"text-3xl font-bold",children:"Blog post not found"}),e.jsx(v,{to:"/blogs/",className:"mt-4 inline-block text-teal-600 underline",children:"Return to blogs"})]})};export{H as default};