https://fluxcontext.ai/_next/static/chunks/7729-5e186918fbbcc76c.js?dpl=dpl_FPFrBLtXFUTdd3eHqkCWrFEPgZqi

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7729],{27729:function(e,t,r){r.d(t,{default:function(){return k}});var a=r(84048),s=r(69555),n=r(18626),l=r(36963),o=r(46230),i=r(22336),d=r(63345),g=r(97130),c=r(76343),m=r(36397),h=r(12911),x=r(10266),u=r(25607);let p={new:{text:"New",icon:x.QyB,gradient:"from-blue-500 to-purple-500",hoverGradient:"hover:from-blue-600 hover:to-purple-600",shadowColor:"shadow-blue-500/25",dotColor:"bg-blue-500",pingColor:"bg-blue-400"},hot:{text:"Hot",icon:x.vw9,gradient:"from-red-500 to-orange-500",hoverGradient:"hover:from-red-600 hover:to-orange-600",shadowColor:"shadow-red-500/25",dotColor:"bg-red-500",pingColor:"bg-red-400"},credits:{text:"Credits",icon:x.m_y,gradient:"from-purple-500 to-pink-500",hoverGradient:"hover:from-purple-600 hover:to-pink-600",shadowColor:"shadow-purple-500/25",dotColor:"bg-purple-500",pingColor:"bg-purple-400"},beta:{text:"Beta",icon:null,gradient:"from-gray-500 to-slate-500",hoverGradient:"hover:from-gray-600 hover:to-slate-600",shadowColor:"shadow-gray-500/25",dotColor:"bg-gray-500",pingColor:"bg-gray-400"},latest:{text:"Latest",icon:x.QyB,gradient:"from-purple-500 to-violet-500",hoverGradient:"hover:from-purple-600 hover:to-violet-600",shadowColor:"shadow-purple-500/25",dotColor:"bg-purple-500",pingColor:"bg-purple-400"},pro:{text:"Pro",icon:null,gradient:"from-amber-500 to-yellow-500",hoverGradient:"hover:from-amber-600 hover:to-yellow-600",shadowColor:"shadow-amber-500/25",dotColor:"bg-amber-500",pingColor:"bg-amber-400"}};function f(e){let{variant:t,size:r="sm",className:s,animated:n=!0,collapsed:l=!1,children:o,showIcon:i=!1}=e,d=p[t],g=d.icon;return l?(0,a.jsx)("div",{className:"absolute -top-1 -right-1 flex items-center justify-center",children:(0,a.jsxs)("span",{className:"relative flex h-2 w-2",children:[n&&(0,a.jsx)("span",{className:(0,h.cn)("animate-ping absolute inline-flex h-full w-full rounded-full opacity-75",d.pingColor)}),(0,a.jsx)("span",{className:(0,h.cn)("relative inline-flex rounded-full h-2 w-2",d.dotColor)})]})}):(0,a.jsxs)(u.E.div,{initial:n?{opacity:0,scale:.8}:void 0,animate:n?{opacity:1,scale:1}:void 0,transition:{duration:.2,ease:"easeOut"},className:(0,h.cn)("inline-flex flex-shrink-0 items-center rounded-full text-white transition-all duration-200 ease-in-out","font-medium tracking-tight select-none","bg-gradient-to-r backdrop-blur-sm",d.gradient,d.hoverGradient,"hover:shadow-sm hover:scale-[1.02] ring-1 ring-white/20","relative overflow-hidden",i&&g?"gap-1":"",{sm:"px-2 py-0.5 text-xs leading-tight",md:"px-2.5 py-1 text-xs leading-tight"}[r],s),children:[i&&g&&(0,a.jsx)(g,{className:{sm:"h-2.5 w-2.5",md:"h-3 w-3"}[r]}),(0,a.jsx)("span",{children:o||d.text})]})}var v=r(60359),b=r(90099);let y=m.forwardRef(function(e,t){let{title:r,titleId:a,...s}=e;return m.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:t,"aria-labelledby":a},s),r?m.createElement("title",{id:a},r):null,m.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"m19.5 8.25-7.5 7.5-7.5-7.5"}))}),j=m.forwardRef(function(e,t){let{title:r,titleId:a,...s}=e;return m.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:t,"aria-labelledby":a},s),r?m.createElement("title",{id:a},r):null,m.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6.75 12a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM12.75 12a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM18.75 12a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z"}))});var w=r(46216),N=r(24029);function k(e){let{logo:t={icon:"/logo.png",alt:"".concat(s.px," Logo"),text:s.px},showAuth:r=!0,className:m=""}=e,{data:h,isPending:x}=n.ZP.useSession(),u=(0,v.T_)("Navigation"),p=(0,v.T_)("Common"),k=e=>e.items.map((t,r)=>({key:"".concat(e.title,"-").concat(r),label:(0,a.jsxs)(d.rU,{href:t.href,children:[(0,a.jsx)("span",{children:u(t.text)}),"badge"in t&&t.badge&&(0,a.jsx)(f,{variant:"new",size:"sm",className:"nav-badge"}),"all-loras"===t.text&&(0,a.jsx)(f,{variant:"new",size:"sm",className:"nav-badge ml-1",children:N.vy.length})]})}));return(0,a.jsx)("header",{className:"sticky top-0 z-50 w-full border-b border-border/40 bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60 ".concat(m),children:(0,a.jsx)("div",{className:"max-w-8xl mx-auto px-3 sm:px-6 lg:px-8",children:(0,a.jsxs)("nav",{className:"flex h-14 sm:h-16 items-center justify-between min-h-[56px] sm:min-h-[64px]",children:[(0,a.jsxs)(d.rU,{href:"/",className:"flex items-center gap-1.5 sm:gap-2 lg:gap-2.5 hover:opacity-80 transition-all duration-200 flex-shrink-0",children:[(0,a.jsx)("img",{src:"/logo.png",alt:t.alt,className:"w-9 h-9 sm:w-9 sm:h-9 lg:w-10 lg:h-10 drop-shadow-lg"}),(0,a.jsx)("span",{className:"text-sm sm:text-base lg:text-xl font-semibold text-foreground tracking-tight hidden min-[480px]:inline",children:t.text})]}),(0,a.jsx)("div",{className:"hidden md:flex xl:hidden items-center gap-1 flex-1 justify-center mx-2",children:(0,a.jsxs)("nav",{className:"flex items-center gap-1",children:[w.g.getDesktopMenus().map(e=>(0,a.jsx)(b.Z,{menu:{items:k(e)},trigger:["hover"],placement:"bottomLeft",overlayClassName:"navigation-dropdown",children:(0,a.jsxs)("button",{className:"group relative px-3 py-3 ".concat(e.badge?"pr-5 mr-3":""," text-sm font-medium text-gray-900 dark:text-white hover:text-gray-700 dark:hover:text-gray-300 rounded-lg transition-all duration-200 ease-in-out hover:bg-slate-100 dar

