https://dfolga.com/assets/WebStoriesPage-A8mPN3_A.js

1import{c as l,a as d,b as c,j as e,T as n,H as x,N as m,L as g,C as h,k as p,Z as b,x as u,E as i,S as y,F as j,e as f,Y as v}from"./index-DpW9tbvD.js";/**
2 * @license lucide-react v0.546.0 - ISC
3 *
4 * This source code is licensed under the ISC license.
5 * See the LICENSE file in the root directory of this source tree.
6 */const N=[["path",{d:"m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5",key:"ftymec"}],["rect",{x:"2",y:"6",width:"14",height:"12",rx:"2",key:"158x01"}]],w=l("video",N);function _(){const r=d(96,32),{data:s,isLoading:o}=c({queryKey:["web-stories-page"],queryFn:()=>v(30,"tudo")});return e.jsxs("div",{className:"min-h-screen bg-white dark:bg-[#1a1a1a] text-black dark:text-white font-sans transition-colors duration-300",children:[e.jsx(n,{}),e.jsx(x,{}),e.jsx(m,{}),e.jsxs("main",{className:"max-w-[1300px] mx-auto px-4 mb-20 lg:pt-8 bg-gray-50/50 dark:bg-[#1a1a1a]",children:[e.jsxs("nav",{className:"flex text-sm text-gray-500 mb-6 mt-4 gap-2 items-center",children:[e.jsx(g,{to:"/",className:"hover:text-[#e67e22] transition-colors",children:"Início"}),e.jsx(h,{size:14}),e.jsx("span",{className:"text-gray-800 dark:text-gray-200 font-semibold",children:"Web Stories"})]}),e.jsxs("div",{className:"mb-10 text-center flex flex-col items-center",children:[e.jsxs("div",{className:"w-16 h-16 bg-[#FDF8F3] text-[#e67e22] rounded-full flex items-center justify-center mb-4 shadow-sm border border-[#e67e22]/10 relative group",children:[e.jsx(w,{size:28,strokeWidth:2}),e.jsx("div",{className:"absolute inset-0 bg-[#e67e22] rounded-full scale-0 opacity-0 group-hover:scale-100 group-hover:opacity-10 transition-all duration-300"})]}),e.jsx("h1",{className:"text-4xl md:text-5xl font-black text-[#e67e22] mb-4 tracking-tight drop-shadow-sm",children:"Dfolga Web Stories"}),e.jsx("p",{className:"text-[#50c0cc] text-[13px] sm:text-base md:text-lg font-medium whitespace-nowrap overflow-hidden text-ellipsis max-w-full px-2",children:"Acompanhe nossas histórias mais recentes de forma visual, rápida e interativa."}),e.jsx("div",{className:"h-1 w-24 bg-[#e67e22] rounded-full mt-6 opacity-80"})]}),e.jsxs("div",{className:"category-sync-layout",children:[e.jsx("div",{className:"category-content-track",children:e.jsx("div",{ref:r.ref,style:r.style,children:e.jsx("div",{className:"border border-[#50c0cc]/50 rounded-[2rem] p-6 lg:p-8 bg-white dark:bg-[#1a1a1a] shadow-[0_4px_30px_rgb(0,0,0,0.02)]",children:o?e.jsx("div",{className:"grid grid-cols-2 md:grid-cols-3 gap-6 animate-pulse",children:[...Array(9)].map((a,t)=>e.jsx("div",{className:"aspect-[9/16] bg-gray-200 dark:bg-gray-800 rounded-2xl shadow-sm"},t))}):s&&s.length>0?e.jsx("div",{className:"grid grid-cols-2 md:grid-cols-3 gap-5 md:gap-7",children:s.map((a,t)=>e.jsxs(p.a,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{delay:t*.05,duration:.4},href:a.link,target:"_blank",rel:"noopener noreferrer",className:"group relative aspect-[9/16] block rounded-2xl overflow-hidden shadow-[0_8px_30px_rgb(0,0,0,0.08)] hover:shadow-[0_20px_40px_rgb(0,0,0,0.2)] transition-all duration-500 hover:-translate-y-2 border border-gray-100 dark:border-gray-800",children:[e.jsx("img",{src:a.image,alt:a.title,className:"absolute inset-0 w-full h-full object-cover transition-transform duration-1000 ease-out group-hover:scale-105"}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-t from-black/95 via-black/30 to-transparent"}),e.jsx("div",{className:"absolute top-4 left-4 flex items-center gap-2 z-10 transition-transform duration-300 transform -translate-y-10 group-hover:translate-y-0 opacity-0 group-hover:opacity-100",children:e.jsx("div",{className:"bg-[#e67e22] text-white w-8 h-8 rounded-full flex items-center justify-center shadow-lg border-[2px] border-white dark:border-[#2a2a2a]",children:e.jsx(b,{size:14,className:"fill-current text-white drop-shadow-md"})})}),e.jsx("div",{className:"absolute top-4 right-4 bg-black/40 backdrop-blur-md rounded-full p-2 text-white/90 border border-white/20 shadow-sm opacity-0 group-hover:opacity-100 transition-opacity",children:e.jsx(u,{size:14,className:"text-[#50c0cc]"})}),e.jsxs("div",{className:"absolute bottom-0 left-0 right-0 p-5 pt-12 text-white",children:[e.jsxs("div",{className:"flex items-center gap-1.5 text-[#e67e22] group-hover:text-[#50c0cc] transition-colors text-[10px] font-bold uppercase tracking-widest mb-2",children:[e.jsx(i,{size:12,strokeWidth:2.5}),e.jsx("span",{children:"Web Story"})]}),e.jsx("h2",{className:"font-bold text-[15px] leading-snug drop-shadow-sm group-hover:text-gray-200 transition-colors",children:a.title})]})]},a.id))}):e.jsxs("div",{className:"bg-gray-50 dark:bg-gray-800 flex flex-col items-center justify-center py-20 rounded-2xl border border-gray-100 dark:border-gray-700",children:[e.jsx(i,{size:48,className:"text-gray-300 dark:text-gray-600 mb-4"}),e.jsx("p",{className:"text-gray-500 font-medium text-lg",children:"Nenhum Web Story encontrado."})]})})})}),e.jsx("aside",{className:"category-sidebar-track",children:e.jsx(y,{})})]})]}),e.jsx(j,{}),e.jsx(f,{})]})}

6export{_ as default};