1import{r as l,j as e}from"./index-OvnVkuSh.js";import{x as d,m as o}from"./use-in-view-Dmrie8Fr.js";import{G as m}from"./globe-MVTq1kBA.js";import{A as c}from"./arrow-up-right-ClFI_UC7.js";import"./CursorGradientBackground-CParAmTp.js";import"./dialog-XMeqvUKC.js";import"./arrow-right-CrW-LZkW.js";const i=[.16,1,.3,1],u=[{name:"Silverbrook Advisors",category:"Finanzas & Capital",result:"Web institucional y captación de leads",url:"https://www.silverbrookadvisors.com",domain:"silverbrookadvisors.com",image:"/assets/pf-silverbrook.webp"},{name:"Dallien",category:"Real Estate Premium",result:"Plataforma inmobiliaria premium",url:"https://www.dallien.com",domain:"dallien.com",image:"/assets/pf-dallien.webp"},{name:"Ambros Hotels",category:"Hospitality & Viajes",result:"Sitio de reservas directas",url:"https://ambroshotels.com",domain:"ambroshotels.com",image:"/assets/pf-ambros.webp"},{name:"Park Lofts Paraguay",category:"Desarrollo Inmobiliario",result:"Plataforma de ventas inmobiliaria",url:"https://www.parkloftsparaguay.com",domain:"parkloftsparaguay.com",image:"/assets/pf-parklofts.webp"},{name:"Mercosur First Agency",category:"Agencia Comercial",result:"Sitio corporativo B2B",url:"https://mercosurfirstagency.com",domain:"mercosurfirstagency.com",image:"/assets/pf-mercosur.webp"},{name:"Guarani Capital",category:"Inversiones",result:"Portal de inversores",url:"https://www.guaranicapital.com",domain:"guaranicapital.com",image:"/assets/pf-guarani.webp"},{name:"Dr. Javier Barrios",category:"Salud y Bienestar",result:"Sitio web y agenda de pacientes",url:"https://www.drjavierbarrios.com",domain:"drjavierbarrios.com",image:"/assets/pf-drbarrios.webp"},{name:"Fenix Trading Academy",category:"Educación Financiera",result:"Plataforma de cursos online",url:"https://www.fenixtradingacademy.com",domain:"fenixtradingacademy.com",image:"/assets/pf-fenix.webp"}],v=()=>{const s=l.useRef(null),t=d(s,{once:!0,margin:"-80px"});return e.jsxs("section",{id:"portafolio",ref:s,className:"relative py-32 overflow-hidden section-bg-warm",children:[e.jsx("div",{className:"absolute inset-0 bg-[radial-gradient(ellipse_at_top,hsl(0_0%_8%/0.3)_0%,transparent_60%)] pointer-events-none"}),e.jsxs("div",{className:"container mx-auto px-4 sm:px-6 relative z-10",children:[e.jsxs(o.div,{initial:{opacity:0,y:30},animate:t?{opacity:1,y:0}:{},transition:{duration:.9,ease:i},className:"text-center mb-20 sm:mb-24",children:[e.jsxs("div",{className:"inline-flex items-center gap-2 px-3 py-1 rounded-full bg-white/[0.04] border border-white/[0.05] mb-6 shadow-[0_2px_12px_rgba(0,0,0,0.2)]",children:[e.jsx("span",{className:"w-2 h-2 rounded-full bg-brand-yellow",style:{animation:"dot-pulse 3s ease-in-out infinite"}}),e.jsx("span",{className:"text-xs font-medium text-foreground/70 uppercase tracking-widest",children:"Nuestro trabajo"})]}),e.jsxs("h2",{className:"text-4xl sm:text-5xl md:text-6xl font-light mb-6 tracking-[-0.02em] text-foreground",children:["Hecho para empresas que"," ",e.jsx("span",{className:"text-transparent bg-clip-text bg-gradient-to-r from-brand-yellow to-amber-600 font-normal",children:"lideran"})]}),e.jsx("p",{className:"text-lg sm:text-xl text-muted-foreground font-light max-w-2xl mx-auto leading-relaxed",children:"Además de diseñar y desarrollar sus sitios web, construimos infraestructuras digitales, plataformas de ventas y automatizaciones a medida para cada una de estas organizaciones."})]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6 lg:gap-8 max-w-7xl mx-auto",children:u.map((a,n)=>e.jsxs(o.a,{href:a.url,target:"_blank",rel:"noopener noreferrer",initial:{opacity:0,scale:.96,y:24},animate:t?{opacity:1,scale:1,y:0}:{},transition:{duration:.8,delay:.08*n,ease:i},className:"group relative rounded-3xl overflow-hidden border border-white/[0.04] bg-white/[0.01] flex flex-col hover:-translate-y-1.5 transition-[transform,box-shadow,border-color] duration-200 ease-[cubic-bezier(0.16,1,0.3,1)] will-change-transform",style:{boxShadow:"0 2px 8px rgba(0,0,0,0.3), 0 8px 24px rgba(0,0,0,0.15)"},onMouseEnter:r=>{r.currentTarget.style.boxShadow="0 8px 24px rgba(0,0,0,0.4), 0 24px 48px rgba(0,0,0,0.2), 0 0 40px rgba(249,183,31,0.04)",r.currentTarget.style.borderColor="rgba(249,183,31,0.1)"},onMouseLeave:r=>{r.currentTarget.style.boxShadow="0 2px 8px rgba(0,0,0,0.3), 0 8px 24px rgba(0,0,0,0.15)",r.currentTarget.style.borderColor="rgba(255,255,255,0.04)"},children:[e.jsxs("div",{className:"h-10 border-b border-white/[0.04] bg-black/60 flex items-center px-4 gap-2",children:[e.jsxs("div",{className:"flex gap-1.5",children:[e.jsx("div",{className:"w-2.5 h-2.5 rounded-full bg-red-500/70 border border-white/5"}),e.jsx("div",{className:"w-2.5 h-2.5 rounded-full bg-yellow-500/70 border border-white/5"}),e.jsx("div",{className:"w-2.5 h-2.5 rounded-full bg-green-500/70 border border-white/5"})]}),e.jsxs("div",{className:"flex-1 ml-4 bg-white/[0.04] border border-white/[0.04] rounded-md h-6 flex items-center px-3 gap-2 overflow-hidden",children:[e.jsx(m,{className:"w-3 h-3 text-muted-foreground
1/80 flex-shrink-0"}),e.jsx("span",{className:"text-[10px] text-muted-foreground/80 tracking-wider truncate font-mono",children:a.domain})]})]}),e.jsxs("div",{className:"relative h-[260px] sm:h-[300px] overflow-hidden bg-black/40",children:[e.jsx("img",{src:a.image,alt:`Sitio web de ${a.name}`,loading:"lazy",decoding:"async",className:"absolute inset-0 w-full h-full object-cover object-center transition-transform duration-700 ease-[cubic-bezier(0.16,1,0.3,1)] group-hover:scale-[1.04]"}),e.jsx("div",{className:"absolute inset-0 bg-background/20 group-hover:bg-background/0 transition-[background-color] duration-700"}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-t from-background via-background/20 to-transparent pointer-events-none"}),e.jsx("div",{className:"absolute inset-0 -translate-x-full group-hover:translate-x-full transition-transform duration-[700ms] ease-[cubic-bezier(0.16,1,0.3,1)] bg-gradient-to-r from-transparent via-brand-yellow/[0.12] to-transparent pointer-events-none"})]}),e.jsx("div",{className:"relative p-6 bg-gradient-to-t from-background/95 via-background/85 to-transparent mt-auto",children:e.jsxs("div",{className:"flex justify-between items-end",children:[e.jsxs("div",{children:[e.jsxs("span",{className:"inline-flex items-center gap-2 mb-2",children:[e.jsx("span",{className:"w-1.5 h-1.5 rounded-full bg-brand-yellow/80"}),e.jsx("span",{className:"text-[10px] sm:text-[11px] font-medium text-brand-yellow/80 uppercase tracking-widest block",children:a.category})]}),e.jsx("h3",{className:"text-2xl font-medium text-foreground tracking-tight mb-1 group-hover:text-brand-yellow transition-colors duration-400",children:a.name}),a.result&&e.jsx("span",{className:"text-xs text-brand-yellow/60 font-medium",children:a.result})]}),e.jsx("div",{className:"w-10 h-10 rounded-full bg-white/[0.03] border border-white/[0.05] flex items-center justify-center group-hover:bg-brand-yellow group-hover:border-brand-yellow transition-[background-color,border-color] duration-400 flex-shrink-0 shadow-[0_2px_8px_rgba(0,0,0,0.3)]",children:e.jsx(c,{className:"w-5 h-5 text-muted-foreground group-hover:text-black transition-colors duration-300"})})]})})]},a.name))})]})]})};export{v 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.