https://www.withcline.com/_next/static/chunks/8617-7907a770940aaf48.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8617],{8617:function(e,t,r){r.d(t,{default:function(){return g}});var l=r(7437),n=r(4839),i=r(6648),a=r(7138),s=r(6463),o=r(2265),c=r(1942),d=r(9824),x=r(2421);let h=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:50,[t,r]=(0,o.useState)(!0),[l,n]=(0,o.useState)(!1);return(0,o.useEffect)(()=>{let t=window.scrollY,l=!1,i=()=>{let i=window.scrollY;i<10?(r(!0),n(!1)):(n(!0),i>e&&(i>t?r(!1):i<t&&r(!0))),t=i,l=!1},a=()=>{l||(window.requestAnimationFrame(i),l=!0)};return window.addEventListener("scroll",a),()=>window.removeEventListener("scroll",a)},[e]),{isVisible:t,hasScrolled:l}};var u=e=>{let t=(0,o.useRef)(null),r=(0,o.useCallback)(t=>{"Escape"===t.key&&e()},[e]),l=(0,o.useCallback)(r=>{if(t&&r){let{current:l}=t,{target:n}=r;l&&n&&!l.contains(r.target)&&e()}},[e]);return(0,o.useEffect)(()=>(document.addEventListener("click",l,!0),document.addEventListener("keyup",r,!0),()=>{document.removeEventListener("click",l,!0),document.removeEventListener("keyup",r,!0)}),[r,l]),[t]};let p="https://calendar.app.google/u2Lzwc8LteutL5Q87",m=function(e){let t;if(!e)return"https://app.withcline.com";try{t=new URL(e)}catch(e){t=void 0}if(!t||"https:"!==t.protocol&&"http:"!==t.protocol)throw Error("NEXT_PUBLIC_APP_BASE_URL must be an absolute http(s) URL, got ".concat(JSON.stringify(e)));return t.href.replace(/\/+$/,"")}("https://app.withcline.com"),f=[{href:"/app-builder",label:"AppBuilder"},{href:"/ehr",label:"EHRBuilder"},{href:"/drclaw",label:"DrClaw"},{href:"/drcline",label:"DrCline"},{href:"/practice-brain",label:"Practice Brain"}],b=[{href:"/marketing-agent",label:"Marketing Agent"},{href:"https://skills.withcline.com",label:"Skills",external:!0},{href:"/one-click-deployment",label:"OneClickDeploy"}],w=[{href:"/our-story",label:"About Us"},{href:"/fellowship",label:"Fellowship"},{href:"/blogs",label:"Blog"}];var g=()=>{let[e,t]=(0,o.useState)(!1),[r,g]=(0,o.useState)(!1),[k,v]=(0,o.useState)(!1),[j,N]=(0,o.useState)(!1),[_]=u(()=>t(!1)),[y]=u(()=>g(!1)),[C]=u(()=>v(!1)),[E]=u(()=>N(!1)),{isVisible:L,hasScrolled:S}=h(50),Z=(0,s.usePathname)(),z=f.some(e=>Z===e.href),B=b.some(e=>Z===e.href),A=w.some(e=>Z===e.href);return(0,l.jsxs)("header",{className:(0,n.Z)("fixed top-0 z-50 w-full transition-all duration-300",!L&&"-translate-y-full",S?"border-b border-white/10 bg-black/80 backdrop-blur-md":"border-b border-transparent bg-transparent"),children:[(0,l.jsxs)("div",{className:"mx-auto flex h-[72px] w-full items-center justify-between px-5 sm:px-8 lg:px-20 2xl:px-32",children:[(0,l.jsxs)("div",{className:"flex items-center gap-9",children:[(0,l.jsx)(a.default,{href:"/",className:"flex-shrink-0",children:(0,l.jsx)(i.default,{priority:!0,src:"/assets/figma/logo-cline.svg",alt:"Cline",width:91,height:25,className:"h-[22px] w-auto lg:h-[25px]",unoptimized:!0})}),(0,l.jsxs)("nav",{className:"hidden items-center gap-8 lg:flex",children:[(0,l.jsxs)("div",{className:"relative",ref:y,children:[(0,l.jsxs)("button",{onClick:()=>g(e=>!e),className:(0,n.Z)("flex items-center gap-1 text-[14px] font-medium leading-none transition-colors hover:text-white",z||r?"text-white":"text-cline-muted"),children:["Platform",(0,l.jsx)(x.Z,{className:(0,n.Z)("h-4 w-4 transition-transform duration-200",r&&"rotate-180")})]}),r&&(0,l.jsx)("div",{className:"absolute left-0 top-full z-30 mt-3 w-[240px] rounded-[12px] border border-white/10 bg-cline-ink p-2 shadow-[0px_16px_40px_rgba(0,0,0,0.6)]",children:f.map(e=>{let{href:t,label:r}=e;return(0,l.jsx)(a.default,{href:t,className:"block rounded-[8px] px-4 py-3 text-[14px] text-cline-muted transition-colors hover:bg-white/5 hover:text-white",onClick:()=>g(!1),children:r},r)})})]}),(0,l.jsxs)("div",{className:"relative",ref:C,children:[(0,l.jsxs)("button",{onClick:()=>v(e=>!e),className:(0,n.Z)("flex items-center gap-1 text-[14px] font-medium leading-none transition-colors hover:text-white",B||k?"text-white":"text-cline-muted"),children:["Solutions",(0,l.jsx)(x.Z,{className:(0,n.Z)("h-4 w-4 transition-transform duration-200",k&&"rotate-180")}

