https://webptogif.net/_next/static/chunks/app/%5Blocale%5D/layout-45dc78641b12c3a6.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[616],{7715:function(e,t,s){var r={"./en.json":[759,759],"./es.json":[5959,959],"./zh.json":[334,334]};function n(e){if(!s.o(r,e))return Promise.resolve().then(function(){var t=Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t});var t=r[e],n=t[0];return s.e(t[1]).then(function(){return s.t(n,19)})}n.keys=function(){return Object.keys(r)},n.id=7715,e.exports=n},7626:function(e,t,s){Promise.resolve().then(s.t.bind(s,9681,23)),Promise.resolve().then(s.bind(s,3539)),Promise.resolve().then(s.bind(s,2612)),Promise.resolve().then(s.t.bind(s,4080,23))},3539:function(e,t,s){"use strict";s.d(t,{default:function(){return S}});var r=s(7437),n=s(7138),a=s(8087),l=s(2265),o=s(5739),i=s(9546),d=s(2421),c=s(4392),m=s(2468),u=s(4839),f=s(6164);function x(){for(var e=arguments.length,t=Array(e),s=0;s<e;s++)t[s]=arguments[s];return(0,f.m6)((0,u.W)(t))}let h=i.fC;i.ZA;let p=i.B4,w=l.forwardRef((e,t)=>{let{className:s,children:n,...a}=e;return(0,r.jsxs)(i.xz,{ref:t,className:x("flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm r

