https://spellbook-finance.com/assets/best-mtg-price-tracker-DnHPLinK.js

1import{u as h,r as n,j as e,bW as g,L as o}from"./index-FkOWO1kn.js";const u=e.jsx("svg",{className:"h-4 w-4 shrink-0 text-green-400",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2.5,children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M4.5 12.75l6 6 9-13.5"})}),b=e.jsx("svg",{className:"h-4 w-4 shrink-0 text-gray-500",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18L18 6M6 6l12 12"})}),f=[e.jsx("svg",{className:"h-5 w-5 text-purple-400",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.5,children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M2.25 18.75a60.07 60.07 0 0115.797 2.101c.727.198 1.453-.342 1.453-1.096V18.75M3.75 4.5v.75A.75.75 0 013 6h-.75m0 0v-.375c0-.621.504-1.125 1.125-1.125H20.25M2.25 6v9m18-10.5v.75c0 .414.336.75.75.75h.75m-1.5-1.5h.375c.621 0 1.125.504 1.125 1.125v9.75c0 .621-.504 1.125-1.125 1.125h-.375m1.5-1.5H21a.75.75 0 00-.75.75v.75m0 0H3.75m0 0h-.375a1.125 1.125 0 01-1.125-1.125V15m1.5 1.5v-.75A.75.75 0 003 15h-.75M15 10.5a3 3 0 11-6 0 3 3 0 016 0zm3 0h.008v.008H18V10.5zm-12 0h.008v.008H6V10.5z"})},"sold"),e.jsx("svg",{className:"h-5 w-5 text-purple-400",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.5,children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 013 12c0-1.605.42-3.113 1.157-4.418"})},"globe"),e.jsx("svg",{className:"h-5 w-5 text-purple-400",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.5,children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M14.857 17.082a23.848 23.848 0 005.454-1.31A8.967 8.967 0 0118 9.75v-.7V9A6 6 0 006 9v.75a8.967 8.967 0 01-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 01-5.714 0m5.714 0a3 3 0 11-5.714 0"})},"alert")];function v(){const{track:i}=h(),{hero:t,comparison:r,featureHighlights:x,stats:c,faq:d,finalCta:a}=g,[m,p]=n.useState(null);return n.useEffect(()=>{i("preauth.best_price_tracker_view",{referrer:document.referrer})},[]),e.jsxs("div",{className:"-mx-4 -mt-6",children:[e.jsxs("section",{className:"px-4 pt-16 pb-12 text-center sm:pt-20 sm:pb-16",children:[e.jsx("p",{className:"text-[11px] font-semibold uppercase tracking-[0.22em] text-purple-400",children:"Best MTG Price Tracker"}),e.jsx("h1",{className:"mx-auto mt-4 max-w-4xl text-4xl font-bold leading-tight tracking-tight text-gray-50 sm:text-5xl lg:text-6xl",children:t.headline}),e.jsx("p",{className:"mx-auto mt-5 max-w-2xl text-lg text-gray-400 sm:text-xl",children:t.subheadline}),e.jsxs("div",{className:"mt-8 flex flex-col items-center gap-4 sm:flex-row sm:justify-center",children:[e.jsx(o,{to:"/movers",search:{min_price:1,price_type:"regular",sets:""},"data-testid":"best-price-tracker-primary-cta",className:"rounded-lg bg-purple-600 px-8 py-3 text-lg font-semibold text-gray-50 transition-colors hover:bg-purple-500 active:bg-purple-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-400 focus-visible:ring-offset-2 focus-visible:ring-offset-gray-950",onClick:()=>i("conversion.best_price_tracker_cta_click"),children:t.primaryCta}),e.jsx(o,{to:"/signup","data-testid":"best-price-tracker-secondary-cta",className:"rounded-lg border border-gray-700 px-8 py-3 text-lg font-semibold text-gray-300 transition-colors hover:border-gray-500 hover:text-gray-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-400 focus-visible:ring-offset-2 focus-visible:ring-offset-gray-950",children:t.secondaryCta})]})]}),e.jsx("section",{className:"px-4 py-12 sm:py-16",children:e.jsxs("div",{className:"mx-auto max-w-4xl","data-testid":"best-price-tracker-comparison-table",children:[e.jsx("h2",{className:"mb-2 text-center text-3xl font-bold tracking-tight text-gray-50 sm:text-4xl",children:"SpellBook vs Other MTG Price Trackers"}),e.jsx("p",{className:"mb-8 text-center text-sm text-gray-400",children:"What separates real sold prices from listing averages."}),e.jsx("div",{className:"hidden sm:block overflow-hidden rounded-xl border border-gray-800",children:e.jsxs("table",{className:"w-full text-left text-sm",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"border-b border-gray-800 bg-gray-900/80",children:[e.jsx("th",{className:"px-5 py-3.5 text-xs font-semibold uppercase tracking-wider text-gray-500",children:"Feature"}),e.jsx("th",{className:"px-5 py-3.5 text-xs font-semibold uppercase tracking-wider text-gray-500",children:"Typical Price Tracker"}),e.jsx("th",{className:"border-l border-purple-500/30 bg-purple-950/30 px-5 py-3.5 text-xs font-semibold uppercase tracking-wider text-purple-400",children:"SpellBook Finance"})]})}),e.jsx("tbody",{children:r.map(s=>e.jsxs("tr",{className:"border-b border-gray-800/50 transition-colors hover:bg-gray-900/50 last:border-0",children:[e.jsx("td",{className:"px-5 py-3.5 font-medium text-gray-200",children:s.feature}),e.jsx("td",{className:"px-5 py-3.5 text-gray-500",children:s.others}),e.jsx("td",{className:"border-l border-purple-500/20 bg-purple-950/15 px-5 py-3.5 text-gray-200",children:s.spellbook})]},s.feature))})]})}),e.jsx("div",{className:"space-y-3 sm:hidden",children:r.map(s=>e.jsxs("div",{className:"rounded-xl border border-gray-800 bg-gray-900/60 p-4",children:[e.jsx("h3",{className:"mb-3 text-sm font-bold text-gray-50",children:s.feature}),e.jsxs("div",{className:"space-y-2.5 text-sm",children:[e.jsxs("div",{className:"flex items-start gap-2",children:[b,e.jsxs("div",{children:[e.jsx("span",{className:"text-2xs font-medium uppercase tracking-wider text-gray-500",children:"Typical Tracker"}),e.jsx("p",{className:"mt-0.5 text-gray-500",children:s.others})]})]}),e.jsxs("div",{className:"flex items-start gap-2",children:[u,e.jsxs("div",{children:[e.jsx("span",{className:"text-2xs font-medium uppercase tracking-wider text-purple-400",children:"SpellBook"}),e.jsx("p",{className:"mt-0.5 text-gray-200",children:s.spellbook})]})]})]})]},s.feature))})]})}),e.jsx("section",{className:"border-y border-gray-800/60 bg-gray-900/40 px-4 py-16 sm:py-20",children:e.jsxs("div",{className:"mx-auto max-w-4xl",children:[e.jsx("p",{className:"text-center text-[11px] font-semibold uppercase tracking-[0.22em] text-purple-400",children:"Why SpellBook?"}),e.jsx("h2",{className:"mt-3 mb-10 text-center text-3xl font-bold tracking-tight text-gray-50 sm:text-4xl",children:"Built for MTG investors and collectors"}),e.jsx("div",{className:"space-y-4",children:x.map((s,l)=>e.jsxs("div",{className:"flex items-start gap-5 rounded-xl border border-gray-800 bg-gray-950 p-5 sm:p-6 transition-colors hover:border-gray-700",children:[e.jsx("div",{className:"mt-0.5 flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-purple-950/60 border border-purple-500/20",children:f[l]}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-base font-bold text-gray-50",children:s.title}),e.jsx("p",{className:"mt-1.5 text-sm leading-relaxed text-gray-400",children:s.description})]})]},s.title))})]})}),e.jsx("section",{className:"px-4 py-16 sm:py-20",children:e.jsxs("div",{className:"mx-auto max-w-4xl",children:[e.jsx("h2",{className:"mb-10 text-center text-2xl font-bold text-gray-50",children:"SpellBook by the numbers"}),e.jsx("div",{className:"grid grid-cols-2 gap-4 sm:grid-cols-4",children:c.map(s=>e.jsxs("div",{className:"rounded-xl border border-gray-800 bg-gray-900/40 p-5 text-center",children:[e.jsx("p",{className:"text-3xl font-bold tabular-nums text-purple-400",children:s.value}),e.jsx("p",{className:"mt-1 text-sm font-medium text-gray-200",children:s.label}),e.jsx("p",{className:"mt-1 text-xs text-gray-500",children:s.source})]},s.label))})]})}),e.jsx("section",{className:"px-4 py-16 sm:py-20",children:e.jsxs("div",{className:"mx-auto max-w-3xl",children:[e.jsx("h2",{className:"text-lg font-semibold text-gray-50",children:"Frequently asked questions"}),e.jsx("div",{className:"mt-4 divide-y divide-gray-800 rounded-xl border border-gray-800 bg-gray-900/30",children:d.map((s,l)=>e.jsx(y,{question:s.question,answer:s.answer,isOpen:m===l,onToggle:()=>p(m===l?null:l)},l))})]})}),e.jsx("section",{className:"border-t border-gray-800/60 bg-gray-900/40 px-4 py-20 sm:py-28",children:e.jsxs("div",{className:"mx-auto max-w-2xl text-center",children:[e.jsx("h2",{className:"text-3xl font-bold tracking-tight text-gray-50 sm:text-4xl",children:a.headline}),e.jsx("p",{className:"mx-auto mt-4 max-w-xl text-lg text-gray-400",children:a.subheadline}),e.jsxs("div",{className:"mt-8 flex flex-col items-center gap-4 sm:flex-row sm:justify-center",children:[e.jsx(o,{to:"/movers",search:{min_price:1,price_type:"regular",sets:""},className:"rounded-lg bg-purple-600 px-8 py-3 text-lg font-semibold text-gray-50 transition-colors hover:bg-purple-500 active:bg-purple-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-400 focus-visible:ring-offset-2 focus-visible:ring-offset-gray-950",children:a.cta}),e.jsx(o,{to:"/pricing",className:"text-sm font-medium text-gray-400 transition-colors hover:text-gray-200",children:"Compare plans →"})]})]})})]})}function y({question:i,answer:t,isOpen:r,onToggle:x}){const c=n.useRef(null),[d,a]=n.useState(0);return n.useEffect(()=>{r&&c.current?a(c.current.scrollHeight):a(0)},[r]),e.jsxs("div",{children:[e.jsxs("button",{onClick:x,"aria-expanded":r,"aria-label":i,className:"flex w-full items-center justify-between px-4 sm:px-5 py-4 text-left hover:bg-gray-900/40 transition-colors focus-visible:outline-none focus-visible:bg-gray-900/40",children:[e.jsx("span",{className:"text-sm text-gray-200",children:i}),e.jsx("svg",{className:`h-4 w-4 shrink-0 text-gray-500 transition-transform duration-200 ease-out ml-3 ${r?"rotate-180":""}`,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M19.5 8.25l-7.5 7.5-7.5-7.5"})})]}),e.jsx("div",{className:"overflow-hidden transition-[max-height] duration-200 ease-out",style:{maxHeight:d},children:e.jsx("div",{ref:c,className:"px-4 sm:px-5 pb-4 text-sm leading-relaxed text-gray-400",children:t})})]})}export{v as component};