PageSourceSearch

https://cocie.ai/assets/Brief-BnXG-zr_.js

js cocie.ai collected 2026-10-05 11:55:31 UTC 26,898 bytes, 16 lines download raw bytes

1import{r as d,j as e}from"./three-pny7X8No.js";import{m as v}from"./motion-Vh4ILtUT.js";import{c as j,a as q}from"./index-CGL8chKl.js";import"./router-COUbMDE1.js";const H=[["path",{d:"M21.801 10A10 10 0 1 1 17 3.335",key:"yps3ct"}],["path",{d:"m9 11 3 3L22 4",key:"1pflzl"}]],K=j("circle-check-big",H);const z=[["path",{d:"M11 14h10",key:"1w8e9d"}],["path",{d:"M16 4h2a2 2 0 0 1 2 2v1.344",key:"1e62lh"}],["path",{d:"m17 18 4-4-4-4",key:"z2g111"}],["path",{d:"M8 4H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 1.793-1.113",key:"bjbb7m"}],["rect",{x:"8",y:"2",width:"8",height:"4",rx:"1",key:"ublpy"}]],W=j("clipboard-paste",z);const J=[["path",{d:"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",key:"1oefj6"}],["path",{d:"M14 2v5a1 1 0 0 0 1 1h5",key:"wfsgrz"}],["path",{d:"M10 9H8",key:"b1mrlr"}],["path",{d:"M16 13H8",key:"t4e002"}],["path",{d:"M16 17H8",key:"z1uh3a"}]],Y=j("file-text",J);const Q=[["path",{d:"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z",key:"c2jq9f"}],["rect",{width:"4",height:"12",x:"2",y:"9",key:"mk3on5"}],["circle",{cx:"4",cy:"4",r:"2",key:"bt5ra8"}]],O=j("linkedin",Q);const X=[["path",{d:"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z",key:"1ffxy3"}],["path",{d:"m21.854 2.147-10.94 10.939",key:"12cjpa"}]],T=j("send",X),F="https://dashboard.cocie.ai/api-v3/api/briefs/submit",Z=["Live sports","News","Drama","Reality TV","Documentaries","Movies","Kids & Family","Comedy","Sci-fi & Fantasy","Lifestyle","Music & Entertainment","Food & Cooking"],ee=[{code:"US",flag:"🇺🇸"},{code:"UK",flag:"🇬🇧"},{code:"DE",flag:"🇩🇪"},{code:"FR",flag:"🇫🇷"},{code:"ES",flag:"🇪🇸"},{code:"IT",flag:"🇮🇹"},{code:"NL",flag:"🇳🇱"},{code:"SE",flag:"🇸🇪"},{code:"NO",flag:"🇳🇴"},{code:"DK",flag:"🇩🇰"},{code:"FI",flag:"🇫🇮"},{code:"CA",flag:"🇨🇦"},{code:"AU",flag:"🇦🇺"}],te=["The Trade Desk","DV360 (Google)","Amazon DSP","Yahoo DSP","Beeswax","StackAdapt","DeepIntent","Viant","Basis Technologies","Simpli.fi","Conversant","Nexxen","Adform","Multiple DSPs","To be confirmed"],ae=["Automotive","CPG & FMCG","Entertainment & Media","Fashion & Luxury","Finance & Insurance","Gaming","Health & Pharma","Retail & E-commerce","Sports & Fitness","Technology","Travel & Hospitality","Other"],ce=()=>{const[l,u]=d.useState("form"),[x,h]=d.useState(!1),[g,w]=d.useState(!1),[s,f]=d.useState({}),[a,n]=d.useState({advertiser:"",agency:"",vertical:"",contactEmail:"",objective:"",audience:"",contentGenres:[],specificShows:"",brandSuitability:"",markets:[],marketsCustom:"",flightStart:"",flightEnd:"",alwaysOn:!1,budget:"",currency:"USD",pacing:"Total flight",dsp:"",dspOther:"",seatId:"",targetCpm:"",kpi:"",notes:""}),[o,N]=d.useState({title:"",content:"",contactName:"",contactEmail:""}),[k,$]=d.useState(""),I=d.useRef(new Date().toISOString()),A=d.useRef(null),E=d.useRef(null),D=d.useCallback(()=>{if(l!=="form")return 0;const t=[a.advertiser,a.contactEmail,a.objective,a.audience,a.dsp],r=[a.flightStart,a.budget,a.kpi].filter(p=>p.trim()).length,c=t.filter(p=>p.trim()).length,C=a.markets.length>0||a.marketsCustom.trim()?1:0,y=t.length+1;return Math.round((c+C+r*.5)/(y+1.5)*100)},[a,l]);d.useEffect(()=>{A.current&&(A.current.style.width=`${g?100:D()}%`)},[a,g,D]);const M=()=>{const t={};if(a.advertiser.trim()||(t.advertiser="Please enter the advertiser name."),(!a.contactEmail.trim()||!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(a.contactEmail))&&(t.contactEmail="Please enter a valid email address."),a.objective.trim()||(t.objective="Please describe the campaign objective."),a.audience.trim()||(t.audience="Please describe your target audience."),a.markets.length===0&&!a.marketsCustom.trim()&&(t.markets="Please select at least one market."),(a.dsp==="__other__"?a.dspOther.trim():a.dsp)||(t.dsp="Please select a DSP."),f(t),Object.keys(t).length>0){const c=Object.keys(t)[0];(document.querySelector(`[data-field="${c}"]`)||document.querySelector(`[name="${c}"]`))?.scrollIntoView({behavior:"smooth",block:"center"})}return Object.keys(t).length===0},R=()=>{const t={};return o.title.trim()||(t.aTitle="Please enter a brief title."),o.content.trim()||(t.aContent="Please paste your brief content."),(!o.contactEmail.trim()||!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(o.contactEmail))&&(t.aEmail="Please enter a valid email address."),f(t),Object.keys(t).length===0},B=async t=>{if(t.preventDefault(),!!M()){h(!0);try{const r=a.dsp==="__other__"?a.dspOther.trim():a.dsp,c=[...a.markets];a.marketsCustom.trim()&&c.push(...a.marketsCustom.split(",").map(p=>
1p.trim()).filter(Boolean));const C={type:"structured_form",advertiser:a.advertiser.trim(),agency:a.agency.trim(),vertical:a.vertical,contact_email:a.contactEmail.trim(),objective:a.objective.trim(),audience:a.audience.trim(),content_genres:a.contentGenres,specific_shows:a.specificShows.trim(),brand_suitability:a.brandSuitability.trim(),markets:c,flight_start:a.flightStart,flight_end:a.alwaysOn?null:a.flightEnd,always_on:a.alwaysOn,budget:a.budget.trim(),currency:a.currency,pacing:a.pacing,dsp:r,seat_id:a.seatId.trim(),target_cpm:a.targetCpm.trim(),kpi:a.kpi.trim(),notes:a.notes.trim(),submitted_at:new Date().toISOString(),company_url:k,_loaded_at:I.current},y=await fetch(F,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(C)});if(!y.ok){const p=await y.text().catch(()=>"");throw new Error(`Server responded ${y.status}: ${p}`)}w(!0),E.current?.scrollIntoView({behavior:"smooth"})}catch(r){console.error("Submit error:",r),alert(`Failed to submit brief. ${r instanceof Error?r.message:"Please try again."}`)}finally{h(!1)}}},V=async()=>{if(R()){h(!0);try{const t={type:"agentic_paste",title:o.title.trim(),content:o.content.trim(),originator_name:o.contactName.trim(),originator_email:o.contactEmail.trim(),submitted_at:new Date().toISOString(),company_url:k,_loaded_at:I.current},r=await fetch(F,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)});if(!r.ok){const c=await r.text().catch(()=>"");throw new Error(`Server responded ${r.status}: ${c}`)}w(!0),E.current?.scrollIntoView({behavior:"smooth"})}catch(t){console.error("Submit error:",t),alert(`Failed to submit brief. ${t instanceof Error?t.message:"Please try again."}`)}finally{h(!1)}}},G=t=>{n(r=>({...r,contentGenres:r.contentGenres.includes(t)?r.contentGenres.filter(c=>c!==t):[...r.contentGenres,t]}))},L=t=>{n(r=>({...r,markets:r.markets.includes(t)?r.markets.filter(c=>c!==t):[...r.markets,t]}))},U=({dark:t=!1})=>e.jsx(v.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.5},className:"py-12 px-4",children:e.jsxs("div",{className:`max-w-lg mx-auto rounded-2xl p-10 text-center border ${t?"bg-brand-card border-brand-accent/15":"bg-white border-gray-200"}`,children:[e.jsx("div",{className:`w-14 h-14 rounded-full flex items-center justify-center mx-auto mb-5 ${t?"bg-brand-accent/15":"bg-teal-50"}`,children:e.jsx(K,{className:`w-7 h-7 ${t?"text-brand-accent":"text-teal-600"}`})}),e.jsx("h2",{className:`text-2xl font-semibold tracking-tight mb-2 ${t?"text-gray-100":"text-gray-900"}`,children:"Brief received"}),e.jsx("p",{className:`text-sm leading-relaxed max-w-sm mx-auto mb-7 ${t?"text-gray-400":"text-gray-500"}`,children:"Thanks — we'll review your campaign brief and be in touch within one business day to confirm next steps."}),e.jsxs("div",{className:`flex items-center justify-between gap-4 rounded-xl p-4 text-left flex-wrap ${t?"bg-white/5 border border-white/10":"bg-gray-50 border border-gray-200"}`,children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"w-9 h-9 min-w-[36px] bg-[#0A66C2] rounded-lg flex items-center justify-center text-white",children:e.jsx(O,{className:"w-4 h-4"})}),e.jsxs("div",{children:[e.jsx("div",{className:`text-sm font-semibold ${t?"text-gray-100":"text-gray-900"}`,children:"Stay in the loop"}),e.jsx("div",{className:`text-xs ${t?"text-gray-400":"text-gray-500"}`,children:"Follow Cocie AI for CTV insights"})]})]}),e.jsx("a",{href:"https://www.linkedin.com/company/cocieai/",target:"_blank",rel:"noopener noreferrer",className:"inline-flex items-center gap-1.5 bg-[#0A66C2] text-white rounded-full px-4 py-2 text-sm font-semibold hover:bg-[#004182] transition-colors whitespace-nowrap",children:"Follow on LinkedIn"})]})]})});return e.jsxs("div",{className:"min-h-screen bg-brand-dark relative overflow-hidden",ref:E,children:[e.jsx("div",{className:"bg-brand-darker border-b border-gray-800",children:e.jsxs("div",{className:"max-w-[860px] mx-auto px-4 sm:px-8 pt-10 pb-10",children:[e.jsx(v.p,{initial:{opacity:0}
1,animate:{opacity:1},className:"text-xs uppercase tracking-[0.1em] text-gray-500 mb-3 font-mono",children:"Campaign brief"}),e.jsxs(v.h1,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.5},className:"text-3xl md:text-4xl lg:text-[42px] font-light text-white tracking-tight leading-tight mb-3",children:["Tell us about your",e.jsx("br",{}),e.jsx("strong",{className:"font-semibold text-brand-accent",children:"CTV campaign"})]}),e.jsx(v.p,{initial:{opacity:0},animate:{opacity:1},transition:{delay:.2},className:"text-gray-400 text-sm max-w-lg leading-relaxed mb-5",children:"Fill the structured form or paste your brief directly — our team will take it from there."}),e.jsxs("p",{className:"text-[10px] uppercase tracking-[0.1em] text-gray-600 flex items-center gap-2 font-mono",children:[e.jsx("span",{className:"w-4 h-px bg-brand-accent/50 inline-block"}),"The agentic contextual intelligence platform for CTV"]})]})}),e.jsx("div",{className:"max-w-[860px] mx-auto px-4 sm:px-8 pt-6",children:e.jsxs("div",{className:"inline-flex bg-brand-card border border-gray-700 rounded-xl p-1 gap-1",children:[e.jsxs("button",{onClick:()=>{u("form"),w(!1),f({})},className:`px-5 py-2.5 rounded-lg text-sm font-medium flex items-center gap-2 transition-all ${l==="form"?"bg-brand-darker text-white":"text-gray-400 hover:text-gray-300"}`,children:[e.jsx(Y,{className:"w-3.5 h-3.5"}),"Fill form"]}),e.jsxs("button",{onClick:()=>{u("agentic"),w(!1),f({})},className:`px-5 py-2.5 rounded-lg text-sm font-medium flex items-center gap-2 transition-all ${l==="agentic"?"bg-brand-accent text-brand-darker":"text-gray-400 hover:text-gray-300"}`,children:[e.jsx(W,{className:"w-3.5 h-3.5"}),"Paste brief"]})]})}),l==="form"&&!g&&e.jsx("div",{className:"max-w-[860px] mx-auto px-4 sm:px-8 py-7 pb-24",children:e.jsxs("form",{onSubmit:B,noValidate:!0,children:[e.jsxs(b,{num:"01",title:"Advertiser & objective",desc:"Who is this campaign for and what should it achieve?",children:[e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-5",children:[e.jsx(i,{label:"Advertiser / brand",required:!0,error:s.advertiser,children:e.jsx("input",{type:"text",placeholder:"e.g. Nike",value:a.advertiser,onChange:t=>n(r=>({...r,advertiser:t.target.value})),className:m(s.advertiser)})}),e.jsx(i,{label:"Agency / trading desk",children:e.jsx("input",{type:"text",placeholder:"e.g. Dentsu, OMD, Publicis, WPP, in-house",value:a.agency,onChange:t=>n(r=>({...r,agency:t.target.value})),className:m()})})]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-5 mt-5",children:[e.jsx(i,{label:"Industry vertical",children:e.jsxs("select",{value:a.vertical,onChange:t=>n(r=>({...r,vertical:t.target.value})),className:S(),children:[e.jsx("option",{value:"",children:"Select vertical…"}),ae.map(t=>e.jsx("option",{children:t},t))]})}),e.jsx(i,{label:"Contact email",required:!0,error:s.contactEmail,children:e.jsx("input",{type:"email",placeholder:"[email protected]",value:a.contactEmail,onChange:t=>n(r=>({...r,contactEmail:t.target.value})),className:m(s.contactEmail)})})]}),e.jsx("div",{className:"mt-5",children:e.jsx(i,{label:"Campaign objective",required:!0,sub:"What should this campaign achieve?",error:s.objective,children:e.jsx("textarea",{rows:3,placeholder:"e.g. Drive brand awareness among sports fans streaming World Cup 2026 content across US and UK markets, targeting 5M unique HH reach over the 6-week flight.",value:a.objective,onChange:t=>n(r=>({...r,objective:t.target.value})),className:_(s.objective)})})})]}),e.jsxs(b,{num:"02",title:"Audience & content targeting",desc:"Cocie AI uses contextual signals — no cookie-based IDs required.",children:[e.jsx(i,{label:"Audience intent",required:!0,sub:"Describe your target viewer — what they watch, interests, demographics.",error:s.audience,children:e.jsx("textarea",{rows:3,placeholder:"e.g. Adults 25–54 interested in live sports, fitness, and World Cup 2026 streaming content. Skew male. Household income $75k+.",value:a.audience,onChange:t=>n(r=>({...r,audience:t.target.value})),className:_(s.audience)})}),e.jsx("div",{className:"mt-5",children:e.jsx(i,{label:"Preferred content & genres",sub:"Select all c
1ontent environments where your brand should appear.",children:e.jsx("div",{className:"flex flex-wrap gap-2 mt-1",children:Z.map(t=>e.jsx("button",{type:"button",onClick:()=>G(t),className:`px-3.5 py-1.5 rounded-full text-xs font-medium border transition-all ${a.contentGenres.includes(t)?"bg-teal-50 border-brand-accent/60 text-teal-700":"bg-white border-gray-200 text-gray-400 hover:border-brand-accent/40 hover:text-teal-600"}`,children:t},t))})})}),e.jsx("div",{className:"mt-5",children:e.jsx(i,{label:"Specific shows or live moments",sub:"Optional — for show-level or event targeting",children:e.jsx("input",{type:"text",placeholder:"e.g. FIFA World Cup 2026, The Bear, NFL Sunday Night Football",value:a.specificShows,onChange:t=>n(r=>({...r,specificShows:t.target.value})),className:m()})})}),e.jsx("hr",{className:"border-gray-200 my-5"}),e.jsx(i,{label:"Brand suitability & exclusions",sub:"Content to avoid, GARM floor, publisher blocklists.",children:e.jsx("textarea",{rows:2,placeholder:"e.g. Exclude violence, gambling, alcohol. GARM floor: medium. No UGC inventory.",value:a.brandSuitability,onChange:t=>n(r=>({...r,brandSuitability:t.target.value})),className:_()})})]}),e.jsxs(b,{num:"03",title:"Geography & flight",desc:"Where should the campaign run and when?",children:[e.jsxs(i,{label:"Target markets",required:!0,error:s.markets,children:[e.jsx("div",{className:"flex flex-wrap gap-2 mt-1",children:ee.map(t=>e.jsxs("button",{type:"button",onClick:()=>L(t.code),className:`px-3.5 py-1.5 rounded-full text-xs font-medium border transition-all ${a.markets.includes(t.code)?"bg-teal-50 border-brand-accent/60 text-teal-700":"bg-white border-gray-200 text-gray-400 hover:border-brand-accent/40 hover:text-teal-600"}`,children:[t.flag," ",t.code]},t.code))}),e.jsx("input",{type:"text",placeholder:"+ other markets (e.g. JP, BR)",className:`${m()} mt-2.5`,value:a.marketsCustom,onChange:t=>n(r=>({...r,marketsCustom:t.target.value}))})]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-5 mt-5",children:[e.jsx(i,{label:"Flight start",error:s.flightStart,children:e.jsx("input",{type:"date",value:a.flightStart,onChange:t=>n(r=>({...r,flightStart:t.target.value})),className:m(s.flightStart)})}),e.jsxs("div",{children:[e.jsx(i,{label:"Flight end",error:s.flightEnd,children:e.jsx("input",{type:"date",value:a.flightEnd,disabled:a.alwaysOn,onChange:t=>n(r=>({...r,flightEnd:t.target.value})),className:`${m(s.flightEnd)} ${a.alwaysOn?"opacity-30 cursor-not-allowed":""}`})}),e.jsxs("label",{className:"flex items-center gap-2 mt-2 cursor-pointer select-none",children:[e.jsx("input",{type:"checkbox",checked:a.alwaysOn,onChange:t=>n(r=>({...r,alwaysOn:t.target.checked,flightEnd:t.target.checked?"":r.flightEnd})),className:"w-4 h-4 accent-brand-accent"}),e.jsxs("span",{className:"text-sm text-gray-400",children:["Always-on deal ",e.jsx("em",{className:"text-xs italic",children:"— no end date"})]})]})]})]})]}),e.jsxs(b,{num:"04",title:"Budget & activation",desc:"How much are you spending, and through which DSP?",children:[e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-5",children:[e.jsx(i,{label:"Total budget",error:s.budget,children:e.jsx("input",{type:"text",placeholder:"e.g. 250,000",value:a.budget,onChange:t=>n(r=>({...r,budget:t.target.value})),className:m(s.budget)})}),e.jsx(i,{label:"Currency",children:e.jsx("select",{value:a.currency,onChange:t=>n(r=>({...r,currency:t.target.value})),className:S(),children:["USD","GBP","EUR","SEK","NOK","DKK"].map(t=>e.jsx("option",{children:t},t))})}),e.jsx(i,{label:"Budget pacing",children:e.jsx("select",{value:a.pacing,onChange:t=>n(r=>({...r,pacing:t.target.value})),className:S(),children:["Total flight","Monthly cap","Weekly cap","Daily cap"].map(t=>e.jsx("option",{children:t},t))})})]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-5 mt-5 items-end",children:[e.jsxs(i,{label:"Preferred DSP",required:!0,error:s.dsp,children:[e.jsxs("select",{value:a.dsp,onChange:t=>n(r=>({...r,dsp:t.target.value,dspOther:t.target.value!=="__other__"?"":r.dspOther})),className:S(s.dsp),children:[e.jsx("option",{value:"",children:"Select DSP…"}),te.map(t=>e.jsx("option",{children:t},t)),e.jsx("option",{value:"__other__",children:"Other — type below"})]}),a.dsp==="__other__"&&e.jsx("input",{type:"text",placeholder:"Enter your DSP name…",className:`${m()} mt-2`,value:a.dspOther,onChange:t=>n(r=>({...r,dspOther:t.target.value}))})]}),e.jsx(i,{label:"DSP seat ID",sub:"",children:e.jsx("input",{type:"text",placeholder:"Required to push deals directly",value:a.seatId,onChange:t=>n(r=>({...r,seatId:t.target.value})),className:`${m()} font-mono text-sm tracking-wide`})})]}),e.jsx("div",{className:"mt-5 max-w-xs",children:e.jsx(i,{label:"Target CPM floor",sub:"Leave blank — Cocie AI will suggest",children:e.jsx("input",{type:"text",placeholder:"e.g. $12",value:a.targetCpm,onChange:t=>n(r=>({...r,targetCpm:t.target.value})),className:m()})})})]}),e.jsx(b,{num:"05",title:"KPIs & success metrics",desc:"How will you measure success?",children:e.jsx(i,{label:"Primary KPI",sub:"e.g. VCR, CPM, CPCV, Reach, Brand lift, CTR…",error:s.kpi,children:e.jsx("input",{type:"text",placeholder:"e.g. VCR ≥ 85%, CPM ≤ $15, reach 5M unique HHs",value:a.kpi,onChange:t=>n(r=>({...r,kpi:t.target.value})),className:m(s.kpi)})})}),e.jsx(b,{num:"06",title:"Anything else?",desc:"Add whatever context would help us plan better.",children:e.jsx("textarea",{rows:4,placeholder:"Deal IDs to reference, competitive restrictions, scheduling preferences, approvals needed…",value:a.notes,onChange:t=>n(r=>({...r,notes:t.target.value})),className:_()})}),e.jsxs("div",{"aria-hidden":"true",style:{position:"absolute",left:"-9999px",to
1p:"-9999px",opacity:0,height:0,overflow:"hidden"},children:[e.jsx("label",{htmlFor:"company_url",children:"Company URL"}),e.jsx("input",{id:"company_url",name:"company_url",type:"text",tabIndex:-1,autoComplete:"off",value:k,onChange:t=>$(t.target.value)})]}),e.jsxs("div",{className:"bg-brand-darker rounded-2xl p-6 md:p-8 flex flex-col md:flex-row items-center justify-between gap-4",children:[e.jsxs("div",{children:[e.jsx("div",{className:"text-white font-semibold text-base mb-1",children:"Ready to activate?"}),e.jsx("div",{className:"text-gray-400 text-sm",children:"We'll follow up within one business day."})]}),e.jsxs("button",{type:"submit",disabled:x,className:"bg-brand-accent hover:bg-brand-accent-hover text-brand-darker rounded-xl px-7 py-3.5 font-semibold text-base transition-all disabled:opacity-50 disabled:cursor-not-allowed whitespace-nowrap flex items-center gap-2",children:[e.jsx(T,{className:"w-4 h-4"}),x?"Submitting…":"Submit brief →"]})]})]})}),l==="agentic"&&!g&&e.jsxs("div",{className:"max-w-[860px] mx-auto px-4 sm:px-8 py-7 pb-24",children:[e.jsx("div",{className:"bg-brand-accent/[0.06] border border-brand-accent/15 rounded-2xl p-5 mb-6",children:e.jsxs("p",{className:"text-sm text-gray-400 leading-relaxed",children:[e.jsx("strong",{className:"text-brand-accent font-medium",children:"Paste your existing brief"})," — include advertiser name, audience targeting, markets, flight dates, budget, DSP, and KPI goals. Our AI will parse and activate it directly."]})}),e.jsxs("div",{className:"bg-brand-card border border-white/10 rounded-2xl p-6 md:p-8",children:[e.jsxs("div",{className:"mb-5",children:[e.jsxs("label",{className:"text-sm font-medium text-gray-300 mb-2 block",children:["Brief title ",e.jsx("span",{className:"text-brand-accent",children:"*"})]}),e.jsx("input",{type:"text",placeholder:"Enter brief title",value:o.title,onChange:t=>N(r=>({...r,title:t.target.value})),className:P(s.aTitle)}),s.aTitle&&e.jsx("p",{className:"text-xs text-red-400 mt-1",children:s.aTitle})]}),e.jsxs("div",{className:"mb-5",children:[e.jsxs("label",{className:"text-sm font-medium text-gray-300 mb-1 block",children:["Brief content ",e.jsx("span",{className:"text-brand-accent",children:"*"})]}),e.jsx("p",{className:"text-xs text-gray-500 italic mb-2",children:"Paste your advertising brief here — the more detail the better."}),e.jsx("textarea",{rows:10,placeholder:"Paste the advertising brief here…",value:o.content,onChange:t=>N(r=>({...r,content:t.target.value})),className:re(s.aContent)}),s.aContent&&e.jsx("p",{className:"text-xs text-red-400 mt-1",children:s.aContent})]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-5 mt-5",children:[e.jsxs("div",{children:[e.jsx("label",{className:"text-sm font-medium text-gray-300 mb-2 block",children:"Contact name"}),e.jsx("input",{type:"text",placeholder:"Contact name",value:o.contactName,onChange:t=>N(r=>({...r,contactName:t.target.value})),className:P()})]}),e.jsxs("div",{children:[e.jsxs("label",{className:"text-sm font-medium text-gray-300 mb-2 block",children:["Contact email ",e.jsx("span",{className:"text-brand-accent",children:"*"})]}),e.jsx("input",{type:"email",placeholder:"Contact email",value:o.contactEmail,onChange:t=>N(r=>({...r,contactEmail:t.target.value})),className:P(s.aEmail)}),s.aEmail&&e.jsx("p",{className:"text-xs text-red-400 mt-1",children:s.aEmail})]})]}),e.jsxs("div",{className:"flex items-center justify-between gap-4 mt-6 flex-wrap",children:[e.jsxs("div",{"aria-hidden":"true",style:{position:"absolute",left:"-9999px",top:"-9999px",opacity:0,height:0,overflow:"hidden"},children:[e.jsx("label",{htmlFor:"company_url_2",children:"Company URL"}),e.jsx("input",{id:"company_url_2",name:"company_url",type:"text",tabIndex:-1,autoComplete:"off",value:k,onChange:t=>$(t.target.value)})]}),e.jsx("button",{onClick:()=>{u("form"),f({})},className:"border border-white/10 text-gray-400 hover:text-gray-300 hover:border-gray-500 rounded-xl px-5 py-2.5 text-sm font-medium transition-all",children:"← Back to form"}),e.jsxs("button",{onClick:V,disabled:x,className:"bg-brand-accent hover:bg-brand-accent-hover text-brand-darker rounded-full px-6 py-3 font-semibold text-sm flex items-center gap-2 transition-all disabled:opacity-50 disabled:cursor-not-allowed",children:[e.jsx(T,{className:"w-4 h-4"}),x?"Saving…":"Submit brief →"]})]})]})]}),g&&e.jsx("div",{className:"max-w-[860px] mx-auto px-4 sm:px-8 py-7",children:e.jsx(U,{dark:l==="agentic"})}),e.jsx("div",{className:"bg-brand-darker border-t border-gray-800 py-8 px-4",children:e.jsxs("div",{className:"max-w-[860px] mx-auto flex flex-col md:flex-row items-center justify-between gap-6",children:[e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx("div",{className:"w-10 h-10 bg-[#0A66C2] rounded-xl flex items-center justify-center text-white flex-shrink-0",children:e.jsx(O,{className:"w-5 h-5"})}),e.jsxs("div",{children:[e.jsx("div",{className:"text-white font-semibold text-sm mb-0.5",children:"Stay in the loop"}),e.jsx("div",{className:"text-gray-400 text-xs max-w-md",children:"Follow Cocie AI on LinkedIn for CTV insights, product updates, and industry news."})]})]}),e.jsxs("a",{href:"https://www.linkedin.com/company/cocieai/",target:"_blank",rel:"noopener noreferrer",className:"border border-gray-700 text-white rounded-full px-5 py-2.5 text-sm font-medium hover:bg-[#0A66C2] hover:border-[#0A66C2] transition-all whitespace-nowrap flex items-center gap-2",children:["Follow on LinkedIn",e.jsx(q,{className:"w-3.5 h-3.5 -rotate-90"})]})]})})]})},b=({num:l,title:u,desc:x,children:h})=>e.jsxs(v.div,{initial:{opacity:0,y:20}
1,animate:{opacity:1,y:0},className:"bg-white border border-gray-200 rounded-2xl p-6 md:p-8 mb-4",children:[e.jsxs("div",{className:"flex items-start gap-3 mb-6 pb-5 border-b border-gray-100",children:[e.jsx("div",{className:"w-7 h-7 rounded-full bg-teal-50 text-teal-700 text-xs font-mono font-medium flex items-center justify-center flex-shrink-0 mt-0.5",children:l}),e.jsxs("div",{children:[e.jsx("div",{className:"text-base font-semibold text-gray-900",children:u}),e.jsx("div",{className:"text-xs text-gray-400 mt-0.5",children:x})]})]}),h]}),i=({label:l,required:u,sub:x,error:h,children:g})=>e.jsxs("div",{children:[e.jsxs("label",{className:"block text-sm font-semibold text-gray-900 mb-1",children:[l,u&&e.jsx("span",{className:"text-brand-accent ml-0.5 font-semibold",children:"*"})]}),x&&e.jsx("p",{className:"text-xs text-gray-400 mb-1.5",children:x}),g,h&&e.jsx("p",{className:"text-xs text-red-500 mt-1",children:h})]}),m=l=>`w-full px-4 py-2.5 h-[46px] border rounded-xl text-sm text-gray-900 bg-white outline-none transition-all
2   placeholder:text-gray-300
3   focus:border-brand-accent focus:ring-2 focus:ring-brand-accent/20
4   ${l?"border-red-400":"border-gray-200"}`,S=l=>`w-full px-4 py-2.5 h-[46px] border rounded-xl text-sm text-gray-900 bg-white outline-none transition-all appearance-none
5   bg-[url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B7E76' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")] bg-no-repeat bg-[right_14px_center] pr-10
6   focus:border-brand-accent focus:ring-2 focus:ring-brand-accent/20
7   ${l?"border-red-400":"border-gray-200"}`,_=l=>`w-full px-4 py-2.5 border rounded-xl text-sm text-gray-900 bg-white outline-none transition-all resize-y min-h-[80px] leading-relaxed
8   placeholder:text-gray-300
9   focus:border-brand-accent focus:ring-2 focus:ring-brand-accent/20
10   ${l?"border-red-400":"border-gray-200"}`,P=l=>`w-full px-4 py-2.5 h-[46px] border rounded-xl text-sm bg-brand-dark outline-none transition-all text-gray-200
11   placeholder:text-gray-500
12   focus:border-brand-accent focus:ring-2 focus:ring-brand-accent/15
13   ${l?"border-red-600":"border-white/10"}`,re=l=>`w-full px-4 py-2.5 border rounded-xl text-sm bg-brand-dark outline-none transition-all resize-y min-h-[200px] leading-relaxed text-gray-200
14   placeholder:text-gray-500
15   focus:border-brand-accent focus:ring-2 focus:ring-brand-accent/15
16   ${l?"border-red-600":"border-white/10"}`;export{ce as default};

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.