You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2 lines
26 KiB
2 lines
26 KiB
import{j as a}from"./markdown-vendor-BZI_VWzW.js";import{u as se,r as i}from"./data-vendor-BOGugMqL.js";import{L as x}from"./react-vendor-wlKWdfEb.js";import{e as ne,c as te,m as $,a as le,s as W,b as ie,d as Z,S as V}from"./swiper-vendor-Bs-UmCJ7.js";/* empty css */import{g as re,a as ce,b as oe,R as v}from"./index-CpDY2xe_.js";import"./arco-vendor-CAnKnMnO.js";function de(e,S,m,_){return e.params.createElements&&Object.keys(_).forEach(o=>{if(!m[o]&&m.auto===!0){let y=ne(e.el,`.${_[o]}`)[0];y||(y=te("div",_[o]),y.className=_[o],e.el.append(y)),m[o]=y,S[o]=y}}),m}function D(e=""){return`.${e.trim().replace(/([\.:!+\/()[\]#>~*^$|=,'"@{}\\])/g,"\\$1").replace(/ /g,".")}`}function w({swiper:e,extendParams:S,on:m,emit:_}){const o="swiper-pagination";S({pagination:{el:null,bulletElement:"span",clickable:!1,hideOnClick:!1,renderBullet:null,renderProgressbar:null,renderFraction:null,renderCustom:null,progressbarOpposite:!1,type:"bullets",dynamicBullets:!1,dynamicMainBullets:1,formatFractionCurrent:s=>s,formatFractionTotal:s=>s,bulletClass:`${o}-bullet`,bulletActiveClass:`${o}-bullet-active`,modifierClass:`${o}-`,currentClass:`${o}-current`,totalClass:`${o}-total`,hiddenClass:`${o}-hidden`,progressbarFillClass:`${o}-progressbar-fill`,progressbarOppositeClass:`${o}-progressbar-opposite`,clickableClass:`${o}-clickable`,lockClass:`${o}-lock`,horizontalClass:`${o}-horizontal`,verticalClass:`${o}-vertical`,paginationDisabledClass:`${o}-disabled`}}),e.pagination={el:null,bullets:[]};let y,C=0;function U(){return!e.params.pagination.el||!e.pagination.el||Array.isArray(e.pagination.el)&&e.pagination.el.length===0}function A(s,n){const{bulletActiveClass:l}=e.params.pagination;s&&(s=s[`${n==="prev"?"previous":"next"}ElementSibling`],s&&(s.classList.add(`${l}-${n}`),s=s[`${n==="prev"?"previous":"next"}ElementSibling`],s&&s.classList.add(`${l}-${n}-${n}`)))}function z(s,n,l){if(s=s%l,n=n%l,n===s+1)return"next";if(n===s-1)return"previous"}function F(s){const n=s.target.closest(D(e.params.pagination.bulletClass));if(!n)return;s.preventDefault();const l=Z(n)*e.params.slidesPerGroup;if(e.params.loop){if(e.realIndex===l)return;const r=z(e.realIndex,l,e.slides.length);r==="next"?e.slideNext():r==="previous"?e.slidePrev():e.slideToLoop(l)}else e.slideTo(l)}function b(){const s=e.rtl,n=e.params.pagination;if(U())return;let l=e.pagination.el;l=$(l);let r,p;const L=e.virtual&&e.params.virtual.enabled?e.virtual.slides.length:e.slides.length,E=e.params.loop?Math.ceil(L/e.params.slidesPerGroup):e.snapGrid.length;if(e.params.loop?(p=e.previousRealIndex||0,r=e.params.slidesPerGroup>1?Math.floor(e.realIndex/e.params.slidesPerGroup):e.realIndex):typeof e.snapIndex<"u"?(r=e.snapIndex,p=e.previousSnapIndex):(p=e.previousIndex||0,r=e.activeIndex||0),n.type==="bullets"&&e.pagination.bullets&&e.pagination.bullets.length>0){const c=e.pagination.bullets;let f,j,P;if(n.dynamicBullets&&(y=ie(c[0],e.isHorizontal()?"width":"height"),l.forEach(d=>{d.style[e.isHorizontal()?"width":"height"]=`${y*(n.dynamicMainBullets+4)}px`}),n.dynamicMainBullets>1&&p!==void 0&&(C+=r-(p||0),C>n.dynamicMainBullets-1?C=n.dynamicMainBullets-1:C<0&&(C=0)),f=Math.max(r-C,0),j=f+(Math.min(c.length,n.dynamicMainBullets)-1),P=(j+f)/2),c.forEach(d=>{const h=[...["","-next","-next-next","-prev","-prev-prev","-main"].map(g=>`${n.bulletActiveClass}${g}`)].map(g=>typeof g=="string"&&g.includes(" ")?g.split(" "):g).flat();d.classList.remove(...h)}),l.length>1)c.forEach(d=>{const h=Z(d);h===r?d.classList.add(...n.bulletActiveClass.split(" ")):e.isElement&&d.setAttribute("part","bullet"),n.dynamicBullets&&(h>=f&&h<=j&&d.classList.add(...`${n.bulletActiveClass}-main`.split(" ")),h===f&&A(d,"prev"),h===j&&A(d,"next"))});else{const d=c[r];if(d&&d.classList.add(...n.bulletActiveClass.split(" ")),e.isElement&&c.forEach((h,g)=>{h.setAttribute("part",g===r?"bullet-active":"bullet")}),n.dynamicBullets){const h=c[f],g=c[j];for(let R=f;R<=j;R+=1)c[R]&&c[R].classList.add(...`${n.bulletActiveClass}-main`.split(" "));A(h,"prev"),A(g,"next")}}if(n.dynamicBullets){const d=Math.min(c.length,n.dynamicMainBullets+4),h=(y*d-y)/2-P*y,g=s?"right":"left";c.forEach(R=>{R.style[e.isHorizontal()?g:"top"]=`${h}px`})}}l.forEach((c,f)=>{if(n.type==="fraction"&&(c.querySelectorAll(D(n.currentClass)).forEach(j=>{j.textContent=n.formatFractionCurrent(r+1)}),c.querySelectorAll(D(n.totalClass)).forEach(j=>{j.textContent=n.formatFractionTotal(E)})),n.type==="progressbar"){let j;n.progressbarOpposite?j=e.isHorizontal()?"vertical":"horizontal":j=e.isHorizontal()?"horizontal":"vertical";const P=(r+1)/E;let d=1,h=1;j==="horizontal"?d=P:h=P,c.querySelectorAll(D(n.progressbarFillClass)).forEach(g=>{g.style.transform=`translate3d(0,0,0) scaleX(${d}) scaleY(${h})`,g.style.transitionDuration=`${e.params.speed}ms`})}n.type==="custom"&&n.renderCustom?(W(c,n.renderCustom(e,r+1,E)),f===0&&_("paginationRender",c)):(f===0&&_("paginationRender",c),_("paginationUpdate",c)),e.params.watchOverflow&&e.enabled&&c.classList[e.isLocked?"add":"remove"](n.lockClass)})}function I(){const s=e.params.pagination;if(U())return;const n=e.virtual&&e.params.virtual.enabled?e.virtual.slides.length:e.grid&&e.params.grid.rows>1?e.slides.length/Math.ceil(e.params.grid.rows):e.slides.length;let l=e.pagination.el;l=$(l);let r="";if(s.type==="bullets"){let p=e.params.loop?Math.ceil(n/e.params.slidesPerGroup):e.snapGrid.length;e.params.freeMode&&e.params.freeMode.enabled&&p>n&&(p=n);for(let L=0;L<p;L+=1)s.renderBullet?r+=s.renderBullet.call(e,L,s.bulletClass):r+=`<${s.bulletElement} ${e.isElement?'part="bullet"':""} class="${s.bulletClass}"></${s.bulletElement}>`}s.type==="fraction"&&(s.renderFraction?r=s.renderFraction.call(e,s.currentClass,s.totalClass):r=`<span class="${s.currentClass}"></span> / <span class="${s.totalClass}"></span>`),s.type==="progressbar"&&(s.renderProgressbar?r=s.renderProgressbar.call(e,s.progressbarFillClass):r=`<span class="${s.progressbarFillClass}"></span>`),e.pagination.bullets=[],l.forEach(p=>{s.type!=="custom"&&W(p,r||""),s.type==="bullets"&&e.pagination.bullets.push(...p.querySelectorAll(D(s.bulletClass)))}),s.type!=="custom"&&_("paginationRender",l[0])}function B(){e.params.pagination=de(e,e.originalParams.pagination,e.params.pagination,{el:"swiper-pagination"});const s=e.params.pagination;if(!s.el)return;let n;typeof s.el=="string"&&e.isElement&&(n=e.el.querySelector(s.el)),!n&&typeof s.el=="string"&&(n=[...document.querySelectorAll(s.el)]),n||(n=s.el),!(!n||n.length===0)&&(e.params.uniqueNavElements&&typeof s.el=="string"&&Array.isArray(n)&&n.length>1&&(n=[...e.el.querySelectorAll(s.el)],n.length>1&&(n=n.find(l=>le(l,".swiper")[0]===e.el))),Array.isArray(n)&&n.length===1&&(n=n[0]),Object.assign(e.pagination,{el:n}),n=$(n),n.forEach(l=>{s.type==="bullets"&&s.clickable&&l.classList.add(...(s.clickableClass||"").split(" ")),l.classList.add(s.modifierClass+s.type),l.classList.add(e.isHorizontal()?s.horizontalClass:s.verticalClass),s.type==="bullets"&&s.dynamicBullets&&(l.classList.add(`${s.modifierClass}${s.type}-dynamic`),C=0,s.dynamicMainBullets<1&&(s.dynamicMainBullets=1)),s.type==="progressbar"&&s.progressbarOpposite&&l.classList.add(s.progressbarOppositeClass),s.clickable&&l.addEventListener("click",F),e.enabled||l.classList.add(s.lockClass)}))}function M(){const s=e.params.pagination;if(U())return;let n=e.pagination.el;n&&(n=$(n),n.forEach(l=>{l.classList.remove(s.hiddenClass),l.classList.remove(s.modifierClass+s.type),l.classList.remove(e.isHorizontal()?s.horizontalClass:s.verticalClass),s.clickable&&(l.classList.remove(...(s.clickableClass||"").split(" ")),l.removeEventListener("click",F))})),e.pagination.bullets&&e.pagination.bullets.forEach(l=>l.classList.remove(...s.bulletActiveClass.split(" ")))}m("changeDirection",()=>{if(!e.pagination||!e.pagination.el)return;const s=e.params.pagination;let{el:n}=e.pagination;n=$(n),n.forEach(l=>{l.classList.remove(s.horizontalClass,s.verticalClass),l.classList.add(e.isHorizontal()?s.horizontalClass:s.verticalClass)})}),m("init",()=>{e.params.pagination.enabled===!1?O():(B(),I(),b())}),m("activeIndexChange",()=>{typeof e.snapIndex>"u"&&b()}),m("snapIndexChange",()=>{b()}),m("snapGridLengthChange",()=>{I(),b()}),m("destroy",()=>{M()}),m("enable disable",()=>{let{el:s}=e.pagination;s&&(s=$(s),s.forEach(n=>n.classList[e.enabled?"remove":"add"](e.params.pagination.lockClass)))}),m("lock unlock",()=>{b()}),m("click",(s,n)=>{const l=n.target,r=$(e.pagination.el);if(e.params.pagination.el&&e.params.pagination.hideOnClick&&r&&r.length>0&&!l.classList.contains(e.params.pagination.bulletClass)){if(e.navigation&&(e.navigation.nextEl&&l===e.navigation.nextEl||e.navigation.prevEl&&l===e.navigation.prevEl))return;const p=r[0].classList.contains(e.params.pagination.hiddenClass);_(p===!0?"paginationShow":"paginationHide"),r.forEach(L=>L.classList.toggle(e.params.pagination.hiddenClass))}});const q=()=>{e.el.classList.remove(e.params.pagination.paginationDisabledClass);let{el:s}=e.pagination;s&&(s=$(s),s.forEach(n=>n.classList.remove(e.params.pagination.paginationDisabledClass))),B(),I(),b()},O=()=>{e.el.classList.add(e.params.pagination.paginationDisabledClass);let{el:s}=e.pagination;s&&(s=$(s),s.forEach(n=>n.classList.add(e.params.pagination.paginationDisabledClass))),M()};Object.assign(e.pagination,{enable:q,disable:O,render:I,update:b,init:B,destroy:M})}const ee=[{id:"scene-a",coverUrl:new URL("/assets/scene1-dd66Xr-0.png",import.meta.url).href,avatarUrl:new URL("/assets/sceneCharacter1-TEHxoS51.png",import.meta.url).href,roleKey:"index.scene_section.roles.scene_a",descriptionKey:"index.scene_section.descriptions.scene_a"},{id:"scene-b",coverUrl:new URL("/assets/scene2-tFYnLArk.png",import.meta.url).href,avatarUrl:new URL("/assets/sceneCharacter2-OTh_nRyp.png",import.meta.url).href,roleKey:"index.scene_section.roles.scene_b",descriptionKey:"index.scene_section.descriptions.scene_b"},{id:"scene-c",coverUrl:new URL("/assets/scene3-DGS0abdp.png",import.meta.url).href,avatarUrl:new URL("/assets/sceneCharacter3-DhjNS1xI.png",import.meta.url).href,roleKey:"index.scene_section.roles.scene_c",descriptionKey:"index.scene_section.descriptions.scene_c"},{id:"scene-d",coverUrl:new URL("/assets/scene4-SqDAaFIr.png",import.meta.url).href,avatarUrl:new URL("/assets/sceneCharacter4-CRWlJksx.png",import.meta.url).href,roleKey:"index.scene_section.roles.scene_d",descriptionKey:"index.scene_section.descriptions.scene_d"}];function ue(e){const S=typeof e=="string"?e.trim():"";return S?S.split(/\r?\n/).map(m=>m.trim()).filter(Boolean):[]}function je(){const{t:e,i18n:S}=se(),m="index-landing-no-scrollbar",[_,o]=i.useState(""),[y,C]=i.useState(""),[U,A]=i.useState(!1),[z,F]=i.useState(""),[b,I]=i.useState(""),[B,M]=i.useState(""),[q,O]=i.useState(""),[s,n]=i.useState(null),[l,r]=i.useState([170,280,385,495]),[p,L]=i.useState([]),[E,c]=i.useState([]),f=i.useRef([]),j=i.useRef(null),P=i.useRef(null),d=i.useRef(null),h=i.useRef(null),g=i.useRef(null),R=i.useRef(null),Y=i.useRef(null),H=i.useRef(null),Q=i.useMemo(()=>E.filter(t=>t.isHot).slice(0,3),[E]),G=i.useCallback(()=>{const t=j.current;if(!t||f.current.length!==4||f.current.some(N=>N==null))return;const u=t.getBoundingClientRect().left,k=[Math.max(0,Math.round(f.current[0].getBoundingClientRect().left-u-30)),Math.max(0,Math.round(f.current[1].getBoundingClientRect().left-u-30)),Math.max(0,Math.round(f.current[2].getBoundingClientRect().left-u-30)),Math.max(0,Math.round(f.current[3].getBoundingClientRect().left-u-30))];r(N=>N.every((T,X)=>T===k[X])?N:k)},[]);return i.useEffect(()=>(document.documentElement.classList.add(m),document.body.classList.add(m),()=>{document.documentElement.classList.remove(m),document.body.classList.remove(m)}),[]),i.useEffect(()=>{const t=requestAnimationFrame(G),u=()=>requestAnimationFrame(G);return window.addEventListener("resize",u),()=>{cancelAnimationFrame(t),window.removeEventListener("resize",u)}},[G]),i.useEffect(()=>{re().then(t=>{o(t.contentConfig.indexMainSlogan??""),C(t.contentConfig.indexBannerImage??""),F(t.systemConfig.contactUsPageUrl??""),I(t.systemConfig.useNoticePageUrl??""),M(t.systemConfig.usageTutorialPageUrl??""),O(t.systemConfig.serviceQrCode??"")}).catch(()=>{o(""),C(""),O("")})},[]),i.useEffect(()=>{ce({type:1,page:1,pageSize:60}).then(t=>L(t.data?.list??t.list??[])).catch(()=>L([]))},[]),i.useEffect(()=>{oe({page:1,pageSize:200}).then(t=>{const k=(t.data?.list??t.list??[]).map(N=>{const T=N?.i18n?.[S.language]??{},X=T.title??N?.title??"",ae=T.desp??N?.desp??"",K=T.subtitle??N?.subtitle??"",J=ue(ae);return{...N,id:String(N?.id??""),title:X||K||"",descriptionLines:J.length>0?J:K?[K]:[],isOpen:!!N?.isOpen,showUrl:N?.showUrl??"",coverUrl:N?.coverUrl??""}});c(k)}).catch(()=>c([]))},[S.language]),i.useEffect(()=>{const t=P.current;if(!t||!U)return;t.muted=!0;const u=()=>void t.play().catch(()=>{});t.readyState>=2&&u(),t.addEventListener("canplay",u,{once:!0}),t.addEventListener("loadeddata",u,{once:!0});const k=window.setTimeout(u,300);return()=>window.clearTimeout(k)},[y,U]),i.useEffect(()=>{A(!1)},[y]),i.useEffect(()=>{if(!d.current||p.length===0)return;R.current?.destroy(!0,!0);const t=new V(d.current,{modules:[w],slidesPerView:"auto",centeredSlides:!0,loop:!0,spaceBetween:30,breakpoints:{0:{spaceBetween:8},576:{spaceBetween:16},992:{spaceBetween:30}},on:{init:u=>{u.slideToLoop(0,0,!1)},slideChange:()=>{}}});return R.current=t,()=>t.destroy(!0,!0)},[p]),i.useEffect(()=>{if(!h.current||ee.length===0)return;Y.current?.destroy(!0,!0);const t=new V(h.current,{modules:[w],slidesPerView:"auto",centeredSlides:!0,loop:!0,spaceBetween:30,breakpoints:{0:{spaceBetween:8},576:{spaceBetween:16},992:{spaceBetween:30}},pagination:{el:h.current.querySelector(".swiper-pagination")}});return Y.current=t,()=>t.destroy(!0,!0)},[]),i.useEffect(()=>{if(!g.current||E.length===0)return;H.current?.destroy(!0,!0);const t=new V(g.current,{slidesPerView:1,loop:E.length>1});return H.current=t,()=>t.destroy(!0,!0)},[E]),a.jsxs("div",{className:"layout-header-wrapper",children:[a.jsxs("header",{className:"layout-header",onMouseLeave:()=>n(null),children:[a.jsxs("div",{className:"landing-header-bar",children:[a.jsx(x,{className:"landing-header-brand",to:v.INDEX,children:a.jsx("img",{src:new URL("/assets/logo-full-white-B2Ofmfir.png",import.meta.url).href,alt:"Popi.art"})}),a.jsx("nav",{className:"landing-header-nav","aria-label":"Main",children:["index.header.nav_features","index.header.nav_templates","index.header.nav_product","index.header.nav_support"].map((t,u)=>a.jsx("span",{ref:k=>{f.current[u]=k},className:"landing-header-nav-link",onMouseEnter:()=>n(u),children:e(t)},t))}),a.jsx("div",{className:"landing-header-end",children:a.jsx(x,{className:"landing-header-cta",to:v.EXPLORE,children:e("index.header.cta_explore")})})]}),a.jsxs("div",{ref:j,className:"landing-header-nav-triggers",children:[a.jsx("div",{className:`landing-header-nav-trigger landing-header-nav-trigger-1 ${s===0?"is-open":""}`,style:{paddingLeft:l[0]},children:a.jsx("div",{className:"landing-header-nav-trigger-inner",children:a.jsxs("ul",{className:"landing-header-feature-list",role:"list",children:[a.jsx("li",{children:a.jsx(x,{className:"landing-header-feature-link",to:v.AI_IMAGE,children:e("menu.image")})}),a.jsx("li",{children:a.jsx(x,{className:"landing-header-feature-link",to:v.AI_VIDEO,children:e("menu.video")})}),a.jsx("li",{children:a.jsx(x,{className:"landing-header-feature-link",to:v.CREATE,children:e("menu.modeltrain")})})]})})}),a.jsx("div",{className:`landing-header-nav-trigger landing-header-nav-trigger-2 ${s===1?"is-open":""}`,style:{paddingLeft:l[1]},children:a.jsx("div",{className:"landing-header-nav-trigger-inner",children:a.jsxs("ul",{className:"landing-header-feature-list",role:"list",children:[Q.map(t=>a.jsx("li",{children:t.isOpen?a.jsx(x,{className:"landing-header-feature-link",to:v.EXPLORE,children:t.title}):a.jsx("span",{className:"landing-header-feature-link is-disabled",children:t.title})},t.id)),a.jsx("li",{children:a.jsx(x,{className:"landing-header-feature-link",to:v.EXPLORE,children:e("index.explore_more")})})]})})}),a.jsx("div",{className:`landing-header-nav-trigger landing-header-nav-trigger-3 ${s===2?"is-open":""}`,style:{paddingLeft:l[2]},children:a.jsx("div",{className:"landing-header-nav-trigger-inner",children:a.jsx("ul",{className:"landing-header-feature-list",role:"list",children:a.jsx("li",{children:a.jsx("span",{className:"landing-header-feature-link",onClick:()=>window.open("https://skillhub.popi.art","_blank"),children:e("index.header.product_skill")})})})})}),a.jsx("div",{className:`landing-header-nav-trigger landing-header-nav-trigger-4 ${s===3?"is-open":""}`,style:{paddingLeft:l[3]},children:a.jsx("div",{className:"landing-header-nav-trigger-inner",children:a.jsxs("div",{className:"landing-header-support-body",children:[a.jsxs("ul",{className:"landing-header-feature-list",role:"list",children:[a.jsx("li",{children:B?a.jsx("a",{className:"landing-header-feature-link",href:B,target:"_blank",rel:"noopener noreferrer",children:e("layout.usageTutorial")}):a.jsx("span",{className:"landing-header-feature-link is-disabled",children:e("layout.usageTutorial")})}),a.jsx("li",{children:b?a.jsx("a",{className:"landing-header-feature-link",href:b,target:"_blank",rel:"noopener noreferrer",children:e("app.ai_use_notice")}):a.jsx("span",{className:"landing-header-feature-link is-disabled",children:e("app.ai_use_notice")})}),a.jsx("li",{children:z?a.jsx("a",{className:"landing-header-feature-link landing-header-support-contact-link",href:z,target:"_blank",rel:"noopener noreferrer",children:e("index.header.support_contact")}):a.jsx("span",{className:"landing-header-feature-link landing-header-support-contact-link is-disabled",children:e("index.header.support_contact")})})]}),a.jsx("div",{className:"landing-header-support-qr",children:a.jsx("img",{src:q,alt:e("index.header.support_contact")})})]})})})]})]}),a.jsxs("div",{className:"layout-banner",children:[!U&&a.jsx("img",{className:"layout-banner-video",src:new URL("/assets/scene2-tFYnLArk.png",import.meta.url).href,alt:"","aria-hidden":"true"}),a.jsx("video",{ref:P,className:"layout-banner-video",autoPlay:!0,muted:!0,loop:!0,playsInline:!0,src:y,style:{visibility:U?"visible":"hidden"},onCanPlayThrough:()=>A(!0)}),a.jsx("div",{className:"banner-hero",children:a.jsxs("div",{className:"banner-hero-inner",children:[a.jsx("h1",{className:"banner-hero-title",children:_}),a.jsxs("div",{className:"banner-hero-pill",children:[a.jsx("p",{className:"banner-hero-pill-text",children:e("index.hero.pill_copy")}),a.jsx(x,{className:"banner-hero-pill-cta",to:v.EXPLORE,children:e("index.hero.cta_create")})]})]})})]}),a.jsxs("div",{className:"layout-body",children:[a.jsxs("section",{className:"section section-character",children:[a.jsxs("header",{className:"section-character-heading",children:[a.jsx("h2",{className:"section-character-title",children:e("index.character_section.title")}),a.jsxs("div",{className:"section-character-sub",children:[a.jsx("p",{className:"section-character-sub-line",children:e("index.character_section.sub_line1")}),a.jsx("p",{className:"section-character-sub-line",children:e("index.character_section.sub_line2")})]})]}),a.jsx("div",{className:"section-character-body",children:a.jsxs("div",{className:`swiper index-character-swiper ${p.length===0?"index-character-swiper--empty":""}`,ref:d,children:[a.jsx("div",{className:"swiper-wrapper",children:p.map((t,u)=>a.jsx("div",{className:"swiper-slide",children:a.jsx("div",{className:"swiper-slide-scale",children:a.jsx("img",{src:t?.avatar||t?.coverUrl||t?.imageUrl||"",alt:t?.title||t?.name||"character"})})},String(t?.id??u)))}),a.jsx("div",{className:"swiper-pagination"})]})})]}),a.jsxs("section",{className:"section section-scene",children:[a.jsx("header",{className:"section-scene-heading",children:a.jsx("h2",{className:"section-scene-title",children:e("index.scene_section.title")})}),a.jsx("div",{className:"section-scene-body",children:a.jsx("div",{className:"swiper index-scene-swiper",ref:h,children:a.jsx("div",{className:"swiper-wrapper",children:ee.map(t=>a.jsx("div",{className:"swiper-slide",children:a.jsxs("div",{className:"index-scene-slide-outer",children:[a.jsxs("div",{className:"index-scene-slide-visual",children:[a.jsx("div",{className:"index-scene-slide-photo",children:a.jsx("img",{src:t.coverUrl,alt:e(t.roleKey)})}),a.jsx("div",{className:"index-scene-slide-reflection","aria-hidden":"true",children:a.jsx("img",{className:"main",src:t.coverUrl,alt:""})})]}),a.jsxs("div",{className:"index-scene-slide-panel",children:[a.jsx("div",{className:"index-scene-avatar-wrap",children:a.jsx("img",{src:t.avatarUrl,alt:e(t.roleKey)})}),a.jsxs("div",{className:"index-scene-text",children:[a.jsx("p",{className:"index-scene-role",children:e("index.scene_section.role_label",{name:e(t.roleKey)})}),a.jsx("p",{className:"index-scene-desc",children:e(t.descriptionKey)})]}),a.jsx(x,{className:"index-scene-cta",to:v.EXPLORE,children:e("index.scene_section.cta")})]})]})},t.id))})})})]}),a.jsxs("section",{className:"section section-ai-template",children:[a.jsx("header",{className:"section-ai-template-heading",children:a.jsx("h2",{className:"section-ai-template-title",children:e("index.ai_template_section.title")})}),a.jsxs("div",{className:"section-ai-template-body",children:[a.jsx("button",{type:"button",className:"index-ai-template-nav index-ai-template-nav--prev",onClick:()=>H.current?.slidePrev(),children:a.jsx("img",{src:new URL("/assets/nav-arrow-DcOYuuLL.png",import.meta.url).href,alt:""})}),a.jsx("div",{className:"swiper index-ai-template-swiper",ref:g,children:a.jsx("div",{className:"swiper-wrapper",children:E.map(t=>a.jsx("div",{className:"swiper-slide",children:a.jsxs("div",{className:"index-ai-template-slide",children:[a.jsx("div",{className:"index-ai-template-visual",children:a.jsx("div",{className:"index-ai-template-photo",children:a.jsx("img",{src:t.showUrl||t.coverUrl,alt:t.title})})}),a.jsxs("div",{className:"index-ai-template-panel",children:[a.jsx("h3",{className:"index-ai-template-slide-title",children:t.title}),a.jsx("div",{className:"index-ai-template-desc",children:t.descriptionLines.map((u,k)=>a.jsx("p",{className:"index-ai-template-desc-line",children:u},`${t.id}-${k}`))}),t.isOpen?a.jsx(x,{className:"index-ai-template-cta",to:v.EXPLORE,children:e("index.ai_template_section.cta")}):a.jsx("span",{className:"index-ai-template-cta is-disabled",children:e("index.ai_template_section.coming_soon")})]})]})},t.id))})}),a.jsx("button",{type:"button",className:"index-ai-template-nav index-ai-template-nav--next",onClick:()=>H.current?.slideNext(),children:a.jsx("img",{src:new URL("/assets/nav-arrow-DcOYuuLL.png",import.meta.url).href,alt:""})})]})]})]}),a.jsx("footer",{className:"layout-footer",children:a.jsxs("div",{className:"container layout-footer__inner",children:[a.jsxs("div",{className:"layout-footer__top",children:[a.jsx(x,{className:"layout-footer__brand",to:v.INDEX,children:a.jsx("img",{src:"/assets/images/landing-footer/footer-logo.png",width:"109",height:"28",alt:"Popi.art"})}),a.jsxs("nav",{className:"layout-footer__grid","aria-label":"Footer",children:[a.jsxs("div",{className:"layout-footer__col",children:[a.jsx("h3",{className:"layout-footer__col-title",children:e("index.header.nav_features")}),a.jsxs("ul",{className:"layout-footer__list",children:[a.jsx("li",{children:a.jsx(x,{className:"layout-footer__link",to:v.AI_IMAGE,children:e("menu.image")})}),a.jsx("li",{children:a.jsx(x,{className:"layout-footer__link",to:v.AI_VIDEO,children:e("menu.video")})}),a.jsx("li",{children:a.jsx(x,{className:"layout-footer__link",to:v.CREATE,children:e("menu.modeltrain")})})]})]}),a.jsxs("div",{className:"layout-footer__col",children:[a.jsx("h3",{className:"layout-footer__col-title",children:e("index.header.nav_templates")}),a.jsxs("ul",{className:"layout-footer__list",children:[Q.map(t=>a.jsx("li",{children:t.isOpen?a.jsx(x,{className:"layout-footer__link",to:v.EXPLORE,children:t.title}):a.jsx("span",{className:"layout-footer__link is-disabled",children:t.title})},t.id)),a.jsx("li",{children:a.jsx(x,{className:"layout-footer__link",to:v.EXPLORE,children:e("index.explore_more")})})]})]}),a.jsxs("div",{className:"layout-footer__col",children:[a.jsx("h3",{className:"layout-footer__col-title",children:e("index.footer.nav_related")}),a.jsx("ul",{className:"layout-footer__list",children:a.jsx("li",{children:a.jsx("span",{className:"layout-footer__link is-disabled",children:e("index.header.product_skill")})})})]}),a.jsxs("div",{className:"layout-footer__col",children:[a.jsx("h3",{className:"layout-footer__col-title",children:e("index.footer.nav_about")}),a.jsxs("ul",{className:"layout-footer__list",children:[a.jsx("li",{children:B?a.jsx("a",{className:"layout-footer__link",href:B,target:"_blank",rel:"noopener noreferrer",children:e("layout.usageTutorial")}):a.jsx("span",{className:"layout-footer__link is-disabled",children:e("layout.usageTutorial")})}),a.jsx("li",{children:b?a.jsx("a",{className:"layout-footer__link",href:b,target:"_blank",rel:"noopener noreferrer",children:e("app.ai_use_notice")}):a.jsx("span",{className:"layout-footer__link is-disabled",children:e("app.ai_use_notice")})}),a.jsx("li",{children:a.jsx(x,{className:"layout-footer__link",to:v.LEGAL+"#user-agreement",children:e("app.user_terms")})}),a.jsx("li",{children:a.jsx(x,{className:"layout-footer__link",to:v.LEGAL+"#privacy-policy",children:e("app.privacy_policy")})})]})]})]}),a.jsxs("div",{className:"layout-footer__qr",children:[a.jsx("img",{className:"layout-footer__qr-img",src:q,width:"137",height:"137",alt:e("index.header.support_contact")}),a.jsx("p",{className:"layout-footer__qr-caption",children:e("index.header.support_contact")})]})]}),a.jsxs("div",{className:"layout-footer__legal",children:[a.jsx("span",{className:"layout-footer__legal-item",children:e("footer.copyright")}),a.jsx("span",{className:"layout-footer__legal-item",children:e("footer.icp")}),a.jsx("span",{className:"layout-footer__legal-item",children:e("footer.address")})]})]})})]})}export{je as default};
|
|
//# sourceMappingURL=index-t9WuyDth.js.map
|
|
|