1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8085],{68085:(e,a,s)=>{s.r(a),s.d(a,{default:()=>c});var t=s(6029),r=s(97914),i=s(92907),l=s(55729);let c=e=>{let{}=e;return(0,t.jsx)("div",{className:"py-32 bg-white",children:(0,t.jsx)("div",{className:"container mx-auto max-w-[1400px] px-8",children:r.USE_CASES.map((e,a)=>{let s=e.icon,c=Object.entries(r.SHOWCASE_IMAGES[e.category]);return(0,t.jsxs)("div",{className:"mb-32 last:mb-0",children:[(0,t.jsxs)("div",{className:"mb-12",children:[(0,t.jsxs)("div",{className:"flex items-center gap-3 mb-4",children:[(0,t.jsx)(s,{className:"w-6 h-6 text-".concat(e.color,"-500")}),(0,t.jsx)("h3",{className:"text-2xl font-medium tracking-tight",children:e.title})]}),(0,t.jsx)("p",{className:"text-lg text-gray-600 max-w-4xl",children:e.description})]}),(0,t.jsx)("div",{className:"grid grid-cols-2 gap-6 md:grid-cols-4",children:c.map(e=>{let[a,s]=e;return(0,t.jsxs)(l.Fragment,{children:[(0,t.jsxs)("div",{className:"group relative aspect-square rounded-lg overflow-hidden",children:[(0,t.jsx)(r.ShowcaseImage,{...s.man}),(0,t.jsx)("div",{className:"absolute inset-0 bg-gradient-to-t from-black/50 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-500"})]}),(0,t.jsxs)("div",{className:"group relative aspect-square rounded-lg overflow-hidden",children:[(0,t.jsx)(r.ShowcaseImage,{...s.woman}),(0,t.jsx)("div",{className:"absolute inset-0 bg-gradient-to-t from-black/50 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-500"})]})]},a)})}),(0,t.jsx)("div",{className:"mt-4 text-right",children:(0,t.jsxs)("span",{className:"text-gray-500",children:["Made by AI with ",i._g.fullSiteName]})})]},a)})})})}}}]);
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.