https://www.landingpicks.com/_nuxt/DSoZnArj.js

1import{_ as b}from"./C-7eBtBd.js";import{_ as P,u as $,f as L,w as B,d as C,c as l,i as o,t as c,h,F as S,r as j,o as d,v as A,x as M,j as f,k as w,n as z,l as E}from"./DckkEhmc.js";import{u as y}from"./BQ9nr8Wc.js";import"./CeLNGee_.js";const I={class:"font-serif mb-12 text-2xl capitalize"},N={class:"grid 2xl:grid-cols-4 xl:grid-cols-3 sm:grid-cols-2 gap-x-10 gap-y-20 mx-auto"},O=["src","alt"],q={class:"font-serif mt-4 font-[400] text-lg line-clamp-1"},F={class:"flex gap-0 items-center justify-between"},U={__name:"[style]",async setup(V){let s,g;const e=$().params.style,m=n=>{if(!(n!=null&&n.title))return"";const i=n.id,r=n.title.toLowerCase().replace(/[^\w\s-]/g,"").replace(/\s+/g,"-").replace(/-+/g,"-").trim();return`/${i}-${r}`};L({title:`${e.charAt(0).toUpperCase()+e.slice(1)} Landing Pages - Landing Picks`,meta:[{hid:"description",name:"description",content:`Browse our collection of ${e} landing page designs, handpicked for inspiration.`},{hid:"og:title",name:"og:title",content:`${e.charAt(0).toUpperCase()+e.slice(1)} Landing Pages - Landing Picks`},{hid:"og:description",name:"og:description",content:`Browse our collection of ${e} landing page designs, handpicked for inspiration.`},{hid:"og:image",name:"og:image",content:"https://landingpicks.com/landingpicks.png"},{hid:"og:url",name:"og:url",content:`https://landingpicks.com/style/${e}`},{hid:"twitter:title",name:"twitter:title",content:`${e.charAt(0).toUpperCase()+e.slice(1)} Landing Pages - Landing Picks`},{hid:"twitter:description",name:"twitter:description",content:`Browse our collection of ${e} landing page designs, handpicked for inspiration.`},{hid:"twitter:image",name:"twitter:image",content:"https://landingpicks.com/landingpicks.png"},{hid:"twitter:card",name:"twitter:card",content:"summary_large_image"}],link:[{rel:"canonical",href:`https://www.landingpicks.com/style/${e}`}]});const{data:a,error:u}=([s,g]=B(()=>y("/api/getPosts",{query:{style:e}},"$lrJkbyjI7O")),s=await s,g(),s);u.value&&console.error(u);const x=async()=>{const{data:n,error:i}=await y("/api/getPosts",{query:{limit:60,offset:a.value.length+1,style:e}},"$SBtZoxNbPm");i.value&&console.error(i),a.value.push(...n.value)};C(()=>{new IntersectionObserver(i=>{i[0].isIntersecting&&x()},{rootMargin:"0px 0px 100% 0px"}).observe(document.querySelector("#load-more"))});const k=n=>{n.target.closest("article").style.display="none"};return(n,i)=>{const r=b;return d(),l("div",null,[o("h1",I,c(h(e))+" Landing Pages",1),o("div",N,[(d(!0),l(S,null,j(h(a),(t,v)=>A((d(),l("article",{key:v,class:""},[f(r,{to:m(t),title:t.title},{default:w(()=>{var p,_;return[o("div",{style:z({backgroundColor:(_=(p=t==null?void 0:t.color_schemes[0])==null?void 0:p.colors[1])==null?void 0:_.color}),class:"rounded"},[o("img",{onError:k,src:t.image_url,alt:"Screenshot taken from "+t.title,class:"transition-transform w-full md:h-96 h-72 object-cover rounded object-top",loading:"lazy"},null,40,O)],4),o("h2",q,c(t.title),1)]}),_:2},1032,["to","title"]),o("div",F,[f(r,{to:m(t),title:t.title,class:"block capitalize text-sm flex-auto"},{default:w(()=>[E(c(t.subject),1)]),_:2},1032,["to","title"])])])),[[M,t.external_url]])),128)),i[0]||(i[0]=o("div",{id:"load-more"},null,-1))])])}}},Z=P(U,[["__scopeId","data-v-a4740df5"]]);export{Z as default};