https://boombam.app/assets/tv-commercials-mockup-BwhprIt8.js

1import{K as he,r as k,j as e,C as m,b as p,d as u,d0 as re,B as v,cY as de,e as x,aD as Te,s as j,ab as l,ap as B,aF as R,$ as b,a0 as w,a1 as C,a2 as S,a3 as t,a4 as I,S as z,b7 as f,f as L,h as oe,Z as De,D as Ae,U as Le,cq as Me,T as Pe}from"./index-CuSEeJFb.js";import{T as _e,a as $e,b as M,c as P}from"./tabs-CcPOXtvT.js";import{S as Ee}from"./slider-1BwPyzha.js";import{T as me}from"./tv-fmJKIX6v.js";import{P as xe}from"./play-oR40AlEL.js";import{P as Ve}from"./pause-DRo4KdS6.js";import{V as Be}from"./volume-2-bzvEFd58.js";import{M as Re}from"./minus-LVFLuFlS.js";import{M as Ie}from"./map-pin-DOxfmRxb.js";import{F as ze}from"./campaign-builder-new-D4nZlhln.js";import"./accordion-BQLGpMyk.js";import"./sheet-veaLBARn.js";import"./skeleton-BRByoc1c.js";import"./inline-connection-components-CHMT89t0.js";import"./progress-B2eMqtVV.js";import"./link-2-B6OMy1mi.js";import"./en-US-BOoww7nS.js";import"./format-hhvI2L0z.js";import"./isSameDay-asvKFMkz.js";import"./endOfWeek-COLolEil.js";import"./isBefore-dQ65yIyQ.js";import"./calendar-days-B9ClAFA5.js";import"./filter-DIYm3mPi.js";import"./circle-check-DSSdNCFx.js";import"./image-fQC3p4ps.js";import"./upload-rep3KVPL.js";import"./rectangle-ellipsis-DOuE5nFj.js";import"./wand-sparkles-Cnc6tXs_.js";import"./radio-group-Cg3Pu9OU.js";import"./thermometer-Dh14qWj1.js";import"./generateCategoricalChart-lXkql-gd.js";import"./throttle-Bgu_Mp4s.js";