1)]}),k&&(0,l.jsx)("div",{className:"absolute left-0 top-full z-30 mt-3 w-[240px] rounded-[12px] border border-white/10 bg-cline-ink p-2 shadow-[0px_16px_40px_rgba(0,0,0,0.6)]",children:b.map(e=>{let{href:t,label:r,external:n}=e;return(0,l.jsx)(a.default,{href:t,...n?{target:"_blank",rel:"noopener noreferrer"}:{},className:"block rounded-[8px] px-4 py-3 text-[14px] text-cline-muted transition-colors hover:bg-white/5 hover:text-white",onClick:()=>v(!1),children:r},r)})})]}),(0,l.jsxs)("div",{className:"relative",ref:E,children:[(0,l.jsxs)("button",{onClick:()=>N(e=>!e),className:(0,n.Z)("flex items-center gap-1 text-[14px] font-medium leading-none transition-colors hover:text-white",A||j?"text-white":"text-cline-muted"),children:["Resources",(0,l.jsx)(x.Z,{className:(0,n.Z)("h-4 w-4 transition-transform duration-200",j&&"rotate-180")})]}),j&&(0,l.jsx)("div",{className:"absolute left-0 top-full z-30 mt-3 w-[200px] rounded-[12px] border border-white/10 bg-cline-ink p-2 shadow-[0px_16px_40px_rgba(0,0,0,0.6)]",children:w.map(e=>{let{href:t,label:r}=e;return(0,l.jsx)(a.default,{href:t,className:"block rounded-[8px] px-4 py-3 text-[14px] text-cline-muted transition-colors hover:bg-white/5 hover:text-white",onClick:()=>N(!1),children:r},r)})})]})]})]}),(0,l.jsxs)("div",{className:"hidden items-center gap-5 md:flex",children:[(0,l.jsx)(a.default,{href:m,target:"_blank",className:"text-[14px] font-medium text-white/80 transition-colors hover:text-white",children:"Log in"}),(0,l.jsx)(a.default,{href:p,target:"_blank",className:"inline-flex items-center justify-center rounded-full bg-cline-pale px-6 py-2.5 text-[14px] font-medium text-cline-ink transition-colors hover:bg-cline-pale-bright",children:"Book a Demo"})]}),(0,l.jsx)("button",{className:"text-white md:hidden","aria-label":"Menu",onClick:()=>t(e=>!e),children:e?(0,l.jsx)(d.QAE,{size:24}):(0,l.jsx)(c.Fm7,{size:22})})]}),e&&(0,l.jsxs)("nav",{ref:_,className:"absolute left-0 top-full flex w-full flex-col border-b border-white/10 bg-black/95 px-5 pb-8 pt-2 backdrop-blur-md md:hidden",children:[(0,l.jsx)("p",{className:"border-b border-white/10 pb-2 pt-4 text-[11px] font-medium uppercase tracking-[0.12em] text-cline-muted/60",children:"Platform"}),f.map(e=>{let{href:r,label:n}=e;return(0,l.jsx)(a.default,{href:r,className:"border-b border-white/10 py-4 text-[16px] text-cline-muted transition-colors hover:text-white",onClick:()=>t(!1),children:n},n)}),(0,l.jsx)("p",{className:"border-b border-white/10 pb-2 pt-4 text-[11px] font-medium uppercase tracking-[0.12em] text-cline-muted/60",children:"Solutions"}),b.map(e=>{let{href:r,label:n,external:i}=e;return(0,l.jsx)(a.default,{href:r,...i?{target:"_blank",rel:"noopener noreferrer"}:{},className:"border-b border-white/10 py-4 text-[16px] text-cline-muted transition-colors hover:text-white",onClick:()=>t(!1),children:n},n)}),(0,l.jsx)("p",{className:"border-b border-white/10 pb-2 pt-4 text-[11px] font-medium uppercase tracking-[0.12em] text-cline-muted/60",children:"Resources"}),w.map(e=>{let{href:r,label:n}=e;return(0,l.jsx)(a.default,{href:r,className:"border-b border-white/10 py-4 text-[16px] text-cline-muted transition-colors hover:text-white",onClick:()=>t(!1),children:n},n)}),(0,l.jsxs)("div",{className:"mt-5 grid gap-3",children:[(0,l.jsx)(a.default,{href:m,target:"_blank",className:"flex h-12 items-center justify-center rounded-full border border-white/15 text-[15px] font-medium text-white",onClick:()=>t(!1),children:"Log in"}),(0,l.jsx)(a.default,{href:p,target:"_blank",className:"flex h-12 items-center justify-center rounded-full bg-cline-pale text-[15px] font-medium text-cline-ink",onClick:()=>t(!1),children:"Book a Demo"})]})]})]})}}}]);