https://casttosonos.com/assets/routes-CT-gVTI9.js

1const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/ExtensionPreview-Dkw4tsQd.css"])))=>i.map(i=>d[i]);
2import{r as e}from"./rolldown-runtime-S-ySWqyJ.js";import{t}from"./preload-helper-BJYFGch7.js";import{t as n}from"./jsx-runtime-BJ-vK_ex.js";import{_ as r,c as i,i as a,m as o,n as s,o as c,u as l}from"./index-l3gQc0OH.js";import{r as u,t as d}from"./InstallButton-B-hheUq3.js";import{t as f}from"./InstallCTA-Xm8CXcCZ.js";import{t as p}from"./StickyInstallBar-Bvj-KJEY.js";var m=e(r()),h=e=>{let t=(0,m.useRef)(!1),n=(0,m.useRef)(!1),r=(0,m.useRef)(null),i=(0,m.useRef)(!1),a=(0,m.useRef)(null),o=(0,m.useRef)(!1),[s,c]=(0,m.useState)(!1);return(0,m.useEffect)(()=>(o.current=!0,()=>{o.current=!1}),[]),typeof window>`u`?{state:`pending`,result:void 0,error:void 0}:(t.current||(t.current=!0,e.then(e=>{o.current&&(r.current=e,n.current=!0)}).catch(e=>{o.current&&(a.current=e,i.current=!0)}).finally(()=>{o.current&&c(!0)})),i.current?{state:`rejected`,error:a.current,result:void 0}:n.current?{state:`fulfilled`,result:r.current,error:void 0}:{state:`pending`,result:void 0,error:void 0})},g=n(),_=()=>{let e=h(t(()=>Promise.resolve({}),__vite__mapDeps([0])));return(0,g.jsx)(`div`,{className:`preview-middle-inner`,style:{opacity:+(e.state===`fulfilled`),transition:`opacity 0.3s ease`},"aria-hidden":`true`,"data-nosnippet":!0,"aria-label":`Extension interface preview (display purposes only)`,children:(0,g.jsx)(`div`,{id:`preview-root`,className:`premium access-granted authenticated has-website-meta show-cast-options household-selected group-selected has-session volume1`,children:(0,g.jsx)(`div`,{id:`preview-body`,children:(0,g.jsx)(`div`,{id:`app`,style:{height:200},role:`presentation`,children:e.state===`fulfilled`&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)(`h1`,{children:[(0,g.jsx)(`span`,{id:`cast-tab-span`,"data-i18n":`castTab`,children:`Cast tab`}),(0,g.jsx)(`span`,{id:`website-url`,children:`casttosonos.com`})]}),(0,g.jsx)(`h2`,{children:(0,g.jsx)(`span`,{id:`cast-tab-title`,children:`Cast to Sonos`})}),(0,g.jsxs)(`div`,{id:`play-ui`,children:[(0,g.jsxs)(`a`,{onClick:()=>{typeof gtag<`u`&&gtag(`event`,`extension_preview_play_click`,{event_category:`Open Extension`,event_label:`Preview Play`})},href:`https://chrome.google.com/webstore/detail/cast-to-sonos/defbpbmenfaikcnhmamnghdlcmahjaib?utm_source=casttosonos.com&utm_medium=link`,id:`play`,title:`Play / stop`,target:`_blank`,rel:`noopener noreferrer`,children:[(0,g.jsxs)(`svg`,{className:`play-icon-preview`,xmlns:`http://www.w3.org/2000/svg`,height:`24px`,viewBox:`0 0 24 24`,width:`24px`,fill:`currentColor`,children:[(0,g.jsx)(`path`,{d:`M0 0h24v24H0z`,fill:`none`}),(0,g.jsx)(`path`,{d:`M8 5v14l11-7z`})]}),(0,g.jsxs)(`svg`,{className:`stop-icon`,xmlns:`http://www.w3.org/2000/svg`,height:`24px`,viewBox:`0 0 24 24`,width:`24px`,fill:`currentColor`,children:[(0,g.jsx)(`path`,{d:`M0 0h24v24H0z`,fill:`none`}),(0,g.jsx)(`path`,{d:`M6 6h12v12H6z`})]})]}),(0,g.jsxs)(`button`,{id:`mute-unmute`,title:`Mute / unmute`,children:[(0,g.jsxs)(`svg`,{className:`mute-icon`,xmlns:`http://www.w3.org/2000/svg`,height:`24px`,viewBox:`0 0 24 24`,width:`24px`,fill:`currentColor`,children:[(0,g.jsx)(`path`,{d:`M0 0h24v24H0z`,fill:`none`}),(0,g.jsx)(`path`,{d:`M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z`})]}),(0,g.jsxs)(`svg`,{className:`volume0-icon`,xmlns:`http://www.w3.org/2000/svg`,height:`24px`,viewBox:`0 0 24 24`,width:`24px`,fill:`currentColor`,children:[(0,g.jsx)(`path`,{d:`M0 0h24v24H0z`,fill:`none`}),(0,g.jsx)(`path`,{d:`M7 9v6h4l5 5V4l-5 5H7z`})]}),(0,g.jsxs)(`svg`,{className:`volume1-icon`,xmlns:`http://www.w3.org/2000/svg`,height:`24px`,viewBox:`0 0 24 24`,width:`24px`,fill:`currentColor`,children:[(0,g.jsx)(`path`,{d:`M0 0h24v24H0z`,fill:`none`}),(0,g.jsx)(`path`,{d:`M18.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM5 9v6h4l5 5V4L9 9H5z`})]}),(0,g.jsxs)(`svg`,{className:`volume2-icon`,xmlns:`http://www.w3.org/2000/svg`,height:`24px`,viewBox:`0 0 24 24`,width:`24px`,fill:`currentColor`,children:[(0,g.jsx)(`path`,{d:`M0 0h24v24H0z`,fill:`none`}),(0,g.jsx)(`path`,{d:`M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z`})]})]}),(0,g.jsx)(`label`,{className:`pure-material-slider`,children:(0,g.jsx)(`input`,{id:`volume`,type:`range`,min:`0`,max:`100`})})]}),(0,g.jsxs)(`div`,{id:`cast-to-sonos-expand`,children:[(0,g.jsx)(`span`,{id:`cast-title`,"data-i18n":`castToSonos`,children:`Cast to Sonos`}),(0,g.jsx)(`span`,{id:`cast-target`}),(0,g.jsx)(`span`,{children:(0,g.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,height:`18px`,viewBox:`0 0 24 24`,width:`18px`,fill:`currentColor`,children:[(0,g.jsx)(`path`,{d:`M0 0h24v24H0z`,fill:`none`}),(0,g.jsx)(`path`,{d:`M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z`})]})})]}),(0,g.jsxs)(`a`,{onClick:()=>{typeof gtag<`u`&&gtag(`event`,`extension_preview_household_click`,{event_category:`Open Extension`,event_label:`Household`})},href:`https://chrome.google.com/webstore/detail/cast-to-sonos/defbpbmenfaikcnhmamnghdlcmahjaib?utm_source=casttosonos.com&utm_medium=link`,target:`_blank`,id:`cast-to-sonos-options`,rel:`noopener noreferrer`,children:[(0,g.jsx)(`div`,{id:`groups`,children:(0,g.jsx)(`div`,{className:`group selected`,id:`group-RINCON_542A1BC905B801400:2071921106`,children:`Living room`})}),(0,g.jsx)(`div`,{id:`households`,children:(0,g.jsx)(`div`,{className:`household household-selected`,id:`household-Sonos_4WukfYo7wo7cEJFxCN3r2W0Dwi.VsmSVN9RDhxquTz95vQS`,children:`Household 1`})})]})]})})})})})},v=[{slug:`how-to-play-youtube-on-sonos-from-pc-or-laptop`,label:`Play YouTube on Sonos`},{slug:`how-to-listen-to-podcasts-on-sonos-from-your-pc-or-laptop`,label:`Listen to Podcasts on Sonos`},{slug:`how-to-play-plex-on-sonos`,label:`Play Plex on Sonos`},{slug:`how-to-play-amazon-music-on-sonos`,label:`Play Amazon Music on Sonos`},{slug:`how-to-play-soundcloud-on-sonos`,label:`Play SoundCloud on Sonos`},{slug:`how-to-stream-twitch-to-sonos`,label:`Stream Twitch to Sonos`},{slug:`how-to-listen-to-audiobooks-on-sonos`,label:`Listen to Audiobooks on Sonos`},{slug:`how-to-airplay-to-sonos-from-windows`,label:`AirPlay to Sonos from Windows`},{slug:`how-to-stream-browser-audio-to-sonos`,label:`Stream Any Browser Audio to Sonos`},{slug:`sonos-chromecast-alternative`,label:`The Chromecast Alternative for Sonos`},{slug:`playing-local-files-on-sonos-from-windows-pc-or-laptop`,label:`Play 

2Local Audio Files on Sonos`},{slug:`how-to-cast-to-sonos-on-android`,label:`Cast to Sonos on Android`}],y=()=>{let e=l(),t=v.filter(({slug:t})=>e.has(t));return(0,g.jsxs)(`div`,{className:`min-h-screen bg-gray-900 text-white`,children:[(0,g.jsxs)(`section`,{className:`relative min-h-screen flex items-center justify-center overflow-hidden`,"aria-label":`Extension demo hero section`,children:[(0,g.jsxs)(`div`,{className:`absolute inset-0 z-0`,children:[(0,g.jsxs)(`video`,{className:`w-full h-full object-cover`,autoPlay:!0,muted:!0,loop:!0,playsInline:!0,children:[(0,g.jsx)(`source`,{src:`/media/speakers-720p.webm`,type:`video/webm`}),(0,g.jsx)(`source`,{src:`/media/speakers-720p.mp4`,type:`video/mp4`}),(0,g.jsx)(`p`,{children:`Your browser cannot play the provided video file.`})]}),(0,g.jsx)(`div`,{className:`absolute inset-0 bg-black/60`})]}),(0,g.jsxs)(`div`,{className:`relative z-10 px-4 max-w-4xl mx-auto`,children:[(0,g.jsxs)(`div`,{className:`text-center mb-8`,children:[(0,g.jsx)(`h1`,{className:`text-4xl md:text-6xl font-bold mb-4`,children:`Cast to Sonos`}),(0,g.jsx)(`p`,{className:`text-xl text-gray-300 max-w-2xl mx-auto`,children:`Stream any Chrome tab to your Sonos speakers: YouTube, podcasts, radio & more.`})]}),(0,g.jsx)(_,{}),(0,g.jsx)(`div`,{className:`text-center mb-8`,children:(0,g.jsx)(`p`,{className:`text-lg text-gray-300`,children:`Support for dark mode`})}),(0,g.jsx)(`div`,{className:`mb-8 text-center`,children:(0,g.jsx)(`a`,{href:d,target:`_blank`,rel:`noopener noreferrer`,onClick:()=>u(`home-hero-badge`),"data-source":`home-hero-badge`,className:`inline-block`,children:(0,g.jsx)(`img`,{src:`/images/available-in-chrome.png`,alt:`Available in Chrome Web Store`,className:`h-16 mx-auto`})})}),(0,g.jsxs)(`div`,{className:`text-center`,children:[(0,g.jsx)(`a`,{href:d,target:`_blank`,rel:`noopener noreferrer`,onClick:()=>u(`home-hero`),"data-source":`home-hero`,className:`inline-flex items-center px-8 py-4 bg-transparent border-2 border-gray-400 text-gray-300 rounded-full font-semibold hover:bg-gray-400 hover:text-black transition-all duration-300 text-lg`,children:`Add to Chrome (Free)`}),(0,g.jsx)(`p`,{className:`mt-3 text-sm text-gray-400`,children:`Free to start · No account needed.`})]})]})]}),(0,g.jsx)(`section`,{className:`py-20 bg-gray-800`,children:(0,g.jsxs)(`div`,{className:`container mx-auto px-4 text-center`,children:[(0,g.jsx)(`h2`,{className:`text-4xl font-bold mb-6 max-w-4xl mx-auto`,children:`A browser extension that allows you to cast your tab to any sonos device`}),(0,g.jsx)(`p`,{className:`text-xl text-gray-300 mb-12 max-w-4xl mx-auto leading-relaxed`,children:`Until now, it has not been possible to stream audio directly from youtube or any other platform directly from the browser to a Sonos system. Cast to Sonos offers a similar experience as the cast to Chromecast feature in chrome browsers.`}),(0,g.jsx)(f,{dataSource:`home-after-intro`})]})}),(0,g.jsx)(`section`,{className:`py-20`,"aria-labelledby":`features-heading`,children:(0,g.jsxs)(`div`,{className:`container mx-auto px-4`,children:[(0,g.jsx)(`h2`,{id:`features-heading`,className:`text-3xl font-bold text-center mb-12`,children:`Key Features`}),(0,g.jsx)(`div`,{className:`grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 max-w-6xl mx-auto`,children:a.items.filter(e=>e.short).map(e=>(0,g.jsxs)(`div`,{className:`bg-gray-800/60 rounded-lg p-6 border border-gray-800 hover:border-gray-700 transition-colors`,children:[(0,g.jsx)(`h3`,{className:`text-xl font-semibold mb-3`,children:e.title}),(0,g.jsx)(`p`,{className:`text-gray-300 text-sm leading-relaxed`,children:e.description})]},e.title))})]})}),(0,g.jsx)(`section`,{className:`py-20 bg-gray-800`,children:(0,g.jsx)(`div`,{className:`container mx-auto px-4`,children:(0,g.jsxs)(`div`,{className:`max-w-6xl mx-auto grid md:grid-cols-2 gap-12 items-start`,children:[(0,g.jsxs)(`div`,{children:[(0,g.jsx)(`h2`,{className:`text-3xl font-bold mb-6`,children:`Compatible With`}),(0,g.jsxs)(`ul`,{className:`space-y-3 text-gray-300 text-sm`,children:[(0,g.jsxs)(`li`,{className:`flex items-start`,children:[(0,g.jsx)(`span`,{className:`w-2 h-2 rounded-full bg-gray-500 mt-2 mr-3`}),`All modern Sonos speakers (S2 platform)`]}),(0,g.jsxs)(`li`,{className:`flex items-start`,children:[(0,g.jsx)(`span`,{className:`w-2 h-2 rounded-full bg-gray-500 mt-2 mr-3`}),`Chrome on Windows / macOS / Linux / ChromeOS`]}),(0,g.jsxs)(`li`,{className:`flex items-start`,children:[(0,g.jsx)(`span`,{className:`w-2 h-2 rounded-full bg-gray-500 mt-2 mr-3`}),`YouTube, streaming sites, embedded players & HTML5 audio`]}),(0,g.jsxs)(`li`,{className:`flex items-start`,children:[(0,g.jsx)(`span`,{className:`w-2 h-2 rounded-full bg-gray-500 mt-2 mr-3`}),`Multiple rooms & groups (premium tiers)`]})]})]}),(0,g.jsxs)(`div`,{children:[(0,g.jsx)(`h2`,{className:`text-3xl font-bold mb-6`,children:`Designed For Simplicity`}),(0,g.jsx)(`p`,{className:`text-gray-300 leading-relaxed mb-4 text-sm`,children:`No account needed to get started. Install the extension, pick a speaker and press play. Upgrade only if you want higher quality or multi‑speaker features.`}),(0,g.jsx)(`div`,{className:`bg-gray-900/40 rounded-lg p-6 border border-gray-700`,children:(0,g.jsx)(`ol`,{className:`list-decimal list-inside space-y-2 text-gray-300 text-sm`,children:i.howTo.step.map((e,t)=>(0,g.jsx)(`li`,{children:e.name},t))})})]})]})})}),(0,g.jsx)(`section`,{className:`py-20`,children:(0,g.jsxs)(`div`,{className:`container mx-auto px-4`,children:[(0,g.jsx)(`h2`,{className:`text-3xl font-bold text-center mb-12`,children:`What Users Say`}),(0,g.jsx)(`div`,{className:`max-w-5xl mx-auto grid md:grid-cols-3 gap-8`,children:c.items.map(e=>(0,g.jsxs)(`figure`,{className:`bg-gray-800/70 rounded-lg p-6 border border-gray-800`,children:[(0,g.jsxs)(`blockquote`,{className:`text-gray-300 text-sm leading-relaxed mb-4`,children:[`"`,e.quote,`"`]}),(0,g.jsxs)(`figcaption`,{className:`text-gray-500 text-xs`,children:[`by `,e.author]})]},e.author))})]})}),(0,g.jsx)(`section`,{className:`py-20 bg-gray-800`,children:(0,g.jsxs)(`div`,{className:`container mx-auto px-4`,children:[(0,g.jsx)(`h2`,{className:`text-3xl font-bold text-center mb-12`,children:`Quick Answers`}),(0,g.jsx)(`div`,{className:`max-w-5xl mx-auto grid md:grid-cols-2 gap-10`,children:s.items.map(e=>(0,g.jsxs)(`div`,{children:[(0,g.jsx)(`h3`,{className:`font-semibold mb-2`,children:e.question}),(0,g.jsx)(`div`,{children:(0,g.jsx)(`p`,{className:`text-gray-300 text-sm leading-relaxed`,children:e.answer})})]},e.question))})]})}),(0,g.jsx)(`section`,{className:`py-20`,children:(0,g.jsx)(`div`,{className:`container mx-auto px-4`,children:(0,g.jsxs)(`div`,{className:`max-w-6xl mx-auto`,children:[(0,g.jsxs)(`div`,{className:`grid grid-cols-1 lg:grid-cols-2 gap-12 items-center mb-16`,children:[(0,g.jsxs)(`div`,{children:[(0,g.jsx)(`p`,{className:`text-lg text-gray-300 mb-6`,children:`After installing you can easily cast any audio clips that you can play inside chrome, to your Sonos device by going to the top-right and clicking the puzzle icon.`}),(0,g.jsx)(`p`,{className:`text-lg text-gray-300`,children:`After opening the extension, you can make a choice to use the free version with limited quality or the premium version. After that, you can select the room and the group you want to cast to. The selection box will become selected and the play button will show up after the extension is connected to your device.`})]}),(0,g.jsx)(`div`,{children:(0,g.jsx)(`img`,{src:`/images/page1.png`,alt:`Click on 'Cast to Sonos' from the extension dropdown`,className:`w-full rounded-lg shadow-lg`})})]}),(0,g.jsxs)(`div`,{className:`grid grid-cols-1 lg:grid-cols-2 gap-12 items-center`,children:[(0,g.jsx)(`div`,{className:`order-2 lg:order-1`,children:(0,g.jsx)(`img`,{src:`/images/page2.png`,alt:`Click on Household and group until it becomes selected`,className:`w-full rounded-lg shadow-lg`})}),(0,g.jsxs)(`div`,{className:`order-1 lg:order-2`,children:[(0,g.jsx)(`p`,{className:`text-lg text-gray-300 mb-6`,children:`If you are not able to connect, make sure that no other app is using your Sonos device, Spotify or Youtube for example. Try pausing or disconnecting from the app that is currently using your Sonos device.`}),(0,g.jsx)(`p`,{className:`text-lg text-gray-300`,children:`If you are experiencing technical issues, you can go to the Chrome Web Store "Support page" and leave your questions there and we will get back to you as soon as possible.`})]})]})]})})}),(0,g.jsx)(`section`,{className:`py-20 bg-gray-800`,children:(0,g.jsx)(`div`,{className:`container mx-auto px-4`,children:(0,g.jsx)(`div`,{className:`max-w-4xl mx-auto`,children:(0,g.jsxs)(`blockquote`,{className:`border-l-4 border-gray-500 pl-6 text-lg text-gray-300 leading-relaxed`,children:[(0,g.jsx)(`h3`,{className:`text-2xl`,children:`Technical note about the delay`}),(0,g.jsx)(`br`,{}),(0,g.jsx)(`p`,{className:`mb-4`,children:`This extension streams your audio from your tab to your Sonos device. While there was previously a delay because you're streaming rather than playing an audio clip (similar to Chromecast), this problem has now been mitigated by synchronizing the video with the audio delay. The advantage is that it works for every website and with any kind of audio source that Google Chrome supports.`}),(0,g.jsx)(`p`,{children:`With this extension, you are not able to turn your Sonos device into PC speakers. You are better off buying a good pair of normal PC speakers.`})]})})})}),(0,g.jsx)(`section`,{className:`py-20 bg-gray-800`,"aria-labelledby":`guides-heading`,children:(0,g.jsxs)(`div`,{className:`container mx-auto px-4`,children:[(0,g.jsxs)(`div`,{className:`max-w-5xl mx-auto text-center mb-12`,children:[(0,g.jsx)(`h2`,{id:`guides-heading`,className:`text-3xl font-bold mb-4`,children:`Guides: What You Can Cast to Sonos`}),(0,g.jsx)(`p`,{className:`text-lg text-gray-300`,children:`Step-by-step how-tos for streaming your favorite sources to Sonos from your browser.`})]}),(0,g.jsx)(`div`,{className:`max-w-5xl mx-auto grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4`,children:t.map(({slug:e,label:t})=>(0,g.jsxs)(o,{to:`/articles/$slug`,params:{slug:e},className:`flex items-center justify-between bg-gray-900/40 border border-gray-700 rounded-lg px-5 py-4 text-gray-200 hover:border-gray-500 hover:text-white transition-colors`,children:[(0,g.jsx)(`span`,{children:t}),(0,g.jsx)(`svg`,{className:`w-4 h-4 ml-3 shrink-0 text-gray-500`,fill:`none`,stroke:`currentColor`,viewBox:`0 0 24 24`,children:(0,g.jsx)(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:2,d:`M9 5l7 7-7 7`})})]},e))}),(0,g.jsx)(`div`,{className:`mt-10 text-center`,children:(0,g.jsx)(o,{to:`/articles`,className:`text-gray-400 hover:text-white transition-colors`,children:`Browse all guides →`})})]})}),(0,g.jsx)(`section`,{id:`section-contact`,className:`py-20`,children:(0,g.jsx)(`div`,{className:`container mx-auto px-4`,children:(0,g.jsxs)(`div`,{className:`max-w-4xl mx-auto`,children:[(0,g.jsxs)(`div`,{className:`text-center mb-12`,children:[(0,g.jsx)(`h2`,{className:`text-3xl font-bold mb-4`,children:`Get in Touch`}),(0,g.jsx)(`p`,{className:`text-xl text-gray-300`,children:`Have questions or need support? We're here to help!`})]}),(0,g.jsxs)(`form`,{action:`https://formspree.io/f/mzbwrdzp`,method:`post`,className:`grid grid-cols-1 md:grid-cols-2 gap-6`,children:[(0,g.jsxs)(`div`,{children:[(0,g.jsx)(`label`,{htmlFor:`contact-name`,className:`block text-sm font-medium text-gray-300 mb-1`,children:`N

2ame`}),(0,g.jsx)(`input`,{id:`contact-name`,type:`text`,name:`name`,autoComplete:`name`,required:!0,className:`w-full px-4 py-3 bg-gray-800 border border-gray-700 rounded-lg focus:outline-none focus:border-gray-400 text-white`})]}),(0,g.jsxs)(`div`,{children:[(0,g.jsx)(`label`,{htmlFor:`contact-email`,className:`block text-sm font-medium text-gray-300 mb-1`,children:`Email Address`}),(0,g.jsx)(`input`,{id:`contact-email`,type:`email`,name:`email`,autoComplete:`email`,required:!0,className:`w-full px-4 py-3 bg-gray-800 border border-gray-700 rounded-lg focus:outline-none focus:border-gray-400 text-white`})]}),(0,g.jsxs)(`div`,{children:[(0,g.jsx)(`label`,{htmlFor:`contact-phone`,className:`block text-sm font-medium text-gray-300 mb-1`,children:`Phone`}),(0,g.jsx)(`input`,{id:`contact-phone`,type:`text`,name:`phone`,autoComplete:`tel`,className:`w-full px-4 py-3 bg-gray-800 border border-gray-700 rounded-lg focus:outline-none focus:border-gray-400 text-white`})]}),(0,g.jsxs)(`div`,{children:[(0,g.jsx)(`label`,{htmlFor:`contact-subject`,className:`block text-sm font-medium text-gray-300 mb-1`,children:`Subject`}),(0,g.jsx)(`input`,{id:`contact-subject`,type:`text`,name:`subject`,required:!0,className:`w-full px-4 py-3 bg-gray-800 border border-gray-700 rounded-lg focus:outline-none focus:border-gray-400 text-white`})]}),(0,g.jsxs)(`div`,{className:`md:col-span-2`,children:[(0,g.jsx)(`label`,{htmlFor:`contact-message`,className:`block text-sm font-medium text-gray-300 mb-1`,children:`Your Message`}),(0,g.jsx)(`textarea`,{id:`contact-message`,name:`message`,rows:7,required:!0,className:`w-full px-4 py-3 bg-gray-800 border border-gray-700 rounded-lg focus:outline-none focus:border-gray-400 text-white resize-none`})]}),(0,g.jsxs)(`div`,{className:`md:col-span-2 text-center`,children:[(0,g.jsx)(`button`,{type:`submit`,className:`inline-flex items-center px-8 py-4 bg-gray-600 hover:bg-gray-700 text-white rounded-lg font-semibold transition-colors`,children:`Send Message`}),(0,g.jsx)(`p`,{className:`text-sm text-gray-400 mt-4`,children:`We'll do our best to get back to you within 6-8 working hours.`})]})]})]})})}),(0,g.jsx)(p,{dataSource:`sticky-home`})]})};export{y as component};