1import"./debounce-BH2V1_7f.js";import"./tiny-invariant-BaFNuDhB.js";import"./string-CFFdVFMV.js";import"./PieChart-BXVWJE0w.js";import"./save-DMqvNvzo.js";import"./snowflake-k2KdrOCY.js";import"./pen-line-Ys7SVokk.js";import"./list-CcOCoqUW.js";/**
2 * @license lucide-react v0.453.0 - ISC
3 *
4 * This source code is licensed under the ISC license.
5 * See the LICENSE file in the root directory of this source tree.
6 */const Fe=he("Laptop",[["path",{d:"M20 16V7a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v9m16 0H4m16 0 1.28 2.55a1 1 0 0 1-.9 1.45H3.62a1 1 0 0 1-.9-1.45L4 16",key:"tarvll"}]]);/**
7 * @license lucide-react v0.453.0 - ISC
8 *
9 * This source code is licensed under the ISC license.
10 * See the LICENSE file in the root directory of this source tree.
11 */const Oe=he("Tablet",[["rect",{width:"16",height:"20",x:"4",y:"2",rx:"2",ry:"2",key:"76otgf"}],["line",{x1:"12",x2:"12.01",y1:"18",y2:"18",key:"1dp563"}]]);function Es({register:D,control:qe,setValue:h,watch:r,businessProfile:g,isGeneratingField:d,onGenerateField:y,creativeFormat:We,temperature:He,awarenessLevel:Ue,getValidationStatus:Z}){var ce,ne;const[je,pe]=k.useState("storyboard"),[A,F]=k.useState(!1),[O,J]=k.useState(0),[_,X]=k.useState(0),[ue,ve]=k.useState([75]),[$,q]=k.useState("tv"),W=r("platformContent.videoDescription")||"",E=r("platformContent.voiceoverScript")||"",V=r("platformContent.onScreenText")||"",G=r("platformContent.commercialLength")||"30_seconds",ee=r("platformContent.tvFormat")||"broadcast_network",ge=r("platformContent.commercialFormat")||"product_demo";r("platformContent.targetAudience");const H=r("platformContent.timeSlots")||["primetime"],Ne=r("platformContent.demographics")||"adults_25_54",fe=r("platformContent.callToAction")||"",ye=r("platformContent.musicStyle")||"upbeat_corporate",be=r("platformContent.visualStyle")||"realistic";r("platformContent.pacing");const we=r("platformContent.emotion")||"professional";r("platformContent.brandingLevel");const o=r("platformContent.scenes")||[{sceneNumber:1,description:"",duration:5,visualElements:"",transition:"cut"}],U={"15_seconds":{name:"15 Seconds",duration:15,videoDescriptionLimit:300,voiceoverLimit:100,cost:5e3,scenes:2,pacing:"fast"},"30_seconds":{name:"30 Seconds",duration:30,videoDescriptionLimit:500,voiceoverLimit:200,cost:15e3,scenes:4,pacing:"moderate"},"60_seconds":{name:"60 Seconds",duration:60,videoDescriptionLimit:800,voiceoverLimit:400,cost:35e3,scenes:6,pacing:"relaxed"},"2_minutes":{name:"2 Minutes",duration:120,videoDescriptionLimit:1200,voiceoverLimit:600,cost:75e3,scenes:8,pacing:"story"},infomercial:{name:"Infomercial",duration:1800,videoDescriptionLimit:2e3,voiceoverLimit:1e3,cost:15e4,scenes:12,pacing:"educational"}},c=U[G]||U["30_seconds"],N={videoDescription:c.videoDescriptionLimit,voiceoverScript:c.voiceoverLimit,onScreenText:50},T=(s,a,n)=>{if(Z){const Q=Z(s,n);return{colorClass:Q.status==="error"?"text-red-500":Q.status==="warning"?"text-orange-500":"text-gray-500 dark:text-gray-400",message:Q.message}}const i=a/n;return{colorClass:i>.9?"text-red-500":i>.7?"text-orange-500":"text-gray-500 dark:text-gray-400",message:`${a}/${n}`}},se=(g==null?void 0:g.businessName)||"Your Business";g!=null&&g.phone,g!=null&&g.website;const Ce=se.split(" ").map(s=>s[0]).join("").toUpperCase().slice(0,2),Y={broadcast_network:{name:"Broadcast Network",icon:me,color:"bg-blue-500",reach:"National",cost:1.5},cable:{name:"Cable TV",icon:re,color:"bg-purple-500",reach:"Targeted",cost:1},local:{name:"Local TV",icon:Ie,color:"bg-green-500",reach:"Local",cost:.6},streaming:{name:"Streaming",icon:de,color:"bg-orange-500",reach:"Digital",cost:.8},connected_tv:{name:"Connected TV",icon:Fe,color:"bg-red-500",reach:"Smart TV",cost:1.2}},Se={product_demo:{name:"Product Demo",description:"Show product in action",icon:De},lifestyle:{name:"Lifestyle",description:"Aspirational living scenes",icon:Ae},testimonial:{name:"Testimonial",description:"Customer success stories",icon:Le},animation:{name:"Animation",description:"Animated storytelling",icon:ze},documentary_style:{name:"Documentary Style",description:"Educational approach",icon:Me}

11,call_to_action:{name:"Direct CTA",description:"Strong action focus",icon:Pe}},K=Y[ee]||Y.broadcast_network,ae=()=>{const s=[{sceneNumber:1,description:"Opening hook - attention grabber",duration:3,visualElements:"Logo, product shot",transition:"fade"},{sceneNumber:2,description:"Problem/need identification",duration:7,visualElements:"Lifestyle shots",transition:"cut"},{sceneNumber:3,description:"Solution presentation",duration:15,visualElements:"Product demo",transition:"dissolve"},{sceneNumber:4,description:"Call to action & contact",duration:5,visualElements:"Contact info, logo",transition:"fade"}];return s.slice(0,Math.min(c.scenes,s.length))},ke=[{slot:"early_morning",name:"Early Morning",time:"6-9 AM",audience:"News viewers",cost:.8},{slot:"daytime",name:"Daytime",time:"9 AM-4 PM",audience:"Stay-at-home",cost:.6},{slot:"early_fringe",name:"Early Fringe",time:"4-6 PM",audience:"General",cost:1},{slot:"primetime",name:"Prime Time",time:"8-11 PM",audience:"Family viewing",cost:2},{slot:"late_night",name:"Late Night",time:"11 PM-2 AM",audience:"Young adults",cost:.9}];k.useEffect(()=>{let s;return A&&(s=setInterval(()=>{J(a=>{if(a>=c.duration)return F(!1),0;const n=o.length||ae().length,i=Math.floor(a/c.duration*n);return X(i),a+1})},1e3)),()=>clearInterval(s)},[A,c.duration,o.length]);const te=()=>{A?F(!1):(J(0),X(0),F(!0))},ie=(()=>{switch($){case"mobile":return{width:300,height:533,aspectRatio:"9:16"};case"tablet":return{width:600,height:450,aspectRatio:"4:3"};default:return{width:640,height:360,aspectRatio:"16:9"}}})();return e.jsxs("div",{className:"max-w-7xl mx-auto space-y-6",children:[e.jsxs(m,{className:"overflow-hidden",children:[e.jsx(p,{className:"pb-4",children:e.jsxs("div",{className:"flex justify-between items-center",children:[e.jsxs(u,{className:"flex items-center gap-2",children:[e.jsx(re,{className:"w-5 h-5"}),"Commercial Preview"]}),e.jsx("div",{className:"flex items-center gap-2",children:e.jsxs("div",{className:"flex bg-gray-100 dark:bg-gray-800 rounded-lg p-1",children:[e.jsx(v,{variant:$==="tv"?"default":"ghost",size:"sm",onClick:()=>q("tv"),"data-testid":"button-tv-view",children:e.jsx(me,{className:"w-4 h-4"})}),e.jsx(v,{variant:$==="tablet"?"default":"ghost",size:"sm",onClick:()=>q("tablet"),"data-testid":"button-tablet-view",children:e.jsx(Oe,{className:"w-4 h-4"})}),e.jsx(v,{variant:$==="mobile"?"default":"ghost",size:"sm",onClick:()=>q("mobile"),"data-testid":"button-mobile-view",children:e.jsx(de,{className:"w-4 h-4"})})]})})]})}),e.jsxs(x,{children:[e.jsx("div",{className:"flex justify-center mb-6",children:e.jsx("div",{className:"bg-black rounded-lg overflow-hidden shadow-2xl relative",style:{width:ie.width,height:ie.height,maxWidth:"100%"},children:e.jsxs("div",{className:"absolute inset-0 bg-gradient-to-br from-blue-900 to-purple-900 flex items-center justify-center",children:[e.jsxs("div",{className:"text-center text-white p-8",children:[e.jsxs("div",{className:"mb-4",children:[e.jsx("div",{className:"text-4xl mb-2",children:Ce}),e.jsx("div",{className:"text-lg font-bold",children:se})]}),o.length>0&&o[_]&&e.jsxs("div",{className:"space-y-2",children:[e.jsxs("div",{className:"text-xs text-gray-300",children:["Scene ",_+1]}),e.jsx("div",{className:"text-sm","data-testid":"text-current-scene",children:((ce=o[_])==null?void 0:ce.description)||((ne=ae()[_])==null?void 0:ne.description)})]}),V&&e.jsx("div",{className:"absolute bottom-16 left-4 right-4 bg-black/70 text-white text-center py-2 px-4 rounded","data-testid":"text-on-screen",children:V})]}),!A&&e.jsx("div",{className:"absolute inset-0 bg-black/50 flex items-center justify-center",children:e.jsx(v,{variant:"ghost",size:"lg",onClick:te,className:"text-white hover:bg-white/10 w-20 h-20 rounded-full","data-testid":"button-play-overlay",children:e.jsx(xe,{className:"w-8 h-8"})})}),e.jsx("div",{className:"absolute bottom-0 left-0 right-0 bg-black/50 p-4",children:e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx(v,{variant:"ghost",size:"sm",onClick:te,className:"text-white hover:bg-white/10","data-testid":"button-play-pause",children:A?e.jsx(Ve,{className:"w-4 h-4"}):e.jsx(xe,{className:"w-4 h-4"})}),e.jsxs("div",{className:"flex-1",children:[e.jsxs("div",{className:"flex justify-between text-xs text-white mb-1",children:[e.jsxs("span",{children:[Math.floor(O/60),":",(O%60).toString().padStart(2,"0")]}),e.jsxs("span",{children:[Math.floor(c.duration/60),":",(c.duration%60).toString().padStart(2,"0")]})]}),e.jsx("div",{className:"w-full bg-gray-700 rounded-full h-1",children:e.jsx("div",{className:"bg-red-500 h-1 rounded-full transition-all duration-1000",style:{width:`${O/c.duration*100}%`}})})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(Be,{className:"w-4 h-4 text-white"}),e.jsx(Ee,{value:ue,onValueChange:ve,max:100,step:1,className:"w-16"})]})]})})]})})}),e.jsxs("div",{className:"grid grid-cols-3 gap-4 text-center",children:[e.jsx(m,{children:e.jsxs(x,{className:"p-4",children:[e.jsxs("div",{className:"flex items-center justify-center gap-2 mb-2",children:[e.jsx(K.icon,{className:"w-4 h-4"}),e.jsx("span",{className:"font-medium text-sm",children:K.name})]}),e.jsxs("div",{className:"text-xs text-gray-500",children:[K.reach," Reach"]})]})}),e.jsx(m,{children:e.jsxs(x,{className:"p-4",children:[e.jsxs("div",{className:"text-lg font-bold",children:[c.duration,"s"]}),e.jsx("div",{className:"text-xs text-gray-500",children:c.name})]})}),e.jsx(m,{children:e.jsxs(x,{className:"p-4",children:[e.jsxs("div",{className:"text-lg font-bold",children:["$",c.cost.toLocaleStr

11ing()]}),e.jsx("div",{className:"text-xs text-gray-500",children:"Est. Production Cost"})]})})]})]})]}),e.jsxs(_e,{value:je,onValueChange:s=>pe(s),className:"w-full",children:[e.jsxs($e,{className:"grid w-full grid-cols-5",children:[e.jsx(M,{value:"storyboard","data-testid":"tab-storyboard",children:"Storyboard"}),e.jsx(M,{value:"script","data-testid":"tab-script",children:"Script"}),e.jsx(M,{value:"production","data-testid":"tab-production",children:"Production"}),e.jsx(M,{value:"analytics","data-testid":"tab-analytics",children:"Analytics"}),e.jsx(M,{value:"broadcast","data-testid":"tab-broadcast",children:"Broadcast"})]}),e.jsx(P,{value:"storyboard",className:"space-y-6",children:e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-6",children:[e.jsx("div",{className:"space-y-6",children:e.jsxs(m,{children:[e.jsx(p,{children:e.jsxs(u,{className:"text-lg flex items-center justify-between",children:[e.jsx("span",{children:"Storyboard Scenes"}),e.jsxs(v,{type:"button",variant:"outline",size:"sm",onClick:()=>{const s=[...o,{sceneNumber:o.length+1,description:"",duration:Math.floor(c.duration/(o.length+1)),visualElements:"",transition:"cut"}];h("platformContent.scenes",s)},"data-testid":"button-add-scene",children:[e.jsx(Te,{className:"w-4 h-4 mr-1"}),"Add Scene"]})]})}),e.jsx(x,{className:"space-y-4",children:o.map((s,a)=>e.jsxs("div",{className:"border rounded-lg p-4 space-y-3",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("h4",{className:"font-medium",children:["Scene ",s.sceneNumber]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs(j,{variant:"outline",children:[s.duration,"s"]}),o.length>1&&e.jsx(v,{type:"button",variant:"ghost",size:"sm",onClick:()=>{const n=o.filter((i,le)=>le!==a);h("platformContent.scenes",n)},"data-testid":`button-remove-scene-${a}`,children:e.jsx(Re,{className:"w-4 h-4"})})]})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(l,{children:"Scene Description"}),e.jsx(B,{value:s.description,onChange:n=>{const i=[...o];i[a].description=n.target.value,h("platformContent.scenes",i)},placeholder:"Describe what happens in this scene...",rows:2,"data-testid":`textarea-scene-description-${a}`})]}),e.jsxs("div",{className:"grid grid-cols-2 gap-2",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(l,{children:"Duration (seconds)"}),e.jsx(R,{type:"number",value:s.duration,onChange:n=>{const i=[...o];i[a].duration=parseInt(n.target.value)||0,h("platformContent.scenes",i)},min:"1",max:c.duration,"data-testid":`input-scene-duration-${a}`})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(l,{children:"Transition"}),e.jsxs(b,{value:s.transition,onValueChange:n=>{const i=[...o];i[a].transition=n,h("platformContent.scenes",i)},children:[e.jsx(w,{"data-testid":`select-transition-${a}`,children:e.jsx(C,{})}),e.jsxs(S,{children:[e.jsx(t,{value:"cut",children:"Cut"}),e.jsx(t,{value:"fade",children:"Fade"}),e.jsx(t,{value:"dissolve",children:"Dissolve"}),e.jsx(t,{value:"wipe",children:"Wipe"})]})]})]})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(l,{children:"Visual Elements"}),e.jsx(R,{value:s.visualElements,onChange:n=>{const i=[...o];i[a].visualElements=n.target.value,h("platformContent.scenes",i)},placeholder:"Products, people, locations, graphics...","data-testid":`input-visual-elements-${a}`})]})]},a))})]})}),e.jsx("div",{className:"space-y-6",children:e.jsxs(m,{children:[e.jsx(p,{children:e.jsx(u,{className:"text-lg",children:"Commercial Specifications"})}),e.jsxs(x,{className:"space-y-4",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(l,{children:"Commercial Length"}),e.jsxs(b,{value:G,onValueChange:s=>h("platformContent.commercialLength",s),children:[e.jsx(w,{"data-testid":"select-commercial-length",children:e.jsx(C,{})}),e.jsx(S,{children:Object.entries(U).map(([s,a])=>e.jsx(t,{value:s,children:e.jsxs("div",{className:"flex flex-col",children:[e.jsx("span",{children:a.name}),e.jsxs("span",{className:"text-xs text-gray-500",children:["$",a.cost.toLocaleString()," production"]})]})},s))})]})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(l,{children:"TV Format"}),e.jsxs(b,{value:ee,onValueChange:s=>h("platformContent.tvFormat",s),children:[e.jsx(w,{"data-testid":"select-tv-format",children:e.jsx(C,{})}),e.jsx(S,{children:Object.entries(Y).map(([s,a])=>e.jsx(t,{value:s,children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(a.icon,{className:"w-4 h-4"}),e.jsxs("div",{className:"flex flex-col",children:[e.jsx("span",{children:a.name}),e.jsxs("span",{className:"text-xs text-gray-500",children:[a.reach," reach"]})]})]})},s))})]})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(l,{children:"Commercial Format"}),e.jsxs(b,{value:ge,onValueChange:s=>h("platformContent.commercialFormat",s),children:[e.jsx(w,{"data-testid":"select-commercial-format",children:e.jsx(C,{})}),e.jsx(S,{children:Object.entries(Se).map(([s,a])=>e.jsx(t,{value:s,children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(a.icon,{className:"w-4 h-4"}),e.jsxs("div",{className:"flex flex-col",children:[e.jsx("span",{children:a.name}),e.jsx("span",{className:"text-xs text-gray-500",children:a.description})]})]})},s))})]})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(l,{children:"Visual Style"}),e.jsxs(b,{value:be,onValueChange:s=>h("platformContent.visualStyle",s),children:[e.jsx(w,{"data-testid":"select-visual-style",children:e.jsx(C,{})}),e.jsxs(S,{children:[e.jsx(t,{value:"realistic",children:"Realistic"}),e.jsx(t,{value:"cinematic",children:"Cinematic"}),e.jsx(t,{value:"documentary",children:"Documentary"}),e.jsx(t,{value:"animated",children:"Animated"}),e.jsx(t,{value:"artistic",children:"Artistic"}),e.jsx(t,{value:"minimalist",children:"Minimalist"})]})]})]}),e.jsxs("div",{className:"grid grid-cols-2 gap-4",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(l,{children:"Music Style"}),e.jsxs(b,{value:ye,onValueChange:s=>h("platformContent.musicStyle",s),children:[e.jsx(w,{"data-testid":"select-music-style",children:e.jsx(C,{})}),e.jsxs(S,{children:[e.jsx(t,{value:"upbeat_corporate",children:"Upbeat Corporate"}),e.jsx(t,{value:"emotional_piano",children:"Emotional Piano"}),e.jsx(t,{value:"energetic_pop",children:"Energetic Pop"}),e.jsx(t,{value:"dramatic_orchestral",children:"Dramatic Orchestral"}),e.jsx(t,{value:"acoustic_warm",children:"Acoustic Warm"}),e.jsx(t,{value:"no_music",children:"No Music"})]})]})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(l,{children:"Overall Emotion"}),e.jsxs(b,{value:we,onValueChange:s=>h("platformContent.emotion",s),children:[e.jsx(w,{"data-testid":"select-emotion",children:e.jsx(C,{})}),e.jsxs(S,{children:[e.jsx(t,{value:"professional",children:"Professional"}),e.jsx(t,{value:"friendly",children:"Friendly"}),e.jsx(t,{value:"exciting",children:"Exciting"}),e.jsx(t,{value:"emotional",children:"Emotional"}),e.jsx(t,{value:"humorous",children:"Humorous"}),e.jsx(t,{value:"serious",children:"Serious"})]})]})]})]})]})]})})]})}),e.jsx(P,{value:"script",className:"space-y-6",children:e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-6",children:[e.jsx("div",{className:"space-y-6",children:e.jsxs(m,{children:[e.jsx(p,{children:e.jsx(u,{className:"text-lg",children:"Commercial Script"})}),e.jsxs(x,{className:"space-y-4",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsxs("div",{className:"flex justify-between items-center",children:[e.jsx(l,{htmlFor:"videoDescription",children:"Video Description"}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs(v,{type:"button",variant:"outline",size:"sm",onClick:()=>y&&y("videoDescription"),disabled:d&&d("videoDescription"),className:"flex items-center gap-1","data-testid":"button-generate-video-description",children:[d&&d("videoDescription")?e.jsx(I,{className:"w-3 h-3 animate-spin"}):e.jsx(z,{className:"w-3 h-3"}),"Generate"]}),e.jsx("span",{className:`text-xs ${T("videoDescription",W.length,N.videoDescription).colorClass}`,children:T("videoDescription",W.length,N.videoDescription).message})]})]}),e.jsx(B,{...D("platformContent.videoDescription"),placeholder:"Describe the visual elements, scenes, and action...",rows:6,maxLength:N.videoDescription,"data-testid":"textarea-video-description"}),e.jsxs("p",{className:"text-xs text-gray-500",children:["Visual narrative for ",c.name.toLowerCase()]})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs("div",{className:"flex justify-between items-center",children:[e.jsx(l,{htmlFor:"voiceoverScript",children:"Voiceover Script"}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs(v,{type:"button",variant:"outline",size:"sm",onClick:()=>y&&y("voiceoverScript"),disabled:d&&d("voiceoverScript"),className:"flex items-center gap-1","data-testid":"button-generate-voiceover",children:[d&&d("voiceoverScript")?e.jsx(I,{className:"w-3 h-3 animate-spin"}):e.jsx(z,{className:"w-3 h-3"}),"Generate"]}),e.jsx("span",{className:`text-xs ${T("voiceoverScript",E.length,N.voiceoverScript).colorClass}`,children:T("voiceoverScript",E.length,N.voiceoverScript).message})]})]}),e.jsx(B,{...D("platformContent.voiceoverScript"),placeholder:"Write the spoken narration and dialogue...",rows:6,maxLength:N.voiceoverScript,"data-testid":"textarea-voiceover-script"}),e.jsx("p",{className:"text-xs text-gray-500",children:"Audio script for voice talent"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs("div",{className:"flex justify-between items-center",children:[e.jsx(l,{htmlFor:"onScreenText",children:"On-Screen Text"}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs(v,{type:"button",variant:"outline",size:"sm",onClick:()=>y&&y("onScreenText"),disabled:d&&d("onScreenText"),className:"flex items-center gap-1","data-testid":"button-generate-on-screen-text",children:[d&&d("onScreenText")?e.

11jsx(I,{className:"w-3 h-3 animate-spin"}):e.jsx(z,{className:"w-3 h-3"}),"Generate"]}),e.jsx("span",{className:`text-xs ${T("onScreenText",V.length,N.onScreenText).colorClass}`,children:T("onScreenText",V.length,N.onScreenText).message})]})]}),e.jsx(R,{...D("platformContent.onScreenText"),placeholder:"Text overlays, captions, contact info...",maxLength:N.onScreenText,"data-testid":"input-on-screen-text"}),e.jsx("p",{className:"text-xs text-gray-500",children:"Graphics and text overlays"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs("div",{className:"flex justify-between items-center",children:[e.jsx(l,{htmlFor:"callToAction",children:"Call to Action"}),e.jsx("div",{className:"flex items-center gap-2",children:e.jsxs(v,{type:"button",variant:"outline",size:"sm",onClick:()=>y&&y("callToAction"),disabled:d&&d("callToAction"),className:"flex items-center gap-1","data-testid":"button-generate-cta",children:[d&&d("callToAction")?e.jsx(I,{className:"w-3 h-3 animate-spin"}):e.jsx(z,{className:"w-3 h-3"}),"Generate"]})})]}),e.jsx(R,{...D("platformContent.callToAction"),placeholder:"Visit our website, call now, visit store...","data-testid":"input-call-to-action"})]})]})]})}),e.jsx("div",{className:"space-y-6",children:e.jsxs(m,{children:[e.jsx(p,{children:e.jsx(u,{className:"text-lg",children:"Production Guidelines"})}),e.jsxs(x,{className:"space-y-4",children:[e.jsxs("div",{className:"space-y-3",children:[e.jsx("h4",{className:"font-medium",children:"Script Timing"}),e.jsxs("div",{className:"grid grid-cols-2 gap-4 text-sm",children:[e.jsxs("div",{className:"text-center p-3 bg-blue-50 dark:bg-blue-900 rounded",children:[e.jsxs("div",{className:"text-lg font-bold text-blue-600 dark:text-blue-400",children:[Math.round(E.length/10),"s"]}),e.jsx("div",{className:"text-gray-600 dark:text-gray-300",children:"Est. Voice Time"})]}),e.jsxs("div",{className:"text-center p-3 bg-green-50 dark:bg-green-900 rounded",children:[e.jsxs("div",{className:"text-lg font-bold text-green-600 dark:text-green-400",children:[c.duration,"s"]}),e.jsx("div",{className:"text-gray-600 dark:text-gray-300",children:"Target Length"})]})]})]}),e.jsx(f,{}),e.jsxs("div",{className:"space-y-3",children:[e.jsx("h4",{className:"font-medium",children:"Technical Specifications"}),e.jsxs("div",{className:"space-y-2 text-sm",children:[e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{children:"Video Format"}),e.jsx("span",{className:"font-medium",children:"1920x1080 HD"})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{children:"Frame Rate"}),e.jsx("span",{className:"font-medium",children:"29.97 fps"})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{children:"Audio"}),e.jsx("span",{className:"font-medium",children:"48kHz Stereo"})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{children:"Color Space"}),e.jsx("span",{className:"font-medium",children:"Rec. 709"})]})]})]}),e.jsx(f,{}),e.jsxs("div",{className:"space-y-3",children:[e.jsx("h4",{className:"font-medium",children:"Broadcast Standards"}),e.jsxs("div",{className:"space-y-2 text-sm",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{children:"Audio Levels"}),e.jsx(j,{variant:"default",children:"-24 LKFS"})]}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{children:"Safe Areas"}),e.jsx(j,{variant:"default",children:"10% margin"})]}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{children:"Captions"}),e.jsx(j,{variant:"secondary",children:"Required"})]}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{children:"Content Rating"}),e.jsx(j,{variant:"outline",children:"General"})]})]})]}),e.jsx(f,{}),e.jsxs("div",{className:"space-y-3",children:[e.jsx("h4",{className:"font-medium",children:"Quality Checklist"}),e.jsx("div",{className:"space-y-2",children:[{item:"Clear brand messaging",checked:!0},{item:"Strong call to action",checked:!!fe},{item:"Proper timing",checked:Math.abs(E.length/10-c.duration)<=5},{item:"Visual consistency",checked:!!W},{item:"Audio quality",checked:!0}].map((s,a)=>e.jsxs("div",{className:"flex items-center gap-2",children:[s.checked?e.jsx(L,{className:"w-4 h-4 text-green-500"}):e.jsx(oe,{className:"w-4 h-4 text-orange-500"}),e.jsx("span",{className:"text-sm",children:s.item})]},a))})]})]})]})})]})}),e.jsx(P,{value:"production",className:"space-y-6",children:e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-6",children:[e.jsxs(m,{children:[e.jsx(p,{children:e.jsx(u,{className:"text-lg",children:"Production Timeline"})}),e.jsxs(x,{className:"space-y-4",children:[e.jsxs("div",{className:"space-y-3",children:[e.jsx("h4",{className:"font-medium",children:"Pre-Production (Week 1-2)"}),e.jsx("div",{className:"space-y-2",children:[{task:"Script & Storyboard Approval",status:"completed",days:"Day 1-3"},{task:"Casting & Location Scouting",status:"in_progress",days:"Day 4-7"},{task:"Equipment & Crew Booking",status:"pending",days:"Day 8-10"},{task:"Final Pre-Production Meeting",status:"pending",days:"Day 11-14"}].map((s,a)=>e.jsxs("div",{className:"flex items-center justify-between p-2 border rounded",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[s.status==="completed"?e.jsx(L,{className:"w-4 h-4 text-green-500"}):s.status==="in_progress"?e.jsx(oe,{className:"w-4 h-4 text-orange-500"}):e.jsx("div",{className:"w-4 h-4 border-2 border-gray-300 rounded-full"}),e.jsx("span",{className:"text-sm",children:s.task})]}),e.jsx("span",{className:"text-xs text-gray-500",children:s.days})]},a))})]}),e.jsx(f,{}),e.jsxs("div",{className:"space-y-3",children:[e.jsx("h4",{className:"font-medium",children:"Production (Week 3)"}),e.jsx("div",{className:"space-y-2",children:[{task:"Principal Photography",status:"pending",days:"Day 15-17"},{task:"Additional Shots & B-Roll",status:"pending",days:"Day 18-19"},{task:"Voiceover Recording",status:"pending",days:"Day 20"}

11,{task:"Wrap & Data Backup",status:"pending",days:"Day 21"}].map((s,a)=>e.jsxs("div",{className:"flex items-center justify-between p-2 border rounded",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-4 h-4 border-2 border-gray-300 rounded-full"}),e.jsx("span",{className:"text-sm",children:s.task})]}),e.jsx("span",{className:"text-xs text-gray-500",children:s.days})]},a))})]}),e.jsx(f,{}),e.jsxs("div",{className:"space-y-3",children:[e.jsx("h4",{className:"font-medium",children:"Post-Production (Week 4-5)"}),e.jsx("div",{className:"space-y-2",children:[{task:"Rough Cut Editing",status:"pending",days:"Day 22-25"},{task:"Color Correction & Audio Mix",status:"pending",days:"Day 26-28"},{task:"Graphics & Effects",status:"pending",days:"Day 29-31"},{task:"Final Cut & Delivery",status:"pending",days:"Day 32-35"}].map((s,a)=>e.jsxs("div",{className:"flex items-center justify-between p-2 border rounded",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-4 h-4 border-2 border-gray-300 rounded-full"}),e.jsx("span",{className:"text-sm",children:s.task})]}),e.jsx("span",{className:"text-xs text-gray-500",children:s.days})]},a))})]})]})]}),e.jsxs(m,{children:[e.jsx(p,{children:e.jsx(u,{className:"text-lg",children:"Cost Breakdown"})}),e.jsxs(x,{className:"space-y-4",children:[e.jsxs("div",{className:"space-y-3",children:[e.jsx("h4",{className:"font-medium",children:"Pre-Production"}),e.jsxs("div",{className:"space-y-2 text-sm",children:[e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{children:"Script Development"}),e.jsx("span",{className:"font-medium",children:"$2,000"})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{children:"Storyboard Creation"}),e.jsx("span",{className:"font-medium",children:"$1,500"})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{children:"Casting & Auditions"}),e.jsx("span",{className:"font-medium",children:"$1,000"})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{children:"Location Scouting"}),e.jsx("span",{className:"font-medium",children:"$800"})]})]})]}),e.jsx(f,{}),e.jsxs("div",{className:"space-y-3",children:[e.jsx("h4",{className:"font-medium",children:"Production"}),e.jsxs("div",{className:"space-y-2 text-sm",children:[e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{children:"Director & Crew"}),e.jsx("span",{className:"font-medium",children:"$8,000"})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{children:"Talent & Actors"}),e.jsx("span",{className:"font-medium",children:"$5,000"})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{children:"Equipment Rental"}),e.jsx("span",{className:"font-medium",children:"$4,000"})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{children:"Location Fees"}),e.jsx("span",{className:"font-medium",children:"$2,000"})]})]})]}),e.jsx(f,{}),e.jsxs("div",{className:"space-y-3",children:[e.jsx("h4",{className:"font-medium",children:"Post-Production"}),e.jsxs("div",{className:"space-y-2 text-sm",children:[e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{children:"Editing"}),e.jsx("span",{className:"font-medium",children:"$4,000"})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{children:"Color & Sound"}),e.jsx("span",{className:"font-medium",children:"$3,000"})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{children:"Graphics & Animation"}),e.jsx("span",{className:"font-medium",children:"$2,500"})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{children:"Music Licensing"}),e.jsx("span",{className:"font-medium",children:"$1,000"})]})]})]}),e.jsx(f,{}),e.jsxs("div",{className:"flex justify-between font-bold text-lg",children:[e.jsx("span",{children:"Total Production Cost"}),e.jsxs("span",{children:["$",c.cost.toLocaleString()]})]}),e.jsx("div",{className:"mt-4 p-4 bg-green-50 dark:bg-green-900 rounded-lg",children:e.jsxs("div",{className:"text-center",children:[e.jsx("div",{className:"text-2xl font-bold text-green-600 dark:text-green-400",children:"320%"}),e.jsx("div",{className:"text-sm text-gray-600 dark:text-gray-300",children:"Expected ROI"})]})})]})]})]})}),e.jsx(P,{value:"analytics",className:"space-y-6",children:e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-6",children:[e.jsxs(m,{children:[e.jsx(p,{children:e.jsx(u,{className:"text-lg",children:"Viewership Analytics"})}),e.jsxs(x,{className:"space-y-4",children:[e.jsxs("div",{className:"grid grid-cols-2 gap-4",children:[e.jsxs("div",{className:"text-center p-4 bg-blue-50 dark:bg-blue-900 rounded-lg",children:[e.jsx("div",{className:"text-2xl font-bold text-blue-600 dar

11k:text-blue-400",children:"2.8M"}),e.jsx("div",{className:"text-sm text-gray-600 dark:text-gray-300",children:"Total Reach"})]}),e.jsxs("div",{className:"text-center p-4 bg-purple-50 dark:bg-purple-900 rounded-lg",children:[e.jsx("div",{className:"text-2xl font-bold text-purple-600 dark:text-purple-400",children:"15.2M"}),e.jsx("div",{className:"text-sm text-gray-600 dark:text-gray-300",children:"Total Impressions"})]})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsx("h4",{className:"font-medium",children:"Viewership Demographics"}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs("div",{className:"flex justify-between items-center",children:[e.jsx("span",{className:"text-sm",children:"Adults 18-34"}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-20 bg-gray-200 dark:bg-gray-700 rounded-full h-2",children:e.jsx("div",{className:"bg-blue-500 h-2 rounded-full",style:{width:"42%"}})}),e.jsx("span",{className:"text-xs font-medium",children:"42%"})]})]}),e.jsxs("div",{className:"flex justify-between items-center",children:[e.jsx("span",{className:"text-sm",children:"Adults 35-54"}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-20 bg-gray-200 dark:bg-gray-700 rounded-full h-2",children:e.jsx("div",{className:"bg-green-500 h-2 rounded-full",style:{width:"38%"}})}),e.jsx("span",{className:"text-xs font-medium",children:"38%"})]})]}),e.jsxs("div",{className:"flex justify-between items-center",children:[e.jsx("span",{className:"text-sm",children:"Adults 55+"}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-20 bg-gray-200 dark:bg-gray-700 rounded-full h-2",children:e.jsx("div",{className:"bg-purple-500 h-2 rounded-full",style:{width:"20%"}})}),e.jsx("span",{className:"text-xs font-medium",children:"20%"})]})]})]})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsx("h4",{className:"font-medium",children:"Time Slot Performance"}),e.jsx("div",{className:"h-32 bg-gray-100 dark:bg-gray-800 rounded-lg flex items-end justify-center p-4",children:e.jsx("div",{className:"flex items-end space-x-1 h-full w-full",children:[45,65,55,85,95,88,70,60].map((s,a)=>e.jsx("div",{className:"bg-blue-500 rounded-t flex-1",style:{height:`${s}%`}},a))})}),e.jsxs("div",{className:"flex justify-between text-xs text-gray-500",children:[e.jsx("span",{children:"6AM"}),e.jsx("span",{children:"12PM"}),e.jsx("span",{children:"6PM"}),e.jsx("span",{children:"12AM"})]})]})]})]}),e.jsxs(m,{children:[e.jsx(p,{children:e.jsx(u,{className:"text-lg",children:"Campaign Performance"})}),e.jsxs(x,{className:"space-y-4",children:[e.jsxs("div",{className:"grid grid-cols-2 gap-4",children:[e.jsxs("div",{className:"text-center p-4 bg-green-50 dark:bg-green-900 rounded-lg",children:[e.jsx("div",{className:"text-2xl font-bold text-green-600 dark:text-green-400",children:"385"}),e.jsx("div",{className:"text-sm text-gray-600 dark:text-gray-300",children:"Gross Rating Points"})]}),e.jsxs("div",{className:"text-center p-4 bg-orange-50 dark:bg-orange-900 rounded-lg",children:[e.jsx("div",{className:"text-2xl font-bold text-orange-600 dark:text-orange-400",children:"$18.50"}),e.jsx("div",{className:"text-sm text-gray-600 dark:text-gray-300",children:"Cost Per Thousand"})]})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsx("h4",{className:"font-medium",children:"Response Metrics"}),e.jsxs("div",{className:"space-y-2 text-sm",children:[e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{children:"Website Traffic"}),e.jsx("span",{className:"font-medium",children:"+185%"})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{children:"Phone Inquiries"}),e.jsx("span",{className:"font-medium",children:"+92%"})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{children:"Store Visits"}),e.jsx("span",{className:"font-medium",children:"+67%"})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{children:"Social Media Mentions"}),e.jsx("span",{className:"font-medium",children:"+234%"})]})]})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsx("h4",{className:"font-medium",children:"Brand Impact"}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs("div",{className:"flex justify-between items-center",children:[e.jsx("span",{className:"text-sm",children:"Brand Recall"}),e.jsx(j,{variant:"default",children:"68%"})]}),e.jsxs("div",{className:"flex justify-between items-center",children:[e.jsx("span",{className:"text-sm",children:"Message Recognition"}),e.jsx(j,{variant:"default",children:"52%"})]}),e.jsxs("div",{className:"flex justify-between items-center",children:[e.jsx("span",{className:"text-sm",children:"Purchase Intent"}),e.jsx(j,{variant:"default",children:"+28%"})]}),e.jsxs("div",{className:"flex justify-between items-center",children:[e.jsx("span",{className:"text-sm",children:"Brand Favorability"}),e.jsx(j,{variant:"default",children:"+15%"})]})]})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsx("h4",{className:"font-medium",children:"Competitive Position"}),e.jsxs("div",{className:"text-sm space-y-2",children:[e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{children:"Share of Voice"}),e.jsx("span",{className:"font-medium",children:"8.5%"})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{children:"Category Rank"}),e.jsx("span",{className:"font-medium",children:"#2"})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{children:"Quality Score"}),e.jsx(j,{variant:"default",children:"Excellent"})]})]})]})]})]})]})}),e.jsx(P,{value:"broadcast",className:"space-y-6",children:e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-6",children:[e.jsxs(m,{children:[e.jsx(p,{children:e.jsx(u,{className:"text-lg",children:"Broadcast Scheduling"})}),e.jsxs(x,{className:"space-y-4",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(l,{children:"Target Demographics"}),e.jsxs(b,{value:Ne,onValueChange:s=>h("platformContent.demographics",s),children:[e.jsx(w,{"data-testid":"select-demographics",children:e.jsx(C,{})}),e.jsxs(S,{children:[e.jsx(t,{value:"adults_18_34",children:"Adults 18-34"}),e.jsx(t,{value:"adults_25_54",children:"Adults 25-54"}),e.jsx(t,{value:"adults_35_64",children:"Adults 35-64"}),e.jsx(t,{value:"families",children:"Families with Children"}),e.jsx(t,{value:"seniors",children:"Seniors 55+"}),e.jsx(t,{value:"general_audience",children:"General Audience"})]})]})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsx(l,{children:"Preferred Time Slots"}),e.jsx("div",{className:"space-y-2",children:ke.map(s=>e.jsxs("div",{className:"flex items-center justify-between p-3 border rounded-lg",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("input",{type:"checkbox",id:s.slot,checked:H.includes(s.slot),onChange:a=>{const n=a.target.checked?[...H,s.slot]:H.filter(i=>i!==s.slot);h("platformContent.timeSlots",n)},className:"rounded","data-testid":`checkbox-${s.slot}`}),e.jsxs("div",{children:[e.jsx("div",{className:"font-medium",children:s.name}),e.jsxs("div",{className:"text-sm text-gray-500",children:[s.time," • ",s.audience]})]})]}),e.jsxs(j,{variant:s.cost>1.5?"destructive":s.cost>1?"secondary":"default",children:[s.cost,"x cost"]})]},s.slot))})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(l,{children:"Target Audience Description"}),e.jsx(B,{...D("platformContent.targetAudience"),placeholder:"Describe your ideal viewer demographics, interests, behaviors...",rows:3,"data-testid":"textarea-target-audience"})]})]})]}),e.jsxs(m,{children:[e.jsx(p,{children:e.jsx(u,{className:"text-lg",children:"Media Buy Strategy"})}),e.jsxs(x,{className:"space-y-4",children:[e.jsxs("div",{className:"space-y-3",children:[e.jsx("h4",{className:"font-medium",children:"Budget Allocation"}),e.jsxs("div",{className:"space-y-2 text-sm",children:[e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{children:"Prime Time (60%)"}),e.jsx("span",{className:"font-medium",children:"$18,000"})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{children:"Early Fringe (25%)"}),e.jsx("span",{className:"font-medium",children:"$7,500"})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{children:"Daytime (15%)"}),e.jsx("span",{className:"font-medium",children:"$4,500"})]}),e.jsx(f,{}),e.jsxs("div",{className:"flex justify-between font-bold",children:[e.jsx("span",{children:"Monthly Media Buy"}),e.jsx("span",{children:"$30,000"})]})]})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsx("h4",{className:"font-medium",children:"Frequency Planning"}),e.jsxs("div",{className:"grid grid-cols-2 gap-4 text-center",children:[e.jsxs("div",{className:"p-3 bg-blue-50 dark:bg-blue-900 rounded",children:[e.jsx("div",{className:"text-lg font-bold text-blue-600 dar

11k:text-blue-400",children:"5.2"}),e.jsx("div",{className:"text-xs text-gray-600 dark:text-gray-300",children:"Avg Frequency"})]}),e.jsxs("div",{className:"p-3 bg-green-50 dark:bg-green-900 rounded",children:[e.jsx("div",{className:"text-lg font-bold text-green-600 dark:text-green-400",children:"3x"}),e.jsx("div",{className:"text-xs text-gray-600 dark:text-gray-300",children:"Effective Frequency"})]})]})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsx("h4",{className:"font-medium",children:"Network Performance"}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs("div",{className:"flex justify-between items-center",children:[e.jsx("span",{className:"text-sm",children:"Network A"}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-16 bg-gray-200 dark:bg-gray-700 rounded-full h-2",children:e.jsx("div",{className:"bg-blue-500 h-2 rounded-full",style:{width:"85%"}})}),e.jsx(j,{variant:"default",children:"8.5"})]})]}),e.jsxs("div",{className:"flex justify-between items-center",children:[e.jsx("span",{className:"text-sm",children:"Network B"}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-16 bg-gray-200 dark:bg-gray-700 rounded-full h-2",children:e.jsx("div",{className:"bg-green-500 h-2 rounded-full",style:{width:"72%"}})}),e.jsx(j,{variant:"secondary",children:"7.2"})]})]}),e.jsxs("div",{className:"flex justify-between items-center",children:[e.jsx("span",{className:"text-sm",children:"Cable Mix"}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-16 bg-gray-200 dark:bg-gray-700 rounded-full h-2",children:e.jsx("div",{className:"bg-purple-500 h-2 rounded-full",style:{width:"68%"}})}),e.jsx(j,{variant:"outline",children:"6.8"})]})]})]})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsx("h4",{className:"font-medium",children:"Optimization Tips"}),e.jsxs("div",{className:"space-y-2 text-sm text-gray-600 dark:text-gray-300",children:[e.jsxs("div",{className:"flex items-start gap-2",children:[e.jsx(L,{className:"w-4 h-4 text-green-500 mt-0.5 flex-shrink-0"}),e.jsx("span",{children:"Prime time offers highest reach but costs more"})]}),e.jsxs("div",{className:"flex items-start gap-2",children:[e.jsx(L,{className:"w-4 h-4 text-green-500 mt-0.5 flex-shrink-0"}),e.jsx("span",{children:"Consider streaming platforms for younger demographics"})]}),e.jsxs("div",{className:"flex items-start gap-2",children:[e.jsx(L,{className:"w-4 h-4 text-green-500 mt-0.5 flex-shrink-0"}),e.jsx("span",{children:"Local TV can be cost-effective for regional businesses"})]})]})]})]})]})]})})]}),e.jsxs(m,{children:[e.jsx(p,{children:e.jsx(u,{className:"text-lg",children:"TV Commercial Best Practices"})}),e.jsx(x,{children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-6 text-sm",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx("h4",{className:"font-medium text-blue-600 dark:text-blue-400",children:"Creative Guidelines"}),e.jsxs("ul",{className:"list-disc list-inside space-y-1 text-xs text-gray-600 dark:text-gray-300",children:[e.jsx("li",{children:"Hook viewers in first 3 seconds"}),e.jsx("li",{children:"Show product/service clearly"}),e.jsx("li",{children:"Include strong call to action"}),e.jsx("li",{children:"Maintain brand consistency"}),e.jsx("li",{children:"Optimize for sound-off viewing"})]})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("h4",{className:"font-medium text-green-600 dark:text-green-400",children:"Production Tips"}),e.jsxs("ul",{className:"list-disc list-inside space-y-1 text-xs text-gray-600 dark:text-gray-300",children:[e.jsx("li",{children:"Plan for multiple aspect ratios"}),e.jsx("li",{children:"Use professional lighting and audio"}),e.jsx("li",{children:"Include captions for accessibility"}),e.jsx("li",{children:"Test on various devices and screens"}),e.jsx("li",{children:"Follow broadcast technical standards"})]})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("h4",{className:"font-medium text-purple-600 dark:text-purple-400",children:"Media Strategy"}),e.jsxs("ul",{className:"list-disc list-inside space-y-1 text-xs text-gray-600 dark:text-gray-300",children:[e.jsx("li",{children:"Prime time: Maximum reach and impact"}),e.jsx("li",{children:"Daytime: Cost-effective for target demos"}),e.jsx("li",{children:"Streaming: Younger, tech-savvy audiences"}),e.jsx("li",{children:"Local TV: Geographic targeting"}),e.jsx("li",{children:"Consider cord-cutting trends"})]})]})]})})]})]})}export{Es as TvCommercialsMockup};