https://ssicevs.com/assets/SeoVariationsPage-DPaeSWL4.js

1import{r as l,j as e}from"./metal-fx-C6GZ_SKA.js";import{V as o}from"./seo-variants-DDNTASGZ.js";import{p as n,N as d,D as c,s as x}from"./seo-snapshot-Bqg1Zfce.js";import{c0 as m,bM as p,r as h,eG as u}from"./index-D1yBc__G.js";import"./latest-CpfmJdF0.js";import"./motion-BHwmuFpx.js";const i=1440,s=1100;function y(){const[r,a]=l.useState(null);return e.jsx("div",{className:"min-h-screen bg-background text-foreground",children:e.jsxs("div",{className:"mx-auto w-full max-w-[1500px] px-5 py-8 lg:px-8",children:[e.jsxs("header",{className:"flex flex-wrap items-end justify-between gap-4",children:[e.jsxs("div",{children:[e.jsx("h1",{className:"text-[21px] font-semibold tracking-[-0.02em] text-foreground/90",children:"SEO dashboard variations"}),e.jsxs("p",{className:"mt-1 text-[12.5px] text-foreground/45",children:[o.length," layouts over one snapshot · ",n.int(d.impressions)," impressions ·"," ",n.int(c.length)," queries · pulled ",x.slice(0,10)]})]}),r&&e.jsx("button",{type:"button",onClick:()=>a(null),className:"rounded-lg border border-foreground

1/[0.08] px-3 py-1.5 text-[12px] text-foreground/70 transition-colors hover:border-foreground/20",children:"Back to all"})]}),e.jsx("div",{className:u("mt-6 grid gap-6",r?"grid-cols-1":"xl:grid-cols-2"),children:o.filter(t=>!r||t.path===r).map(t=>e.jsxs("section",{className:"flex flex-col",children:[e.jsxs("div",{className:"flex flex-wrap items-baseline justify-between gap-x-3 gap-y-1",children:[e.jsx("h2",{className:"text-[13.5px] font-medium text-foreground/90",children:t.name}),e.jsx("span",{className:"font-mono text-[11px] text-foreground/30",children:t.source})]}),e.jsx("p",{className:"mt-1 text-[11.5px] leading-relaxed text-foreground/40",children:t.note}),e.jsxs("div",{className:"relative mt-3 overflow-hidden rounded-xl border border-foreground/[0.06]",style:{background:"var(--card)",aspectRatio:r?void 0:`${i} / ${s}`,height:r?s*.72:void 0},children:[e.jsx("iframe",{src:t.path,title:t.name,className:"absolute left-0 top-0 origin-top-left border-0",style:{width:i,height:s,transform:`scale(${r?.72:.5})`}}),e.jsx("button",{type:"button",onClick:()=>a(r===t.path?null:t.path),"aria-label":r?"Shrink":`Enlarge ${t.name}`,className:"absolute right-2 top-2 grid h-7 w-7 place-items-center rounded-md border border-foreground

1/10 bg-background/80 text-foreground/60 backdrop-blur transition-colors hover:text-foreground",children:e.jsx(m,{className:"h-3.5 w-3.5"})})]}),e.jsxs(p,{to:t.path,className:"mt-2 inline-flex items-center gap-1 self-start text-[12px] font-medium text-[#5aaaff] transition-colors hover:underline",children:["Open ",t.path," ",e.jsx(h,{className:"h-3.5 w-3.5"})]})]},t.path))}),e.jsx("p",{className:"mt-8 pb-4 text-[11px] leading-relaxed text-foreground/25",children:"Shells are MIT and credited on each page. Every tile is the live route in an iframe, not a screenshot, so this index cannot drift from what it shows."})]})})}export{y as default};