https://pika.style/_next/static/chunks/pages/blog-ddb8fd5ce558e86e.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9892],{20148:(e,t,a)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/blog",function(){return a(72924)}])},72924:(e,t,a)=>{"use strict";a.r(t),a.d(t,{__N_SSG:()=>x,default:()=>h});var i=a(75038),s=a(21958),r=a(69358),l=a(56725),n=a(83390),c=a(45609),d=a.n(c),o=a(71623),m=a(44376),x=!0;let h=({posts:e})=>(0,i.jsxs)("div",{className:"relative",children:[(0,i.jsx)(l.bV,{title:"Blog – Pika",description:"Useful tips and tutorials for creating beautiful marketing images and supercharge your productivity with automations"}),(0,i.jsx)(s.A,{}),(0,i.jsx)(n.T8,{initial:{opacity:0,y:50},animate:{opacity:1,y:0},children:(0,i.jsxs)(n.mc,{width:"1080px",className:"my-16 relative flex flex-col items-start",children:[(0,i.jsx)(d(),{href:"/blog",children:(0,i.jsx)("h1",{className:"font-inter dark:text-white text-3xl md:text-6xl font-bold",children:"Pika Blog"})}),(0,i.jsx)("p",{className:"text-lg md:text-xl mt-4 max-w-[620px] opacity-80",children:"Useful tips and tutorials for creating beautiful marketing images and supercharge your productivity with automations"})]})}),(0,i.jsx)(n.T8,{initial:{opacity:0,y:50},animate:{opacity:1,y:0,transition:{delay:.1}},children:(0,i.jsx)(n.mc,{width:"1080px",className:"my-32 relative flex flex-col items-start",children:(0,i.jsx)("div",{children:e?.length?(0,i.jsx)("div",{className:"grid md:grid-cols-2 lg:grid-cols-3 gap-y-12 md:-mx-8",children:[...e].map((e,t)=>(0,i.jsxs)("div",{className:(0,o.A)("md:px-8 group",(t-1)%3==0?"border-l border-r border-gray-200/60 dark:border-gray-800":""),children:[(0,i.jsx)(d(),{href:`/blog/${e?.slug?.current}`,className:"",children:e?.mainImage?.asset?.url?(0,i.jsx)("div",{className:"mb-4",children:(0,i.jsx)("img",{src:e?.mainImage?.asset?.url,alt:e?.title,className:"rounded-lg shadow-[0_0_12px_rgba(0,0,0,0.12)]"})}):""}),(0,i.jsxs)("div",{className:"mb-2 flex items-center gap-x-2",children:[e?.categories?.map(e=>(0,i.jsx)("span",{className:"text-sm tracking-[.5px] uppercase dark:text-white text-gray-700 opacity-70",children:e?.title},e?.title)),(0,i.jsx)("span",{className:"opacity-50",children:"•"}),e?.author?.twitterHandle?(0,i.jsxs)(d(),{href:`https://twitter.com/${e?.author?.twitterHandle}`,target:"_blank",className:"text-sm font-medium text-[#1DA1F2] flex items-center hover:opacity-100 hover:underline",children:[(0,i.jsx)(m.A,{className:"mr-1"}),e?.author?.twitterHandle]}):""]}),(0,i.jsxs)(d(),{href:`/blog/${e?.slug?.current}`,children:[(0,i.jsx)("h2",{className:"font-inter font-medium group-hover:underline decoration-1 underline-offset-4 dark:text-white text-2xl duration-200 transition-all",children:e?.title}),(0,i.jsxs)("div",{className:"mt-2 opacity-80",children:[e?.excerpt?.slice(0,100),e?.excerpt?.length>100?"...":""]})]})]},e?.slug?.current))}):(0,i.jsx)("div",{children:"No blogs yet :("})})})}),(0,i.jsx)(r.A,{})]})}},e=>{e.O(0,[4558,1178,1958,6394,636,6593,8792],()=>e(e.s=20148)),_N_E=e.O()}]);