https://www.fluxlabs.ai/_next/static/chunks/app/(site)/discover/page-94ba0f1ec41130dc.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2286],{26672:function(e,t,r){Promise.resolve().then(r.bind(r,57430))},33145:function(e,t,r){"use strict";r.d(t,{default:function(){return i.a}});var a=r(48461),i=r.n(a)},99376:function(e,t,r){"use strict";var a=r(35475);r.o(a,"usePathname")&&r.d(t,{usePathname:function(){return a.usePathname}}),r.o(a,"useRouter")&&r.d(t,{useRouter:function(){return a.useRouter}}),r.o(a,"useSearchParams")&&r.d(t,{useSearchParams:function(){return a.useSearchParams}}),r.o(a,"useServerInsertedHTML")&&r.d(t,{useServerInsertedHTML:function(){return a.useServerInsertedHTML}})},48461:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var r in t)Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}(t,{default:function(){return s},getImageProps:function(){return n}});let a=r(47043),i=r(55346),l=r(65878),o=a._(r(5084));function n(e){let{props:t}=(0,i.getImgProps)(e,{defaultLoader:o.default,imgConf:{deviceSizes:[640,750,828,1080,1200,1920,2048,3840],imageSizes:[16,32,48,64,96,128,256,384],path:"/_next/image",loader:"default",dangerouslyAllowSVG:!1,unoptimized:!0}});for(let[e,r]of Object.entries(t))void 0===r&&delete t[e];return{props:t}}let s=l.Image},57430:function(e,t,r){"use strict";r.r(t);var a=r(24973),i=r(2265),l=r(80605),o=r(83464),n=r(56432),s=r(96538),d=r(33145),u=r(99376),c=r(5485),m=r(43537);t.default=()=>{let{data:e}=(0,l.useSession)(),[t,r]=(0,i.useState)([]),[h,g]=(0,i.useState)([]),[p,f]=(0,i.useState)([]),[b,x]=(0,i.useState)(1),[w,v]=(0,i.useState)(1),[y,Z]=(0,i.useState)(1),[N,k]=(0,i.useState)(!0),L=(0,u.useRouter)(),[C,R]=(0,i.useState)(0);(0,i.useEffect)(()=>{A()},[]);let A=async()=>{k(!0);try{let e=await o.Z.get("/api/discover-models");r(e.data.defaultFluxModels),g(e.data.fluxLorasModels),f(e.data.publicModels)}catch(e){console.error("Error fetching models:",e)}finally{k(!1)}},F=(e,t,r)=>{let a=new URLSearchParams({modelId:e,thumbnailUrl:encodeURIComponent(r)});"PUBLIC"!==t&&a.append("modelType",t),L.push("/ai-tools/image-generator-trained?".concat(a.toString()))},B=()=>(0,a.tZ)("div",{className:"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4",children:[...Array(8)].map((e,t)=>(0,a.BX)("div",{className:"border rounded-lg p-2",children:[(0,a.tZ)("div",{className:"w-full h-48 bg-gray-700 animate-pulse mb-2"}),(0,a.tZ)("div",{className:"h-4 bg-gray-700 rounded animate-pulse mb-2"}),(0,a.tZ)("div",{className:"h-4 bg-gray-700 rounded animate-pulse w-3/4"})]},t))}),I=(e,t,r)=>{let i=(t-1)*12,l=e.slice(i,i+12);return N?(0,a.tZ)(B,{}):0===e.length?(0,a.tZ)("p",{className:"text-center text-gray-500",children:"Coming soon..."}):(0,a.BX)(a.HY,{children:[(0,a.tZ)("div",{className:"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4",children:l.map(e=>(0,a.BX)("div",{className:"border-2 rounded-lg p-2 relative cursor-pointer hover:border-blue-500 transition-all duration-300",onClick:()=>F(e.id,e.type,e.thumbnailUrl),children:[(0,a.tZ)(d.default,{src:e.thumbnailUrl,alt:e.name,width:300,height:200,className:"w-full h-48 object-cover mb-2"}),(0,a.tZ)("h3",{className:"font-semibold",children:e.name})]},e.id))}),(0,a.tZ)(s.Z,{currentPage:t,totalItems:e.length,itemsPerPage:12,onPageChange:r})]})},S=e=>{R(C===e?0:e)};return(0,a.BX)(a.HY,{children:[(0,a.tZ)("title",{children:"Discover | Flux Labs AI"}),(0,a.tZ)("meta",{name:"description",content:"Discover Flux Models"}),(0,a.tZ)(n.Z,{pageTitle:"Discover"}),(0,a.tZ)("section",{className:"pb-17.5 lg:pb-22.5 xl:pb-27.5",children:(0,a.BX)("div",{className:"mx-auto max-w-[1170px] px-4 sm:px-8 xl:px-0",children:[(0,a.tZ)("h2",{className:"mb-4 mt-12 text-2xl font-bold",children:"Flux Models"}),I(t,b,x),(0,a.tZ)("h2",{className:"mb-4 mt-12 text-2xl font-bold",children:"Flux Lora Models"}),I(h,w,v),(0,a.BX)("section",{className:"relative overflow-hidden pb-17.5 pt-20 lg:pb-22.5 lg:pt-25 xl:pb-27.5",children:[(0,a.tZ)("div",{className:"about-divider-gradient absolute left-1/2 top-0 h-[1px] w-full max-w-[1170px] -translate-x-1/2"}),(0,a.BX)("div",{className:"mx-auto max-w-[770px] px-4 sm:px-8 xl:px-0",children:[(0,a.tZ)(c.Z,{subTitle:"Got questions about our Flux Lora?",title:"Frequently Asked Questions",paragraph:""}),(0,a.tZ)("div",{className:"wow fadeInUp",children:[{id:1,question:"What is Flux LoRA?",answer:"Flux LoRA is a fine-tuning method designed for training AI models, particularly the Flux.1 model, to generate highly realistic images. It works by training a small neural network, called LoRA (Low-Rank Adaptation), on top of the pre-trained Flux.1 model."},{id:2,question:"What are the benefits of using Flux LoRA?",answer:"Using Flux LoRA allows you to create AI models tailored to your specific needs, whether that's generating images of a particular style, subject, or character. The results are often impressively detailed and realistic, offering a high level of customization."},{id:3,question:"How do I create a dataset for Flux LoRA training?",answer:"To build a dataset for Flux LoRA training, gather 20-50 images of the specific subject or style you want to fine-tune. You'll also need a similar number of regularization images—these should resemble but differ from your target style. Regularization images help prevent the model from becoming too narrowly focu

