https://flaq.ai/_next/static/chunks/67633-2041cbc1193f845a.js?dpl=v0_1_0-20260926-59b909b4

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[67633],{13889:(e,i,a)=>{a.d(i,{c:()=>r,k:()=>l});var t=a(32886);function n(e,i){return(...e)=>{try{return i(...e)}catch{throw Error(void 0)}}}let r=n(0,t.c3),l=n(0,t.kc)},14403:(e,i,a)=>{a.d(i,{default:()=>o});var t=a(2193),n={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"},r=a(87736);let l=(0,t.createContext)({}),o=(0,t.forwardRef)(({color:e,size:i,strokeWidth:a,absoluteStrokeWidth:o,className:s="",children:c,iconNode:d,...m},p)=>{let{size:g=24,strokeWidth:u=2,absoluteStrokeWidth:h=!1,color:x="currentColor",className:f=""}=(0,t.useContext)(l)??{},v=o??h?24*Number(a??u)/Number(i??g):a??u;return(0,t.createElement)("svg",{ref:p,...n,width:i??g??n.width,height:i??g??n.height,stroke:e??x,strokeWidth:v,className:(0,r.z)("lucide",f,s),...!c&&!(e=>{for(let i in e)if(i.startsWith("aria-")||"role"===i||"title"===i)return!0;return!1})(m)&&{"aria-hidden":"true"},...m},[...d.map(([e,i])=>(0,t.createElement)(e,i)),...Array.isArray(c)?c:[c]])})},23040:(e,i,a)=>{a.d(i,{q:()=>n});let t=[{match:["mureka"],name:"Mureka",icon:"/images/model-provider/mureka.png",whiteIcon:"/images/model-provider/mureka_white.svg",background:"dark"},{match:["meshy"],name:"Meshy",icon:"/images/model-provider/meshy_coloured.svg",whiteIcon:"/images/model-provider/meshy_white.svg"},{match:["tripo3d","tripo"],name:"Tripo3D AI",icon:"/images/model-provider/tripo3d.webp",whiteIcon:"/images/model-provider/tripo3d_white.svg"},{match:["deepseek"],name:"DeepSeek",icon:"/images/model-provider/deepseek.svg",whiteIcon:"/images/model-provider/deepseek_white.svg"},{match:["anthropic","claude"],name:"Anthropic",icon:"/images/model-provider/claude.svg",whiteIcon:"/images/model-provider/claude_white.svg"},{match:["gemini","google","nano-banana","veo"],name:"Google",icon:"/images/model-provider/google.svg",whiteIcon:"/images/model-provider/google_white.png"},{match:["grok","x-ai","xai"],name:"Grok",icon:"/images/model-provider/grok.svg",whiteIcon:"/images/model-provider/grok_white.svg",background:"light"},{match:["glm","zhipu","z-ai","z.ai","zai"],name:"GLM",icon:"/images/model-provider/glm.svg",whiteIcon:"/images/model-provider/glm_white.svg"},{match:["happyhorse","happy-horse"],name:"Happy Horse",icon:"/images/model-provider/happy_horse.svg",whiteIcon:"/images/model-provider/happy_horse_white.png"},{match:["moonshot","kimi"],name:"Kimi",icon:"/images/model-provider/kimi.webp",whiteIcon:"/images/model-provider/kimi_white.svg"},{match:["minimax"],name:"MiniMax",icon:"/images/model-provider/minimax.svg",whiteIcon:"/images/model-provider/minimax_white.svg"},{match:["kling","kuaishou"],name:"Kling",icon:"/images/model-provider/kling.svg",whiteIcon:"/images/model-provider/kling_white.png"},{match:["openai","gpt","chatgpt"],name:"OpenAI",icon:"/images/model-provider/openai.svg",whiteIcon:"/images/model-provider/openai_white.png"},{match:["pixverse"],name:"Pixverse",icon:"/images/model-provider/pixverse.svg",whiteIcon:"/images/model-provider/pixverse_white.svg"},{match:["qwen","z-image"],name:"Qwen",icon:"/images/model-provider/wan.svg",whiteIcon:"/images/model-provider/wan_white.png"},{match:["wan"],name:"Wan",icon:"/images/model-provider/wan.svg",whiteIcon:"/images/model-provider/wan_white.png"},{match:["alibaba"],name:"Alibaba",icon:"/images/model-provider/wan.svg",whiteIcon:"/images/model-provider/wan_white.png"},{match:["seedance"],name:"Seedance",icon:"/images/model-provider/bytedance.svg",whiteIcon:"/images/model-provider/bytedance_white.png"},{match:["seedream"],name:"Seedream",icon:"/images/model-provider/bytedance.svg",whiteIcon:"/images/model-provider/bytedance_white.png"},{match:["bytedance"],name:"ByteDance",icon:"/images/model-provider/bytedance.svg",whiteIcon:"/images/model-provider/bytedance_white.png"},{match:["vidu"],name:"Vidu",icon:"/images/model-provider/vidu.svg",whiteIcon:"/images/model-provider/vidu_white.svg"},{match:["flux","black-forest-labs"],name:"Black Forest Labs",icon:"/images/model-provider/flux.svg",whiteIcon:"/images/model-provider/flux_white.svg",background:"light"},{match:["flaq-ai","flaqai"],name:"Flaq AI",icon:"/images/model-provider/flaq.svg",whiteIcon:"/images/model-provider/flaq_white.svg"}];function n(e){let i=e.toLowerCase();return t.find(e=>e.match.some(e=>i.startsWith(e)))}},26480:(e,i,a)=>{function t(e,i=4){return Number((e/1e4).toFixed(i))}function n(e){return Math.round(1e4*e)}function r(e,i=4,a=!0){let n=t(e,i);return a?`$${n.toFixed(i)}`:n.toFixed(i)}a.d(i,{DS:()=>t,aC:()=>r,t7:()=>n})},28385:(e,i,a)=>{a.d(i,{Jx:()=>p,TR:()=>s,dF:()=>d,jL:()=>m});var t=a(18691),n=a(13295),r=a(26480);function l(e){return e.replace(/[-_.]+/g," ").replace(/\s+/g," ").trim().replace(/\b\w/g,e=>e.toUpperCase())}function o(e){return"number"==typeof e&&Number.isFinite(e)?[e]:Array.isArray(e)?e.flatMap(o):e&&"object"==typeof e?Object.values(e).flatMap(o):[]}function s(e){return n.PoO.find(i=>i.model===e||i.modelVersion===e||i.pageConfig.routePath===e)}function c(e,i){return[e.modelName,i?.model,i?.modelVersion,i?.page

1Config.routePath,e.groupName].filter(Boolean).map(e=>t.tY[e]).find(Boolean)}function d(e){return e.flatMap(e=>e.models.filter(i=>{let a=s(i),n=a?.pageConfig.vendor||e.provider;return!t.bL.has(n)&&t.tY[i]?.enabled!==!1}).map(i=>({id:`${e.id}-${i}`,groupName:e.group_name,modelName:i,priceInfo:e.price_info.filter(e=>e.model_name===i),provider:e.provider})))}function m(e,i,a){let t=new Map(d(e).map(e=>[e.modelName,e]));return i.map(e=>{let i=s(e),n=i?t.get(i.model):t.get(e);return!n&&a?.includeMissing&&i?{id:`fallback-${e}`,groupName:i.modelVersion,isFallback:!0,modelName:e,priceInfo:[],provider:i.provider}:n}).filter(e=>!!e)}function p({item:e,showReadableName:i,text:a,variant:n="market"}){let d,m,g,u,h=s(e.modelName),x=c(e,h),f=(d=c(e,h),m=d?.coverUrl||t.X,`${m}?v=${t.hM}`),v=x?.isComingSoon===!0,b=x?.isUnavailable===!0,w=v||b?void 0:e.isFallback?{priceText:"-1",unitKey:""}:function(e){let i=e.flatMap(e=>{let i=e.discount||100;return(function(e){if("per_task_with_reference_images"===e.billing_type){let i=e.original_price.credit_per_task;return"number"==typeof i&&Number.isFinite(i)?[i]:[]}return"per_resolution_with_reference_images"===e.billing_type||"per_resolution_quality_with_reference_images"===e.billing_type?o(Object.fromEntries(Object.entries(e.original_price).filter(([e])=>"free_reference_images"!==e&&"credit_per_extra_reference_image"!==e))):"input_picture_and_output_resolution"===e.billing_type?o(e.original_price.credit_per_output_picture):"per_target_resolution_per_second"===e.billing_type?o(Object.fromEntries(Object.entries(e.original_price).filter(([e])=>"min_billed_seconds"!==e))):"per_input_and_output_video_resolution_per_second"===e.billing_type?o(Object.fromEntries(Object.entries(e.original_price).filter(([e])=>"min_input_billed_seconds"!==e&&"max_input_billed_seconds"!==e))):o(e.original_price)})(e).map(a=>({credit:Math.floor(a*i/100),discount:i,unitKey:e.billing_type.includes("token")?"tokens":e.billing_type.includes("second")?"second":e.billing_type.includes("picture")||e.billing_type.includes("resolution")?"image":"run"}))});if(0===i.length)return;let a=i.reduce((e,i)=>i.credit<e.credit?i:e),t=a.discount<100?100-a.discount:void 0;return{priceText:(0,r.aC)(a.credit,4,!0),unitKey:a.unitKey,discountPercent:t}}(e.priceInfo),k=h?.pageConfig.vendor||e.provider,_=h?.pageConfig.vendorName||l(e.provider),y=h?h.supportedTypes?.[0]?h.supportedTypes[0]:h.generationType:"unknown",j=a.has(`ModelMarket.types.${y}`)?a.t(`ModelMarket.types.${y}`):l(String(y)),N=(g=[e.modelName,h?.model,h?.modelVersion,h?.pageConfig.routePath,e.groupName].filter(Boolean).map(e=>t.tY[e]?.copy).find(Boolean))?`components.models.${g.category}.${g.key}.description`:void 0,z=N&&a.has(N)?a.t(N):a.t("ModelMarket.card.fallbackDescription"),C=(u=[e.modelName,h?.model,h?.modelVersion,h?.pageConfig.routePath,e.groupName].filter(Boolean).map(e=>t.tY[e]?.copy).find(Boolean))?`components.models.${u.category}.${u.key}.title`:void 0,$=i&&C&&a.has(C)?a.t(C):e.modelName,M=h?`/models/${h.pageConfig.vendor}/${h.pageConfig.routePath}`:void 0,I=b?a.t("Common.unavailable"):v?a.t("Common.coming-soon"):a.t("ModelMarket.card.priceUnavailable");return{cover:f,description:z,fromLabel:a.t("ModelMarket.card.from"),href:M,isHomeVariant:"home"===n,price:w,priceUnitLabel:w?.unitKey?a.t(`ModelMarket.priceUnits.${w.unitKey}`):void 0,providerName:_,providerValue:k,statusLabel:I,title:$,typeLabel:j}}},37267:(e,i,a)=>{a.d(i,{N_:()=>r,a8:()=>o,rd:()=>s});var t=a(48522),n=a(64937);let{Link:r,redirect:l,usePathname:o,useRouter:s,getPathname:c}=(0,t.A)(n.DT)},44903:(e,i,a)=>{a.d(i,{$w:()=>l,DS:()=>n,ZI:()=>r});var t=a(23040);function n(e){let i=e.toLowerCase(),a=(0,t.q)(i);return{src:a?.icon||`/images/model-provider/${i}.svg`,background:a?.background||"dark"}}function r(e){return n(e).src}function l(e){return r(e)}},61133:(e,i,a)=>{a.d(i,{A:()=>o});var t=a(2193),n=a(87736);let r=e=>{let i=e.replace(/^([A-Z])|[\s-_]+(\w)/g,(e,i,a)=>a?a.toUpperCase():i.toLowerCase());return i.charAt(0).toUpperCase()+i.slice(1)};var l=a(14403);let o=(e,i)=>{let a=(0,t.forwardRef)(({className:a,...o},s)=>(0,t.createElement)(l.default,{ref:s,iconNode:i,className:(0,n.z)(`lucide-${r(e).replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}`,`lucide-${e}`,a),...o}));return a.displayName=r(e),a}},63169:(e,i,a)=>{a.d(i,{cn:()=>r});var t=a(40505),n=a(5819);function r(...e){return(0,n.QP)((0,t.$)(e))}},64937:(e,i,a)=>{a.d(i,{DT:()=>l,eo:()=>r,q:()=>n});var t=a(60199);let n="en",r=[{code:"en-US",lang:"en",backendValue:"en",label:"English"},{code:"ja-JP",lang:"ja",backendValue:"ja",label:"日本語",englishLabel:"Japanese"},{code:"id-ID",lang:"id",backendValue:"id",label:"Bahasa Indonesia",englishLabel:"Indonesian"},{code:"it-IT",lang:"it",backendValue:"it",label:"Italiano",englishLabel:"Italian"},{code:"pt-BR",lang:"pt",backendValue:"pt",label:"Portugu\xeas",englishLabel:"Portuguese"},{code:"es-ES",lang:"es",backendValue:"es",label:"Espa\xf1ol",englishLabel:"Spanish"},{code:"de-DE",lang:"de",backendValue:"de",label:"Deutsch",englishLabel:"German"},{code:"ru-RU",lang:"ru",backendValue:"ru",label:"Русский",englishLabel:"Russian"},{code:"fr-FR",lang:"fr",backendValue:"fr",label:"Fran\xe7ais",englishLabel:"French"},{code:"zh-CN",lang:"zh",backendValue:"zh",label:"简体中文",englishLabel:"Simplified Chinese"},{code:"zh-TW",lang:"tw",backendValue:"tw",label:"繁體中文",englishLabel:"Traditional Chinese"},{code:"ko-KR",lang:"ko",backendValue:"ko",label:"한국어",englishLabel:"Korean"},{code:"th-TH",lang:"th",backendValue:"th",label:"ไทย",englishLabel:"Thai"},{code:"vi-VN",shortCode:"vi",lang:"vi",backendValue:"vi",label:"Tiếng Việt",englishLabel:"Vietnamese"},{code:"ar-SA",lang:"ar",backendValue:"ar",label:"العربية",englishLabel:"Arabic"}],l=(0,t.A)({locales:r.map(({lang:e})=>e),defaultLocale:n,localePrefix:"as-needed",localeDetection:!1})},72964:(e,i,a)=>{a.d(i,{A:()=>t});let t=(0,a(61133).A)("loader-circle",[["path",{d:"M21 12a9 9 0 1 1-6.219-8.56",key:"13zald"}]])},83111:(e,i,a)=>{a.d(i,{A:()=>u});var t=a(47477),n=a(2193),r=a(13889),l=a(37267),o=a(18691),s=a(63169),c=a(44903);function d(e){let i=e.currentTarget;"true"!==i.dataset.fallbackApplied&&(i.dataset.fallbackApplied="true",i.src=`${o.X}?v=${o.hM}`)}function m({provider:e}){let i=(0,c.DS)(e),a="light"===i.background,n="/images/logo.svg"===i.src;return(0,t.jsx)("span",{className:(0,s.cn)("flex size-4 flex-none items-center justify-center rounded",a&&"bg-white"),"aria-hidden":"true",children:(0,t.jsx)("img",{src:i.src,alt:"",className:(0,s.cn)("object-contain",n||a?"size-3.5":"size-full"),loading:"lazy",decoding:"async"})})}function p({cover:e,description:i,fromLabel:a,href:n,isHomeVariant:r,isTitleOverflowing:o,price:c,priceUnitLabel:g,providerName:u,providerValue:h,statusLabel:x,title:f,titleRef:v,typeLabel:b}){let w=(0,t.jsxs)("article",{className:(0,s.cn)("group flex h-full flex-col overflow-hidden rounded-lg border border-color-b1 bg-color-1 p-2.5 transition-colors duration-200 hover:border-color-3 hover:bg-[#212027]",r?"min-h-[350px] lg:h-[350px]":"min-h-[350px] 2xl:min-h-[360px]"),children:[(0,t.jsx)("div",{className:"relative aspect-[16/9] w-full shrink-0 overflow-hidden rounded-md bg-color-2",children:e?(0,t.jsx)("img",{src:e,alt:f,className:"size-full object-cover transition-transform duration-300 group-hover:scale-[1.06]",loading:"lazy",decoding:"async",fetchPriority:"low",onError:d}):null}),(0,t.jsxs)("div",{className:(0,s.cn)("flex flex-1 flex-col px-0.5",r?"pt-3":"pt-4"),children:[(0,t.jsxs)("div",{className:"flex items-center gap-2 text-xs leading-5 text-color-40",children:[(0,t.jsxs)("span",{className:"flex min-w-0 items-center gap-1.5",children:[(0,t.jsx)(m,{provider:h}),(0,t.jsx)("span",{className:"truncate",children:u})]}),(0,t.jsx)("span",{className:"h-3 w-px bg-color-b1"}),(0,t.jsx)("span",{children:b})]}),(0,t.jsxs)("div",{className:"mt-1 flex-1 overflow-hidden",children:[(0,t.jsx)("h3",{ref:v,className:(0,s.cn)("line-clamp-1 font-medium text-color-100",r?"text-sm leading-5":"text-sm leading-5 2xl:text-base 2xl:leading-6",o&&"group-hover:line-clamp-3"),title:f,children:f}),(0,t.jsx)("p",{className:(0,s.cn)("mt-1 text-color-40",r?"line-clamp-3 text-xs leading-[18px]":"line-clamp-3 text-xs leading-[18px] 2xl:line-clamp-4 2xl:text-sm 2xl:leading-[22px]",o&&"group-hover:line-clamp-3"),children:i})]}),(0,t.jsxs)("div",{className:(0,s.cn)("flex shrink-0 items-end justify-between gap-3",r?"pt-3":"pt-4"),children:[c?(0,t.jsx)("div",{className:"min-w-0",children:(0,t.jsxs)("div",{className:(0,s.cn)("font-medium text-color-100",r?"text-lg leading-6":"text-lg leading-6 2xl:text-xl 2xl:leading-7"),children:[(0,t.jsxs)("span",{className:"text-sm text-color-40",children:[a," "]}),c.priceText,(0,t.jsxs)("span",{className:"ml-1 text-xs font-normal text-color-70",children:["/ ",g]})]})}):(0,t.jsx)("span",{className:"text-sm leading-6 text-color-40",children:x}),c?.discountPercent?(0,t.jsxs)("span",{className:"rounded bg-color-green/15 px-2 py-1 text-xs leading-5 font-medium text-color-green",children:["-",c.discountPercent,"%"]}):null]})]})]});return n?(0,t.jsx)(l.N_,{href:n,className:"block h-full",children:w}):w}var g=a(28385);function u({item:e,showReadableName:i,variant:a="market"}

1){let l=(0,r.c)(),o=(0,n.useRef)(null),[s,c]=(0,n.useState)(!1),d=(0,g.Jx)({item:e,showReadableName:i,text:{has:e=>l.has(e),t:e=>l(e)},variant:a});return(0,n.useLayoutEffect)(()=>{let e=o.current;e&&c(e.scrollHeight>e.clientHeight+1)},[d.title]),(0,t.jsx)(p,{...d,isTitleOverflowing:s,titleRef:o})}},87736:(e,i,a)=>{a.d(i,{z:()=>t});let t=(...e)=>e.filter((e,i,a)=>!!e&&""!==e.trim()&&a.indexOf(e)===i).join(" ").trim()},95599:(e,i,a)=>{a.d(i,{O:()=>t});async function t(e){let i=await fetch("/api/model-market",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)});return i.ok?i.json():{code:500,msg:i.statusText}}},98938:(e,i,a)=>{a.d(i,{default:()=>m});var t=a(47477),n=a(2193),r=a(59938),l=a(37267);let o=(0,a(61133).A)("badge",[["path",{d:"M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z",key:"3c2336"}]]);var s=a(63169);function c(){return window.matchMedia("(hover: hover) and (pointer: fine)").matches}function d({icon:e,name:i}

1){let[a,l]=(0,n.useState)(!1);return a?(0,t.jsx)(o,{className:"size-4 shrink-0 text-white/72 lg:size-5","aria-label":i}):(0,t.jsxs)("span",{className:"relative size-4 shrink-0 lg:size-5",children:[(0,t.jsx)(r.default,{src:e,alt:"",fill:!0,unoptimized:!0,className:"object-contain",sizes:"24px",onError:()=>l(!0)}),(0,t.jsx)("span",{className:"sr-only",children:i})]})}function m({className:e,slides:i,thumbnailLabelTemplate:a,titleHeadingLevels:r}){let[o,p]=(0,n.useState)(0),[g,u]=(0,n.useState)(0),[h,x]=(0,n.useState)(!1),f=(0,n.useRef)(null),v=(0,n.useRef)(null),b=(0,n.useRef)(0),w=(0,n.useRef)(null),k=(0,n.useRef)(null),_=(0,n.useRef)(null),[y,j]=(0,n.useState)(!1),[N,z]=(0,n.useState)(120),C=i[o]||i[0],$=(0,n.useCallback)(()=>{null!==f.current&&(cancelAnimationFrame(f.current),f.current=null)},[]),M=(0,n.useCallback)(e=>{p(e),b.current=0,v.current=null,u(0)},[]),I=(0,n.useCallback)(()=>{p(e=>(e+1)%i.length),b.current=0,v.current=null,u(0)},[i.length]);return((0,n.useEffect)(()=>{if($(),h||i.length<2)return;let e=i=>{null===v.current&&(v.current=i-8e3*b.current);let a=Math.min((i-v.current)/8e3,1);(b.current=a,u(a),a>=1)?I():f.current=requestAnimationFrame(e)};return f.current=requestAnimationFrame(e),$},[o,I,h,i.length,$]),(0,n.useEffect)(()=>{let e=w.current,i=k.current;if(!e||!i)return;let a=()=>{j(i.scrollWidth>e.clientWidth+1)},t=requestAnimationFrame(a);if("u"<typeof ResizeObserver)return window.addEventListener("resize",a),()=>{cancelAnimationFrame(t),window.removeEventListener("resize",a)};let n=new ResizeObserver(a);return n.observe(e),n.observe(i),()=>{cancelAnimationFrame(t),n.disconnect()}},[o,C?.brands.length]),(0,n.useEffect)(()=>{let e=_.current;if(!e)return;let i=()=>{z(Math.max(60,Math.round(e.scrollWidth/18)))},a=requestAnimationFrame(i);if("u"<typeof ResizeObserver)return window.addEventListener("resize",i),()=>{cancelAnimationFrame(a),window.removeEventListener("resize",i)};let t=new ResizeObserver(i);return t.observe(e),()=>{cancelAnimationFrame(a),t.disconnect()}},[o,C?.brands.length]),C)?(0,t.jsxs)("section",{className:(0,s.cn)("relative w-full overflow-hidden bg-black md:h-auto md:min-h-[520px] lg:min-h-[540px]",e),onMouseEnter:()=>{c()&&x(!0)},onMouseLeave:()=>{c()&&x(!1)},children:[(0,t.jsx)("img",{src:C.image,alt:C.title,className:"absolute inset-0 size-full object-cover object-left transition-opacity duration-500 md:object-center"}),(0,t.jsxs)("div",{className:"container-centered relative z-10 flex flex-col justify-end pt-12 pb-6 md:h-auto md:min-h-[520px] md:pt-8 md:pb-4 lg:min-h-[540px] lg:pt-10 lg:pb-4",children:[(0,t.jsxs)("div",{className:"flex flex-col gap-6 md:gap-8 lg:flex-row lg:items-end lg:justify-between",children:[(0,t.jsx)("div",{className:"grid w-full min-w-0 max-w-[600px] grid-cols-[minmax(0,1fr)]",children:i.map((e,i)=>{let a=i===o,n=r?.[i]||"h1";return(0,t.jsxs)("div",{"aria-hidden":!a,inert:!a,className:(0,s.cn)("col-start-1 row-start-1 flex min-w-0 flex-col items-center gap-[18px] rounded-lg text-center lg:items-start lg:text-left",a?"visible":"invisible pointer-events-none"),children:[(0,t.jsxs)("div",{className:"flex w-full flex-1 flex-col items-center justify-center gap-[18px] lg:items-start",children:[(0,t.jsx)(n,{className:"text-[32px] leading-[40px] font-semibold text-white capitalize sm:text-[44px] sm:leading-[52px] lg:text-[48px] lg:leading-[56px]",children:e.title}),(0,t.jsx)("p",{className:"text-base leading-6 text-[#cfcfcf]",children:e.description})]}),(0,t.jsxs)("div",{className:"mt-auto flex w-full flex-col items-center gap-3 sm:w-auto sm:flex-row sm:gap-[18px]",children:[(0,t.jsx)(l.N_,{href:e.primaryHref,className:"bg-color-main flex h-12 min-w-[180px] items-center justify-center rounded-lg px-6 text-base leading-6 font-normal whitespace-nowrap text-white transition-colors hover:bg-color-main/90 sm:px-8",children:e.primaryLabel}),(0,t.jsx)(l.N_,{href:e.secondaryHref,className:"flex h-12 min-w-[180px] items-center justify-center rounded-lg border border-white/15 bg-black/70 px-6 text-base leading-6 font-normal whitespace-nowrap text-white transition-colors hover:bg-black/90 sm:px-8",children:e.secondaryLabel})]})]},e.captionCodeKey)})}),(0,t.jsx)("div",{className:"mx-auto grid w-[280px] max-w-full grid-cols-5 items-center gap-1.5 sm:w-full sm:max-w-[471px] sm:gap-3 lg:mx-0",children:i.map((e,i)=>{let n=i===o;return(0,t.jsxs)("button",{type:"button",onClick:()=>M(i),className:(0,s.cn)("relative aspect-[108.75/61.17] w-full overflow-hidden border-[1.5px] bg-black transition-opacity",n?"border-white/35 o

1pacity-100":"border-white/18 opacity-60"),"aria-label":a.replace("{title}",e.title),children:[(0,t.jsx)("img",{src:e.image,alt:a.replace("{title}",e.title),className:"size-full object-cover"}),n?(0,t.jsx)("span",{className:"bg-color-main absolute bottom-0 left-0 block h-1",style:{width:`${Math.round(100*g)}%`}}):null]},e.captionCodeKey)})})]}),C.brands.length>0?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("div",{className:"mt-5 w-full overflow-hidden lg:hidden",children:(0,t.jsx)("div",{className:"flex w-max items-center gap-x-5",style:{animation:`home-carousel-brands-scroll ${N}s linear infinite`},children:[0,1].map(e=>(0,t.jsx)("div",{ref:0===e?_:void 0,className:"flex shrink-0 items-center gap-x-5",children:[0,1,2].flatMap(i=>C.brands.map(a=>(0,t.jsxs)("div",{className:"flex shrink-0 items-center gap-1.5",children:[(0,t.jsx)(d,{icon:a.icon,name:a.name}),(0,t.jsx)("span",{className:"shrink-0 text-sm leading-5 font-normal text-white/82 capitalize",children:a.name})]},`${C.captionCodeKey}-${e}-${i}-${a.name}`)))},e))})}),(0,t.jsxs)("div",{ref:w,className:"relative mt-5 hidden h-7 w-full overflow-hidden lg:mt-6 lg:block",children:[(0,t.jsx)("div",{ref:k,className:"pointer-events-none invisible absolute top-0 left-0 flex items-center gap-x-6 whitespace-nowrap","aria-hidden":"true",children:C.brands.map(e=>(0,t.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,t.jsx)(d,{icon:e.icon,name:e.name}),(0,t.jsx)("span",{className:"text-lg leading-7 font-normal text-white/82 capitalize",children:e.name})]},`${C.captionCodeKey}-measure-${e.name}`))}),y?(0,t.jsx)("div",{className:"absolute inset-y-0 left-0 flex w-max items-center gap-x-6",style:{animation:"home-carousel-brands-scroll 52s linear infinite"},children:[0,1].map(e=>(0,t.jsx)("div",{className:"flex shrink-0 items-center gap-x-6",children:C.brands.map(i=>(0,t.jsxs)("div",{className:"flex shrink-0 items-center gap-1.5",children:[(0,t.jsx)(d,{icon:i.icon,name:i.name}),(0,t.jsx)("span",{className:"shrink-0 text-lg leading-7 font-normal text-white/82 capitalize",children:i.name})]},`${C.captionCodeKey}-${e}-${i.name}`))},e))}):(0,t.jsx)("div",{className:"absolute inset-y-0 left-0 flex items-center gap-x-6 whitespace-nowrap",children:C.brands.map(e=>(0,t.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,t.jsx)(d,{icon:e.icon,name:e.name}),(0,t.jsx)("span",{className:"text-lg leading-7 font-normal text-white/82 capitalize",children:e.name})]},`${C.captionCodeKey}-${e.name}`))})]}),(0,t.jsx)("style",{children:`
2                @keyframes home-carousel-brands-scroll {
3                  0% {
4                    transform: translateX(0);
5                  }
6                  100% {
7                    transform: translateX(-50%);
8                  }
9                }
10              `})]}):null]})]}):null}}}]);