1import"./rolldown-runtime-S-ySWqyJ.js";import{t as e}from"./jsx-runtime-BJ-vK_ex.js";import{_ as t,g as n,m as r}from"./index-l3gQc0OH.js";import{r as i,t as a}from"./InstallButton-B-hheUq3.js";t();var o=e(),s=()=>{let{articles:e}=n({from:`/articles/`});return(0,o.jsx)(`div`,{className:`min-h-screen bg-gray-900 text-white pt-20`,children:(0,o.jsxs)(`div`,{className:`container mx-auto px-4 py-12`,children:[(0,o.jsxs)(`header`,{className:`text-center mb-16`,children:[(0,o.jsx)(`h1`,{className:`text-4xl md:text-5xl font-bold mb-4`,children:`Sonos Casting Guides & Tutorials`}),(0,o.jsx)(`p`,{className:`text-xl text-gray-300 max-w-3xl mx-auto`,children:`Step-by-step how-tos for streaming your favorite sources from your browser to Sonos speakers`})]}),(0,o.jsx)(`div`,{className:`grid grid-cols-1 md:grid-cols-2 gap-8 max-w-6xl mx-auto`,children:e.map(({slug:e,frontmatter:t})=>(0,o.jsx)(`article`,{className:`bg-gray-800/50 rounded-lg p-8 hover:bg-gray-800/70 transition-all duration-300 hover:transform hover:-translate-y-1`,children:(0,o.jsxs)(`div`,{className:`flex flex-col h-full`,children:[(0,o.jsxs)(`div`,{className:`flex-grow`,children:[(0,o.jsx)(`time`,{dateTime:t.date.toISOString(),className:`text-sm text-gray-400 mb-3 block`,children:new Date(t.date).toLocaleDateString(`en-US`,{year:`numeric`,month:`long`,day:`numeric`})}),(0,o.jsx)(`h2`,{className:`text-2xl font-semibold mb-4 text-white`,children:t.title}),(0,o.jsx)(`p`,{className:`text-gray-300 mb-6 leading-relaxed`,children:t.description})]}),(0,o.jsx)(`div`,{className:`mt-auto`,children:(0,o.jsxs)(r,{to:`/articles/$slug`,params:{slug:e},className:`inline-flex items-center px-6 py-3 bg-gray-600 hover:bg-gray-700 text-white rounded-lg transition-colors font-medium`,children:[`Read Article`,(0,o.jsx)(`svg`,{className:`w-4 h-4 ml-2`,fill:`none`,stroke:`currentColor`,viewBox:`0 0 24 24`,children:(0,o.jsx)(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:2,d:`M9 5l7 7-7 7`})})]})})]})},e))}),(0,o.jsx)(`div`,{className:`text-center mt-16`,children:(0,o.jsxs)(`div`,{className:`bg-linear-to-r from-gray-800 to-gray-900 rounded-lg p-8 max-w-2xl mx-auto`,children:[(0,o.jsx)(`h3`,{className:`text-2xl font-bold mb-4`,children:`Ready to get started?`}),(0,o.jsx)(`p`,{className:`text-lg mb-6 opacity-90`,children:`Install Cast to Sonos and start streaming your favorite content to your Sonos speakers`}),(0,o.jsxs)(`a`,{href:a,target:`_blank`,rel:`noopener noreferrer`,onClick:()=>i(`articles-index-cta`),"data-source":`articles-index-cta`,className:`inline-flex items-center px-8 py-4 bg-white text-gray-800 rounded-lg font-semibold text-black hover:bg-gray-100 transition-colors`,children:[`Add to Chrome (Free)`,(0,o.jsx)(`svg`,{className:`w-5 h-5 ml-2`,fill:`none`,stroke:`currentColor`,viewBox:`0 0 24 24`,children:(0,o.jsx)(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:2,d:`M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14`})})]})]})})]})})};export{s as component};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.