PageSourceSearch

https://www.yazmedia.com/assets/Location-Dspyr3E0.js

js yazmedia.com collected 2026-10-07 20:43:44 UTC 20,887 bytes, 1 lines download raw bytes

1import{a as x,j as e}from"./react-vendor-CpPiCM6v.js";import{d as K,u as X,L as M}from"./router-CQPqJRx3.js";import{S as O,a as $,N as G,F as Q}from"./Footer-BTQbYzJ9.js";import{t as S,e as V,f as Z,l as J,s as ee,w}from"./app-RFLavVEH.js";import{f as j}from"./numbers-u-htEpKQ.js";import{u as E}from"./i18n-Dg6WrvVI.js";import{M as u,A as D,e as T,f as te,g as ae,h as A}from"./motion-CDBKCNJA.js";import"./react-dom-BqNOIe_e.js";import"./query-DhnXtMDs.js";import"./motion-dom-CZGVR76o.js";import"./motion-utils-CdXsUQ_q.js";const ie="47910026",se="3c05c549-43d6-4e3b-9b40-67309480de33",re=`https://api.hsforms.com/submissions/v3/integration/submit/${ie}/${se}`,ne={name:"firstname",looking:"looking_for",business:"company",email:"email",phone:"phone"};async function oe(m){const r=Object.entries(m).filter(([,l])=>l!=null&&String(l).trim()!=="").map(([l,c])=>({name:ne[l]??l,value:String(c).trim()})),o=typeof document<"u"?document.cookie.split("; ").find(l=>l.startsWith("hubspotutk="))?.split("=")[1]:void 0,h={fields:r,submittedAt:Date.now().toString(),context:{...o&&{hutk:o},pageUri:typeof window<"u"?window.location.href:"",pageName:typeof document<"u"?document.title:""}},d=await fetch(re,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(h)});if(!d.ok){const l=await d.text();throw new Error(l||`HubSpot submission failed: ${d.status}`)}}const le=m=>{const r=m.replace(/\D/g,"");return r.length<=3?r:r.length<=6?`(${r.slice(0,3)}) ${r.slice(3)}`:r.length<=10?`(${r.slice(0,3)}) ${r.slice(3,6)}-${r.slice(6)}`:`+${r.slice(0,r.length-10)} (${r.slice(-10,-7)}) ${r.slice(-7,-4)}-${r.slice(-4)}`},ce=({hideFirstQuestion:m=!1,hideStepCounter:r=!1,onStepChange:o,className:h="",embed:d=!1,customFirstStepHeading:l,showRightDots:c=!1})=>{const{t:a,i18n:p}=E(),C=K(),[t,v]=x.useState(0);x.useEffect(()=>{o?.(t)},[t,o]);const[N,L]=x.useState({}),[b,f]=x.useState(""),[y,F]=x.useState(!1),[k,_]=x.useState(!1),[P,g]=x.useState(""),s=[{id:"name",question:a("story.form.letsTalk"),questionLine2:a("story.form.whatIsYourName"),type:"text",placeholder:a("story.form.namePlaceholder"),validation:i=>i.trim().length>0,errorMessage:a("story.form.nameError")},{id:"looking",question:a("story.form.whatAreYouLookingFor"),questionLine2:a("story.form.lookingForLine2"),type:"choice",options:[a("story.form.workingTogether"),a("story.form.careers")],validation:()=>!0,errorMessage:""},{id:"business",question:a("story.form.whatIsBusinessName"),questionLine2:a("story.form.businessNameLine2"),type:"text",placeholder:a("story.form.businessPlaceholder"),validation:i=>i.trim().length>0,errorMessage:a("story.form.businessError")},{id:"email",question:a("story.form.enterEmail"),questionLine2:a("story.form.emailLine2"),type:"email",placeholder:a("story.form.emailPlaceholder"),validation:i=>/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(i.trim()),errorMessage:a("story.form.emailError")},{id:"phone",question:a("story.form.enterPhone"),questionLine2:a("story.form.phoneLine2"),type:"phone",placeholder:a("story.form.phonePlaceholder"),validation:i=>/^[\d\s\-+()]{7,}$/.test(i.replace(/\s/g,"")),errorMessage:a("story.form.phoneError")}],I=()=>{const i=s[t];return i.validation(b)?(g(""),!0):(g(i.errorMessage),S("form_error",{form_name:"lets_talk",form_step:i.id}),!1)},Y=async()=>{if(I())if(t<s.length-1)L(i=>({...i,[s[t].id]:b})),f(""),v(i=>i+1),S("form_step",{form_name:"lets_talk",form_step:s[t].id,form_step_number:t+1});else{const i={...N,[s[t].id]:b};_(!0),g("");try{await oe(i),F(!0),V("lets_talk",{form_destination:"hubspot",...i.looking?{form_service:i.looking}:{}}),Z({title:a("story.form.messageSentTitle"),description:a("story.form.messageSentDesc")})}catch(n){console.error("HubSpot submission failed:",n),S("form_error",{form_name:"lets_talk",form_step:"submit",error_message:"submit_failed"}),g(a("story.form.submitError")||"Failed to send. Please try again."),Z({title:a("story.form.submitError")||"Failed to send",description:a("story.form.submitErrorDesc")||"Please try again or contact us directly.",variant:"destructive"})}finally{_(!1)}}},q=()=>{t>0&&(g(""),f(N[s[t-1].id]||""),v(i=>i-1))},R=i=>{if(i===a("story.form.careers")){C("/careers");return}L(n=>({...n,[s[t].id]:i})),f(""),t<s.length-1&&v(n=>n+1)},B=i=>{const n=i.target.value;g(""),s[t].type==="phone"?f(le(n)):f(n)},U=!m||m&&t>0||t===0&&l,H=t===0&&l?l.line1:s[t]?.question??"",W=t===0&&l?l.line2:s[t]?.questionLine2??"",z=d?`w-full text-center ${h}`.trim():`relative w-full max-w-5xl mx-auto px-6 ${h}`.trim();return e.jsxs("div",{className:z,"data-track-form":"lets_talk","data-track-section":"lets_talk_form",children:[d&&!y&&!r&&e.jsxs("div",{className:"absolute top-8 left-1/2 -translate-x-1/2 flex items-center gap-4 pointer-events-none z-10",children:[e.jsx("span",{className:"text-white/40 text-sm font-medium tracking-wider",children:j(p.language,t+1)}),e.jsx("div",{className:"w-16 h-px bg-white/20 relative overflow-hidden",children:e.jsx(u,{className:"absolute inset-y-0 left-0 bg-white",animate:{width:`${(t+1)/s.length*100}%`},transition:{duration:.5,ease:"easeOut"}})}),e.jsx("span",{className:"text-white/40 text-sm font-medium tracking-wider",children:j(p.language,s.length)})]}),e.jsxs("div",{className:d?"pt-14 md:pt-16":"",children:[e.jsx(D,{mode:"wait",children:y?e.jsx(u,{className:"text-center",initial:{opacity:0,scale:.9,filter:"blur(20px)"}
1,animate:{opacity:1,scale:1,filter:"blur(0px)"},transition:{duration:.8,ease:"easeOut"},children:e.jsxs(u,{initial:{y:40,opacity:0},animate:{y:0,opacity:1},transition:{delay:.2,duration:.6},children:[e.jsx("div",{className:"mb-8",children:e.jsx(u,{className:"w-20 h-20 mx-auto rounded-full border-2 border-white flex items-center justify-center",initial:{scale:0},animate:{scale:1},transition:{delay:.4,type:"spring",stiffness:200},children:e.jsx(T,{className:"w-10 h-10 text-white",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",initial:{pathLength:0},animate:{pathLength:1},transition:{delay:.6,duration:.5},children:e.jsx(te,{d:"M5 13l4 4L19 7",initial:{pathLength:0},animate:{pathLength:1},transition:{delay:.6,duration:.5}})})})}),e.jsx("h2",{className:"font-display text-4xl sm:text-5xl md:text-6xl lg:text-7xl font-black tracking-tight text-white leading-[1.1] italic mb-6",children:a("story.form.thankYou")}),e.jsx("p",{className:"text-white/60 text-lg md:text-xl max-w-md mx-auto",children:a("story.form.thankYouMessage")})]})},"success"):e.jsxs(u,{className:"text-center",initial:{opacity:0,scale:.95,filter:"blur(10px)"},animate:{opacity:1,scale:1,filter:"blur(0px)"},exit:{opacity:0,scale:1.05,filter:"blur(10px)"},transition:{duration:.5,ease:"easeOut"},children:[U&&e.jsxs("div",{className:"mb-12 md:mb-16 overflow-visible min-w-0 w-full",children:[e.jsx(u,{initial:{y:60},animate:{y:0},transition:{duration:.6,ease:"easeOut",delay:.1},className:"overflow-visible",children:e.jsx("h2",{className:"font-display text-4xl sm:text-5xl md:text-6xl lg:text-7xl xl:text-8xl font-black tracking-tight text-[#b3b3b3] leading-[1.1] break-words antialiased",style:{textRendering:"geometricPrecision"},children:H})}),e.jsx(u,{initial:{y:80},animate:{y:0},transition:{duration:.6,ease:"easeOut",delay:.15},className:"overflow-visible",children:e.jsx("h2",{className:"font-display text-4xl sm:text-5xl md:text-6xl lg:text-7xl xl:text-8xl font-black tracking-tight text-white leading-[1.1] break-words antialiased",style:{textRendering:"geometricPrecision"},children:W})})]}),s[t].type==="text"||s[t].type==="email"||s[t].type==="phone"?e.jsxs(u,{className:"relative w-full max-w-2xl mx-auto px-4",initial:{opacity:0,y:40},animate:{opacity:1,y:0},transition:{duration:.5,delay:.25},children:[e.jsx("input",{type:s[t].type==="phone"?"tel":s[t].type==="email"?"email":"text",value:b,onChange:B,placeholder:s[t].placeholder,className:"w-full bg-transparent border-b border-white/20 focus:border-white text-white text-xl sm:text-2xl md:text-3xl lg:text-4xl py-4 md:py-6 text-center outline-none transition-all duration-500 placeholder:text-[#737373] font-light antialiased",style:{textRendering:"geometricPrecision"},onKeyDown:i=>i.key==="Enter"&&Y(),autoFocus:!d}),e.jsx(u,{className:"absolute bottom-0 left-0 right-0 h-0.5 bg-white origin-center",initial:{scaleX:0},animate:{scaleX:b?1:0},transition:{duration:.4,ease:"easeOut"}}),e.jsx(D,{children:P&&e.jsx(ae,{className:"absolute -bottom-8 left-0 right-0 text-red-400 text-sm",initial:{opacity:0,y:-10},animate:{opacity:1,y:0},exit:{opacity:0,y:-10},children:P})})]}):e.jsx(u,{className:"flex flex-col sm:flex-row justify-center gap-6 md:gap-12",initial:{opacity:0,y:40},animate:{opacity:1,y:0},transition:{duration:.5,delay:.25},children:s[t].options?.map((i,n)=>e.jsxs(A,{onClick:()=>R(i),className:"group relative px-8 py-5 border border-white/20 hover:border-white text-white transition-all duration-500 overflow-hidden",initial:{opacity:0,x:n===0?-30:30},animate:{opacity:1,x:0},transition:{duration:.4,delay:.3+n*.1},whileHover:{scale:1.02},whileTap:{scale:.98},children:[e.jsx(u,{className:"absolute inset-0 bg-white",initial:{scaleX:0},whileHover:{scaleX:1},transition:{duration:.4,ease:"easeOut"},style:{originX:0}}),e.jsx("span",{className:"relative z-10 text-base md:text-lg uppercase tracking-[0.2em] font-medium mix-blend-difference",children:i})]},i))})]},t)}),!y&&e.jsx("div",{className:"flex justify-center mt-6 md:mt-8 w-full",children:e.jsxs("div",{className:"inline-flex items-center justify-center gap-6 md:gap-8",children:[e.jsx(D,{mode:"wait",children:t>0&&e.jsxs(A,{type:"button",onClick:q,className:"flex items-center gap-3 text-white/40 hover:text-white transition-all duration-300 group flex-shrink-0",initial:{opacity:0,x:-20}
1,animate:{opacity:1,x:0},exit:{opacity:0,x:-20},whileHover:{x:-5},transition:{duration:.3},children:[e.jsx("svg",{className:"w-5 h-5 rotate-180 flex-shrink-0",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:e.jsx("path",{d:"M5 12h14M12 5l7 7-7 7"})}),e.jsx("span",{className:"text-xs uppercase tracking-[0.2em] font-medium whitespace-nowrap",children:a("story.form.back")})]},"back")}),e.jsxs(A,{type:"button",onClick:Y,disabled:k,className:"flex items-center justify-center gap-3 text-white hover:text-white/70 transition-all duration-300 group disabled:opacity-60 disabled:cursor-not-allowed min-w-[160px] px-5 flex-shrink-0 overflow-visible",whileHover:k?void 0:{x:5},whileTap:k?void 0:{scale:.95},children:[e.jsx("span",{className:`uppercase font-bold overflow-visible whitespace-nowrap ${p.language?.startsWith("ar")?"text-sm tracking-normal":"text-xs tracking-[0.2em]"}`,style:p.language?.startsWith("ar")?{fontFamily:"var(--font-display)"}:void 0,children:k?a("story.form.sending")||"Sending…":t===s.length-1?a("story.form.send"):a("story.form.continue")}),e.jsx(T,{className:"w-5 h-5",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",animate:{x:[0,5,0]},transition:{duration:1.5,repeat:1/0,ease:"easeInOut"},children:e.jsx("path",{d:"M5 12h14M12 5l7 7-7 7"})})]})]})})]}),!y&&c&&e.jsx("div",{className:"absolute right-8 top-1/2 -translate-y-1/2 hidden lg:flex flex-col items-center gap-3",children:s.map((i,n)=>e.jsxs(A,{type:"button",onClick:()=>{n<t&&(g(""),v(n),f(N[s[n].id]||""))},className:"relative group",style:{cursor:n<t?"pointer":"default"},children:[e.jsx(u,{className:"w-3 h-3 rounded-full border-2",animate:{borderColor:n<=t?"rgba(255,255,255,1)":"rgba(255,255,255,0.2)",backgroundColor:n<t?"rgba(255,255,255,1)":"transparent",scale:n===t?1.3:1},transition:{duration:.3}}),n<s.length-1&&e.jsx(u,{className:"absolute left-1/2 -translate-x-1/2 top-full w-px h-6 bg-white/20",animate:{backgroundColor:n<t?"rgba(255,255,255,0.6)":"rgba(255,255,255,0.2)"}}),e.jsx("div",{className:"absolute right-full mr-4 top-1/2 -translate-y-1/2 opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none",children:e.jsx("span",{className:"text-xs text-white/60 whitespace-nowrap uppercase tracking-wider",children:i.id})})]},i.id))}),!y&&!r&&!d&&e.jsxs("div",{className:"absolute top-8 left-1/2 -translate-x-1/2 flex items-center gap-4 pointer-events-none z-10",children:[e.jsx("span",{className:"text-white/40 text-sm font-medium tracking-wider",children:j(p.language,t+1)}),e.jsx("div",{className:"w-16 h-px bg-white/20 relative overflow-hidden",children:e.jsx(u,{className:"absolute inset-y-0 left-0 bg-white",animate:{width:`${(t+1)/s.length*100}%`},transition:{duration:.5,ease:"easeOut"}})}),e.jsx("span",{className:"text-white/40 text-sm font-medium tracking-wider",children:j(p.language,s.length)})]})]})},de=({forceEnglish:m})=>{const{t:r}=E(),o=m?"en":void 0;return e.jsx("section",{className:"bg-black text-white min-h-screen overflow-visible",children:e.jsx("div",{className:"sticky top-0 min-h-screen flex flex-col items-center justify-center pt-20 md:pt-24 pb-8 md:pb-10 relative overflow-visible",children:e.jsx("div",{className:"w-full max-w-5xl mx-auto px-6 flex flex-col items-center relative overflow-visible min-w-0",children:e.jsx(ce,{embed:!0,hideFirstQuestion:!0,hideStepCounter:!1,showRightDots:!0,customFirstStepHeading:{line1:r("about.letsTalk",{lng:o}),line2:`${r("about.whatIs",{lng:o})} ${r("about.yourName",{lng:o})}`}})})})})},me=[{slug:"dubai",place:"Dubai",country:"AE",presence:"office",title:{en:"Digital Media Agency in Dubai | YAZ Media",ar:"وكالة إعلام رقمي في دبي | YAZ Media"},description:{en:"YAZ Media is a Dubai-headquartered, Arabic-first digital media agency — marketing, production, technology and PR for brands and government across the UAE.",ar:"YAZ Media وكالة إعلام رقمي عربية أولاً مقرها دبي — تسويق وإنتاج وتقنية وعلاقات عامة للعلامات والجهات الحكومية في الإمارات."},heading:{en:"Your digital media agency in Dubai",ar:"وكالة الإعلام الرقمي في دبي"},body:{en:"Headquartered in Dubai since 2016, YAZ Media delivers end-to-e
1nd, Arabic-first work across Marketing, Production, Technology and Public Relations. We partner with 200+ businesses — from UAE SMEs to Fortune 500 and government entities — combining native Arabic creativity with bilingual delivery.",ar:"منذ عام 2016 ومقرها دبي، تقدّم YAZ Media عملاً متكاملاً عربياً أولاً في التسويق والإنتاج والتقنية والعلاقات العامة. نعمل مع أكثر من 200 شركة — من منشآت الإمارات الصغيرة إلى Fortune 500 والجهات الحكومية — بمزيج من الإبداع العربي الأصيل والتنفيذ بلغتين."},keywords:["digital media agency Dubai","marketing agency Dubai","creative agency Dubai","Arabic agency Dubai"]},{slug:"abu-dhabi",place:"Abu Dhabi",country:"AE",presence:"served",title:{en:"Digital Agency for Abu Dhabi | YAZ Media",ar:"وكالة رقمية لأبوظبي | YAZ Media"},description:{en:"YAZ Media serves Abu Dhabi brands and government entities with Arabic-first marketing, production, technology and PR — from our UAE base in Dubai.",ar:"تخدم YAZ Media علامات أبوظبي والجهات الحكومية بتسويق وإنتاج وتقنية وعلاقات عامة عربية أولاً — من مقرنا في دبي بالإمارات."},heading:{en:"Working with Abu Dhabi brands & government",ar:"نعمل مع علامات وجهات أبوظبي الحكومية"},body:{en:"From our UAE headquarters, YAZ Media supports Abu Dhabi organisations with strategic, Arabic-first communications across all four in-house departments — built for the standards expected by the capital's leading brands and government entities.",ar:"من مقرنا في الإمارات، تدعم YAZ Media مؤسسات أبوظبي باتصال استراتيجي عربي أولاً عبر إداراتنا الأربع الداخلية — بمستوى يليق بكبرى علامات العاصمة وجهاتها الحكومية."},keywords:["digital agency Abu Dhabi","marketing agency Abu Dhabi","government communications Abu Dhabi"]},{slug:"saudi-arabia",place:"Saudi Arabia",country:"SA",presence:"served",title:{en:"Digital Media Agency for Saudi Arabia (KSA) | YAZ Media",ar:"وكالة إعلام رقمي للسعودية | YAZ Media"},description:{en:"Arabic-first marketing, production, technology and PR for Saudi Arabia (KSA). YAZ Media partners with brands and government across the Kingdom.",ar:"تسويق وإنتاج وتقنية وعلاقات عامة عربية أولاً للسعودية. تعمل YAZ Media مع العلامات والجهات الحكومية في المملكة."},heading:{en:"Arabic-first work for Saudi Arabia",ar:"عمل عربي أولاً للمملكة العربية السعودية"},body:{en:"YAZ Media brings native Arabic creativity and end-to-end execution to brands and government entities across Saudi Arabia — marketing, production, technology and public relations, delivered to regional standards.",ar:"تقدّم YAZ Media إبداعاً عربياً أصيلاً وتنفيذاً متكاملاً للعلامات والجهات الحكومية في السعودية — تسويق وإنتاج وتقنية وعلاقات عامة بمعايير إقليمية."},keywords:["digital agency Saudi Arabia","marketing agency KSA","Arabic marketing agency Saudi"]},{slug:"egypt",place:"Egypt",country:"EG",presence:"office",title:{en:"Digital Media Agency in Egypt | YAZ Media",ar:"وكالة إعلام رقمي في مصر | YAZ Media"},description:{en:"With an office in Egypt, YAZ Media delivers Arabic-first marketing, production, technology and PR for brands across Egypt and the wider Middle East.",ar:"بمكتب في مصر، تقدّم YAZ Media تسويقاً وإنتاجاً وتقنية وعلاقات عامة عربية أولاً للعلامات في مصر والشرق الأوسط."},heading:{en:"Our team in Egypt",ar:"فريقنا في مصر"},body:{en:"YAZ Media's Egypt office extends our Arabic-first capabilities across the region — production, marketing, technology and PR talent working alongside our Dubai headquarters for brands and government entities.",ar:"يوسّع مكتب YAZ Media في مصر قدراتنا العربية أولاً عبر المنطقة — كفاءات إنتاج وتسويق وتقنية وعلاقات عامة تعمل جنباً إلى جنب مع مقرنا في دبي للعلامات والجهات الحكومية."},keywords:["digital media agency Egypt","marketing agency Egypt","Arabic agency Cairo"]}],ue=Object.fromEntries(me.map(m=>[m.slug,m])),Ne=()=>{const{pathname:m}=X(),{i18n:r}
1=E(),o=J(m),h=o==="ar",d=h?"ar":"en",l=ee(m).split("/").filter(Boolean)[0]||"",c=ue[l];if(!c)return e.jsxs("main",{className:"flex min-h-screen flex-col items-center justify-center bg-background px-6 text-center",children:[e.jsx(O,{noIndex:!0,title:"Not Found | YAZ Media"}),e.jsx("h1",{className:"text-3xl font-bold",children:"404"}),e.jsx(M,{to:w("/",o),className:"mt-4 underline",children:h?"العودة للرئيسية":"Back to home"})]});const a=`${$}${w(`/${c.slug}`,o)}`,p={"@context":"https://schema.org","@type":"Service",name:`${c.title[d]}`,serviceType:"Digital Media Agency",description:c.description[d],url:a,provider:{"@id":"https://www.yazmedia.com/#organization"},areaServed:{"@type":"Place",name:c.place,address:{"@type":"PostalAddress",addressCountry:c.country}},inLanguage:o};return e.jsxs("main",{className:"min-h-screen bg-background",dir:h?"rtl":"ltr",children:[e.jsx(O,{title:c.title[d],description:c.description[d],keywords:c.keywords,jsonLd:p,breadcrumbs:[{name:h?"الرئيسية":"Home",url:`${$}${w("/",o)}`},{name:c.place,url:a}]}),e.jsx(G,{}),e.jsx("section",{className:"pt-32 pb-16 md:pt-40 md:pb-24",children:e.jsxs("div",{className:"container mx-auto px-6 lg:px-12 max-w-3xl",children:[e.jsx("p",{className:"text-sm font-semibold uppercase tracking-[0.2em] text-muted-foreground",children:c.presence==="office"?h?"مكتبنا":"Our office":h?"السوق الذي نخدمه":"Market we serve"}),e.jsx("h1",{className:"mt-4 text-3xl md:text-5xl lg:text-6xl font-bold tracking-tight",style:{fontFamily:"var(--font-display)"},children:c.heading[d]}),e.jsx("p",{className:"mt-6 text-base md:text-lg leading-relaxed text-muted-foreground",children:c.body[d]}),e.jsxs("div",{className:"mt-10 flex flex-wrap gap-4",children:[e.jsx(M,{to:w("/capabilities",o),className:"border border-foreground px-6 py-3 text-sm font-bold transition-colors hover:bg-foreground hover:text-background",children:h?"قدراتنا":"Our capabilities"}),e.jsx(M,{to:w("/contact",o),className:"border border-border px-6 py-3 text-sm font-bold transition-colors hover:bg-muted",children:h?"تواصل معنا":"Get in touch"})]})]})}),e.jsx(de,{}),e.jsx(Q,{})]})};export{Ne 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.