https://jukez.ai/assets/jukebox-history-BqzCKLWu.js

1import{j as e,L as t}from"./index-XuTraXL9.js";import{j as s}from"./jukez-logo-cutout-BxBkFBwV.js";import{A as o}from"./arrow-left-SXBJaAmB.js";import{A as r}from"./arrow-right-BGFSnlbr.js";const n=[{year:"1877",title:"Recorded sound",body:"Edison's phonograph makes it possible to capture and replay sound for the first time."},{year:"1889",title:"The first coin-op",body:"Louis Glass installs a nickel-in-the-slot phonograph at San Francisco's Palais Royale Saloon. $1,000 in the first six months — the jukebox economy begins."},{year:"1890s",title:"Listening tubes",body:"Early machines had no speakers. You leaned in through a tube, dropped your nickel, and the room around you didn't get a say."},{year:"1927",title:"The Automatic Music Instrument Co.",body:"AMI ships the first electrically amplified, multi-selection jukebox. Now the room hears it — and the room gets to choose."},{year:"1930s",title:"The name sticks",body:'"Juke" comes from Gullah — meaning rowdy, full of life. "Juke joints" were where the energy lived; the machine inherited the name.'},{year:"1940s–50s",title:"The golden age",body:"Chrome, neon, visible records spinning. At its peak, over 700,000 jukeboxes are operating in the U.S. A hit in jukeboxes could break an artist faster than radio."},{year:"1989",title:"The CD jukebox",body:"Digital media replaces vinyl in the box. Cleaner sound, more selections, same idea."},{year:"2000s",title:"Internet jukeboxes",body:"TouchTunes and Ecast connect bar jukeboxes to libraries with no physical limit. The catalog goes infinite; the gatekeeper disappears."},{year:"2010s",title:"The phone takes over",body:"Streaming replaces the box at home. In clubs and at weddings, the request shifts to the DJ booth — usually as a stranger camped behind it with their phone out."},{year:"Today",title:"JUKEZ",body:"The coin became a tip. The slot became a link, no app required. The DJ stays in control — guests are only charged when a request is approved. 130+ years later, the room still picks the next song."}];function d(){return e.jsxs("main",{className:"min-h-screen relative overflow-hidden",children:[e.jsx("div",{className:"absolute inset-0 bg-grid opacity-20 pointer-events-none"}),e.jsx("div",{className:"absolute inset-x-0 top-0 h-[420px] pointer-events-none opacity-60",style:{background:"radial-gradient(ellipse at 50% 0%, color-mix(in oklab, var(--neon) 22%, transparent), transparent 60%)"}}),e.jsxs("nav",{className:"relative z-10 max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 py-6 flex items-center justify-between",children:[e.jsxs(t,{to:"/",className:"flex items-center gap-2.5",children:[e.jsx("img",{src:s,alt:"",width:32,height:32,className:"w-8 h-8"}),e.jsx("span",{className:"text-lg font-display font-bold tracking-[0.18em] text-marquee",children:"JUKEZ"})]}),e.jsxs(t,{to:"/",className:"text-sm text-muted-foreground hover:text-foreground inline-flex items-center gap-1.5",children:[e.jsx(o,{className:"w-4 h-4"})," Home"]})]}),e.jsxs("header",{className:"relative z-10 max-w-2xl mx-auto px-4 sm:px-6 lg:px-8 pt-8 sm:pt-12 pb-12 text-center",children:[e.jsx("p",{className:"font-mono text-[10px] uppercase tracking-[0.32em] text-muted-foreground mb-4",children:"A short history · est. 1889"}),e.jsx("h1",{className:"font-display font-bold leading-[1.05] mb-4 text-marquee whitespace-nowrap",style:{fontSize:"clamp(1.125rem, 4.5vw, 2.5rem)"},children:"A Short History of the Jukebox"}),e.jsx("p",{className:"text-base sm:text-lg text-muted-foreground leading-relaxed",children:"One coin, one choice, one room. 130+ years of the same idea — told in ten facts."})]}),e.jsx("div",{className:"relative z-10 max-w-2xl mx-auto px-4 sm:px-6 lg:px-8 pb-16",children:e.jsxs("ol",{className:"relative",children:[e.jsx("span",{"aria-hidden":!0,className:"absolute top-2 bottom-2 w-px left-[15px]",style:{background:"linear-gradient(180deg, color-mix(in oklab, var(--neon) 60%, transparent), color-mix(in oklab, var(--cyan, #22d3ee) 40%, transparent), transparent)"}}),n.map(a=>e.jsxs("li",{className:"relative pl-10 sm:pl-12 pb-8 last:pb-0",children:[e.jsx("span",{"aria-hidden":!0,

1className:"absolute left-[10px] top-[7px] w-3 h-3 rounded-full",style:{background:"var(--neon)",boxShadow:"0 0 0 3px color-mix(in oklab, var(--neon) 15%, transparent), 0 0 14px color-mix(in oklab, var(--neon) 65%, transparent)"}}),e.jsx("p",{className:"font-mono text-[10px] uppercase tracking-[0.28em] text-muted-foreground mb-1",children:a.year}),e.jsx("h2",{className:"text-lg sm:text-xl font-display font-semibold mb-1.5",children:a.title}),e.jsx("p",{className:"text-sm sm:text-[15px] text-foreground/75 leading-relaxed",children:a.body})]},a.year))]})}),e.jsx("section",{className:"relative z-10 max-w-2xl mx-auto px-4 sm:px-6 lg:px-8 mb-20",children:e.jsxs("div",{className:"rounded-2xl border p-6 sm:p-8 backdrop-blur-xl text-center",style:{background:"linear-gradient(180deg, color-mix(in oklab, var(--neon) 8%, transparent), color-mix(in oklab, var(--cyan, #22d3ee) 4%, transparent))",borderColor:"color-mix(in oklab, var(--neon) 30%, transparent)"},children:[e.jsx("p",{className:"font-mono text-[10px] uppercase tracking-[0.3em] text-muted-foreground mb-3",children:"Where we fit"}),e.jsx("p",{className:"font-display text-xl sm:text-2xl leading-snug mb-5",children:"A coin, a tube, a touchscreen, a phone — same idea, new hands."}),e.jsxs(t,{to:"/",className:"inline-flex items-center gap-2 px-5 py-3 rounded-xl text-sm font-semibold text-primary-foreground bg-gold hover:opacity-90 transition",children:["See how JUKEZ works ",e.jsx(r,{className:"w-4 h-4"})]})]})}),e.jsx("footer",{className:"border-t border-white/[0.06]",children:e.jsxs("div",{className:"max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 py-10 flex flex-col items-center justify-center gap-4 text-xs text-muted-foreground text-center",children:[e.jsxs("div",{className:"flex items-center gap-2.5",children:[e.jsx("img",{src:s,alt:"",width:20,height:20,className:"w-5 h-5 opacity-80"}),e.jsx("span",{className:"font-display tracking-[0.22em]",children:"JUKEZ"})]}),e.jsxs("div",{className:"flex flex-wrap items-center justify-center gap-x-5 gap-y-2",children:[e.jsx(t,{to:"/terms",className:"hover:text-foreground transition",children:"Terms"}),e.jsx(t,{to:"/privacy",className:"hover:text-foreground transition",children:"Privacy"}),e.jsx(t,{to:"/jukebox-history",className:"hover:text-foreground transition",children:"History of the Jukebox"}),e.jsx("a",{href:"mailto:[email protected]",className:"hover:text-foreground transition",children:"[email protected]"})]}),e.jsx("span",{children:"© 2026 Jukez LLC"})]})})]})}export{d as component};