https://www.genflowai.io/_next/static/chunks/75d4915a0d6ffa02.js?dpl=1790231232519

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,963273,(e,t,a)=>{"use strict";Object.defineProperty(a,"__esModule",{value:!0});var r={assign:function(){return l},searchParamsToUrlQuery:function(){return i},urlQueryToSearchParams:function(){return s}};for(var n in r)Object.defineProperty(a,n,{enumerable:!0,get:r[n]});function i(e){let t={};for(let[a,r]of e.entries()){let e=t[a];void 0===e?t[a]=r:Array.isArray(e)?e.push(r):t[a]=[e,r]}return t}function o(e){return"string"==typeof e?e:("number"!=typeof e||isNaN(e))&&"boolean"!=typeof e?"":String(e)}function s(e){let t=new URLSearchParams;for(let[a,r]of Object.entries(e))if(Array.isArray(r))for(let e of r)t.append(a,o(e));else t.set(a,o(r));return t}function l(e,...t){for(let a of t){for(let t of a.keys())e.delete(t);for(let[t,r]of a.entries())e.append(t,r)}return e}},905728,(e,t,a)=>{"use strict";Object.defineProperty(a,"__esModule",{value:!0});var r={formatUrl:function(){return s},formatWithValidation:function(){return c},urlObjectKeys:function(){return l}};for(var n in r)Object.defineProperty(a,n,{enumerable:!0,get:r[n]});let i=e.r(744066)._(e.r(963273)),o=/https?|ftp|gopher|file/;function s(e){let{auth:t,hostname:a}=e,r=e.protocol||"",n=e.pathname||"",s=e.hash||"",l=e.query||"",c=!1;t=t?encodeURIComponent(t).replace(/%3A/i,":")+"@":"",e.host?c=t+e.host:a&&(c=t+(~a.indexOf(":")?`[${a}]`:a),e.port&&(c+=":"+e.port)),l&&"object"==typeof l&&(l=String(i.urlQueryToSearchParams(l)));let d=e.search||l&&`?${l}`||"";return r&&!r.endsWith(":")&&(r+=":"),e.slashes||(!r||o.test(r))&&!1!==c?(c="//"+(c||""),n&&"/"!==n[0]&&(n="/"+n)):c||(c=""),s&&"#"!==s[0]&&(s="#"+s),d&&"?"!==d[0]&&(d="?"+d),n=n.replace(/[?#]/g,encodeURIComponent),d=d.replace("#","%23"),`${r}${c}${n}${d}${s}`}let l=["auth","hash","host","hostname","href","path","pathname","port","protocol","query","search","slashes"];function c(e){return s(e)}},197818,(e,t,a)=>{"use strict";Object.defineProperty(a,"__esModule",{value:!0});var r={DecodeError:function(){return b},MiddlewareNotFoundError:function(){return z},MissingStaticPage:function(){return y},NormalizeError:function(){return w},PageNotFoundError:function(){return x},SP:function(){return f},ST:function(){return g},WEB_VITALS:function(){return i},execOnce:function(){return o},getDisplayName:function(){return u},getLocationOrigin:function(){return c},getURL:function(){return d},isAbsoluteUrl:function(){return l},isResSent:function(){return p},loadGetInitialProps:function(){return m},normalizeRepeatedSlashes:function(){return h},stringifyError:function(){return v}};for(var n in r)Object.defineProperty(a,n,{enumerable:!0,get:r[n]});let i=["CLS","FCP","FID","INP","LCP","TTFB"];function o(e){let t,a=!1;return(...r)=>(a||(a=!0,t=e(...r)),t)}let s=/^[a-zA-Z][a-zA-Z\d+\-.]*?:/,l=e=>s.test(e);function c(){let{protocol:e,hostname:t,port:a}=window.location;return`${e}//${t}${a?":"+a:""}`}function d(){let{href:e}=window.location,t=c();return e.substring(t.length)}function u(e){return"string"==typeof e?e:e.displayName||e.name||"Unknown"}function p(e){return e.finished||e.headersSent}function h(e){let t=e.split("?");return t[0].replace(/\\/g,"/").replace(/\/\/+/g,"/")+(t[1]?`?${t.slice(1).join("?")}`:"")}async function m(e,t){let a=t.res||t.ctx&&t.ctx.res;if(!e.getInitialProps)return t.ctx&&t.Component?{pageProps:await m(t.Component,t.ctx)}:{};let r=await e.getInitialProps(t);if(a&&p(a))return r;if(!r)throw Object.defineProperty(Error(`"${u(e)}.getInitialProps()" should resolve to an object. But found "${r}" instead.`),"__NEXT_ERROR_CODE",{value:"E394",enumerable:!1,configurable:!0});return r}let f="u">typeof performance,g=f&&["mark","measure","getEntriesByName"].every(e=>"function"==typeof performance[e]);class b extends Error{}class w extends Error{}class x extends Error{constructor(e){super(),this.code="ENOENT",this.name="PageNotFoundError",this.message=`Cannot find module for page: ${e}`}}class y extends Error{constructor(e,t){super(),this.message=`Failed to load static file for page: ${e} ${t}`}}class z extends Error{constructor(){super(),this.code="ENOENT",this.message="Cannot find the middleware module"}}function v(e){return JSON.stringify({message:e.message,stack:e.stack})}},895284,(e,t,a)=>{"use strict";Object.defineProperty(a,"__esModule",{value:!0}),Object.defineProperty(a,"isLocalURL",{enumerable:!0,get:function(){return i}});let r=e.r(197818),n=e.r(755749);function i(e){if(!(0,r.isAbsoluteUrl)(e))return!0;try{let t=(0,r.getLocationOrigin)(),a=new URL(e,t);return a.origin===t&&(0,n.hasBasePath)(a.pathname)}catch(e){return!1}}},486849,(e,t,a)=>{"use strict";Object.defineProperty(a,"__esModule",{value:!0}),Object.defineProperty(a,"errorOnce",{enumerable:!0,get:function(){return r}});let r=e=>{}},675274,(e,t,a)=>{"use strict";Object.defineProperty(a,"__esModule",{value:!0});var r={default:function(){return b},useLinkStatus:function(){return x}};for(var n in r)Object.defineProperty(a,n,{enumerable:!0,get:r[n]});let i=e.r(744066),o=e.r(449025),s=i._(e.r(141988)),l=e.r(905728),c=e.r(276532),d=e.r(661176),u=e.r(197818),p=e.r(815820);e.r(677068);let h=e.r(519372),m=e.r(895284),f=e.r(845078);function g(e){return"string"==typeof e?e:(0,l.formatUrl)(e)}function b(t){var a;let r,n,i,[l,b]=(0,s.useOptimistic)(h.IDLE_LINK_STATUS),x=(0,s.useRef)(null),{href:y,as:z,children:v,prefetch:k=null,passHref:j,replace:A,shallow:N,scroll:P,onClick:C,onMouseEnter:_,onTouchStart:I,legacyBehavior:E=!1,onNavigate:S,ref:T,unstable_dynamicOnHover:L,...$}=t;r=v,E&&("string"==typeof r||"number"==typeof r)&&(r=(0,o.jsx)("a",{children:r}));let O=s.default.useContext(c.AppRouterContext),M=!1!==k,R=!1!==k?null===(a=k)||"auto"===a?f.FetchStrategy.PPR:f.FetchStrategy.Full:f.FetchStrategy.PPR,{href:D,as:U}=s.default.useMemo(()=>{let e=g(y);return{href:e,as:z?g(z):e}},[y,z]);if(E){if(r?.$$typeof===Symbol.for("react.lazy"))throw Object.defineProperty(Error("`<Link legacyBehavior>` received a direct child that is either a Server Component, or JSX that was loaded with React.lazy(). This is not supported. Either remove legacyBehavior, or make the direct child a Client Component that renders the Link's `<a>

1` tag."),"__NEXT_ERROR_CODE",{value:"E863",enumerable:!1,configurable:!0});n=s.default.Children.only(r)}let B=E?n&&"object"==typeof n&&n.ref:T,F=s.default.useCallback(e=>(null!==O&&(x.current=(0,h.mountLinkInstance)(e,D,O,R,M,b)),()=>{x.current&&((0,h.unmountLinkForCurrentNavigation)(x.current),x.current=null),(0,h.unmountPrefetchableInstance)(e)}),[M,D,O,R,b]),G={ref:(0,d.useMergedRef)(F,B),onClick(t){E||"function"!=typeof C||C(t),E&&n.props&&"function"==typeof n.props.onClick&&n.props.onClick(t),!O||t.defaultPrevented||function(t,a,r,n,i,o,l){if("u">typeof window){let c,{nodeName:d}=t.currentTarget;if("A"===d.toUpperCase()&&((c=t.currentTarget.getAttribute("target"))&&"_self"!==c||t.metaKey||t.ctrlKey||t.shiftKey||t.altKey||t.nativeEvent&&2===t.nativeEvent.which)||t.currentTarget.hasAttribute("download"))return;if(!(0,m.isLocalURL)(a)){i&&(t.preventDefault(),location.replace(a));return}if(t.preventDefault(),l){let e=!1;if(l({preventDefault:()=>{e=!0}}),e)return}let{dispatchNavigateAction:u}=e.r(989199);s.default.startTransition(()=>{u(r||a,i?"replace":"push",o??!0,n.current)})}}(t,D,U,x,A,P,S)},onMouseEnter(e){E||"function"!=typeof _||_(e),E&&n.props&&"function"==typeof n.props.onMouseEnter&&n.props.onMouseEnter(e),O&&M&&(0,h.onNavigationIntent)(e.currentTarget,!0===L)},onTouchStart:function(e){E||"function"!=typeof I||I(e),E&&n.props&&"function"==typeof n.props.onTouchStart&&n.props.onTouchStart(e),O&&M&&(0,h.onNavigationIntent)(e.currentTarget,!0===L)}};return(0,u.isAbsoluteUrl)(U)?G.href=U:E&&!j&&("a"!==n.type||"href"in n.props)||(G.href=(0,p.addBasePath)(U)),i=E?s.default.cloneElement(n,G):(0,o.jsx)("a",{...$,...G,children:r}),(0,o.jsx)(w.Provider,{value:l,children:i})}e.r(486849);let w=(0,s.createContext)(h.IDLE_LINK_STATUS),x=()=>(0,s.useContext)(w);("function"==typeof a.default||"object"==typeof a.default&&null!==a.default)&&void 0===a.default.__esModule&&(Object.defineProperty(a.default,"__esModule",{value:!0}),Object.assign(a.default,a),t.exports=a.default)},708123,e=>{"use strict";var t=e.i(449025),a=e.i(141988);e.i(460387);var r=e.i(152433),n=e.i(805847),i=e.i(422898);function o(e){document.cookie=`castar_locale=${encodeURIComponent(e)}; path=/; max-age=31536000; samesite=lax`}function s(e){i.default.language!==e&&i.default.changeLanguage(e)}function l({children:e,locale:l,persistLocale:c=!0}){let d=(0,a.useMemo)(()=>i.default.cloneInstance({lng:l}),[l]);return(0,a.useEffect)(()=>{document.documentElement.lang=(0,n.getHtmlLang)(l),c&&o(l),s(l),d.language!==l&&d.changeLanguage(l);let e=window.setTimeout(()=>{document.documentElement.lang=(0,n.getHtmlLang)(l),c&&o(l),s(l),d.language!==l&&d.changeLanguage(l)},0);return()=>window.clearTimeout(e)},[l,c,d]),(0,t.jsx)(r.I18nextProvider,{i18n:d,children:e})}e.s(["LocaleI18nScope",()=>l])},812098,e=>{"use strict";var t=e.i(141988),a=e.i(732919),r=e.i(543340);function n(){return(0,t.useEffect)(()=>{if(window.matchMedia("(prefers-reduced-motion: reduce)").matches)return;let e=a.default.context(()=>{a.default.utils.toArray("[data-gf-motion='fade-up']").forEach(e=>{a.default.fromTo(e,{opacity:0,y:28},{opacity:1,y:0,duration:.9,ease:"power3.out",scrollTrigger:{trigger:e,start:"top 86%",once:!0}})}),a.default.utils.toArray("[data-gf-motion='image']").forEach(e=>{a.default.fromTo(e,{opacity:.72,scale:.92},{opacity:1,scale:1,ease:"none",scrollTrigger:{trigger:e,start:"top bottom",end:"bottom top",scrub:!0}})}),a.default.utils.toArray("[data-gf-motion='word']").forEach(e=>{a.default.fromTo(e,{opacity:.18},{opacity:1,ease:"none",scrollTrigger:{trigger:e,start:"top 88%",end:"top 44%",scrub:!0}})})});return()=>e.revert()},[]),null}a.default.registerPlugin(r.ScrollTrigger),e.s(["SeoLandingMotion",()=>n])},8351,e=>{"use strict";let t=(0,e.i(591762).default)("rotate-ccw",[["path",{d:"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8",key:"1357e3"}],["path",{d:"M3 3v5h5",key:"1xhq8a"}]]);e.s(["RotateCcw",()=>t],8351)},988086,e=>{"use strict";let t=(0,e.i(591762).default)("history",[["path",{d:"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8",key:"1357e3"}],["path",{d:"M3 3v5h5",key:"1xhq8a"}],["path",{d:"M12 7v5l4 2",key:"1fdv2h"}]]);e.s(["History",()=>t],988086)},518598,e=>{"use strict";let t="https://genflow.local";function a({source:e,campaign:a,content:r,ref:n,path:i,auth:o,extraParams:s={}}){let l={url:function(){let e="/studio".trim();if(!e)return null;try{let a=new URL(e,t);if(a.origin===t)return`${a.pathname}${a.search}${a.hash}`;return`${a.origin}${a.pathname}${a.search}${a.hash}`}catch{return e.startsWith("/")?e:`/${e}`}}()??"/studio",auth:"login".trim()||null,goal:"studio_start".trim()||"studio_start",configured:!0},c=new URL(i??l.url,t),d=c.searchParams,u=void 0===o?l.auth:o;for(let[t,i]of(u&&d.set("auth",u),d.set("utm_source",e),d.set("utm_medium","organic"),d.set("utm_campaign",`seo-${a.trim().toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,"").slice(0,80)||"genflow"}`),d.set("utm_content",r),n&&d.set("ref",n),Object.entries(s)))i&&d.set(t,i);let p=c.origin===t?c.pathname:`${c.origin}${c.pathname}`,h=d.toString();return`${p}${h?`?${h}`:""}${c.hash}`}e.s(["buildSeoCtaHref",()=>a])},257895,e=>{"use strict";let t=(0,e.i(591762).default)("circle-play",[["path",{d:"M9 9.003a1 1 0 0 1 1.517-.859l4.997 2.997a1 1 0 0 1 0 1.718l-4.997 2.997A1 1 0 0 1 9 14.996z",key:"kmsa83"}],["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}]]);e.s(["default",()=>t])},314841,255603,e=>{"use strict";var t=e.i(449025),a=e.i(675274),r=e.i(550775),n=e.i(985740),i=e.i(518598),o=e.i(975157);function s({label:e}){return(0,t.jsx)("span",{className:"inline-flex h-full w-full items-center justify-center whitespace-nowrap text-[13px] font-bold",children:e})}function l({label:e,href:r,onClick:n,className:i,heightClass:l="h-9",fullWidth:c=!1}){let d=(0,o.cn)("inline-flex shrink-0 items-center justify-center rounded-full border border-[#18191f]/10 bg-[#18191f] px-4 text-[#f7f7f8] shadow-[0_12px_28px_-20px_rgba(15,23,42,0.72)] transition-[background-color,border-color,color,transform] duration-200 hover:bg-[#24252b] active:scale-[0.98] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-violet-400/45 focus-visible:ring-offset-2 focus-visible:ring-offset-white dark:border-white/[0.72] dark:bg-[#ececef] dar

1k:text-[#18191f] dark:shadow-none dark:hover:border-white/90 dark:hover:bg-[#f7f7f8] dark:focus-visible:ring-offset-[#0b0c10]",l,c&&"w-full",i);return n?(0,t.jsx)("button",{type:"button",onClick:n,className:d,children:(0,t.jsx)(s,{label:e})}):(0,t.jsx)(a.default,{href:r??"/studio?auth=login",className:d,children:(0,t.jsx)(s,{label:e})})}function c({homeLabel:e,studioLabel:o,homeHref:s="/",studioHref:c=(0,i.buildSeoCtaHref)({source:"public-content",campaign:"header",content:"header-cta"}),onStudioClick:d,ctaHeightClass:u="h-[36px]"}){return(0,t.jsx)("header",{className:"fixed left-0 right-0 top-0 z-50 px-3 pt-4 sm:px-4",children:(0,t.jsxs)("div",{className:"mx-auto flex w-full max-w-5xl min-w-0 items-center justify-between gap-3 rounded-full border border-white/70 bg-white/75 px-3 py-2 shadow-[0_8px_32px_-18px_rgba(0,0,0,0.35)] backdrop-blur-2xl ring-1 ring-black/[0.04]",children:[(0,t.jsxs)(a.default,{href:s,className:"group flex min-w-0 items-center gap-2 rounded-full px-1.5 py-1.5 text-xs font-semibold text-zinc-500 transition-colors hover:text-zinc-900 sm:px-3",children:[(0,t.jsx)("span",{className:"flex h-7 w-7 items-center justify-center overflow-hidden rounded-full bg-white shadow-sm ring-1 ring-black/[0.04]",children:(0,t.jsx)(n.GenflowLogo,{className:"h-full w-full"})}),(0,t.jsx)(r.ArrowLeft,{size:13,className:"hidden transition-transform group-hover:-translate-x-0.5 sm:block"}),(0,t.jsx)("span",{className:"hidden sm:inline",children:e})]}),(0,t.jsx)("div",{className:"shrink-0",children:d?(0,t.jsx)(l,{label:o,onClick:d,heightClass:u,className:"px-4"}):(0,t.jsx)(l,{label:o,href:c,heightClass:u,className:"px-4"})})]})})}e.s(["MarketingWorkspaceCta",()=>l],255603),e.s(["PublicContentHeader",()=>c],314841)},181165,e=>{"use strict";var t=e.i(805847);function a(e){return"en"===e?"/marketplace":`/${(0,t.getLocalePathSegment)(e)}/marketplace`}function r(e,t){return`${a(t)}/tags/${e}`}e.s(["getMarketplaceBasePath",()=>a,"getMarketplaceTagPath",()=>r])},346374,e=>{"use strict";function t(e){return e.normalize("NFKD").replace(/[\u0300-\u036f]/g,"").toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,"").slice(0,80)||"ai-workflow"}let a={"ai-generation":{en:"AI generation",zh:"AI 生成","zh-tw":"AI 生成",ja:"AI 生成"},"ai-workflow":{en:"AI workflow",zh:"AI 工作流","zh-tw":"AI 工作流程",ja:"AI ワークフロー"},"ai-workflow-automation":{en:"AI workflow automation",zh:"AI 工作流自动化","zh-tw":"AI 工作流程自動化",ja:"AI ワークフロー自動化"},automation:{en:"Automation",zh:"自动化","zh-tw":"自動化",ja:"自動化"},avatar:{en:"Avatar",zh:"头像","zh-tw":"頭像",ja:"アバター"},character:{en:"Character",zh:"角色","zh-tw":"角色",ja:"キャラクター"},"creative-automation":{en:"Creative automation",zh:"创意自动化","zh-tw":"創意自動化",ja:"クリエイティブ自動化"},ecommerce:{en:"Ecommerce",zh:"电商","zh-tw":"電商",ja:"EC"},gift:{en:"Gift",zh:"礼品","zh-tw":"禮品",ja:"ギフト"},holiday:{en:"Holiday",zh:"节日","zh-tw":"節日",ja:"ホリデー"},image:{en:"Image",zh:"图片","zh-tw":"圖片",ja:"画像"},product:{en:"Product",zh:"商品","zh-tw":"商品",ja:"商品"},"product-photography":{en:"Product photography",zh:"商品摄影","zh-tw":"商品攝影",ja:"商品撮影"},prompts:{en:"Prompts",zh:"提示词","zh-tw":"提示詞",ja:"プロンプト"},"short-video":{en:"Short video",zh:"短视频","zh-tw":"短影片",ja:"短尺動画"},studio:{en:"Studio",zh:"Studio","zh-tw":"Studio",ja:"Studio"},template:{en:"Template",zh:"模板","zh-tw":"模板",ja:"テンプレート"},ugc:{en:"UGC",zh:"UGC","zh-tw":"UGC",ja:"UGC"},unbox:{en:"Unbox",zh:"开箱","zh-tw":"開箱",ja:"開封"},video:{en:"Video",zh:"视频","zh-tw":"影片",ja:"動画"},"video-ads":{en:"Video ads",zh:"视频广告","zh-tw":"影片廣告",ja:"動画広告"},workflow:{en:"Workflow",zh:"工作流","zh-tw":"工作流程",ja:"ワークフロー"},"desk-setup":{en:"Desk setup",zh:"桌面搭建","zh-tw":"桌面搭建",ja:"デスク環境"},workspace:{en:"Workspace",zh:"工作空间","zh-tw":"工作空間",ja:"ワークスペース"},tour:{en:"Tour",zh:"导览","zh-tw":"導覽",ja:"ツアー"},jewelry:{en:"Jewelry",zh:"珠宝","zh-tw":"珠寶",ja:"ジュエリー"},minimal:{en:"Minimal",zh:"极简","zh-tw":"極簡",ja:"ミニマル"}

1,stack:{en:"Stack",zh:"叠搭","zh-tw":"疊搭",ja:"重ね付け"},"pet-food":{en:"Pet food",zh:"宠物食品","zh-tw":"寵物食品",ja:"ペットフード"},routine:{en:"Routine",zh:"日常流程","zh-tw":"日常流程",ja:"ルーティン"},cpg:{en:"CPG",zh:"消费品","zh-tw":"消費品",ja:"CPG"},festival:{en:"Festival",zh:"节日活动","zh-tw":"節日活動",ja:"フェス"},outfit:{en:"Outfit",zh:"穿搭","zh-tw":"穿搭",ja:"コーデ"},seasonal:{en:"Seasonal",zh:"季节营销","zh-tw":"季節行銷",ja:"季節施策"},skincare:{en:"Skincare",zh:"护肤","zh-tw":"護膚",ja:"スキンケア"},organic:{en:"Organic",zh:"有机","zh-tw":"有機",ja:"オーガニック"},macro:{en:"Macro",zh:"微距","zh-tw":"微距",ja:"マクロ"},keyboard:{en:"Keyboard",zh:"键盘","zh-tw":"鍵盤",ja:"キーボード"},asmr:{en:"ASMR",zh:"ASMR","zh-tw":"ASMR",ja:"ASMR"},tech:{en:"Tech",zh:"科技","zh-tw":"科技",ja:"テック"},hotel:{en:"Hotel",zh:"酒店","zh-tw":"飯店",ja:"ホテル"},travel:{en:"Travel",zh:"旅行","zh-tw":"旅行",ja:"旅行"},promo:{en:"Promo",zh:"推广","zh-tw":"推廣",ja:"プロモ"},book:{en:"Book",zh:"书籍","zh-tw":"書籍",ja:"書籍"},publisher:{en:"Publisher",zh:"出版","zh-tw":"出版",ja:"出版社"},streetwear:{en:"Streetwear",zh:"街头服饰","zh-tw":"街頭服飾",ja:"ストリートウェア"},lookbook:{en:"Lookbook",zh:"造型册","zh-tw":"造型冊",ja:"ルックブック"},fashion:{en:"Fashion",zh:"时尚","zh-tw":"時尚",ja:"ファッション"},kitchen:{en:"Kitchen",zh:"厨房","zh-tw":"廚房",ja:"キッチン"},gadget:{en:"Gadget",zh:"小工具","zh-tw":"小工具",ja:"ガジェット"},demo:{en:"Demo",zh:"演示","zh-tw":"演示",ja:"デモ"},baby:{en:"Baby",zh:"母婴","zh-tw":"母嬰",ja:"ベビー"},safety:{en:"Safety",zh:"安全","zh-tw":"安全",ja:"安全"},care:{en:"Care",zh:"护理","zh-tw":"護理",ja:"ケア"},bottle:{en:"Bottle",zh:"水瓶","zh-tw":"水瓶",ja:"ボトル"},fitness:{en:"Fitness",zh:"健身","zh-tw":"健身",ja:"フィットネス"},hook:{en:"Hook",zh:"钩子","zh-tw":"鉤子",ja:"フック"},handbag:{en:"Handbag",zh:"手袋","zh-tw":"手袋",ja:"ハンドバッグ"},luxury:{en:"Luxury",zh:"奢侈品","zh-tw":"奢侈品",ja:"ラグジュアリー"},gaming:{en:"Gaming",zh:"电竞","zh-tw":"電競",ja:"ゲーミング"},chair:{en:"Chair",zh:"椅子","zh-tw":"椅子",ja:"チェア"},features:{en:"Features",zh:"卖点","zh-tw":"賣點",ja:"機能訴求"},eyewear:{en:"Eyewear",zh:"眼镜","zh-tw":"眼鏡",ja:"アイウェア"},"try-on":{en:"Try-on",zh:"试穿","zh-tw":"試穿",ja:"試着"},plants:{en:"Plants",zh:"植物","zh-tw":"植物",ja:"植物"},home:{en:"Home",zh:"家居","zh-tw":"家居",ja:"ホーム"},lifestyle:{en:"Lifestyle",zh:"生活方式","zh-tw":"生活方式",ja:"ライフスタイル"},auto:{en:"Auto",zh:"汽车","zh-tw":"汽車",ja:"自動車"},accessory:{en:"Accessory",zh:"配件","zh-tw":"配件",ja:"アクセサリー"},"real-estate":{en:"Real estate",zh:"房产","zh-tw":"房產",ja:"不動産"},interior:{en:"Interior",zh:"室内","zh-tw":"室內",ja:"インテリア"},walkthrough:{en:"Walkthrough",zh:"漫游","zh-tw":"漫遊",ja:"ウォークスルー"},wedding:{en:"Wedding",zh:"婚礼","zh-tw":"婚禮",ja:"ウェディング"},stationery:{en:"Stationery",zh:"文具","zh-tw":"文具",ja:"ステーショナリー"},motion:{en:"Motion",zh:"动态","zh-tw":"動態",ja:"モーション"},snack:{en:"Snack",zh:"零食","zh-tw":"零食",ja:"スナック"},food:{en:"Food",zh:"食品","zh-tw":"食品",ja:"食品"},"smart-home":{en:"Smart home",zh:"智能家居","zh-tw":"智慧家居",ja:"スマートホーム"},setup:{en:"Setup",zh:"设置","zh-tw":"設定",ja:"セットアップ"},toy:{en:"Toy",zh:"玩具","zh-tw":"玩具",ja:"玩具"},kids:{en:"Kids",zh:"儿童","zh-tw":"兒童",ja:"キッズ"},reaction:{en:"Reaction",zh:"反应","zh-tw":"反應",ja:"リアクション"},backpack:{en:"Backpack",zh:"背包","zh-tw":"背包",ja:"バックパック"},outdoor:{en:"Outdoor",zh:"户外","zh-tw":"戶外",ja:"アウトドア"},adventure:{en:"Adventure",zh:"冒险","zh-tw":"冒險",ja:"冒険"},candle:{en:"Candle",zh:"蜡烛","zh-tw":"蠟燭",ja:"キャンドル"},mood:{en:"Mood",zh:"氛围","zh-tw":"氛圍",ja:"ムード"},"phone-case":{en:"Phone case",zh:"手机壳","zh-tw":"手機殼",ja:"スマホケース"},amazon:{en:"Amazon",zh:"Amazon","zh-tw":"Amazon",ja:"Amazon"},supplement:{en:"Supplement",zh:"补剂","zh-tw":"補劑",ja:"サプリ"}

1,coffee:{en:"Coffee",zh:"咖啡","zh-tw":"咖啡",ja:"コーヒー"},brand:{en:"Brand",zh:"品牌","zh-tw":"品牌",ja:"ブランド"},sneaker:{en:"Sneaker",zh:"球鞋","zh-tw":"球鞋",ja:"スニーカー"},launch:{en:"Launch",zh:"发布","zh-tw":"發布",ja:"ローンチ"},hype:{en:"Hype",zh:"种草氛围","zh-tw":"種草氛圍",ja:"熱量"},beauty:{en:"Beauty",zh:"美妆","zh-tw":"美妝",ja:"美容"},pet:{en:"Pet",zh:"宠物","zh-tw":"寵物",ja:"ペット"},dog:{en:"Dog",zh:"狗狗","zh-tw":"狗狗",ja:"犬"},perfume:{en:"Perfume",zh:"香水","zh-tw":"香水",ja:"香水"},marketing:{en:"Marketing",zh:"营销","zh-tw":"行銷",ja:"マーケティング"},watch:{en:"Watch",zh:"腕表","zh-tw":"腕錶",ja:"時計"},culture:{en:"Culture",zh:"文化","zh-tw":"文化",ja:"文化"},cat:{en:"Cat",zh:"猫咪","zh-tw":"貓咪",ja:"猫"},meme:{en:"Meme",zh:"梗图","zh-tw":"梗圖",ja:"ミーム"},tiktok:{en:"TikTok",zh:"TikTok","zh-tw":"TikTok",ja:"TikTok"},lingerie:{en:"Lingerie",zh:"内衣","zh-tw":"內衣",ja:"ランジェリー"},"e-commerce":{en:"E-commerce",zh:"电商","zh-tw":"電商",ja:"EC"},etsy:{en:"Etsy",zh:"Etsy","zh-tw":"Etsy",ja:"Etsy"},mockup:{en:"Mockup",zh:"样机","zh-tw":"樣機",ja:"モックアップ"},"custom-products":{en:"Custom products",zh:"定制商品","zh-tw":"客製商品",ja:"カスタム商品"},"image-edit":{en:"Image edit",zh:"图片编辑","zh-tw":"圖片編輯",ja:"画像編集"}

1,"background-removal":{en:"Background removal",zh:"背景移除","zh-tw":"背景移除",ja:"背景除去"},"face-swap":{en:"Face swap",zh:"换脸","zh-tw":"換臉",ja:"フェイススワップ"},dance:{en:"Dance",zh:"舞蹈","zh-tw":"舞蹈",ja:"ダンス"},"motion-control":{en:"Motion control",zh:"动作控制","zh-tw":"動作控制",ja:"モーション制御"},kling:{en:"Kling",zh:"Kling","zh-tw":"Kling",ja:"Kling"},mimic:{en:"Mimic",zh:"模仿","zh-tw":"模仿",ja:"模倣"},"amazon-a":{en:"Amazon A+",zh:"Amazon A+","zh-tw":"Amazon A+",ja:"Amazon A+"},headphone:{en:"Headphone",zh:"耳机","zh-tw":"耳機",ja:"ヘッドホン"},nba:{en:"NBA",zh:"NBA","zh-tw":"NBA",ja:"NBA"},"viral-video":{en:"Viral video",zh:"爆款视频","zh-tw":"爆款影片",ja:"バイラル動画"},"fruit-avatar":{en:"Fruit avatar",zh:"水果头像","zh-tw":"水果頭像",ja:"フルーツアバター"},"tiktok-viral":{en:"TikTok viral",zh:"TikTok 爆款","zh-tw":"TikTok 爆款",ja:"TikTok バイラル"},"ai-fruit":{en:"AI fruit",zh:"AI 水果","zh-tw":"AI 水果",ja:"AI フルーツ"},"viral-hook":{en:"Viral hook",zh:"爆款钩子","zh-tw":"爆款鉤子",ja:"バイラルフック"},"high-quality":{en:"High quality",zh:"高品质","zh-tw":"高品質",ja:"高品質"},commercial:{en:"Commercial",zh:"商业广告","zh-tw":"商業廣告",ja:"コマーシャル"},"ai-video-prompt":{en:"AI video prompt",zh:"AI 视频提示词","zh-tw":"AI 影片提示詞",ja:"AI 動画プロンプト"},"video-analysis":{en:"Video analysis",zh:"视频分析","zh-tw":"影片分析",ja:"動画分析"},"video-replicator":{en:"Video replicator",zh:"视频复刻","zh-tw":"影片複刻",ja:"動画複製"}};function r(e,r){let n=e.trim(),i=t(n),o=a[i]?.[r];return o?o:n||i.split("-").filter(Boolean).map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(" ")}e.s(["localizeMarketplaceTagLabel",()=>r,"slugifyMarketplaceTag",()=>t])},561871,e=>{"use strict";let t=(0,e.i(591762).default)("sparkles",[["path",{d:"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z",key:"1s2grr"}],["path",{d:"M20 2v4",key:"1rf3ol"}

1],["path",{d:"M22 4h-4",key:"gwowj6"}],["circle",{cx:"4",cy:"20",r:"2",key:"6kqj1y"}]]);e.s(["Sparkles",()=>t],561871)},548590,e=>{"use strict";var t=e.i(342889);e.s(["LoaderCircle",()=>t.default])},778268,e=>{"use strict";let t=(0,e.i(591762).default)("arrow-up-right",[["path",{d:"M7 7h10v10",key:"1tivn9"}],["path",{d:"M7 17 17 7",key:"1vkiza"}]]);e.s(["ArrowUpRight",()=>t],778268)},385730,e=>{"use strict";var t=e.i(984807);function a(){return(0,t.createProductAnalyticsSessionId)("agent_flow")}function r(e,t){return{...e,...t,originSurface:e.originSurface??e.surface,originEntryPoint:e.originEntryPoint??e.entryPoint}}function n(e,a,r={}){(0,t.trackProductAnalyticsEvent)(e,{properties:{surface:a.surface,entry_point:a.entryPoint,origin_surface:a.originSurface??a.surface,origin_entry_point:a.originEntryPoint??a.entryPoint,flow_id:a.flowId,project_id:a.projectId,...r}})}e.s(["continueAgentAnalyticsContext",()=>r,"createAgentAnalyticsFlowId",()=>a,"trackAgentAnalyticsEvent",()=>n])},601465,e=>{"use strict";function t(e){let t=e.nativeEvent;return!!(t?.isComposing||t?.keyCode===229||t?.which===229||229===e.keyCode||229===e.which)}e.s(["isImeComposing",()=>t])},695095,e=>{"use strict";var t=e.i(420460),a=e.i(634907),r=e.i(141988);function n(){t.hasReducedMotionListener.current||(0,a.initPrefersReducedMotion)();let[e]=(0,r.useState)(t.prefersReducedMotion.current);return e}e.s(["useReducedMotion",()=>n])},658705,e=>{"use strict";e.s(["promptComposerIconButtonClassName",0,"flex shrink-0 items-center justify-center rounded-full text-zinc-500 outline-none transition-colors duration-150 hover:bg-zinc-100 hover:text-zinc-900 focus-visible:ring-2 focus-visible:ring-zinc-500/35 disabled:cursor-not-allowed disabled:text-zinc-300","promptComposerInputClassName",0,"bg-transparent text-[15px] leading-6 text-zinc-900 outline-none placeholder:text-zinc-500","promptComposerSendButtonClassName",0,"flex shrink-0 items-center justify-center rounded-full bg-zinc-950 text-white outline-none transition-[background-color,color,transform] duration-150 hover:bg-zinc-800 active:translate-y-px focus-visible:ring-2 focus-visible:ring-zinc-500/40 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:bg-zinc-200 disabled:text-zinc-500 disabled:active:translate-y-0","promptComposerSurfaceClassName",0,"rounded-[16px] border border-zinc-200 bg-white text-left transition-[border-color,box-shadow] duration-150 focus-within:border-zinc-400 focus-within:ring-4 focus-within:ring-zinc-950/[0.05]","promptComposerToolbarClassName",0,"border-t border-zinc-100"])},301668,e=>{"use strict";let t=(0,e.i(591762).default)("arrow-up",[["path",{d:"m5 12 7-7 7 7",key:"hav0vg"}],["path",{d:"M12 19V5",key:"x0mq9r"}]]);e.s(["ArrowUp",()=>t],301668)},152135,e=>{"use strict";let t=(0,e.i(591762).default)("paperclip",[["path",{d:"m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551",key:"1miecu"}]]);e.s(["Paperclip",()=>t],152135)},144245,e=>{"use strict";let t="studio:landingAgentIntent",a="landing-agent-attachments";function r(e){return!!e&&"object"==typeof e&&"string"==typeof e.id&&("image"===e.type||"video"===e.type||"audio"===e.type)&&"string"==typeof e.name}function n(e){return!!e&&"object"==typeof e&&1===e.v&&"string"==typeof e.id&&"string"==typeof e.prompt&&"number"==typeof e.createdAt&&Array.isArray(e.attachments)&&e.attachments.every(r)&&function(e){if(void 0===e)return!0;if(!e||"object"!=typeof e)return!1;let t=["homepage","studio_hub","mobile_studio","canvas"];return"string"==typeof e.flowId&&"string"==typeof e.entryPoint&&t.includes(e.surface)&&(void 0===e.originSurface||t.includes(e.originSurface))&&(void 0===e.originEntryPoint||"string"==typeof e.originEntryPoint)&&(void 0===e.projectId||"string"==typeof e.projectId)&&(void 0===e.promptAlreadyTracked||"boolean"==typeof e.promptAlreadyTracked)}(e.analytics)&&(e.prompt.length>0||e.attachments.length>0)}function i(){try{let e=window.sessionStorage.getItem(t);if(!e)return null;let a=JSON.parse(e);if(!n(a)||Date.now()-a.createdAt>864e5)return window.sessionStorage.removeItem(t),n(a)&&c(a.id),null;return a}catch{return window.sessionStorage.removeItem(t),null}}function o(){return new Promise((e,t)=>

1{if("u"<typeof indexedDB)return void t(Error("INDEXED_DB_UNAVAILABLE"));let r=indexedDB.open("genflow-studio-handoff",1);r.onupgradeneeded=()=>{let e=r.result;e.objectStoreNames.contains(a)||e.createObjectStore(a,{keyPath:"intentId"})},r.onsuccess=()=>e(r.result),r.onerror=()=>t(r.error??Error("IDB_OPEN_FAILED"))})}async function s(e,t){if(0===t.length)return;let r=await o();try{await new Promise((n,i)=>{let o=r.transaction(a,"readwrite");o.objectStore(a).put({intentId:e,files:t.map(e=>({id:e.id,blob:e.file,lastModified:e.file.lastModified}))}),o.oncomplete=()=>n(),o.onerror=()=>i(o.error??Error("IDB_WRITE_FAILED")),o.onabort=()=>i(o.error??Error("IDB_WRITE_ABORTED"))})}finally{r.close()}}async function l(e){let t=await o();try{return await new Promise((r,n)=>{let i=t.transaction(a,"readonly").objectStore(a).get(e);i.onsuccess=()=>r(i.result??null),i.onerror=()=>n(i.error??Error("IDB_READ_FAILED"))})}finally{t.close()}}async function c(e){if("u">typeof indexedDB)try{let t=await o();try{await new Promise((r,n)=>{let i=t.transaction(a,"readwrite");i.objectStore(a).delete(e),i.oncomplete=()=>r(),i.onerror=()=>n(i.error??Error("IDB_DELETE_FAILED"))})}finally{t.close()}}catch{}}async function d(e,a=[],r){let n=e.replace(/\s+/g," ").trim();if(!n&&0===a.length)return null;let o={v:1,id:"u">typeof crypto&&"function"==typeof crypto.randomUUID?crypto.randomUUID():`${Date.now().toString(36)}-${Math.random().toString(36).slice(2)}`,prompt:n,createdAt:Date.now(),attachments:a,analytics:r},l=i(),u={...o,attachments:a.map(({id:e,type:t,name:a,mimeType:r})=>({id:e,type:t,name:a,mimeType:r}))};try{await s(o.id,a),window.sessionStorage.setItem(t,JSON.stringify(u)),l&&l.id!==o.id&&c(l.id)}catch{return await c(o.id),null}return o}async function u(){let e=i();if(!e)return null;if(0===e.attachments.length)return{...e,attachments:[]};try{let t=await l(e.id),a=new Map(t?.files.map(e=>[e.id,e])??[]),r=e.attachments.flatMap(e=>{let t=a.get(e.id);return t?[{...e,file:new File([t.blob],e.name,{type:e.mimeType||t.blob.type,lastModified:t.lastModified})}]:[]});if(r.length!==e.attachments.length)throw Error("LANDING_AGENT_ATTACHMENTS_MISSING");return{...e,attachments:r}}catch{return null}}function p(e){let a=i();e&&a&&a.id!==e||(window.sessionStorage.removeItem(t),a?.id&&c(a.id))}e.s(["clearLandingAgentIntent",()=>p,"persistLandingAgentIntent",()=>d,"readLandingAgentIntent",()=>u])},80224,e=>{"use strict";var t=e.i(449025),a=e.i(47371),r=e.i(675274),n=e.i(648406),i=e.i(461865),o=e.i(301668),s=e.i(778268),l=e.i(148987),c=e.i(79858),d=e.i(548590),u=e.i(152135),p=e.i(977406),h=e.i(561871),m=e.i(649638),f=e.i(32048),g=e.i(741077),b=e.i(695095),w=e.i(141988),x=e.i(90235),y=e.i(751199),z=e.i(985740),v=e.i(658705),k=e.i(385730),j=e.i(386691),A=e.i(601465);let N=`Create a 15-second UGC product video using my uploaded product image.
2Audience: [describe your audience]
3Key benefit: [add the strongest benefit]
4Platform: TikTok / Reels
5Style: authentic creator testimonial`,P=`${N}
6Format: natural first-person creator review
7Opening: start with the audience's problem in one conversational sentence
8Story: explain why I tried the product, demonstrate it clearly, then share the most believable benefit
9Visual direction: handheld selfie framing, soft daylight, real skin texture, and the product label facing camera
10Ending: finish with a concise personal recommendation without exaggerated claims`,C=`${N}
11Format: three alternative opening hooks followed by one reusable creator-style body
12Hook 1 — Problem: "My skin was dry and irritated—then I tried this."
13Hook 2 — Demo: "Watch how this cream melts into my skin."
14Hook 3 — Result: "This is the calmest my skin has looked in weeks."
15Body: show the product, demonstrate application, explain the key benefit, and end with an authentic creator reaction
16Continuity: keep the same creator, setting, lighting, and product presentation across all three variants`,_=`${N}
17Format: tactile product demo followed by an authentic creator reaction
18Opening: begin with a macro shot of the packaging and product texture
19Demo: show how much product to use, how it spreads, and how it absorbs on 

19skin
20Benefit: connect the visible application moment to the strongest product benefit
21Visual direction: clean vanity setting, soft natural light, close detail shots, and the product label clearly visible
22Ending: transition to the creator's natural after-use reaction and a concise recommendation`,I=`Animate my uploaded still image into a 6-second cinematic shot.
23Camera: slow forward dolly with subtle parallax
24Subject motion: coat and dust moving naturally in the wind
25Look: realistic 35mm anamorphic cinematography, restrained teal-and-amber grade
26Continuity: preserve the subject, landscape, lighting, and composition
27Output: one 16:9 master shot plus three motion variants`,E=`Create a 10-second 3D animated children's scene.
28Story: a curious rabbit astronaut discovers a tiny friendly moon creature
29Action: the rabbit approaches, the moon creature glows, and they wave to each other
30Look: polished family-animation rendering, rounded forms, expressive faces, soft moonlight
31Camera: wide establishing shot, gentle push-in, then a warm reaction close-up
32Output: one complete scene plus three opening-shot variants`,S=["jpg","jpeg","png","webp"];var T=e.i(144245);let L="/assets/seo/ugc",$="https://media.genflowai.io/genflow-showcase/seo-tools/ai-ugc-video-generator",O=`${L}/ugc-creator-main.png`,M="https://media.genflowai.io/genflow-showcase/seo-tools/image-to-video-ai",R=`${M}

32/cinematic-shot.webp`,D="/assets/seo/text-to-video/kids-3d-scene.png",U="https://media.genflowai.io/genflow-showcase/seo-tools/text-to-video-ai",B={ugc:{kind:"ugc",analyticsEntryPoint:"seo_ugc_tool_hero",title:"AI UGC Video Generator for Product Ads",description:"Turn one product image into scroll-stopping creator videos—without filming.",proofInputLabel:"Product image",proofInputKind:"image",proofInputImage:`${$}/skincare-product-input.png`,proofInputAlt:"Dr. Althea 345 Relief Cream used as the product input",proofOutputLabel:"UGC ad",proofOutputImage:O,proofOutputVideo:`${$}/skincare-testimonial.mp4`,proofOutputAlt:"Creator testimonial demonstrating Dr. Althea 345 Relief Cream",durationLabel:"0:10",proofOutputBadge:"Creator testimonial",proofPrompt:"Natural skincare creator, honest review, soft sunlight, 10s hook.",agentPrompt:N,briefLabel:"UGC video brief",uploadLabel:"Upload product image",variantLabel:"hook",variants:[{label:"Hook A · Problem",template:"My skin was dry and irritated—then I tried this.",src:`${$}/ugc-hook-problem.webp`,position:"50% 50%"},{label:"Hook B · Demo",template:"Watch how this cream melts into my skin.",src:`${$}/ugc-hook-application.webp`,position:"50% 50%"},{label:"Hook C · Result",template:"This is the calmest my skin has looked in weeks.",src:`${$}/ugc-hook-result.webp`,position:"50% 50%"}],chips:["TikTok · 10 sec","Authentic testimonial","3 hook variants"],helperText:"Edit the template, then send it to Genflow Agent. Add a product image from the paperclip when needed.",templateEyebrow:"UGC video templates",templateTitle:"Start with a proven creator format.",templateDescription:"Choose a ready-made UGC structure and continue directly in Genflow Agent with the production brief prefilled.",templates:[{title:"Creator Testimonial",description:"A natural first-person review with a clear product moment and soft lifestyle framing.",image:O,imageAlt:"Creator testimonial UGC template preview",imagePosition:"50% 34%",meta:"15 sec · TikTok / Reels",prompt:P},{title:"Three-Hook Product Ad",description:"Generate three opening angles before carrying the strongest hook into the full edit.",image:`${L}/ugc-hook-b.png`,imageAlt:"Three-hook creator product ad template preview",imagePosition:"50% 36%",meta:"3 hooks · Creator style",prompt:C},{title:"Product Demo Story",description:"Lead with product texture and benefits, then transition into an authentic creator reaction.",image:"/images/studio/mobile-cta/product-ad.jpg",imageAlt:"Premium skincare product demo template preview",imagePosition:"50% 52%",meta:"Demo · Benefit led",prompt:_}]},"image-to-video":{kind:"image-to-video",analyticsEntryPoint:"seo_image_to_video_tool_hero",title:"Image to Video AI for Cinematic Shots",description:"Turn one still frame into film-quality motion with controlled camera direction, atmosphere, and continuity.",proofInputLabel:"Still image",proofInputKind:"image",proofInputImage:R,proofInputAlt:"Alien valley still image used as the animation source",proofOutputLabel:"Cinematic shot",proofOutputImage:R,proofOutputVideo:`${M}/cinematic-shorts.mp4`,proofOutputAlt:"Cinematic image-to-video shot of an explorer beneath a ringed planet",durationLabel:"0:06",proofOutputBadge:"Slow dolly · 6 sec",proofPrompt:"Slow forward dolly, wind-blown dust, subtle parallax, preserve the explorer.",agentPrompt:I,briefLabel:"Cinematic motion brief",uploadLabel:"Upload source image",variantLabel:"motion",variants:[{label:"Dolly in",template:"Slow forward camera move",src:`${M}/cinematic-hooka.webp`,position:"50% 62%"},{label:"Orbit left",template:"Lateral orbit with parallax",src:`${M}/cinematic-hookb.webp`,position:"36% 48%"},{label:"Reveal sky",template:"Crane upward into a wide reveal",src:`${M}/cinematic-hookc.webp`,position:"50% 15%"}],chips:["16:9 · 6 sec","35mm cinematic","3 motion variants"],helperText:"Edit the motion brief, then send it to Genflow Agent. Add a source image from the paperclip when needed.",templateEyebrow:"Cinematic motion templates",templateTitle:"Choose the camera move before you generate.",templateDescription:"Each template packages camera behavior, atmosphere, and continuity rules into a reusable cinematic brief.",templates:[{title:"Slow Planetary Dolly",description:"A restrained forward move with atmospheric depth, wind detail, and preserved subject continuity.",image:R,imageAlt:"Cinematic planetary dolly template preview",imagePosition:"50% 58%",meta:"6 sec · 35mm",prompt:I},{title:"Epic World Reveal",description:"Begin close to the explorer, then reveal the full scale of the alien landscape and sky.",image:"/assets/studio/dashboard-inspirations/cinematic-story.png",imageAlt:"Epic cinematic world reveal template preview",meta:"Wide reveal · 16:9",prompt:`${I}
33Begin close on the explorer, then crane up into an epic world reveal.`},{title:"Orbit and Parallax",description:"Create a subtle lateral orbit that separates the foreground, subject, and distant planet.",image:"/assets/marketing/engine-domains/entertainment.png",imageAlt:"Cinematic orbit and parallax template preview",imagePosition:"76% 50%",meta:"Orbit left · Film grade",prompt:`${I}
34Use a subtle left orbit with strong foreground-to-background parallax.`}]}

34,"text-to-video":{kind:"text-to-video",analyticsEntryPoint:"seo_text_to_video_tool_hero",title:"Text to Video AI for 3D Kids Animation",description:"Turn a simple story idea into expressive 3D character animation with camera beats and scene variants.",proofInputLabel:"Story prompt",proofInputKind:"prompt",proofInputText:"A curious rabbit astronaut meets a tiny glowing moon creature and makes a new friend.",proofOutputLabel:"3D animation",proofOutputImage:D,proofOutputVideo:`${U}/3d-animation.mp4`,proofOutputAlt:"3D animated rabbit astronaut meeting a friendly glowing moon creature",durationLabel:"0:10",proofOutputBadge:"Kids story · 10 sec",proofPrompt:"Rabbit astronaut meets a glowing moon friend, expressive faces, gentle push-in.",agentPrompt:E,briefLabel:"3D animation brief",variantLabel:"shot",variants:[{label:"Wide intro",template:"Establish the moon world",src:`${U}/3d-animation-hooka.webp`,position:"50% 58%"},{label:"First hello",template:"Show the characters meeting",src:`${U}/3d-animation-hookb.webp`,position:"36% 48%"},{label:"Moon friend",template:"Close on the warm reaction",src:`${U}/3d-animation-hookc.webp`,position:"72% 58%"}],chips:["3D animation · 10 sec","Family-friendly","3 shot variants"],helperText:"Edit the story and visual direction, then send the brief to Genflow Agent.",templateEyebrow:"3D story templates",templateTitle:"Begin with a story world children can enter.",templateDescription:"Pick a character-led scene and continue in Genflow Agent with the story, visual language, and shot plan ready to edit.",templates:[{title:"Moon Rabbit Adventure",description:"A curious astronaut meets a glowing moon friend in a gentle, expressive first-contact scene.",image:D,imageAlt:"Moon rabbit 3D animation template preview",imagePosition:"50% 54%",meta:"10 sec · 3D animation",prompt:E},{title:"Enchanted Forest Friend",description:"A young explorer discovers a warm floating creature among fireflies and oversized woodland forms.",image:"/images/studio/mobile-cta/character-story.jpg",imageAlt:"Enchanted forest children's animation template preview",imagePosition:"50% 42%",meta:"Character story · Warm glow",prompt:`${E}
35Move the story to an enchanted forest where a child discovers a friendly glowing creature.`},{title:"Kids Space Story Pack",description:"Build a playful episode from character turnarounds, lunar props, and a simple three-shot arc.",image:"/assets/studio/dashboard-inspirations/kids-animation.png",imageAlt:"Kids space story animation template pack preview",meta:"Story pack · 3 shots",prompt:`${E}
36Create three connected shots that can expand into a short kids space episode.`}]}};function F({config:e,onVariantSelect:r,selectedVariantLabel:n}){let o=(0,b.useReducedMotion)(),s=async()=>{try{await navigator.clipboard.writeText(e.proofPrompt),x.toast.success("Example prompt copied")}catch{x.toast.error("Couldn't copy the prompt")}};return(0,t.jsxs)("div",{id:`${e.kind}-proof`,className:"min-w-0 origin-top","data-gf-motion":"image",children:[(0,t.jsxs)("div",{className:"grid grid-cols-[minmax(0,0.92fr)_2rem_minmax(0,1.08fr)] items-start gap-2 sm:grid-cols-[minmax(0,0.92fr)_3rem_minmax(0,1.08fr)] sm:gap-3",children:[(0,t.jsxs)("figure",{className:"min-w-0",children:[(0,t.jsx)("figcaption",{className:"mb-3 text-center text-xs font-extrabold text-zinc-800 sm:text-sm dark:text-zinc-200",children:e.proofInputLabel}),(0,t.jsx)("div",{className:`relative overflow-hidden rounded-[18px] bg-[#d8c7b5] shadow-[0_24px_70px_-45px_rgba(15,23,42,0.55)] ring-1 ring-zinc-950/[0.06] sm:rounded-[22px] ${"ugc"===e.kind?"aspect-[9/16]":"aspect-[3/4]"}`,children:"image"===e.proofInputKind&&e.proofInputImage?(0,t.jsx)(a.default,{src:e.proofInputImage,alt:e.proofInputAlt??"Source image",fill:!0,priority:!0,unoptimized:e.proofInputImage.startsWith("https://"),sizes:"(max-width: 1023px) 42vw, 250px",className:"object-cover",style:"image-to-video"===e.kind?{filter:"saturate(0.72) contrast(0.94)"}:void 0}):(0,t.jsxs)("div",{className:"flex h-full flex-col justify-between bg-[linear-gradient(145deg,#f4f0e8_0%,#e7edf1_100%)] p-4 text-left sm:p-5",children:[(0,t.jsx)("span",{className:"flex h-9 w-9 items-center justify-center rounded-full bg-white text-sky-700 shadow-sm",children:(0,t.jsx)(h.Sparkles,{className:"h-4 w-4","aria-hidden":"true"})}),(0,t.jsxs)("blockquote",{className:"text-sm font-black leading-6 text-zinc-900 sm:text-base sm:leading-7",children:["“",e.proofInputText,"”"]}),(0,t.jsx)("p",{className:"text-[10px] font-extrabold uppercase tracking-[0.16em] text-zinc-500",children:"Text prompt"})]})})]}),(0,t.jsx)(i.ArrowRight,{className:"h-6 w-6 self-center justify-self-center text-zinc-900 sm:h-8 sm:w-8 dark:text-zinc-100",strokeWidth:1.5,"aria-hidden":"true"}),(0,t.jsxs)("figure",{className:"min-w-0",children:[(0,t.jsx)("figcaption",{className:"mb-3 text-center text-xs font-extrabold text-zinc-800 sm:text-sm dark:text-zinc-200",children:e.proofOutputLabel}),(0,t.jsx)("div",{className:`relative overflow-hidden rounded-[18px] bg-[#b79f86] shadow-[0_24px_70px_-45px_rgba(15,23,42,0.55)] ring-1 ring-zinc-950/[0.06] sm:rou

36nded-[22px] ${e.proofOutputVideo?"aspect-[9/16]":"aspect-[3/4]"}`,children:e.proofOutputVideo?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("video",{src:e.proofOutputVideo,"aria-label":e.proofOutputAlt,playsInline:!0,autoPlay:!o,muted:!0,loop:!0,disablePictureInPicture:!0,disableRemotePlayback:!0,preload:"metadata",tabIndex:-1,className:"pointer-events-none h-full w-full select-none object-cover"}),(0,t.jsxs)("div",{className:"pointer-events-none absolute inset-x-0 top-0 flex items-start justify-between gap-2 bg-gradient-to-b from-black/60 to-transparent px-3 pb-10 pt-3 text-white sm:px-4 sm:pt-4",children:[(0,t.jsxs)("span",{className:"rounded-full bg-black/35 px-2.5 py-1 text-[10px] font-extrabold backdrop-blur-sm sm:text-xs",children:[e.durationLabel.replace("0:","")," sec"]}),(0,t.jsx)("span",{className:"rounded-full bg-black/35 px-2.5 py-1 text-[10px] font-extrabold backdrop-blur-sm sm:text-xs",children:e.proofOutputBadge})]})]}):(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(a.default,{src:e.proofOutputImage,alt:e.proofOutputAlt,fill:!0,priority:!0,loading:"eager",sizes:"(max-width: 1023px) 45vw, 280px",className:"object-cover"}),(0,t.jsxs)("div",{className:"absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/70 via-black/15 to-transparent px-3 pb-3 pt-12 text-white sm:px-4 sm:pb-4",children:[(0,t.jsxs)("div",{className:"flex items-center gap-2 text-[10px] font-semibold sm:text-xs",children:[(0,t.jsx)(p.Play,{className:"h-3.5 w-3.5 fill-current","aria-hidden":"true"}),(0,t.jsxs)("span",{children:["0:00 / ",e.durationLabel]}),(0,t.jsx)("span",{className:"ml-auto",children:e.proofOutputBadge})]}),(0,t.jsx)("div",{className:"mt-2 h-0.5 overflow-hidden rounded-full bg-white/45",children:(0,t.jsx)("div",{className:"h-full w-[18%] rounded-full bg-white"})})]})]})})]})]}),(0,t.jsxs)("div",{className:"mt-5 flex min-w-0 items-center gap-2 rounded-[14px] border border-zinc-200/90 bg-white/80 px-3.5 py-3 shadow-sm backdrop-blur dark:border-white/[0.08] dark:bg-white/[0.04]",children:[(0,t.jsx)(h.Sparkles,{className:"h-4 w-4 shrink-0 text-zinc-900 dark:text-zinc-100","aria-hidden":"true"}),(0,t.jsxs)("p",{className:"min-w-0 flex-1 truncate text-xs text-zinc-500 sm:text-[13px]",children:[(0,t.jsx)("span",{className:"font-extrabold text-zinc-900 dark:text-zinc-100",children:"Prompt:"})," ",e.proofPrompt]}),(0,t.jsx)("button",{type:"button",onClick:s,"aria-label":"Copy example prompt",className:"flex h-8 w-8 shrink-0 items-center justify-center rounded-full text-zinc-400 transition hover:bg-zinc-100 hover:text-zinc-900 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-900 dark:hover:bg-white/10 dark:hover:text-white",children:(0,t.jsx)(c.Copy,{className:"h-4 w-4","aria-hidden":"true"})})]}),(0,t.jsx)("div",{id:`${e.kind}-variants`,className:"mt-4 grid grid-cols-3 gap-3 sm:gap-4",children:e.variants.map(i=>(0,t.jsxs)("button",{type:"button",onClick:()=>r(i),"aria-label":`Use ${i.label} prompt: ${i.template}`,"aria-pressed":n===i.label,className:"group min-w-0 rounded-[14px] text-left focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-zinc-900 dark:focus-visible:outline-white",children:[(0,t.jsx)("span",{className:`relative block aspect-[4/3] overflow-hidden rounded-[14px] bg-zinc-200 ring-1 transition duration-200 sm:rounded-[18px] ${n===i.label?"ring-2 ring-violet-500 ring-offset-2":"ring-zinc-950/[0.06] group-hover:ring-zinc-950/25 dark:group-hover:ring-white/25"}`,children:(0,t.jsx)(a.default,{src:i.src,alt:`${i.label}: ${i.template}`,fill:!0,loading:"ugc"===e.kind?"eager":"lazy",unoptimized:i.src.startsWith("https://"),sizes:"(max-width: 1023px) 29vw, 180px",className:"object-cover transition duration-300 group-hover:scale-[1.025]",style:{objectPosition:i.position}})}),(0,t.jsxs)("span",{className:"mt-2.5 block text-zinc-800 dark:text-zinc-200",children:[(0,t.jsx)("span",{className:"block text-xs font-black sm:text-sm",children:i.label}),(0,t.jsxs)("span",{className:"mt-1 block text-[10px] font-medium leading-4 text-zinc-500 sm:text-xs sm:leading-5 dark:text-zinc-400",children:["“",i.template,"”"]})]})]},i.label))})]})}function G({kind:e="ugc",ctaHref:c,toolsPath:p}){let h=B[e],N=(0,n.useRouter)(),{openAuth:P}=(0,y.useAuthDialog)(),{data:C,isPending:_}=j.api.auth.useSession(),I=(0,b.useReducedMotion)(),[E,L]=(0,w.useState)(!1),[$,O]=(0,w.useState)(h.agentPrompt),[M,R]=(0,w.useState)(null),[D,U]=(0,w.useState)(null),[G,K]=(0,w.useState)(!1),V=(0,w.useRef)(null),W=(0,w.useRef)(null),H=(0,w.useRef)(null),q=(0,w.useRef)((0,k.createAgentAnalyticsFlowId)()),J=(0,w.useRef)(!1);(0,w.useEffect)(()=>{H.current=D},[D]),(0,w.useEffect)(()=>()=>{H.current&&URL.revokeObjectURL(H.current.previewUrl)},[]),(0,w.useEffect)(()=>{_||J.current||(J.current=!0,(0,k.trackAgentAnalyticsEvent)("agent_entry_viewed",{flowId:q.current,surface:"homepage",entryPoint:h.analyticsEntryPoint},{authenticated:!!C?.user,device_surface:window.matchMedia("(max-width: 1023px)").matches?"mobile":"desktop"}))},[h.analyticsEntryPoint,_,C?.user]);let X=async e=>{if(e.preventDefault(),G||_||!$.trim()&&!D)return;K(!0);let t={flowId:q.current,surface:"homepage",entryPoint:h.analyticsEntryPoint,promptAlreadyTracked:!0};if(!await (0,T.persistLandingAgentIntent)($,D?[{id:D.id,type:D.type,file:D.file,name:D.name,mimeType:D.mimeType}]:[],t)){K(!1),x.toast.error("Couldn't prepare this video brief. Please try again.");return}if((0,k.trackAgentAnalyticsEvent)("agent_prompt_submitted",t,{authenticated:!!C?.user,device_surface:window.matchMedia("(max-width: 1023px)").matches?"mobile":"desktop",has_text:!!$.trim(),text_length:$.trim().length,attachment_count:+!!D,attachment_types:D?["image"]:[]}),!C?.user){K(!1),P({mode:"login",callbackURL:c});return}N.push(c)},Q=async(e,t)=>{let a;if(G||_)return;K(!0);let r=(a=c.includes("?")?"&":"?",`${c}${a}template=${t+1}`),n={flowId:q.current,surface:"homepage",entryPoint:`${h.analyticsEntryPoint}_template`,promptAlreadyTracked:!0};if(!await (0,T.persistLandingAgentIntent)(e.prompt,[],n)){K(!1),x.toast.error("Couldn't prepare this template. Please try again.");return}if((0,k.trackAgentAnalyticsEvent)("agent_prompt_submitted",n,{authenticated:!!C?.user,device_surface:window.matchMedia("(max-width: 1023px)").matches?"mobile":"desktop",has_text:!0,text_length:e.prompt.length,attachment_count:0,attachment_types:[]}),!C?.user){K(!1),P({mode:"login",callbackURL:r});return}N.push(r)};return(0,t.jsxs)("section",{className:"gf-shell pb-16 pt-24 sm:pt-28 md:pb-24 md:pt-32",children:[(0,t.jsxs)("div",{className:"grid gap-12 lg:grid-cols-[minmax(0,0.96fr)_minmax(0,1.04fr)] lg:items-start lg:gap-12 xl:gap-16",children:[(0,t.jsxs)("div",{className:"min-w-0 text-left","data-gf-motion":"fade-up",children:[(0,t.jsx)(r.default,{href:p,className:"block text-xs font-extrabold leading-5 text-zinc-500 transition hover:text-zinc-950 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-zinc-900 sm:text-sm dark:hover:text-zinc-200",children:"Tools"}),(0,t.jsx)("h1",{className:"mt-6 max-w-[13ch] text-[clamp(3rem,6.1vw,5.5rem)] font-black leading-[0.98] tracking-[-0.055em] text-zinc-950 dark:text-zinc-50",children:h.title}),(0,t.jsx)("p",{className:"mt-6 max-w-[34rem] text-base font-medium leading-7 text-zinc-600 sm:text-lg sm:leading-8 dark:text-zinc-400",children:h.description}),(0,t.jsx)(f.AnimatePresence,{initial:!1,mode:"wait",children:E?(0,t.jsxs)(g.motion.div,{initial:!I&&{opacity:0,y:10,scale:.985}

36,animate:{opacity:1,y:0,scale:1},exit:{opacity:0},transition:{duration:.24*!I},className:"mt-8",children:[(0,t.jsxs)("form",{onSubmit:X,className:"overflow-hidden rounded-[20px] border border-violet-300 bg-white text-left shadow-[0_22px_70px_-42px_rgba(109,40,217,0.55)] ring-4 ring-violet-500/[0.06] dark:border-violet-500/60 dark:bg-[#13141a]",children:[(0,t.jsxs)("div",{className:"px-4 pb-4 pt-4 sm:px-5 sm:pt-5",children:[(0,t.jsx)("label",{htmlFor:`${h.kind}-video-brief`,className:"text-xs font-extrabold text-zinc-500 dark:text-zinc-400",children:h.briefLabel}),(0,t.jsx)("textarea",{ref:V,id:`${h.kind}-video-brief`,value:$,onChange:e=>O(e.target.value),onKeyDown:e=>{!(0,A.isImeComposing)(e)&&(e.metaKey||e.ctrlKey)&&"Enter"===e.key&&(e.preventDefault(),e.currentTarget.form?.requestSubmit())},rows:7,maxLength:4e3,className:"mt-2 min-h-[168px] w-full resize-y bg-transparent text-[13px] font-medium leading-6 text-zinc-900 outline-none placeholder:text-zinc-400 sm:text-sm dark:text-zinc-100"}),h.uploadLabel?(0,t.jsx)("input",{ref:W,type:"file",accept:".jpg,.jpeg,.png,.webp",className:"hidden",onChange:e=>{(e=>{if(e){if(!function({name:e,type:t}){let a=e.split(".").pop()?.toLowerCase();return t.startsWith("image/")&&S.some(e=>e===a)}(e))return x.toast.error("Upload a JPG, PNG, or WEBP source image.");if(e.size>0xc00000)return x.toast.error("Choose an image smaller than 12 MB.");D&&URL.revokeObjectURL(D.previewUrl),U({id:`seo-video-${Date.now()}-${Math.random().toString(36).slice(2)}`,type:"image",file:e,name:e.name,mimeType:e.type||void 0,previewUrl:URL.createObjectURL(e)})}})(e.target.files?.[0]),e.currentTarget.value=""}}):null,D?(0,t.jsxs)("div",{className:"mt-3 flex min-w-0 items-center gap-3 rounded-[14px] border border-zinc-200 bg-zinc-50 p-2 dark:border-white/10 dark:bg-white/[0.04]",children:[(0,t.jsx)("span",{className:"relative h-12 w-12 shrink-0 overflow-hidden rounded-[10px] bg-zinc-200",children:(0,t.jsx)("img",{src:D.previewUrl,alt:"",className:"h-full w-full object-cover"})}),(0,t.jsx)("span",{className:"min-w-0 flex-1 truncate text-xs font-bold text-zinc-700 dark:text-zinc-300",children:D.name}),(0,t.jsx)("button",{type:"button",onClick:()=>{D&&URL.revokeObjectURL(D.previewUrl),U(null)},"aria-label":`Remove ${D.name}`,className:"flex h-9 w-9 shrink-0 items-center justify-center rounded-full text-zinc-400 transition hover:bg-white hover:text-zinc-900 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-900 dark:hover:bg-white/10 dark:hover:text-white",children:(0,t.jsx)(m.X,{className:"h-4 w-4","aria-hidden":"true"})})]}):null]}),(0,t.jsxs)("div",{className:"flex items-center justify-between gap-3 border-t border-zinc-100 px-3 py-3 sm:px-4 dark:border-white/[0.08]",children:[(0,t.jsxs)("div",{className:"flex min-w-0 items-center gap-1",children:[h.uploadLabel?(0,t.jsx)("button",{type:"button",onClick:()=>W.current?.click(),"aria-label":h.uploadLabel,className:`${v.promptComposerIconButtonClassName} h-10 w-10 dark:hover:bg-white/10 dark:hover:text-white`,children:(0,t.jsx)(u.Paperclip,{className:"h-4 w-4",strokeWidth:1.8,"aria-hidden":"true"})}):null,(0,t.jsxs)("span",{className:"flex min-w-0 items-center gap-2 px-1 text-xs font-bold text-zinc-600 dark:text-zinc-300",children:[(0,t.jsx)("span",{className:"h-[18px] w-[18px] shrink-0","aria-hidden":"true",children:(0,t.jsx)(z.GenflowLogo,{})}),(0,t.jsx)("span",{className:"truncate",children:"Agent Mode"})]})]}),(0,t.jsx)("button",{type:"submit",disabled:G||_||!$.trim()&&!D,"aria-label":"Continue in Genflow Agent","aria-busy":G,className:`${v.promptComposerSendButtonClassName} h-11 w-11 dark:bg-white dark:text-zinc-950 dark:hover:bg-zinc-200 dark:disabled:bg-zinc-800 dark:disabled:text-zinc-500`,children:G?(0,t.jsx)(d.LoaderCircle,{className:"h-4 w-4 animate-spin","aria-hidden":"true"}):(0,t.jsx)(o.ArrowUp,{className:"h-4 w-4",strokeWidth:2.4,"aria-hidden":"true"})})]})]}),(0,t.jsx)("div",{className:"mt-3 flex flex-wrap gap-2","aria-label":"Current video settings",children:h.chips.map(e=>(0,t.jsx)("span",{className:"rounded-full border border-zinc-200 bg-white/70 px-3 py-1.5 text-[11px] font-bold text-zinc-600 dark:border-white/10 dark:bg-white/[0.04] dark:text-zinc-400",children:e},e))}),(0,t.jsxs)("p",{className:"mt-3 text-xs font-medium leading-5 text-zinc-400",children:[h.helperText," Press ⌘/Ctrl + Enter to continue."]})]},"composer"):(0,t.jsxs)(g.motion.div,{initial:!I&&{opacity:0,y:8}

36,animate:{opacity:1,y:0},exit:I?{opacity:0}:{opacity:0,y:-8},transition:{duration:.2*!I},className:"mt-8",children:[(0,t.jsxs)("div",{className:"flex flex-col items-start gap-4 sm:flex-row sm:items-center",children:[(0,t.jsx)("button",{type:"button",onClick:()=>{L(!0),window.requestAnimationFrame(()=>V.current?.focus())},className:"inline-flex min-h-12 w-full items-center justify-center rounded-full bg-zinc-950 px-7 py-3 text-sm font-extrabold text-white transition hover:bg-zinc-800 active:translate-y-px focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-zinc-900 sm:w-auto dark:bg-white dark:text-zinc-950 dark:hover:bg-zinc-200",children:"Create Your First Video"}),(0,t.jsx)("button",{type:"button",onClick:()=>document.getElementById(`${h.kind}-templates`)?.scrollIntoView({behavior:"smooth",block:"start"}),className:"inline-flex min-h-11 items-center text-sm font-bold text-zinc-800 underline decoration-zinc-400 underline-offset-4 transition hover:text-zinc-950 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-zinc-900 dark:text-zinc-200 dark:hover:text-white",children:"See example outputs"})]}),(0,t.jsxs)("p",{className:"mt-5 flex items-center gap-2 text-sm font-medium text-zinc-400",children:[(0,t.jsx)(l.Check,{className:"h-4 w-4",strokeWidth:2,"aria-hidden":"true"}),"No credit card required"]})]},"cta")})]}),(0,t.jsx)(F,{config:h,onVariantSelect:e=>{O(`${h.agentPrompt}
37Opening hook: "${e.template}"`),R(e.label),L(!0),window.requestAnimationFrame(()=>{V.current?.focus(),V.current?.scrollIntoView({behavior:I?"auto":"smooth",block:"center"})})},selectedVariantLabel:M})]}),(0,t.jsxs)("div",{id:`${h.kind}-templates`,className:"scroll-mt-28 pt-20 md:pt-28","data-gf-motion":"fade-up",children:[(0,t.jsxs)("div",{className:"grid gap-6 border-t border-zinc-200/80 pt-10 lg:grid-cols-[minmax(0,0.8fr)_minmax(0,1.2fr)] lg:items-end dark:border-white/10",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("p",{className:"text-xs font-extrabold uppercase tracking-[0.16em] text-zinc-400",children:h.templateEyebrow}),(0,t.jsx)("h2",{className:"mt-4 max-w-[13ch] text-[clamp(2.25rem,5vw,4.8rem)] font-black leading-[0.98] tracking-[-0.05em] text-zinc-950 dark:text-zinc-50",children:h.templateTitle})]}),(0,t.jsx)("p",{className:"max-w-2xl text-base font-medium leading-8 text-zinc-600 lg:justify-self-end dark:text-zinc-400",children:h.templateDescription})]}),(0,t.jsx)("div",{className:"mt-10 grid gap-4 md:grid-cols-3",children:h.templates.map((e,r)=>(0,t.jsxs)("button",{type:"button",onClick:()=>Q(e,r),disabled:G||_,className:"group min-w-0 overflow-hidden rounded-[24px] border border-zinc-200/80 bg-white text-left shadow-[0_24px_70px_-52px_rgba(15,23,42,0.65)] transition duration-300 hover:-translate-y-1.5 hover:border-zinc-300 hover:shadow-[0_30px_80px_-46px_rgba(15,23,42,0.72)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-zinc-900 disabled:cursor-wait disabled:opacity-60 dark:border-white/10 dark:bg-[#15161b] dark:hover:border-white/20","aria-label":`Use ${e.title} template in Genflow Agent`,children:[(0,t.jsxs)("span",{className:"relative block aspect-[4/3] overflow-hidden bg-zinc-100 dark:bg-zinc-900",children:[(0,t.jsx)(a.default,{src:e.image,alt:e.imageAlt,fill:!0,unoptimized:e.image.startsWith("https://"),sizes:"(max-width: 767px) 100vw, 33vw",className:"object-cover transition duration-500 group-hover:scale-[1.035]",style:{objectPosition:e.imagePosition??"50% 50%"}}),(0,t.jsx)("span",{className:"absolute inset-0 bg-gradient-to-t from-black/60 via-black/5 to-transparent"}),(0,t.jsx)("span",{className:"absolute bottom-4 left-4 rounded-full bg-white/90 px-3 py-1.5 text-[11px] font-extrabold text-zinc-950 shadow-sm backdrop-blur",children:e.meta}),(0,t.jsx)("span",{className:"absolute right-4 top-4 flex h-11 w-11 items-center justify-center rounded-full bg-zinc-950 text-white shadow-lg transition group-hover:rotate-6 group-hover:scale-105 dark:bg-white dark:text-zinc-950",children:(0,t.jsx)(s.ArrowUpRight,{className:"h-5 w-5","aria-hidden":"true"})})]}),(0,t.jsxs)("span",{className:"block p-5 sm:p-6",children:[(0,t.jsx)("span",{className:"flex items-start justify-between gap-3",children:(0,t.jsx)("span",{className:"text-xl font-black tracking-tight text-zinc-950 dark:text-zinc-50",children:e.title})}),(0,t.jsx)("span",{className:"mt-3 block text-sm font-medium leading-6 text-zinc-500 dark:text-zinc-400",children:e.description}),(0,t.jsxs)("span",{className:"mt-5 inline-flex items-center gap-2 text-sm font-extrabold text-zinc-950 dark:text-white",children:["Use template in Agent",(0,t.jsx)(i.ArrowRight,{className:"h-4 w-4 transition group-hover:translate-x-1","aria-hidden":"true"})]})]})]},e.title))})]})]})}function K(e){return(0,t.jsx)(G,{...e,kind:"ugc"})}e.s(["UgcVideoGeneratorHero",()=>K,"VideoToolProofHero",()=>G],80224)}]);