https://casttosonos.com/assets/about-vmD66GFK.js

1import"./rolldown-runtime-S-ySWqyJ.js";import{t as e}from"./jsx-runtime-BJ-vK_ex.js";import{_ as t,a as n,i as r,m as i,t as a}from"./index-l3gQc0OH.js";import{n as o}from"./InstallButton-B-hheUq3.js";t();var s=e(),c=({id:e,title:t,eyebrow:n,children:r})=>(0,s.jsxs)(`section`,{id:e,className:`relative scroll-mt-24`,children:[(0,s.jsxs)(`div`,{className:`mb-10`,children:[n&&(0,s.jsx)(`div`,{className:`text-xs tracking-widest font-semibold text-gray-400 uppercase mb-2`,children:n}),(0,s.jsx)(`h2`,{className:`text-2xl md:text-3xl font-bold leading-tight text-white`,children:t})]}),(0,s.jsx)(`div`,{className:`space-y-6 text-gray-300 leading-relaxed text-base md:text-lg`,children:r})]}),l=({children:e,color:t=`indigo`})=>(0,s.jsx)(`span`,{className:`inline-flex items-center rounded-full px-3 py-1 text-xs font-semibold bg-${t}-500/10 text-${t}-300 ring-1 ring-inset ring-${t}-500/30 backdrop-blur`,children:e}),u=({icon:e,title:t,children:n})=>(0,s.jsxs)(`div`,{className:`flex gap-4`,children:[(0,s.jsx)(`div`,{className:`text-indigo-300 mt-1 shrink-0`,children:e}),(0,s.jsxs)(`div`,{children:[(0,s.jsx)(`h3`,{className:`font-semibold text-white mb-1`,children:t}),(0,s.jsx)(`p`,{className:`text-gray-300 text-sm md:text-base leading-relaxed`,children:n})]})]}),d=()=>(0,s.jsx)(`div`,{className:`min-h-screen overflow-x-hidden bg-gradient-to-br from-gray-950 via-gray-900 to-gray-950 text-white pt-24 pb-32`,children:(0,s.jsxs)(`div`,{className:`relative`,children:[(0,s.jsxs)(`div`,{className:`pointer-events-none absolute inset-0`,children:[(0,s.jsx)(`div`,{className:`absolute -top-40 -left-40 h-96 w-96 bg-indigo-600/10 blur-3xl rounded-full`}),(0,s.jsx)(`div`,{className:`absolute top-40 -right-20 h-72 w-72 bg-sky-500/10 blur-3xl rounded-full`})]}),(0,s.jsxs)(`div`,{className:`container mx-auto px-6 max-w-6xl relative`,children:[(0,s.jsxs)(`header`,{className:`text-center mb-24`,children:[(0,s.jsxs)(`div`,{className:`inline-flex items-center gap-2 rounded-full px-4 py-1.5 bg-gray-800/60 ring-1 ring-white/10 backdrop-blur`,children:[(0,s.jsx)(`span`,{className:`text-xs font-semibold tracking-widest text-indigo-300`,children:`CAST TO SONOS`}),(0,s.jsx)(`span`,{className:`w-1 h-1 rounded-full bg-indigo-400 animate-pulse`}),(0,s.jsx)(`span`,{className:`text-xs text-gray-400`,children:`Browser → Sonos • Frame Sync • Stereo`})]}),(0,s.jsx)(`h1`,{className:`mt-10 text-4xl md:text-6xl font-extrabold tracking-tight leading-[1.1] text-white`,children:`Stream Any Tab to Your Sonos. Instantly.`}),(0,s.jsx)(`p`,{className:`mt-8 max-w-3xl mx-auto text-lg md:text-2xl text-gray-300 leading-relaxed`,children:`High‑quality, low‑effort casting from Chrome to Sonos with automatic frame sync, dynamic visuals, and optional premium stereo up to 320 kbps.`}),(0,s.jsxs)(`div`,{className:`mt-10 flex flex-col sm:flex-row gap-4 justify-center`,children:[(0,s.jsx)(o,{variant:`primary`,dataSource:`about-hero`,children:`Get the Extension`}),(0,s.jsx)(`a`,{href:`https://www.youtube.com/watch?v=IBx0BjxkfEI&t=18s`,target:`_blank`,rel:`noopener noreferrer`,className:`inline-flex items-center justify-center px-6 py-3 rounded-lg bg-white/5 hover:bg-white/10 text-sm font-medium text-white ring-1 ring-white/15 transition`,children:`Watch Tutorial`})]}),(0,s.jsxs)(`div`,{className:`mt-10 flex flex-wrap gap-3 justify-center`,children:[(0,s.jsx)(l,{children:`Automatic Video Sync`}),(0,s.jsx)(l,{children:`Stereo (Premium)`}),(0,s.jsx)(l,{color:`sky`,children:`Worker Offload`}),(0,s.jsx)(l,{color:`teal`,children:`Adaptive UI`}),(0,s.jsx)(l,{color:`violet`,children:`Dark Mode`})]})]}),(0,s.jsxs)(`div`,{className:`grid gap-24 lg:gap-32`,children:[(0,s.jsx)(c,{id:`integration`,eyebrow:`Seamless Integration`,title:`Built Like a Native Sonos Experience`,children:(0,s.jsxs)(`div`,{className:`grid md:grid-cols-2 gap-12`,children:[(0,s.jsx)(`div`,{className:`space-y-6`,children:[`Household & Device Selection`,`Automatic Video Sync`,`Dynamic Color Matching`,`Dark Mode & Theming`,`Rich Player Presence`,`Full Transport Control`].map(e=>{let t=r.items.find(t=>t.title===e);return(0,s.jsx)(u,{icon:(0,s.jsx)(`span`,{children:e.startsWith(`Automatic`)?`🎯`:e.startsWith(`Dynamic`)?`🎨`:e.startsWith(`Dark`)?`🌙`:e.startsWith(`Rich`)?`🖼️`:e.startsWith(`Full`)?`🎚️`:`�️`}),title:e,children:t?.description||``},e)})}),(0,s.jsxs)(`div`,{className:`relative`,children:[(0,s.jsx)(`div`,{className:`absolute -inset-2 rounded-2xl bg-gradient-to-tr from-indigo-600/10 via-sky-500/10 to-transparent blur-xl`}),(0,s.jsxs)(`div`,{className:`relative h-full w-full rounded-2xl border border-white/10 bg-gray-900/60 backdrop-blur p-8 flex flex-col justify-center`,children:[(0,s.jsx)(`p`,{className:`text-sm text-gray-400 leading-relaxed`,children:`The extension runs a lightweight capture + encode pipeline and cleanly integrates with your Sonos session. Visual adaptation and frame sync logic are isolated so regular browsing stays fast.`}),(0,s.jsxs)(`div`,{className:`mt-6 grid grid-cols-2 gap-4 text-xs`,children:[(0,s.jsxs)(`div`,{className:`p-3 rounded-lg bg-white/5 border border-white/10`,children:[(0,s.jsx)(`div`,{className:`text-indigo-300 font-semibold mb-1`,children:`Latency`}),(0,s.jsx)(`div`,{children:`Auto‑measured`})]}),(0,s.jsxs)(`div`,{className:`p-3 rounded-lg bg-white/5 border border-white/10`,children:[(0,s.jsx)(`div`,{className:`text-indigo-300 font-semibold mb-1`,children:`Quality`}),(0,s.jsx)(`div`,{children:`192-320 kbps`})]}),(0,s.jsxs)(`div`,{className:`p-3 rounded-lg bg-white/5 border border-white/10`,children:[(0,s.jsx)(`div`,{className:`text-indigo-300 font-semibold mb-1`,children:`Modes`}),(0,s.jsx)(`div`,{children:`Mono / Stereo`})]}),(0,s.jsxs)(`div`,{className:`p-3 rounded-lg bg-white/5 border border-white/10`,children:[(0,s.jsx)(`div`,{className:`text-indigo-300 font-semibold mb-1`,children:`Worker`}),(0,s.jsx)(`div`,{children:`Offloaded`})]})]})]})]})]})}),(0,s.jsxs)(c,{id:`premium`,eyebrow:`Premium Audio`,title:`Upgrade for Fidelity & Stereo Depth`,children:[(0,s.jsx)(`p`,{children:`Free users enjoy reliable mono casting at 192 kbps. Premium unlocks stereo streaming up to 320 kbps plus enhanced 

1sync control for a more cinematic experience.`}),(0,s.jsx)(`ul`,{className:`grid md:grid-cols-2 gap-4 list-none pl-0`,children:[`Stereo up to 320 kbps`,`Automatic frame sync`,`High quality encoder path`,`Worker‑thread isolation`,`Priority improvements`,`Early feature access`].map(e=>(0,s.jsxs)(`li`,{className:`flex items-start gap-2`,children:[(0,s.jsx)(`span`,{className:`text-indigo-300 mt-1`,children:`✓`}),(0,s.jsx)(`span`,{children:e})]},e))}),(0,s.jsx)(`div`,{className:`mt-6`,children:(0,s.jsx)(o,{variant:`primary`,dataSource:`about-premium-cta`,children:`Start Free Trial`})})]}),(0,s.jsxs)(c,{id:`getting-started`,eyebrow:`Onboarding`,title:`Getting Started Fast`,children:[(0,s.jsxs)(`ol`,{className:`space-y-4 list-decimal list-inside marker:text-indigo-300`,children:[(0,s.jsx)(`li`,{children:`Install the extension from the Chrome Web Store.`}),(0,s.jsx)(`li`,{children:`Open any audio or video site (YouTube, podcasts, web players).`}),(0,s.jsx)(`li`,{children:`Click the Cast to Sonos icon and select your device.`}),(0,s.jsx)(`li`,{children:`Playback starts, adjust volume or frame sync in options.`})]}),(0,s.jsxs)(`p`,{className:`mt-4 text-sm text-gray-400`,children:[`Need help? See the `,(0,s.jsx)(`a`,{className:`text-indigo-300 hover:text-indigo-200 underline`,href:`https://medium.com/@casttosonos/how-to-cast-to-sonos-from-chrome-805fbc36a60d`,target:`_blank`,rel:`noopener noreferrer`,children:`Installation Guide`}),` or watch the `,(0,s.jsx)(`a`,{className:`text-indigo-300 hover:text-indigo-200 underline`,href:`https://www.youtube.com/watch?v=IBx0BjxkfEI&t=18s`,target:`_blank`,rel:`noopener noreferrer`,children:`Video Tutorial`}),`.`]})]}),(0,s.jsx)(c,{id:`privacy`,eyebrow:`Privacy`,title:`Your Privacy, Engineered In`,children:[`Secure Sign‑In`,`Minimal Storage`,`One‑Click Reset`,`Optional Front‑End Scripts`].map(e=>{let t=r.items.find(t=>t.title===e);return(0,s.jsx)(u,{icon:(0,s.jsx)(`span`,{children:e.startsWith(`Secure`)?`🔐`:e.startsWith(`Minimal`)?`🧪`:e.startsWith(`One`)?`🧹`:`⚙️`}),title:e,children:t?.description||``},e)})}),(0,s.jsx)(c,{id:`plans`,eyebrow:`Plans`,title:`Flexible Plans for Every Listener`,children:(0,s.jsx)(`div`,{className:`grid md:grid-cols-3 gap-6`,children:n.plans.map(e=>(0,s.jsxs)(`div`,{id:e.id,className:`relative rounded-2xl border transition-all duration-300 bg-gradient-to-br from-gray-900/70 to-gray-800/40 p-6 flex flex-col border-white/10`,children:[e.popular&&(0,s.jsx)(`div`,{className:`absolute -top-3 right-4 text-[10px] px-2 py-1 rounded bg-indigo-600/30 text-indigo-200 ring-1 ring-indigo-500/40`,children:`Popular`}),(0,s.jsxs)(`div`,{className:`flex items-baseline justify-between mb-4`,children:[(0,s.jsx)(`h3`,{className:`font-semibold text-lg text-white`,children:e.name}),(0,s.jsxs)(`span`,{className:`text-sm text-indigo-300 font-medium`,children:[`$`,e.monthly,`/mo`]})]}),(0,s.jsx)(`p`,{className:`text-sm text-gray-400 mb-4`,children:e.blurb}),(0,s.jsx)(`ul`,{className:`flex-1 space-y-2 text-sm`,children:e.features.slice(0,6).map(e=>(0,s.jsxs)(`li`,{className:`flex gap-2`,children:[(0,s.jsx)(`span`,{className:`text-indigo-300`,children:`•`}),(0,s.jsx)(`span`,{children:e})]},e))}),(0,s.jsx)(`div`,{className:`mt-6 space-y-2 text-xs text-gray-500`,children:e.yearly?(0,s.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,s.jsx)(`span`,{children:`Yearly`}),(0,s.jsxs)(`span`,{className:`text-gray-300 font-medium`,children:[`$`,e.yearly]})]}):null}),(0,s.jsxs)(`div`,{className:`mt-4`,children:[(0,s.jsx)(`a`,{href:`https://chrome.google.com/webstore/detail/cast-to-sonos/defbpbmenfaikcnhmamnghdlcmahjaib`,target:`_blank`,rel:`noopener noreferrer`,"data-cts-plan":e.id,className:`c2s-plan-link block w-full py-2.5 rounded-lg font-semibold transition-colors text-center cursor-pointer bg-white/5 hover:bg-white/10 text-white ring-1 ring-white/15`,children:`Select Plan`}),(0,s.jsx)(`button`,{type:`button`,disabled:!0,className:`c2s-plan-btn-current hidden w-full py-2.5 rounded-lg font-semibold transition-colors cursor-not-allowed bg-white/5 text-gray-400 ring-1 ring-white/10`,children:`Current Plan`}),(0,s.jsx)(`button`,{type:`button`,"data-cts-plan":e.id,onClick:()=>{try{window.postMessage({command:`openPlan`,planId:e.id},`*`)}catch{}},className:`c2s-plan-btn-upgrade hidden w-full py-2.5 rounded-lg font-semibold transition-colors cursor-pointer bg-indigo-600 hover:bg-indigo-700 text-white ring-1 ring-indigo-500`,children:`Upgrade`}),(0,s.jsx)(`button`,{type:`button`,"data-cts-plan":e.id,onClick:()=>{try{window.postMessage({command:`openPlan`,planId:e.id},`*`)}catch{}},className:`c2s-plan-btn hidden w-full py-2.5 rounded-lg font-semibold transition-colors cursor-pointer bg-white/5 hover:bg-white/10 text-white ring-1 ring-white/15`,children:`Select Plan`})]})]},e.id))})}),(0,s.jsx)(c,{id:`changelog`,eyebrow:`History`,title:`Changelog Highlights`,children:(0,s.jsxs)(`div`,{className:`space-y-6`,children:[a.versions.slice(0,5).map(({version:e,date:t,changes:n})=>(0,s.jsxs)(`div`,{className:`flex gap-4 items-start`,children:[(0,s.jsx)(`div`,{className:`flex h-9 w-9 items-center justify-center rounded-lg bg-indigo-500/10 text-indigo-300 font-semibold text-xs ring-1 ring-indigo-400/30`,children:e}),(0,s.jsx)(`ul`,{className:`list-disc pl-5`,children:n.map(e=>(0,s.jsx)(`li`,{className:`text-sm text-gray-300 leading-relaxed`,children:e},e))})]},e)),(0,s.jsx)(`script`,{type:`text/plain`,children:a.versions.reverse().map(({version:e,date:t,changes:n})=>`v${e}\n${n.map(e=>`* ${e}`).join(`
2`)}`).join(`
3`)}),(0,s.jsx)(`p`,{className:`text-xs text-gray-500`,children:`Full detailed changelog available at the Chrome Web Store.`})]})}),(0,s.jsxs)(c,{id:`support`,eyebrow:`Support`,title:`Need Help?`,children:[(0,s.jsxs)(`p`,{children:[`Check installation guide, tutorial video, or contact `,(0,s.jsx)(`a`,{className:`text-indigo-300 hover:text-indigo-200 underline`,href:`mailto:[email protected]`,children:`[email protected]`}),`. We ship frequent updates guided by real user feedback.`]}),(0,s.jsx)(`div`,{className:`mt-6`,children:(0,s.jsx)(o,{variant:`primary`,dataSource:`about-support-cta`,children:`Install Now`})})]}),(0,s.jsxs)(`div`,{className:`relative rounded-3xl p-px overflow-hidden group`,children:[(0,s.jsx)(`div`,{className:`absolute inset-0 bg-gradient-to-r from-indigo-600 via-sky-500 to-teal-400 opacity-20 group-hover:opacity-30 blur-2xl transition`}),(0,s.jsxs)(`div`,{className:`relative rounded-3xl bg-gray-900/70 border border-white/10 px-8 py-16 text-center`,children:[(0,s.jsx)(`h2`,{className:`text-3xl md:text-4xl font-extrabold mb-6 bg-gradient-to-r from-white to-gray-400 bg-clip-text text-transparent`,children:`Make Your Browser a Sonos Source`}),(0,s.jsx)(`p`,{className:`max-w-2xl mx-auto text-gray-300 mb-8`,children:`Skip the hacks and brittle workarounds. Cast to Sonos gives you a fast, private & high‑quality streaming bridge designed for real everyday use.`}),(0,s.jsx)(o,{variant:`primary`,dataSource:`about-final-cta`,children:`Add to Chrome`})]})]})]}),(0,s.jsxs)(`div`,{className:`mt-24 text-center space-y-4`,children:[(0,s.jsxs)(`p`,{className:`text-sm text-gray-400`,children:[`Built and maintained by`,` `,(0,s.jsx)(`a`,{href:`https://sem-postma.com`,target:`_blank`,rel:`author noopener noreferrer`,className:`text-indigo-300 hover:text-indigo-200 underline`,children:`Sem Postma`})]}),(0,s.jsx)(`div`,{children:(0,s.jsxs)(i,{to:`/`,className:`text-sm text-gray-400 hover:text-gray-300 inline-flex items-center gap-2`,children:[(0,s.jsx)(`span`,{className:`text-indigo-300`,children:`←`}),` Back Home`]})})]})]})]})});export{d as component};