PageSourceSearch

https://aryk.fr/build/assets/Header-DOnsUanJ.js

js aryk.fr collected 2026-10-08 18:33:15 UTC 7,442 bytes, 1 lines download raw bytes

1import{u,r as o,j as e,L as t}from"./app-D7bY3VIr.js";import f from"./ApplicationLogo-CByfrvp1.js";import g from"./LanguageSwitcher-CFS9XID9.js";import v from"./Notification-CitcAkA7.js";import{u as j}from"./useTranslation-tvhqZ2qh.js";import"./index-SlqGhRfq.js";function L(){const{t:s}=j(),l=u().props.categories??[],[n,c]=o.useState(null),[a,i]=o.useState(!1),d=o.useRef(null),h=o.useRef(null),x=r=>{c(n===r?null:r)},p=()=>{i(!a),c(null)};return o.useEffect(()=>{const r=m=>{d.current&&!d.current.contains(m.target)&&c(null),h.current&&!h.current.contains(m.target)&&!m.target.closest('button[aria-label="Menu"]')&&i(!1)};return(n||a)&&document.addEventListener("mousedown",r),()=>{document.removeEventListener("mousedown",r)}},[n,a]),e.jsxs("header",{className:"fixed top-0 left-0 right-0 z-50 bg-black/95 backdrop-blur-sm",children:[e.jsx("div",{className:"container mx-auto px-4",children:e.jsxs("div",{className:"flex items-center justify-between h-16",children:[e.jsx("div",{className:"flex items-center",children:e.jsxs(t,{href:"/",className:"flex items-center gap-2",children:[e.jsx(f,{className:"h-8 w-auto"}),e.jsxs("h1",{className:"text-white text-xl font-bold mb-1",children:["ARYK ",e.jsx("span",{className:"text-xs",children:s("common.footer.hosting")})]})]})}),e.jsxs("nav",{ref:d,className:"hidden md:flex items-center gap-6",children:[e.jsx(t,{href:"/",className:"text-white hover:text-gray-300 transition",children:s("common.navigation.home")}),e.jsxs("div",{className:"relative",children:[e.jsxs("button",{onClick:()=>x("tarifs"),className:"flex items-center gap-1 text-white hover:text-gray-300 transition",children:[s("common.navigation.pricing"),e.jsx("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 9l-7 7-7-7"})})]}),n==="tarifs"&&e.jsx("div",{className:"absolute top-full left-0 mt-2 w-48 bg-white rounded-lg shadow-lg py-2",children:l.length>0?l.map(r=>e.jsx(t,{href:`/tarifs?tab=${r.slug}`,className:"block px-4 py-2 text-gray-800 hover:bg-gray-100",children:r.name},r.slug)):e.jsxs(e.Fragment,{children:[e.jsx(t,{href:"/tarifs?tab=web",className:"block px-4 py-2 text-gray-800 hover:bg-gray-100",children:s("common.navigation.web_server")}),e.jsx(t,{href:"/tarifs?tab=games",className:"block px-4 py-2 text-gray-800 hover:bg-gray-100",children:s("common.navigation.games")}),e.jsx(t,{href:"/tarifs?tab=vps",className:"block px-4 py-2 text-gray-800 hover:bg-gray-100",children:s("common.navigation.vps")})]})})]}),e.jsxs("div",{className:"relative",children:[e.jsxs("button",{onClick:()=>x("services"),className:"flex items-center gap-1 text-white hover:text-gray-300 transition",children:[s("common.navigation.services"),e.jsx("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 9l-7 7-7-7"})})]}),n==="services"&&e.jsx("div",{className:"absolute top-full left-0 mt-2 w-48 bg-white rounded-lg shadow-lg py-2",children:e.jsx(t,{href:"/services",className:"block px-4 py-2 text-gray-800 hover:bg-gray-100",children:s("common.navigation.our_services")})})]}),e.jsxs("div",{className:"relative",children:[e.jsxs("button",{onClick:()=>x("support"),className:"flex items-center gap-1 text-white hover:text-gray-300 transition",children:[s("common.navigation.support"),e.jsx("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 9l-7 7-7-7"})})]}),n==="support"&&e.jsx("div",{className:"absolute top-full left-0 mt-2 w-48 bg-white rounded-lg shadow-lg py-2",children:e.jsx(t,{href:"/support",className:"block px-4 py-2 text-gray-800 hover:bg-gray-100",children:s("common.navigation.support")})})]})]}),e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx("button",{type:"button","aria-label":"Menu","aria-expanded":a,onClick:p,className:"md:hidden p-2 text-white hover:text-gray-300 transition rounded-lg hover:bg-white/10",children:a?e.jsx("svg",{className:"w-6 h-6",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24","aria-hidden":"true",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})}):e.jsx("svg",{className:"w-6 h-6",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24","aria-hidden":"true",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 6h16M4 12h16M4 18h16"})})}),e.jsx("nav",{className:"hidden md:block",children:e.jsxs("ul",{className:"flex items-center gap-4",children:[e.jsx("li",{children:e.jsx(g,{})}),e.jsx("li",{children:e.jsxs("a",{href:"https://discord.aryk.fr",target:"_blank",className:"flex items-center gap-2 border border-white text-white hover:text-gray-300 transition rounded-md px-4 py-2",children:[e.jsx("img",{src:"/storage/assets/discord-logo.png",alt:"Discord",className:"w-6 h-6"}),e.jsx("span",{className:"text-white max-lg:hidden",children:s("common.navigation.discord")})]})})]})})]})]})}),e.jsx("div",{ref:h,className:`md:hidden overflow-hidden transition-all duration-300 ease-out ${a?"max-h-[80vh] opacity-100":"max-h-0 opacity-0"}`,children:e.jsxs("nav",{className:"bg-black/98 border-t border-white/10 px-4 py-4",children:[e.jsxs("ul",{className:"flex flex-col gap-1",children:[e.jsx("li",{children:e.jsx(t,{href:"/",onClick:()=>i(!1),className:"block py-3 px-4 text-white hover:bg-white/10 rounded-lg transition",children:s("common.navigation.home")})}),e.jsxs("li",{children:[e.jsx("span",{className:"block py-2 px-4 text-gray-400 text-sm font-medium",children:s("common.navigation.pricing")}),e.jsx("ul",{className:"pl-4 space-y-1",children:l.length>0?l.map(r=>e.jsx("li",{children:e.jsx(t,{href:`/tarifs?tab=${r.slug}`,onClick:()=>i(!1),className:"block py-2 px-4 text-white hover:bg-white/10 rounded-lg transition",children:r.name})},r.slug)):e.jsxs(e.Fragment,{children:[e.jsx("li",{children:e.jsx(t,{href:"/tarifs?tab=web",onClick:()=>i(!1),className:"block py-2 px-4 text-white hover:bg-white/10 rounded-lg transition",children:s("common.navigation.web_server")})}),e.jsx("li",{children:e.jsx(t,{href:"/tarifs?tab=games",onClick:()=>i(!1),className:"block py-2 px-4 text-white hover:bg-white/10 rounded-lg transition",children:s("common.navigation.games")})}),e.jsx("li",{children:e.jsx(t,{href:"/tarifs?tab=vps",onClick:()=>i(!1),className:"block py-2 px-4 text-white hover:bg-white/10 rounded-lg transition",children:s("common.navigation.vps")})})]})})]}),e.jsx("li",{children:e.jsx(t,{href:"/services",onClick:()=>i(!1),className:"block py-3 px-4 text-white hover:bg-white/10 rounded-lg transition",children:s("common.navigation.services")})}),e.jsx("li",{children:e.jsx(t,{href:"/support",onClick:()=>i(!1),className:"block py-3 px-4 text-white hover:bg-white/10 rounded-lg transition",children:s("common.navigation.support")})})]}),e.jsxs("div",{className:"mt-4 pt-4 border-t border-white/10 flex flex-wrap gap-3",children:[e.jsx(g,{}),e.jsxs(t,{href:"/",onClick:()=>i(!1),className:"flex items-center gap-2 border border-white text-white hover:bg-white/10 transition rounded-md px-4 py-2",children:[e.jsx("img",{src:"/storage/assets/discord-logo.png",alt:"Discord",className:"w-6 h-6"}),e.jsx("span",{children:s("common.navigation.discord")})]})]})]})}),e.jsx(v,{})]})}
vendor: 22 bytes, line 1
1export{L as default};

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.