1import{c as l,b as i,j as e,m as t}from"./vendor-motion-BlplsQD-.js";import{r as n,L as d}from"./vendor-react-NS0nNIHB.js";import{B as c,A as m}from"./index-BHN7qvkD.js";import"./vendor-utils-BxrOz-m_.js";const h=()=>{const s=n.useRef(null),{scrollYProgress:a}=l({target:s,offset:["start end","end start"]}),o=i(a,[0,1],[-100,100]),r=i(a,[0,.5,1],[.8,1,.8]);return e.jsxs("section",{ref:s,className:"py-28 lg:py-36 bg-background relative overflow-hidden",children:[e.jsx(t.div,{className:"absolute top-0 left-1/2 -translate-x-1/2 w-[800px] h-[800px] bg-iris/[0.03] rounded-full blur-[100px] pointer-events-none",style:{y:o,scale:r}}),e.jsx("div",{className:"relative z-10 max-w-content mx-auto px-6 lg:px-20",children:e.jsxs("div",{className:"grid lg:grid-cols-2 gap-16 lg:gap-24 items-center",children:[e.jsxs(t.div,{initial:{opacity:0,x:-30},whileInView:{opacity:1,x:0},viewport:{once:!0,margin:"-100px"},transition:{duration:.6,ease:"easeOut"},className:"grid grid-cols-2 gap-4",children:[e.jsxs("div",{className:"relative rounded-card overflow-hidden aspect-[3/4] group",children:[e.jsx("img",{src:"/lovable-uploads/blog-understand-people-better.jpg",alt:"Before: Missing social cues",loading:"lazy",decoding:"async",className:"w-full h-full object-cover grayscale transition-all duration-500 group-hover:grayscale-0"}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-t from-obsidian/70 to-transparent"}),e.jsxs("div",{className:"absolute bottom-5 left-5 right-5",children:[e.jsx("p",{className:"text-xs font-medium text-white/60 mb-1",children:"Before"}),e.jsx("p",{className:"text-sm font-medium text-white",children:"Missed signals"})]})]}),e.jsxs("div",{className:"relative rounded-card overflow-hidden aspect-[3/4] mt-10 group",children:[e.jsx("img",{src:"/lovable-uploads/blog-how-to-read-people.jpg",alt:"After: Reading people confidently",loading:"lazy",decoding:"async",className:"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105"}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-t from-obsidian/70 to-transparent"}),e.jsxs("div",{className:"absolute bottom-5 left-5 right-5",children:[e.jsx("p",{className:"text-xs font-medium mb-1 text-primary-foreground",children:"After"}),e.jsx("p",{className:"text-sm font-medium text-white",children:"Total clarity"})]})]})]}),e.jsxs(t.div,{initial:{opacity:0,x:30},whileInView:{opacity:1,x:0},viewport:{once:!0,margin:"-100px"},transition:{duration:.6,delay:.15,ease:"easeOut"},children:[e.jsx("h2",{className:"text-[clamp(2rem,4vw,3rem)] font-semibold text-ink tracking-tighter-2 leading-tight mb-6",children:"Think You're Good at Reading People?"}),e.jsx("p",{className:"text-lg text-slate leading-relaxed mb-10",children:"Most people think they can read others, but research shows we're wrong about half the time. Cues trains your intuition with real-world scenarios."}),e.jsx(c,{asChild:!0,size:"lg",className:"bg-iris hover:bg-iris/90 text-white rounded-button px-8 h-12 font-medium transition-all duration-200 ease-out hover:-translate-y-0.5 hover:shadow-primary",children:e.jsxs(d,{to:"/body-language-test",className:"flex items-center gap-2",children:["Measure Your Social IQ",e.jsx(m,{className:"w-5 h-5"})]})})]})]})})]})};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.