PageSourceSearch

https://kexi.app/assets/FeaturesGrid-fQ2YNSci.js

js kexi.app collected 2026-10-08 14:53:55 UTC 6,017 bytes, 1 lines download raw bytes

1import{j as e,m as t,a as s,b as i}from"./animation-CVf_uUqQ.js";import{r as a}from"./react-vendor-Dj5PybuU.js";import{c as r,u as n}from"./index-CGxhOgOa.js";import{R as o,u as l}from"./LandBeta-UC2U-xyy.js";import{C as d}from"./chart-no-axes-column-REXmmo63.js";import{U as c}from"./users-BDA79tjJ.js";import{Z as m}from"./zap-wfeixRDF.js";import"./i18n-core-BiFeg5SF.js";import"./BreadcrumbSchema-CjwBrMGF.js";const x=r("layout-dashboard",[["rect",{width:"7",height:"9",x:"3",y:"3",rx:"1",key:"10lvy0"}],["rect",{width:"7",height:"5",x:"14",y:"3",rx:"1",key:"16une8"}],["rect",{width:"7",height:"9",x:"14",y:"12",rx:"1",key:"1hutg5"}],["rect",{width:"7",height:"5",x:"3",y:"16",rx:"1",key:"ldoo1y"}]]),p=a.memo(({card:r,index:o})=>{const{t:d}=n(),c=l(),m=r.icon,x=a.useRef(null),p=s(0),h=s(0),g=i(p,{stiffness:200,damping:20,mass:.5}),u=i(h,{stiffness:200,damping:20,mass:.5}),b=c?3:6,f=a.useCallback(e=>{const t=x.current;if(!t)return;const s=t.getBoundingClientRect(),i=(e.clientX-s.left)/s.width-.5,a=(e.clientY-s.top)/s.height-.5;p.set(-a*b),h.set(i*b)},[b,p,h]),y=a.useCallback(()=>{p.set(0),h.set(0)},[p,h]),v=o%2==0;return e.jsx(t.div,{initial:"hidden",whileInView:"show",viewport:{once:!0,margin:"-60px"},variants:{hidden:{opacity:0,x:v?-32:32},show:{opacity:1,x:0,transition:{duration:.8,ease:[.16,1,.3,1]}}},className:"border-b border-white/[0.06] md:[&:nth-child(odd)]:border-r md:[&:nth-child(odd)]:border-white/[0.06] relative group p-6 md:p-8",children:e.jsxs(t.div,{whileHover:{y:-6},transition:{type:"spring",stiffness:300,damping:20},className:"glass-liquid-card relative rounded-2xl overflow-hidden h-[420px] md:h-[460px]",style:{perspective:1400},children:[e.jsx("span",{className:"glass-edge-specular absolute inset-0 rounded-2xl pointer-events-none opacity-0 group-hover:opacity-100 transition-opacity duration-500 z-30"}),e.jsxs(t.div,{ref:x,onMouseMove:f,onMouseLeave:y,className:"relative h-full w-full transform-gpu will-change-transform",style:{rotateX:g,rotateY:u,transformStyle:"preserve-3d"},children:[e.jsx("div",{className:"absolute inset-0 bg-[radial-gradient(circle_at_50%_35%,rgba(255,15,64,0.07)_0%,transparent_60%)]"}),e.jsx("div",{className:"absolute inset-0 bg-grid-modern opacity-20"}),e.jsx(t.div,{className:"absolute inset-0",variants:{hidden:{clipPath:"inset(100% 0% 0% 0%)",scale:1.08},show:{clipPath:"inset(0% 0% 0% 0%)",scale:1,transition:{duration:1.1,delay:.1+o%2*.12,ease:[.16,1,.3,1]}}},children:e.jsx("img",{src:r.img,alt:d(r.imgAlt),width:1600,height:810,loading:"lazy",decoding:"async",className:"absolute inset-0 m-auto w-full h-full object-cover object-top transition-transform duration-700 group-hover:scale-[1.03]",draggable:"false"})}),e.jsxs("div",{className:"absolute inset-x-0 bottom-0 p-6 md:p-7 flex flex-col justify-end bg-gradient-to-t from-brand-black via-brand-black/80 to-transparent pt-20 z-20",children:[e.jsxs("div",{className:"relative mb-3 inline-flex",children:[e.jsx("div",{className:"absolute inset-0 bg-brand-crimson/25 blur-xl rounded-xl opacity-0 group-hover:opacity-100 transition-opacity duration-500"}),e.jsx("div",{className:"relative w-10 h-10 rounded-xl bg-white/[0.03] border border-white/10 flex items-center justify-center group-hover:bg-brand-crimson group-hover:border-brand-crimson transition-colors duration-300",children:e.jsx(m,{className:"w-5 h-5 text-brand-crimson group-hover:text-white transition-colors",strokeWidth:1.5})})]}),e.jsx("h3",{className:"relative text-lg md:text-xl font-bold uppercase tracking-tight text-white mb-1.5",children:d(r.titleKey)}),e.jsx("p",{className:"relative text-sm text-neutral-400 max-w-md leading-relaxed font-light",children:d(r.descKey)})]})]})]})})});p.displayName="FeatureCard";const h=()=>{const{t:s}=n(),i=[{icon:x,img:"/landing3/screenshots/dashboard-upper.webp",imgAlt:"features.dashboard_title",titleKey:"features.dashboard_title",descKey:"features.dashboard_description"},{icon:d,img:"/landing3/screenshots/channel-settings.webp",imgAlt:"features.control_title",titleKey:"features.control_title",descKey:"features.control_description"},{icon:c,img:"/landing3/screenshots/dashboard-medias.webp",imgAlt:"features.media_library_title",titleKey:"features.media_library_title",descKey:"features.media_library_description"},{icon:m,img:"/landing3/screenshots/obs-setup.webp",imgAlt:"features.ecosystem_title",titleKey:"features.ecosystem_title",descKey:"features.ecosystem_description"}];return e.jsxs("section",{id:"features",className:"relative bg-brand-black overflow-hidden",children:[e.jsx("div",{className:"absolute inset-0 bg-[linear-gradient(to_right,#ffffff05_1px,transparent_1px),linear-gradient(to_bottom,#ffffff05_1px,transparent_1px)] bg-[size:4rem_4rem] [mask-image:radial-gradient(ellipse_60%_50%_at_50%_0%,#000_70%,transparent_100%)] pointer-events-none"}),e.jsxs(t.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.6},className:"pt-24 px-6 md:px-24 pb-16 border-b border-white/[0.06] relative z-10 flex flex-col lg:flex-row justify-between items-end gap-8",children:[e.jsxs("div",{children:[e.jsx("div",{className:"inline-block mb-4 px-4 py-1 border border-brand-crimson/30 rounded-full bg-brand-crimson/10 text-brand-crimson font-mono text-xs uppercase tracking-widest",children:s("features.system_capabilities")}),e.jsxs("h2",{className:"text-5xl sm:text-6xl md:text-7xl lg:text-8xl leading-[0.85] font-black uppercase tracking-tighter text-white",children:[e.jsx(o,{text:s("features.core_title")}),e.jsx("br",{}),e.jsx(o,{text:s("features.modules_title"),delay:.15,wordClassName:"text-transparent bg-clip-text bg-gradient-to-r from-brand-crimson to-white"})]})]}),e.jsx("p",{className:"text-xl md:text-2xl lg:text-3xl font-semibold uppercase tracking-tight max-w-xl text-right leading-[0.95] text-neutral-300 pb-2",children:s("features.tagline")})]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 relative z-10",children:i.map((t,s)=>e.jsx(p,{card:t,index:s},t.titleKey))})]})};export{h 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.