1ing-offset-background placeholder:text-muted-foreground focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",s||""),...a,children:[n,(0,r.jsx)(i.JO,{asChild:!0,children:(0,r.jsx)(d.Z,{className:"h-4 w-4 opacity-50"})})]})});w.displayName=i.xz.displayName;let g=l.forwardRef((e,t)=>{let{className:s,...n}=e;return(0,r.jsx)(i.u_,{ref:t,className:x("flex cursor-default items-center justify-center py-1",s||""),...n,children:(0,r.jsx)(c.Z,{className:"h-4 w-4"})})});g.displayName=i.u_.displayName;let j=l.forwardRef((e,t)=>{let{className:s,...n}=e;return(0,r.jsx)(i.$G,{ref:t,className:x("flex cursor-default items-center justify-center py-1",s||""),...n,children:(0,r.jsx)(d.Z,{className:"h-4 w-4"})})});j.displayName=i.$G.displayName;let v=l.forwardRef((e,t)=>{let{className:s,children:n,position:a="popper",...l}=e;return(0,r.jsx)(i.h_,{children:(0,r.jsxs)(i.VY,{ref:t,className:x("relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2","popper"===a&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",s||""),position:a,...l,children:[(0,r.jsx)(g,{}),(0,r.jsx)(i.l_,{className:x("p-1","popper"===a&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),children:n}),(0,r.jsx)(j,{})]})})});v.displayName=i.VY.displayName,l.forwardRef((e,t)=>{let{className:s,...n}=e;return(0,r.jsx)(i.__,{ref:t,className:x("py-1.5 pl-8 pr-2 text-sm font-semibold",s||""),...n})}).displayName=i.__.displayName;let b=l.forwardRef((e,t)=>{let{className:s,children:n,...a}=e;return(0,r.jsxs)(i.ck,{ref:t,className:x("relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",s||""),...a,children:[(0,r.jsx)("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:(0,r.jsx)(i.wU,{children:(0,r.jsx)(m.Z,{className:"h-4 w-4"})})}),(0,r.jsx)(i.eT,{children:n})]})});b.displayName=i.ck.displayName,l.forwardRef((e,t)=>{let{className:s,...n}=e;return(0,r.jsx)(i.Z0,{ref:t,className:x("-mx-1 my-1 h-px bg-muted",s||""),...n})}).displayName=i.Z0.displayName;let{Link:N,redirect:y,usePathname:k,useRouter:C}=(0,s(5758).iV)({locales:o.k1,localePrefix:"as-needed"});var _=s(6648);function z(e){return(0,r.jsx)(_.default,{...e,alt:e.alt||e.title,unoptimized:!0})}function E(e){let{src:t,className:s,title:n="",width:a=16,height:l=16}=e;return(0,r.jsx)(z,{src:t,className:x("h-4 w-4",s),width:a,height:l,alt:n||"icon",title:n||"icon"})}function L(){let e=(0,a.useLocale)(),t=k(),s=C(),[n,i]=(0,l.useState)(e);return(0,r.jsxs)(h,{value:n,defaultValue:e,onValueChange:e=>{i(e),s.replace(t,{locale:e})},children:[(0,r.jsxs)(w,{className:"flex h-8 w-[80px] items-center gap-1 rounded-[4px] bg-[#ffffff] px-2 text-[#000000]",children:[(0,r.jsx)(E,{src:"/icons/lang.svg"}),(0,r.jsx)(p,{placeholder:"locale",children:n.toUpperCase()})]}),(0,r.jsx)(v,{className:"bg-[#ffffff]",children:o.Mj.map(e=>(0,r.jsx)(b,{value:e.lang,className:"hover:cursor-pointer hover:!bg-black/10",children:e.label},e.code))})]})}var M=e=>{let{items:t}=e;return(0,r.jsx)("div",{className:"absolute left-0 mt-1 w-72 p-2 bg-white shadow-lg rounded-lg z-10 border border-gray-200 md:w-72 w-full",children:t.map((e,t)=>{let s=e.icon;return(0,r.jsxs)("a",{href:e.link,title:e.name,className:"block px-2 py-2 text-gray-700 hover:bg-black/10 transition-colors rounded-md",children:[(0,r.jsxs)("div",{className:"flex flex-wrap items-center",children:[s&&(0,r.jsx)(s,{className:"lucide lucide-rocket mr-1 h-4 w-4"}),(0,r.jsx)("h2",{className:"font-bold truncate text-sm md:text-base",children:e.name})]}),(0,r.jsx)("p",{className:"text-xs md:text-sm text-gray-500",children:e.desc})]},t)})})};function O(e){let{menuItems:t,open:s,setOpen:n}=e,[a,o]=(0,l.useState)(s),[i,d]=(0,l.useState)(null);(0,l.useEffect)(()=>{o(s)},[s]);let c=e=>{d(i===e?null:e)};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{className:x("fixed z-50 h-screen w-screen overflow-hidden bg-black/60",a?"block":"hidden"),onClick:()=>{n(!1),o(!1)}}),(0,r.jsx)("div",{className:x("fixed right-0 top-16 z-[99999] h-[calc(100%-64px)] w-[250px] transform bg-white shadow-lg transition-transform duration-300",a?"translate-x-0":"translate-x-full"),children:(0,r.jsxs)("div",{className:"relative z-50 px-2 pt-2 pb-3 space-y-1 sm:px-3",children:[(0,r.jsx)("div",{className:"mb-4",children:t.map((e,t)=>(0,r.jsxs)("div",{className:"relative",children:[(0,r.jsxs)("a",{href:e.link,className:"flex items-center text-gray-700 hover:text-indigo-500 block px-3 py-2 rounded-md text-base whitespace-nowrap",title:e.nameTitle,onClick:s=>{e.dropdown&&(s.preventDefault(),c(t))},"aria-haspopup":"true","aria-expanded":i===t,children:[e.name,e.dropdown&&(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"ml-1 transition-transform duration-300 ".concat(i===t?"rotate-180":""),children:(0,r.jsx)("path",{d:"m6 9 6 6 6-6"})})]}),e.dropdown&&i===t&&(0,r.jsx)(M,{items:e.dropdown})]},t))}),(0,r.jsx)("hr",{className:"border-t border-gray-300"}),(0,r.jsx)("div",{className:"text-gray-700 hover:text-gray-900 block px-2 pt-2 roun

1ded-md text-base",children:(0,r.jsx)(L,{})})]})})]})}let T=[{name:"home",link:"/"},{name:"mov-to-gif",link:"/mov-to-gif"},{name:"mp4-to-gif",link:"/mp4-to-gif"},{name:"article",link:"/blog"}];var R=e=>{let{menuItems:t}=e,[s,n]=(0,l.useState)(null),a=(0,l.useRef)(null),o=e=>{n(s===e?null:e)};return(0,l.useEffect)(()=>{let e=e=>{a.current&&!a.current.contains(e.target)&&n(null)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[]),(0,r.jsx)("div",{ref:a,className:"hidden md:flex items-center space-x-8 ml-14 relative",children:t.map((e,t)=>(0,r.jsxs)("div",{className:"relative",children:[(0,r.jsxs)("a",{href:e.link?e.link:void 0,className:"flex items-center text-gray-700 hover:text-indigo-500 block px-1 py-2 rounded-md font-medium text-base whitespace-nowrap",title:e.nameTitle,onClick:s=>{e.dropdown&&(o(t),s.preventDefault())},children:[e.name,e.dropdown&&(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"ml-0.5 transition-transform duration-300 ".concat(s===t?"rotate-180":""),children:(0,r.jsx)("path",{d:"m6 9 6 6 6-6"})})]}),e.dropdown&&s===t&&(0,r.jsx)(M,{items:e.dropdown})]},t))})},Z=e=>{let{isMenuOpen:t,setIsMenuOpen:s,label:n}=e;return(0,r.jsx)("div",{className:"md:hidden",children:(0,r.jsxs)("button",{onClick:()=>s(!t),className:"inline-flex items-center justify-center p-2 rounded-md text-gray-700 hover:text-gray-900 hover:bg-gray-200 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500",children:[(0,r.jsx)("span",{className:"sr-only",children:n}),t?(0,r.jsx)("svg",{className:"block h-6 w-6",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","aria-hidden":"true",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M6 18L18 6M6 6l12 12"})}):(0,r.jsx)("svg",{className:"block h-6 w-6",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","aria-hidden":"true",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M4 6h16M4 12h16M4 18h16"})})]})})},S=()=>{let e=(0,a.useTranslations)("Header"),[t,s]=(0,l.useState)(!1),o=T.map(t=>({...t,name:e("".concat(t.name)),nameTitle:e("".concat(t.name,"Title")),dropdown:t.dropdown?t.dropdown.map(e=>({...e})):void 0}));return(0,r.jsxs)("header",{className:"border-b bg-white sticky top-0 z-50 ",children:[(0,r.jsxs)("nav",{className:"max-w-7xl container mx-auto px-2 py-2 md:py-4 md:py-4 flex items-center justify-between max-w-pc flex-1",children:[(0,r.jsxs)("div",{className:"flex items-center",children:[(0,r.jsxs)(n.default,{className:"flex items-center transition-opacity duration-300 hover:opacity-80 whitespace-nowrap",href:"/",title:e("title"),children:[(0,r.jsx)(z,{src:"/icon.svg",title:e("logoText"),alt:e("logoText"),width:40,height:40,className:"w-8 h-8 sm:w-10 sm:h-10"}),(0,r.jsx)("span",{className:"ml-1 sm:ml-2 text-lg sm:text-xl lg:text-2xl font-bold",children:e("logo")})]}),(0,r.jsx)(R,{menuItems:o})]}),(0,r.jsxs)("div",{className:"hidden md:flex items-center space-x-3 h-10",children:[(0,r.jsx)("div",{className:"rounded-full text-white shadow-md focus:outline-none focus:ring focus:ring-blue-300 flex items-center justify-center transition-all duration-300 ease-in-out",children:(0,r.jsx)(n.default,{href:"https://ko-fi.com/E1E4ZJLTG",target:"_blank",rel:"nofollow noreferrer",children:(0,r.jsx)("img",{className:"h-8 transition-transform transform hover:scale-105",src:"/images/kofi5.webp",alt:"Buy Me a Coffee at ko-fi",style:{border:"0"}})})}),(0,r.jsx)(L,{})]}),(0,r.jsx)(Z,{isMenuOpen:t,setIsMenuOpen:s,label:e("mainNavbar")})]}),t&&(0,r.jsx)(O,{menuItems:o,open:t,setOpen:s})]})}},5739:function(e,t,s){"use strict";s.d(t,{Mj:function(){return a},k1:function(){return l}});var r=s(5051),n=s(6463);let a=[{code:"en-US",lang:"en",label:"English"},{code:"zh-CN",lang:"zh",label:"简体中文"},{code:"es-ES",lang:"es",label:"Espa\xf1ol"}],l=a.map(e=>e.lang);(0,r.cF)(async e=>{let{locale:t}=e;return l.includes(t)||(0,n.notFound)(),{messages:(await s(7715)("./".concat(t,".json"))).default}})},9681:function(){}},function(e){e.O(0,[912,231,723,87,281,971,23,744],function(){return e(e.s=7626)}),_N_E=e.O()}]);