https://makelead.io/assets/BeforeAfter-CSX1bZo6.js

1import{r as i,bb as M,bc as A,bd as T,j as e,be as C,bf as I,bg as L,a_ as d,u as U,L as W}from"./index-ZTKXnuWg.js";import{B as y}from"./badge-check-Bp_dghxx.js";import{A as S}from"./index-CJwhFwt6.js";import{m as k}from"./proxy-9WKiwTRl.js";import{M as q}from"./message-circle-BxcDgGVI.js";import{R as D}from"./repeat-2-CHbIk2D8.js";import{H as X}from"./heart--rjfCAjt.js";import{C as Y}from"./chart-column-D0mkYU25.js";import"./createLucideIcon-AdDZRUB7.js";import"./create-proxy-DIMY_D9T.js";import"./is-svg-component-DqI4UfzC.js";import"./is-html-element-DGQ-qfzy.js";import"./use-presence-DaC9noRk.js";import"./gestures-CJ_44jWQ.js";function $(t){const s=i.useRef({value:t,previous:t});return i.useMemo(()=>(s.current.value!==t&&(s.current.previous=s.current.value,s.current.value=t),s.current.previous),[t])}function G(t){const[s,r]=i.useState(void 0);return M(()=>{if(t){r({width:t.offsetWidth,height:t.offsetHeight});const a=new ResizeObserver(n=>{if(!Array.isArray(n)||!n.length)return;const f=n[0];let c,o;if("borderBoxSize"in f){const l=f.borderBoxSize,x=Array.isArray(l)?l[0]:l;c=x.inlineSize,o=x.blockSize}else c=t.offsetWidth,o=t.offsetHeight;r({width:c,height:o})});return a.observe(t,{box:"border-box"}),()=>a.unobserve(t)}else r(void 0)},[t]),s}var g="Switch",[J]=L(g),[K,Q]=J(g),F=i.forwardRef((t,s)=>{const{__scopeSwitch:r,name:a,checked:n,defaultChecked:f,required:c,disabled:o,value:l="on",onCheckedChange:x,form:m,...v}=t,[p,u]=i.useState(null),w=A(s,b=>u(b)),j=i.useRef(!1),N=p?m||!!p.closest("form"):!0,[h,_]=T({prop:n,defaultProp:f??!1,onChange:x,caller:g});return e.jsxs(K,{scope:r,checked:h,disabled:o,children:[e.jsx(C.button,{type:"button",role:"switch","aria-checked":h,"aria-required":c,"data-state":P(h),"data-disabled":o?"":void 0,disabled:o,value:l,...v,ref:w,onClick:I(t.onClick,b=>{_(H=>!H),N&&(j.current=b.isPropagationStopped(),j.current||b.stopPropagation())})}),N&&e.jsx(E,{control:p,bubbles:!j.current,name:a,value:l,checked:h,required:c,disabled:o,form:m,style:{transform:"translateX(-100%)"}})]})});F.displayName=g;var B="SwitchThumb",R=i.forwardRef((t,s)=>{const{__scopeSwitch:r,...a}=t,n=Q(B,r);return e.jsx(C.span,{"data-state":P(n.checked),"data-disabled":n.disabled?"":void 0,...a,ref:s})});R.displayName=B;var V="SwitchBubbleInput",E=i.forwardRef(({__scopeSwitch:t,control:s,checked:r,bubbles:a=!0,...n},f)=>{const c=i.useRef(null),o=A(c,f),l=$(r),x=G(s);return i.useEffect(()=>{const m=c.current;if(!m)return;const v=window.HTMLInputElement.prototype,u=Object.getOwnPropertyDescriptor(v,"checked").set;if(l!==r&&u){const w=new Event("click",{bubbles:a});u.call(m,r),m.dispatchEvent(w)}},[l,r,a]),e.jsx("input",{type:"checkbox","aria-hidden":!0,defaultChecked:r,...n,tabIndex:-1,ref:o,style:{...n.style,...x,position:"absolute",pointerEvents:"none",opacity:0,margin:0}})});E.displayName=V;function P(t){return t?"checked":"unchecked"}var z=F,Z=R;const O=i.forwardRef(({className:t,...s},r)=>e.jsx(z,{className:d("peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",t),...s,ref:r,children:e.jsx(Z,{className:d("pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0")})}));O.displayName=z.displayName;const ee="/assets/lea-dbDxmBdY.jpg";function ue(){const{t}=U(),[s,r]=i.useState(!1),a=s?{text:t("beforeAfter.tweetOn"),time:"5h",replies:"47",reposts:"128",likes:"1 842",views:"96 k"}:{text:t("beforeAfter.tweetOff"),time:"2h",replies:"0",reposts:"0",likes:"0",views:"12"};return e.jsx("section",{id:"before-after",className:"py-20 md:py-28",children:e.jsxs("div",{className:"mx-auto max-w-7xl px-5 sm:px-8",children:[e.jsx("div",{className:"scroll-reveal mx-auto max-w-3xl text-center",children:e.jsxs("h2",{className:"font-display text-4xl font-bold text-balance md:text-5xl lg:text-6xl",children:[t("beforeAfter.title1")," ",e.jsx("span",{className:"text-ink/45",children:t("beforeAfter.title2")})]})}),e.jsxs("div",{className:"scroll-reveal mt-10 flex items-center justify-center gap-5",children:[e.jsx("span",{className:d("text-base font-medium transition-colors",s?"text-ink/32":"text-ink/83"),children:t("beforeAfter.toggleOff")}),e.jsx(O,{checked:s,onCheckedChange:r,"aria-label":t("beforeAfter.toggleOn"),className:"scale-[1.6] data-[state=checked]:bg-[#FF4419] data-[state=unchecked]:bg-ink/15"}),e.jsx("span",{className:d("text-base font-semibold transition-colors",s?"text-[#FF4419]":"text-ink/32"),children:t("beforeAfter.toggleOn")})]}),e.jsx("div",{className:"scroll-reveal mx-auto mt-16 flex w-full max-w-3xl justify-center px-2 sm:px-8",children:e.jsx("div",{className:"relative flex w-full justify-center",children:e.jsxs("article",{className:d("w-full rounded-[20px] border p-7 transition-colors duration-500",s?"border-[#FF4419]/30 bg-gradient-to-b from-[#170b07] to-[#0B0B0B]":"border-ink/10 bg-gradient-to-b from-[#0F0F0F] to-[#0B0B0B]"),children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:d("h-11 w-11 shrink-0 overflow-hidden rounded-full ring-2 transition-all duration-500",s?"ring-[#FF4419]":"ring-ink/10"),children:e.jsx("img",{src:ee,alt:t("beforeAfter.authorName"),className:"h-full w-full object-cover"})}),e.jsxs("div",{className:"min-w-0",children:[e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("span",{className:"font-semibold text-ink",children:t("beforeAfter.authorName")}

1),s&&e.jsx(y,{className:"h-4 w-4 shrink-0 fill-[#FF4419] text-on-accent"}),e.jsxs("span",{className:"truncate text-sm text-ink/45",children:[t("beforeAfter.authorHandle")," · ",a.time]})]}),e.jsx("div",{className:"text-xs text-ink/45",children:t("beforeAfter.authorMeta")})]})]}),e.jsxs("div",{className:"relative mt-4",children:[e.jsx("p",{"aria-hidden":!0,className:"invisible whitespace-pre-line break-words text-[17px] leading-relaxed",children:t("beforeAfter.tweetOn")}),e.jsx(S,{mode:"wait",children:e.jsx(k.p,{initial:{opacity:0,y:6},animate:{opacity:1,y:0},exit:{opacity:0,y:-6},transition:{duration:.25},className:"absolute inset-0 whitespace-pre-line break-words text-[17px] leading-relaxed text-ink/90",children:a.text},s?"on":"off")})]}),e.jsxs("div",{className:"mt-5 flex items-center justify-between border-t border-ink/5 pt-4 text-sm text-ink/45",children:[e.jsxs("span",{className:"flex items-center gap-1.5",children:[e.jsx(q,{className:"h-4 w-4"}),a.replies]}),e.jsxs("span",{className:"flex items-center gap-1.5",children:[e.jsx(D,{className:"h-4 w-4"}),a.reposts]}),e.jsxs(k.span,{initial:{scale:.85},animate:{scale:1},transition:{type:"spring",stiffness:320,damping:14},className:d("flex items-center gap-1.5 transition-colors",s?"font-semibold text-[#FF4419]":""),children:[e.jsx(X,{className:d("h-4 w-4",s&&"fill-[#FF4419]")}),a.likes]},s?"like-on":"like-off"),e.jsxs("span",{className:"flex items-center gap-1.5",children:[e.jsx(Y,{className:"h-4 w-4"}),a.views]})]})]})})}),e.jsx(S,{children:s&&e.jsxs(k.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},exit:{opacity:0,y:10},transition:{duration:.3,delay:.12},className:"mx-auto mt-7 flex max-w-md flex-col items-center gap-4 text-center",children:[e.jsx("p",{className:"text-[14px] leading-relaxed text-ink/64",children:t("beforeAfter.proof")}),e.jsxs("p",{className:"flex items-center gap-1.5 text-[13px] leading-relaxed text-ink/45",children:[e.jsx(y,{size:14,className:"shrink-0 text-[#FF4419]"}),t("beforeAfter.noInvent")]}),e.jsxs(W,{to:"/signup",className:"inline-flex items-center gap-2 rounded-full bg-[#FF4419] px-6 py-3 text-[14px] font-semibold text-white transition hover:brightness-110",children:[t("beforeAfter.cta"),e.jsx("span",{"aria-hidden":!0,children:"→"})]})]})})]})})}export{ue as BeforeAfter};