https://www.mp3ify.io/assets/UseCaseDetail-HgqzuAs7.js

1import{j as e}from"./vendor-ui-DQHO55SA.js";import{r as d,i as b,N as j,L as n}from"./vendor-react-DvT_7ksp.js";import{B as N,U as y,a as m}from"./index-DM0socOE.js";import{L as v}from"./Layout-K8esKK4Q.js";import{S as w}from"./Seo-Bz2GbnIe.js";import{a as C,b as S,g as L,c as U,H as E,U as I,s as H}from"./useCases-B2fuVyzd.js";import{I as R}from"./info-d543RTg5.js";import{A as $,a as A,b as q,c as B}from"./accordion-DbmNjqEd.js";import{H as k}from"./house-BlAeTd88.js";import{C as h}from"./chevron-right-DsS4Y5I-.js";import{A as f}from"./arrow-right-C5oeBeHR.js";import"./vendor-supabase-BDrnlzN_.js";import"./vendor-query-BV9R99bn.js";import"./Footer-C2mmBhG2.js";import"./dropdown-menu-FCwPW8d-.js";import"./check-BA3REW7K.js";import"./circle-jstIiWJh.js";import"./avatar-Esh82sXv.js";import"./Logo-CuJ9m0Ek.js";import"./mp3ify-logo-CwDpZ1WH.js";import"./useRateLimit-Cm1Rf4AX.js";import"./useDeviceFingerprint-DKU-3J72.js";import"./sun-BzybZhkK.js";import"./gift-B2kL8FYT.js";import"./megaphone-DhP1ICmR.js";import"./podcast-C0EsA0mM.js";import"./graduation-cap-CQ6qqyIV.js";import"./file-text-CI6B2Yv9.js";const O=({slugs:a,title:s="Related use cases"})=>{const l=a.map(r=>C.find(o=>o.slug===r)).filter(r=>!!r);return l.length===0?null:e.jsxs("section",{"aria-labelledby":"related-use-cases",children:[e.jsx("h2",{id:"related-use-cases",className:"uc-display mb-5 text-xl font-semibold text-foreground",children:s}),e.jsx("div",{className:"grid gap-5 sm:grid-cols-2 lg:grid-cols-3",children:l.map(r=>e.jsx(S,{useCase:r,compact:!0},r.slug))})]})};function z(){const a=d.useRef(null),[s,l]=d.useState(!1);return d.useEffect(()=>{const r=a.current;if(!r)return;if(typeof window<"u"&&window.matchMedia?.("(prefers-reduced-motion: reduce)").matches||typeof IntersectionObserver>"u"){l(!0);return}const t=new IntersectionObserver(i=>{i.forEach(c=>{c.isIntersecting&&(l(!0),t.disconnect())})},{rootMargin:"0px 0px -10% 0px",threshold:.15});return t.observe(r),()=>t.disconnect()},[]),{ref:a,visible:s}}const T=({index:a,title:s,body:l,items:r,note:o,image:t,numbered:i})=>{const{ref:c,visible:g}=z(),u=a%2===1;return e.jsxs("div",{ref:c,className:`uc-reveal grid items-center gap-6 md:gap-12 lg:grid-cols-2 ${g?"uc-reveal-in":""}`,children:[e.jsx("div",{className:`relative ${u?"lg:order-2":""}`,children:e.jsx("div",{className:"overflow-hidden rounded-2xl border border-border bg-card",children:e.jsx("img",{src:t.src,alt:t.alt,loading:"lazy",width:1024,height:768,className:"aspect-[16/10] w-full object-cover transition-transform duration-700 hover:scale-[1.03]"})})}),e.jsxs("div",{className:u?"lg:order-1":"",children:[e.jsx("p",{className:"uc-eyebrow",children:i?`Step ${a+1}`:String(a+1).padStart(2,"0")}),e.jsx("h3",{className:"uc-display mt-2 text-xl font-semibold text-foreground md:text-2xl",children:s}),e.jsx("p",{className:"uc-body mt-3 text-sm leading-relaxed text-muted-foreground md:text-base",children:l}),r&&r.length>0&&e.jsx("ul",{className:"mt-4 flex flex-wrap gap-1.5",children:r.map(p=>e.jsx("li",{children:e.jsx(N,{variant:"secondary",className:"text-[11px] font-normal",children:p})},p))}),o&&e.jsxs("p",{className:"mt-4 flex items-start gap-2 rounded-lg border border-border bg-secondary/50 p-3 text-xs text-muted-foreground",children:[e.jsx(R,{className:"mt-0.5 h-3.5 w-3.5 flex-shrink-0","aria-hidden":"true"}),e.jsx("span",{children:o})]})]})]})},x="https://www.mp3ify.io",pe=()=>{const{slug:a}=b(),s=L(a);if(!s)return e.jsx(j,{to:"/use-cases",replace:!0});const l=`/use-cases/${s.slug}`,r=U[s.slug]??E,o={"@context":"https://schema.org","@type":"BreadcrumbList",itemListElement:[{"@type":"ListItem",position:1,name:"Home",item:`${x}/`},{"@type":"ListItem",position:2,name:"Use Cases",item:`${x}/use-cases`},{"@type":"ListItem",position:3,name:s.label,item:`${x}${l}`}]};return e.jsxs(v,{children:[e.jsx(w,{title:s.seoTitle,description:s.seoDescription,path:l}),e.jsx(y,{children:e.jsx("script",{type:"application/ld+json",children:JSON.stringify(o)})}),e.jsxs("div",{className:"uc-theme uc-body",children:[e.jsx(I,{eyebrow:s.label,title:s.h1,intro:s.intro,image:r,breadcrumb:e.jsxs("nav",{"aria-label":"Breadcrumb",className:"flex flex-wrap items-center gap-2 text-sm text-muted-foreground",children:[e.jsxs(n,{to:"/",className:"flex items-center gap-1 transition-colors hover:text-foreground",children:[e.jsx(k,{className:"h-4 w-4"}),e.jsx("span",{children:"Home"})]}),e.jsx(h,{className:"h-4 w-4"}),e.jsx(n,{to:"/use-cases",className:"transition-colors hover:text-foreground",children:"Use Cases"}),e.jsx(h,{className:"h-4 w-4"}),e.jsx("span",{className:"text-foreground",children:s.label})]}),action:e.jsx(m,{asChild:!0,size:"lg",className:"w-full sm:w-auto",children:e.jsxs(n,{to:"/",children:[s.ctaLabel," ",e.jsx(f,{className:"ml-2 h-4 w-4"})]})})}),e.jsx("div",{className:"py-12 md:py-20",children:e.jsxs("div",{className:"container mx-auto max-w-6xl space-y-12 px-4 md:space-y-20",children:[e.jsxs("section",{"aria-labelledby":"workflows",children:[e.jsx("p",{className:"uc-eyebrow",children:s.label}),e.jsx("h2",{id:"workflows",className:"uc-display mt-2 text-2xl font-semibold text-foreground md:text-3xl",children:s.sectionsTitle}),e.jsx("div",{className:"mt-10 space-y-14 md:space-y-20",children:s.sections.map((t,i)=>e.jsx(T,{index:i,title:t.title,body:t.body,items:t.items,note:t.note,image:H(s.slug,i),numbered:s.layout==="steps"},t.title))})]}),e.jsxs("section",{"aria-labelledby":"faq",children:[e.jsx("h2",{id:"faq",className:"uc-display mb-5 text-2xl font-semibold text-foreground",children:"Common questions"}),e.jsx($,{type:"single",collapsible:!0,className:"rounded-2xl border border-border bg-card px-4 md:px-6",children:s.faqs.map((t,i)=>e.jsxs(A,{value:`faq-${i}`,children:[e.jsx(q,{className:"uc-display text-left text-sm font-medium md:text-base",children:t.q}),e.jsx(B,{className:"text-sm leading-relaxed text-muted-foreground",children:t.a})]},t.q))})]}),e.jsxs("section",{className:"relative overflow-hidden rounded-2xl border border-border bg-card p-6 text-center md:p-10",children:[e.jsx("div",{className:"pointer-events-none absolute inset-x-0 -top-24 h-48 opacity-70 blur-3xl",style:{background:"radial-gradient(closest-side, hsl(var(--uc-sky) / 0.22), transparent)"},"aria-hidden":"true"}),e.jsx("h2",{className:"uc-display relative text-2xl font-semibold text-foreground md:text-3xl",children:s.ctaLabel}),e.jsx("p",{className:"relative mx-auto mt-3 max-w-xl text-sm text-muted-foreground md:text-base",children:s.ctaBlurb}),e.jsxs("div",{className:"relative mt-6 flex flex-col justify-center gap-3 sm:flex-row",children:[e.jsx(m,{asChild:!0,size:"lg",className:"w-full sm:w-auto",children:e.jsxs(n,{to:"/",children:["Open the converter ",e.jsx(f,{className:"ml-2 h-4 w-4"})]})}),e.jsx(m,{asChild:!0,size:"lg",variant:"outline",className:"w-full sm:w-auto",children:e.jsx(n,{to:"/use-cases",children:"See all use cases"})})]})]}),e.jsx(O,{slugs:s.related}),e.jsxs("section",{"aria-labelledby":"further-reading",children:[e.jsx("h2",{id:"further-reading",className:"uc-display mb-4 text-xl font-semibold text-foreground",children:"Further reading"}),e.jsxs("ul",{className:"space-y-2 text-sm",children:[s.blogs.map(t=>e.jsx("li",{children:e.jsx(n,{to:`/blog/${t.slug}`,className:"text-accent hover:underline",children:t.title})},t.slug)),e.jsx("li",{children:e.jsx(n,{to:"/faq",className:"text-accent hover:underline",children:"Frequently asked questions"})})]})]})]})})]})]})};export{pe as default};