1import{_ as e}from"./twi5FIU_.js";import{_ as t,d as s,D as l,p as a,e as r,E as n,q as o,i,o as p,h as x,F as c,j as f,r as u,a8 as d,c as h,x as m,H as y,X as g,t as v,G as w,a7 as b,P as k,O as _,R as j}from"./Bb5Fo9l6.js";import{I as L}from"./DXItf8o5.js";import{_ as T}from"./DbkDCqPK.js";import{u as S}from"./NRq5ORRD.js";import"./BMhC5DLl.js";const E={class:"w-full h-full absolute top-0 flex flex-col items-center justify-center"},I={class:"w-[800px] flex items-center justify-center flex-col mb-8"},P={key:0,class:"text-sm text-white/[.7]"},A={key:1,class:"text-sm text-white/[.7] font-medium"},z=["href","target"],G={key:3,class:"flex items-center gap-2"},H={class:"py-1 px-3 capsule-bg rounded-full text-sm text-white/[.7] font-medium"},O={key:0,class:"text-sm text-white/[.7]"},B={key:4,class:"block mt-4"},C={class:"w-full flex justify-center -mt-4"},q={class:"w-full flex justify-start items-center gap-6 overflow-x-auto overflow-y-hidden my-6 hidden-scrollbar"},D=t({__name:"ImageGsapList",props:{title:{type:String,default:""},paragraph:{type:Array,default:()=>[]},bottonText:{type:String,default:""},setpList:{type:Array,default:()=>[]}},setup(t){const D=t,F=s(()=>{let e=[];for(let t=0;t<D.setpList.length;t+=3)e.push(D.setpList.slice(t,t+3));return e}),{href:R}=S(),{$gsap:$}=l(),N=a(null),U=a(null),W=a(!1);function X(){if(W.value=window.innerWidth<1200,W.value)return void(U.value&&U.value.revert());U.value&&U.value.revert();const e=document.querySelectorAll(".imageGsapItem");U.value=$.context(()=>{e.forEach((e,t)=>{const s=e.scrollHeight,l=e.offsetTop;$.to(e,{scrollTrigger:{trigger:e,start:"top center",end:"100%",scrub:1,pin:!1,anticipatePin:1},y:()=>-(s+l)})})})}const Z=e=>{j("User_Source",{el:e,ps:"generate_headshot_pro"},{transport:"beacon"}),j("Landing_Page",{el:e},{transport:"beacon"})};return r(async()=>{await n(),X(),window.addEventListener("resize",X)}),o(()=>{U.value&&U.value.revert(),window.removeEventListener("resize",()=>{X()})}),(s,l)=>{const a=e;return p(),i("section",{class:_(["w-full relative overflow-hidden z-10",{"bg-black":!x(W)}])},[x(W)?(p(),i(c,{key:1},[y(T,{title:t.title,paragraph:t.paragraph},null,8,["title","paragraph"]),f("div",C,[y(a,{class:"h-[52px] xl:h-16 rounded-full text-white px-[76px] py-[14px] common-btnBox text-base flex justify-center items-center",to:"/app/generate-headshot-pro/?fromTo=landingPage",external:"",onClick:l[1]||(l[1]=k(e=>Z("lp_btn_click"),["self"]))},{default:w(()=>[b(v(t.bottonText),1)]),_:1})]),f("div",q,[(p(!0),i(c,null,u(t.setpList,(e,t)=>(p(),h(L,m({key:t,class:"w-[248px] h-[311px] rounded-2xl overflow-hidden"},{ref_for:!0},e),null,16))),128))])],64)):(p(),i(c,{key:0},[f("div",{class:"w-full h-[730px] 1xl:h-[820px] 3xl:h-[960px] 2k:h-[1080px] flex justify-center items-start gap-[80px] overflow-hidden opacity-20 !relative",ref_key:"innerContainer",ref:N},[(p(!0),i(c,null,u(x(F),(e,t)=>(p(),i("div",{key:t,class:"flex flex-col items-center justify-center gap-10 imageGsapItem !absolute",style:d({top:14*t+"%",left:24*t+2+"%"})},[(p(!0),i(c,null,u(e,(e,t)=>(p(),h(L,m({key:t,class:"w-[242px] h-[302px] 1xl:w-[311px] 1xl:h-[389px] 3xl:w-[380px] 3xl:h-[475px] 3k:w-[518px] 2k:h-[648px] rounded-2xl overflow-hidden"},{ref_for:!0},e),null,16))),128))],4))),128))],512),l[4]||(l[4]=f("div",{class:"absolute bottom-0 w-full h-[20%] bottomBg z-10 pointer-events-none"},null,-1)),f("div",E,[f("div",I,[l[2]||(l[2]=f("div",{class:"text-[90px] font-bold strokeBox"},"PROFESSIONAL",-1)),l[3]||(l[3]=f("div",{class:"text-[80px] font-bold text-white"},"HEADSHOT",-1)),(p(!0),i(c,null,u(t.paragraph,(e,t)=>(p(),i("p",{key:t,class:"text-white/[.7] my-3 text-center"},[(p(!0),i(c,null,u(e,(e,t)=>(p(),i(c,{key:t},["text"===e.type?(p(),i("span",P,v(e.text),1)):g("",!0),"strong"===e.type?(p(),i("span",A,v(e.text),1)):g("",!0),"link"===e.type?(p(),i("a",{key:2,href:x(R)(e.href),target:e.href.includes("/app/")||e.href.includes("#")?"_self":"_blank",class:"text-sm text-white underline underline-offset-4"},v(e.text),9,z)):g("",!0),"capsule"===e.type?(p(),i("span",G,[(p(!0),i(c,null,u(e.list,(t,s)=>(p(),i(c,{key:s},[f("span",H,v(t),1),s!==e.list.length-1?(p(),i("span",O,"+")):g("",!0)],64))),128))])):g("",!0),"empty"===e.type?(p(),i("span",B)):g("",!0)],64))),128))]))),128))]),y(a,{to:"/app/generate-headshot-pro/?fromTo=landingPage",external:"",onClick:l[0]||(l[0]=k(e=>Z("lp_btn_click"),["self"])),class:"h-16 px-[76px] py-[14px] border border-solid border-white/[.7] rounded-full text-base font-semibold flex items-center justify-center text-white cursor-pointer hover:bg-white hover:text-[#07273d]"},{default:w(()=>[b(v(t.bottonText),1)]),_:1})])],64))],2)}}},[["__scopeId","data-v-edda394a"]]);export{D as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.