1k:hover:bg-slate-800 flex items-center"),children:[u(e.title),(0,a.jsx)(y,{className:"ml-1 h-3 w-3 transition-transform group-hover:rotate-180"}),e.badge&&(0,a.jsx)("div",{className:"absolute -top-2 -right-3 z-10 pointer-events-none",children:(0,a.jsx)(f,{variant:"new",size:"sm",className:"text-[10px] px-1.5 py-0.5",children:u(e.badge)})})]})},e.title)),["create","Blog","pricing"].map(e=>{let t=w.g.links.find(t=>t.text===e);return t?(0,a.jsx)(d.rU,{href:t.href,className:"group relative px-3 py-3 text-sm font-medium text-gray-900 dark:text-white hover:text-gray-700 dark:hover:text-gray-300 rounded-lg transition-all duration-200 ease-in-out hover:bg-slate-100 dark:hover:bg-slate-800",children:"Blog"===t.text?p("navigation.blog"):u(t.text)},t.href):null}),(0,a.jsx)(b.Z,{menu:{items:[{key:"prompts",label:(0,a.jsx)(d.rU,{href:"/prompts",children:u("prompts")})},{key:"my-images",label:(0,a.jsx)(d.rU,{href:"/my-images",children:u("myImages")})},{key:"api",label:(0,a.jsx)(d.rU,{href:"/api",children:u("api")})}]},trigger:["hover"],placement:"bottomLeft",overlayClassName:"navigation-dropdown",children:(0,a.jsx)("button",{className:"group relative px-3 py-3 text-sm font-medium text-gray-900 dark:text-white hover:text-gray-700 dark:hover:text-gray-300 rounded-lg transition-all duration-200 ease-in-out hover:bg-slate-100 dark:hover:bg-slate-800 flex items-center",children:(0,a.jsx)(j,{className:"h-5 w-5"})})})]})}),(0,a.jsx)("div",{className:"hidden xl:flex items-center gap-1 flex-1 justify-center",children:(0,a.jsxs)("nav",{className:"flex items-center justify-center space-x-1 mr-8 h-full",children:[w.g.getDesktopMenus().map(e=>(0,a.jsx)(b.Z,{menu:{items:k(e)},trigger:["hover"],placement:"bottomLeft",overlayClassName:"navigation-dropdown",children:(0,a.jsxs)("button",{className:"group relative px-3 py-3 ".concat(e.badge?"pr-5 mr-3":""," text-sm font-medium text-gray-900 dark:text-white hover:text-gray-700 dark:hover:text-gray-300 rounded-lg transition-all duration-200 ease-in-out hover:bg-slate-100 dark:hover:bg-slate-800 flex items-center"),children:[u(e.title),(0,a.jsx)(y,{className:"ml-1 h-3 w-3 transition-transform group-hover:rotate-180"}),e.badge&&(0,a.jsx)("div",{className:"absolute -top-2 -right-3 z-10 pointer-events-none",children:(0,a.jsx)(f,{variant:"new",size:"sm",className:"text-[10px] px-1.5 py-0.5",children:u(e.badge)})})]})},e.title)),w.g.links.map(e=>(0,a.jsx)(d.rU,{href:e.href,className:"group relative px-3 py-3 text-sm font-medium text-gray-900 dark:text-white hover:text-gray-700 dark:hover:text-gray-300 rounded-lg transition-all duration-200 ease-in-out hover:bg-slate-100 dark:hover:bg-slate-800",children:"Blog"===e.text?p("navigation.blog"):u(e.text)},e.href))]})}),(0,a.jsxs)("div",{className:"hidden xl:flex items-center justify-center gap-3 h-full",children:[(0,a.jsx)(i.Z,{}),x?(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("div",{className:"w-16 h-8 bg-gray-200 dark:bg-gray-700 rounded-full animate-pulse"}),(0,a.jsx)("div",{className:"w-24 h-9 bg-gray-200 dark:bg-gray-700 rounded-lg animate-pulse"})]}):(0,a.jsx)(l.Z,{})]}),(0,a.jsxs)("div",{className:"hidden md:flex xl:hidden items-center justify-center gap-2 h-full flex-shrink-0",children:[(0,a.jsx)(i.Z,{}),x?(0,a.jsx)("div",{className:"flex items-center gap-1",children:(0,a.jsx)("div",{className:"w-20 h-8 bg-gray-200 dark:bg-gray-700 rounded-lg animate-pulse"})}):h?(0,a.jsx)(g.Z,{}):(0,a.jsx)(c.z,{asChild:!0,size:"default",className:"relative inline-flex items-center justify-center rounded-lg bg-gray-900 text-white hover:bg-gray-800 transition-all duration-200 px-4 py-2 text-sm font-medium focus:outline-none focus:ring-2 focus:ring-gray-900 focus:ring-offset-2 shadow-sm",children:(0,a.jsx)(d.rU,{href:"/login",className:"no-underline",children:u("signIn")})}),(0,a.jsx)(o.Z,{APP_NAME:t.text})]}),(0,a.jsxs)("div",{className:"md:hidden flex items-center justify-center gap-2 h-full",children:[(0,a.jsx)("div",{className:"scale-90",children:(0,a.jsx)(i.Z,{})}),x?(0,a.jsx)("div",{className:"flex items-center gap-1",children:(0,a.jsx)("div",{className:"w-20 h-8 bg-gray-200 dark:bg-gray-700 rounded-lg animate-pulse"})}):h?(0,a.jsx)("div",{className:"flex items-center space-x-1",children:(0,a.jsx)(g.Z,{})}):(0,a.jsx)(c.z,{asChild:!0,size:"default",className:"relative inline-flex items-center justify-center rounded-lg bg-gray-900 text-white hover:bg-gray-800 transition-all duration-200 px-4 py-2 text-sm font-medium focus:outline-none focus:ring-2 focus:ring-gray-900 focus:ring-offset-2 shadow-sm",children:(0,a.jsx)(d.rU,{href:"/login",className:"no-underline",children:u("signIn")})}),(0,a.jsx)(o.Z,{APP_NAME:t.text})]})]})})})}}}]);