1sed on the training set."},{id:4,question:"How do I use the trained Flux LoRA model for image generation?",answer:"After training your custom Flux LoRA model, you can generate images by loading the LoRA adapter into tools like Foda Workflows in Comfyui. This setup lets you tap into the Flux model's abilities, combined with your fine-tuned LoRA, to create highly realistic images."},{id:5,question:"What types of images work best for Flux LoRA training?",answer:"High-quality images that are well-lit and vary in angles, poses, and backgrounds tend to work best for Flux LoRA training. Including images that showcase the specific style or subject you want to replicate will also help the model learn effectively."},{id:6,question:"Is it possible to combine multiple LoRA models?",answer:"Yes, you can combine multiple LoRA models to enhance image generation. Blending different models allows you to mix various styles or subjects, resulting in unique and versatile outputs."}].map((e,t)=>(0,a.tZ)(m.Z,{faqData:{...e,activeFaq:C,handleFaqToggle:S}},t))})]})]})]})})]})}},56432:function(e,t,r){"use strict";var a=r(24973);t.Z=e=>{let{pageTitle:t}=e;return(0,a.BX)("section",{className:"relative z-10 pt-22 lg:pt-25 xl:pt-20",children:[(0,a.tZ)("div",{className:"absolute bottom-0 left-0 -z-1 h-24 w-full bg-gradient-to-b from-dark/0 to-dark"}),(0,a.tZ)("div",{className:"px-4 text-center"})]})}},5485:function(e,t,r){"use strict";var a=r(24973),i=r(33145);t.Z=e=>{let{subTitle:t,title:r,paragraph:l,icon:o="/images/hero/icon-title.svg"}=e;return(0,a.BX)("div",{className:"wow fadeInUp relative z-10 mb-8 text-center",children:[(0,a.BX)("span",{className:"hero-subtitle-gradient relative mb-4 inline-flex items-center gap-2 rounded-full px-4.5 py-2 text-sm font-medium",children:[(0,a.tZ)(i.default,{src:o,alt:"icon",width:16,height:16}),(0,a.BX)("span",{className:"hero-subtitle-text",children:[" ",t," "]})]}),(0,a.tZ)("h2",{className:"mb-4.5 text-2xl font-extrabold text-white sm:text-4xl xl:text-heading-2",children:r}),(0,a.tZ)("p",{className:"mx-auto max-w-[714px] font-medium",children:l})]})}},43537:function(e,t,r){"use strict";var a=r(24973);t.Z=e=>{let{faqData:t}=e,{activeFaq:r,id:i,handleFaqToggle:l,question:o,answer:n}=t;return(0,a.BX)("div",{className:"flex flex-col border-b border-white/[0.15]",children:[(0,a.BX)("h3",{onClick:()=>{l(i)},className:"flex cursor-pointer items-center justify-between py-5 text-[22px] font-semibold leading-[28px] lg:py-7 ".concat(r===i?"text-white":""),children:[o,(0,a.tZ)("span",{children:r===i?(0,a.tZ)("svg",{width:"22",height:"2",viewBox:"0 0 22 2",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,a.tZ)("path",{d:"M21.125 1.86263H0.875012C0.425012 1.86263 0.0125122 1.48763 0.0125122 1.00013C0.0125122 0.550134 0.387512 0.137634 0.875012 0.137634H21.125C21.575 0.137634 21.9875 0.512634 21.9875 1.00013C21.9875 1.45013 21.575 1.86263 21.125 1.86263Z",fill:"white"})}):(0,a.tZ)("svg",{className:"fill-current",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,a.tZ)("path",{d:"M22.5 11.1752H12.8625V1.5002C12.8625 1.0502 12.4875 0.637695 12 0.637695C11.55 0.637695 11.1375 1.0127 11.1375 1.5002V11.1752H1.50001C1.05001 11.1752 0.637512 11.5502 0.637512 12.0377C0.637512 12.4877 1.01251 12.9002 1.50001 12.9002H11.175V22.5002C11.175 22.9502 11.55 23.3627 12.0375 23.3627C12.4875 23.3627 12.9 22.9877 12.9 22.5002V12.8627H22.5C22.95 12.8627 23.3625 12.4877 23.3625 12.0002C23.3625 11.5502 22.95 11.1752 22.5 11.1752Z",fill:""})})})]}),(0,a.tZ)("div",{className:"text-body-color dark:text-body-color-dark grid text-base",style:{gridTemplateRows:"".concat(r===i?"1fr":"0fr"),transition:"grid-template-rows 300ms"},children:(0,a.tZ)("div",{className:"overflow-hidden transition-all duration-300",children:(0,a.tZ)("div",{className:"pb-6 pt-1 font-medium",children:n})})})]})}},96538:function(e,t,r){"use strict";var a=r(24973),i=r(52700),l=r(73910);t.Z=e=>{let{currentPage:t,totalItems:r,itemsPerPage:o,onPageChange:n}=e,s=Math.ceil(r/o);return s<=1?null:(0,a.BX)("div",{className:"flex items-center justify-center gap-1.5 mt-6 mb-4",children:[(0,a.tZ)("button",{onClick:()=>n(t-1),disabled:1===t,className:"p-2 rounded-md bg-dark-7/50 hover:bg-dark-7 text-white/60 hover:text-white disabled:opacity-30 disabled:cursor-not-allowed transition-all border border-white/[0.06] hover:border-white/[0.12]","aria-label":"Previous page",children:(0,a.tZ)(i.Z,{className:"h-4 w-4"})}),(0,a.tZ)("div",{className:"flex items-center gap-1",children:(()=>{let e;let r=[],a=[];if(r.push(1),s<=1)return r;for(let e=t-2;e<=t+2;e++)e<s&&e>1&&r.push(e);r.push(s);for(let t=0;t<r.length;t++)e&&(r[t]-e==2?a.push(e+1):r[t]-e!=1&&a.push("...")),a.push(r[t]),e=r[t];return a})().map((e,r)=>"..."===e?(0,a.tZ)("span",{className:"px-2 py-1.5 text-xs text-white/40",children:e},"dots-".concat(r)):(0,a.tZ)("button",{onClick:()=>n(Number(e)),className:"px-3 py-1.5 rounded-md min-w-[2rem] text-xs font-medium transition-all border ".concat(t===e?"bg-purple-600 text-white border-purple-500/50 shadow-sm":"bg-dark-7/30 text-white/70 hover:bg-dark-7 hover:text-white border-white/[0.06] hover:border-white/[0.12]"),children:e},e))}),(0,a.tZ)("button",{onClick:()=>n(t+1),disabled:t===s,className:"p-2 rounded-md bg-dark-7/50 hover:bg-dark-7 text-white/60 hover:text-white disabled:opacity-30 disabled:cursor-not-allowed transition-all border border-white/[0.06] hover:border-white/[0.12]","aria-label":"Next page",children:(0,a.tZ)(l.Z,{className:"h-4 w-4"})})]})}},52700:function(e,t,r){"use strict";var a=r(2265);let i=a.forwardRef(function(e,t){let{title:r,titleId:i,...l}=e;return a.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":i},l),r?a.createElement("title",{id:i},r):null,a.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M15.75 19.5 8.25 12l7.5-7.5"}))});t.Z=i},73910:function(e,t,r){"use strict";var a=r(2265);let i=a.forwardRef(function(e,t){let{title:r,titleId:i,...l}=e;return a.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":i},l),r?a.createElement("title",{id:i},r):null,a.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"m8.25 4.5 7.5 7.5-7.5 7.5"}))});t.Z=i}},function(e){e.O(0,[4973,6971,5878,3464,605,2971,2117,1744],function(){return e(e.s=26672)}),_N_E=e.O()}]);