https://affluent.digital/assets/authority-ads-BAOpxKzF.js

1import{r as c,j as e,L as I}from"./index-DG1sAwkE.js";import{N as v}from"./Navbar-DsI1nISy.js";import{S as B}from"./VslShowcase-CWHLJtNa.js";import{B2B_LOGOS as g,LogoImg as j,CONSUMER_LOGOS as y}from"./TrustLogos-WNqCGV_g.js";import{a as E}from"./affluent-logo-BWZ9kXD_.js";import"./createLucideIcon-B5bvwRmK.js";const u=[{no:"01",title:"UGC Ads",text:"Authentische Creator-Videos, die wie echte Empfehlungen wirken – nicht wie Werbung.",tags:["Creator Casting","Hook-Varianten","Scripting"],wistiaId:"akfsm6oyhb"},{no:"02",title:"KI Ads",text:"Skalierbare Creatives mit KI – schnell getestet, datenbasiert iteriert, in Serie produziert.",tags:["AI Avatare","Schnelle Iteration","Volumen"],wistiaId:"urgkyjw38q"},{no:"03",title:"Authority Ads",text:"Positioniere dich als die Instanz deines Marktes – mit Expertise, die Vertrauen verkauft.",tags:["Positionierung","Expertise","Vertrauen"],wistiaId:"i0mgx0qzyw"},{no:"04",title:"Commercial Ads",text:"Hochwertig produzierte Werbevideos mit starken Bildern, klarer Markenwirkung und Performance Fokus.",tags:["Cinematic","Product Focused","Brand Storytelling"],wistiaId:"dwwjwr9ay1"},{no:"05",title:"Motion Design Ads",text:"Animierte Creatives, die im Feed stoppen – strukturiert getestet für maximale Klickrate.",tags:["Scroll Stopping","Product Focused","Dynamic Visuals"],wistiaId:"nuf030nngt"}],N=a=>`https://fast.wistia.net/embed/iframe/${a}?autoPlay=true&muted=true&silentAutoPlay=allow&endVideoBehavior=loop&playbar=false&controlsVisibleOnLoad=false&playButton=false&smallPlayButton=false&volumeControl=false&fullscreenButton=false&settingsControl=false&fitStrategy=cover`;function S(){const[a,l]=c.useState(0),n=c.useRef([]);c.useEffect(()=>{let t=0;const o=()=>{t=0;const h=window.innerHeight/2;let s=0,i=1/0;n.current.forEach((p,d)=>{if(!p)return;const x=p.getBoundingClientRect(),f=Math.abs(x.top+x.height/2-h);f<i&&(i=f,s=d)}),l(s)},r=()=>{t||(t=requestAnimationFrame(o))};return o(),window.addEventListener("scroll",r,{passive:!0}),window.addEventListener("resize",r),()=>{window.removeEventListener("scroll",r),window.removeEventListener("resize",r),t&&cancelAnimationFrame(t)}},[]);const m=t=>document.getElementById(t)?.scrollIntoView({behavior:"smooth"});return e.jsx("section",{className:"aff-svc",id:"services",children:e.jsxs("div",{className:"aff-svc-inner",children:[e.jsxs("div",{className:"aff-svc-left",children:[e.jsx("p",{className:"aff-svc-eyebrow",children:"STYLEY & MOODS"}),e.jsx("h2",{className:"aff-svc-h2",children:"Alle Creative Formate aus einer Hand"}),e.jsx("div",{className:"aff-svc-list",children:u.map((t,o)=>e.jsxs("div",{ref:r=>{n.current[o]=r},"data-idx":o,className:`aff-svc-item${a===o?" is-active":""}`,children:[e.jsx("span",{className:"aff-svc-no",children:t.no}),e.jsxs("div",{children:[e.jsx("h3",{className:"aff-svc-title",children:t.title}),e.jsx("p",{className:"aff-svc-text",children:t.text}),e.jsx("ul",{className:"aff-svc-tags",children:t.tags.map(r=>e.jsx("li",{children:r},r))}),e.jsx("div",{className:"aff-svc-mobile-media",children:e.jsx("iframe",{src:N(t.wistiaId),title:t.title,loading:"lazy",allow:"autoplay; fullscreen"})})]})]},t.no))})]}),e.jsx("div",{className:"aff-svc-right",children:e.jsx("div",{className:"aff-svc-sticky",children:e.jsxs("div",{className:"aff-svc-stage",children:[e.jsx("iframe",{src:N(u[a].wistiaId),title:u[a].title,allow:"autoplay; fullscreen",className:"is-active aff-svc-fade",tabIndex:-1},u[a].wistiaId),e.jsxs("div",{className:"aff-svc-overlay",children:[e.jsxs("div",{className:"aff-svc-label",children:[e.jsxs("span",{children:[u[a].no," / 05"]}),e.jsx("strong",{children:u[a].title},a)]}),e.jsxs("div",{className:"aff-svc-ctas",children:[e.jsx("button",{type:"button",className:"aff-svc-btn ghost",onClick:()=>m("cases"),children:"Referenzen ansehen"}),e.jsx(I,{to:"/authority-ads",className:"aff-svc-btn",children:"Portfolio ansehen"})]})]})]})})})]})})}const A=[{client:"Video Ad 0",wistiaId:"87v1rirakm",styles:["Authority Ads","Motion Design"],brands:["B2B Brands"]},{client:"Video Ad 1",wistiaId:"rypv57i02m",styles:["Authority Ads","Motion Design"],brands:["Consumer Brands"]},{client:"Onno Plus",wistiaId:"d28flmvz34",styles:["Authority Ads"],brands:["B2B Brands"]},{client:"Video Ad 3",wistiaId:"z5qglfn41h",styles:["Authority Ads","Motion Design"],brands:["Consumer Brands"]},{client:"ON MPU",wistiaId:"9judf9wtw8",styles:["Authority Ads"],brands:["Consumer Brands"],poster:"https://cdn.prod.website-files.com/69da52387606d9d3a3f77ae3/69fe097a92546979db2db23d_Slide%20img%2010.png"},{client:"Yoursquares",wistiaId:"55mizfvmtc",styles:["Authority Ads"],brands:["B2B Brands"],poster:"https://cdn.prod.website-files.com/69da52387606d9d3a3f77ae3/69fe097a92546979db2db228_Slide%20img%2005.png"},{client:"Winner Ad 7",wistiaId:"yvhhpdohvo",styles:["Authority Ads"],brands:["B2B Brands"]},{client:"Winner Ad 8",wistiaId:"nr1eaaq0e8",styles:["Authority Ads"],brands:["B2B Brands","Consumer Brands"]},{client:"Winner Ad 9",wistiaId:"ip79934hdd",styles:["Direct Response"],brands:["B2B Brands"]},{client:"Winner Ad 10",wistiaId:"iom14s1ghq",styles:["Direct Response"],brands:["Consumer Brands"]},{client:"Winner Ad 11",wistiaId:"e8tdb9hugg",styles:["Commercial Ads"],brands:["Consumer Brands"]},{client:"Winner Ad 12",wistiaId:"a7y0nfe5ka",styles:["Commercial Ads"],brands:["Consumer Brands"]},{client:"Winner Ad 13",wistiaId:"29hw3is9y7",styles:["Direct Response"],brands:["Consumer Brands"]},{client:"Winner Ad 14",wistiaId:"91h10w16nn",styles:["Commercial Ads"],brands:["Consumer Brands"]},{client:"Winner Ad 15",wistiaId:"sc2ljwdpw5",styles:["Commercial Ads"],brands:["Consumer Brands"]},{client:"Winner Ad 16",wistiaId:"ipqocthfm6",styles:["Commercial Ads"],brands:["Consumer Brands"]},{client:"Winner Ad 17",wistiaId:"wux6z4af02",styles:["Motion Design"],brands:["B2B Brands"]},{client:"Winner Ad 18",wistiaId:"f5xxxob9yl",styles:["UGC Ads"],brands:["Consumer Brands"]},{client:"Winner Ad 19",wistiaId:"6eenu3fxyw",styles:["UGC Ads"],brands:["Consumer Brands"]}

1,{client:"Winner Ad 20",wistiaId:"czuidnu2jn",styles:["UGC Ads"],brands:["Consumer Brands"]},{client:"",wistiaId:"fm8b10y260",styles:["KI Ads"],brands:["Consumer Brands"]},{client:"",wistiaId:"wqjgvleexz",styles:["KI Ads"],brands:["B2B Brands"]}],z=[{title:"Mehr Chancen auf neue Winner",text:"Mehrere Creative Varianten für gezieltes Testing."},{title:"Abheben & Wunschkunden anziehen",text:"Hochwertige Creatives, die deine Marke stärken und sich klar vom Wettbewerb unterscheiden."},{title:"Komplett für dich umgesetzt",text:"Von der Idee und Konzeption bis zum fertigen Creative übernehmen wir alles."}],W=["Alle","Authority Ads","Commercial Ads","Direct Response","Motion Design","UGC Ads","KI Ads"],q=["Alle","B2B Brands","Consumer Brands"],C=["87v1rirakm","wux6z4af02","rypv57i02m","d28flmvz34","z5qglfn41h","9judf9wtw8","55mizfvmtc","yvhhpdohvo","nr1eaaq0e8"];function b(a){a?.preventDefault(),document.getElementById("booking-authority-ads")?.scrollIntoView({behavior:"smooth",block:"start"})}function D(){const[a,l]=c.useState(!1);return c.useEffect(()=>{const n=window.matchMedia("(min-width: 900px)"),m=()=>l(n.matches);return m(),n.addEventListener("change",m),()=>n.removeEventListener("change",m)},[]),a}function w(a){typeof window<"u"&&window.fbq&&window.fbq("trackCustom","CTAClick",{location:a,page:"authority-ads"})}const k=[...C.map(a=>A.find(l=>l.wistiaId===a)),...A.filter(a=>!C.includes(a.wistiaId))];function P(){const[a,l]=c.useState(3),[n,m]=c.useState("Authority Ads"),[t,o]=c.useState("Alle"),r=D();c.useEffect(()=>{const s="wistia-player-script";

1if(document.getElementById(s))return;const i=document.createElement("script");i.id=s,i.src="https://fast.wistia.com/player.js",i.async=!0,document.body.appendChild(i),k.forEach(d=>{const x=`wistia-embed-${d.wistiaId}`;if(document.getElementById(x))return;const f=document.createElement("script");f.id=x,f.src=`https://fast.wistia.com/embed/${d.wistiaId}.js`,f.async=!0,f.type="module",document.body.appendChild(f)});const p="iclosed-widget-script";if(!document.getElementById(p)){const d=document.createElement("script");d.id=p,d.src="https://app.iclosed.io/assets/widget.js",d.async=!0,document.body.appendChild(d)}},[]);const h=k.filter(s=>(n==="Alle"||s.styles.includes(n))&&(t==="Alle"||s.brands.includes(t)));return e.jsxs("main",{className:"aff-home-cream aff-aa-page min-h-screen text-foreground",children:[e.jsx(v,{variant:"light",ctaHref:"#booking-authority-ads",onCtaClick:s=>{w("header"),b(s)}}),e.jsxs("section",{className:"aff-hero-section aff-hero-home-v2",children:[e.jsx(v,{variant:"light",ctaHref:"#booking-authority-ads",onCtaClick:s=>{w("header"),b(s)}}),e.jsxs("div",{className:"aff-hero-wrap",children:[e.jsxs("h1",{className:"aff-h1 aff-h1-home-v2",children:["Wir bauen deine"," ",e.jsxs("span",{className:"aff-h1-muted",children:[`
2`,"neue Winner Ad!"]})]}),e.jsx("p",{className:"aff-home-subline-v2",children:"Wir konzipieren und produzieren deine neue Winner Ad, die evergreen performt, deine Wunschkunden anzieht und dich klar vom Wettbewerb abhebt."}),e.jsx("div",{className:"aff-cta-wrap aff-hero-cta-wrap",children:e.jsxs("a",{href:"#booking-authority-ads",className:"aff-cta-btn aff-cta-btn--optin",onClick:s=>{w("hero"),b(s)},children:[e.jsx("span",{className:"aff-cta-text",children:"Erstgespräch buchen"}),e.jsx("span",{className:"aff-cta-chevron","aria-hidden":"true",children:e.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",children:e.jsx("path",{d:"M9 6l6 6-6 6",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})}),e.jsx(B,{})]})]}),e.jsx("hr",{className:"aff-vsl-section-divider","aria-hidden":"true"}),e.jsx("section",{className:"aff-aa-benefits",children:e.jsxs("div",{className:"aff-wa-wrap",children:[e.jsx("h2",{className:"aff-cx-h2 aff-aa-benefits-h2",children:"Creatives, die nicht nur gut aussehen, sondern performen"}),e.jsx("div",{className:"aff-aa-benefits-grid",children:z.map((s,i)=>e.jsxs("article",{className:"aff-aa-benefit-item",children:[e.jsxs("div",{className:"aff-aa-benefit-meta",children:[e.jsxs("span",{className:"aff-aa-benefit-num",children:[String(i+1).padStart(2,"0"),"/03"]}),e.jsx("span",{className:"aff-aa-benefit-dot","aria-hidden":"true"})]}),e.jsx("h3",{className:"aff-aa-benefit-title",children:s.title}),e.jsx("p",{className:"aff-aa-benefit-text",children:s.text})]},s.title))})]})}),e.jsx(S,{}),e.jsx("hr",{className:"aff-vsl-section-divider","aria-hidden":"true"}),e.jsxs("section",{className:"aff-aa-marquee","aria-label":"Kunden von Affluent",children:[e.jsx("div",{className:"aff-aa-marquee-row",children:e.jsx("div",{className:"aff-aa-marquee-track",children:[...g,...g].map((s,i)=>e.jsx("span",{className:"aff-aa-marquee-cell",children:e.jsx(j,{logo:s})},`${s.alt}-${i}`))})}),e.jsx("div",{className:"aff-aa-marquee-row",children:e.jsx("div",{className:"aff-aa-marquee-track aff-aa-marquee-track--rev",children:[...y,...y].map((s,i)=>e.jsx("span",{className:"aff-aa-marquee-cell",children:e.jsx(j,{logo:s})},`${s.alt}-${i}`))})})]}),e.jsx("hr",{className:"aff-vsl-section-divider","aria-hidden":"true"}),e.jsx("section",{className:"aff-aa-refs",id:"referenzen-authority-ads",children:e.jsxs("div",{className:"aff-wa-wrap",children:[e.jsx("h2",{className:"aff-cx-h2 aff-aa-refs-h2",children:"Referenzen"}),e.jsx("p",{className:"aff-cx-sub aff-aa-refs-sub",children:"Ein Auszug unserer Creatives"}),e.jsxs("div",{className:"aff-aa-filters",role:"group","aria-label":"Referenzen filtern",children:[e.jsxs("div",{className:"aff-wa-filter-row",children:[e.jsx("span",{className:"aff-wa-filter-label",children:"Stil"}),e.jsx("div",{className:"aff-wa-filter-pills",children:W.map(s=>e.jsx("button",{type:"button",className:`aff-wa-pill${n===s?" is-active":""}`,"aria-pressed":n===s,onClick:()=>{m(s),l(3)},children:s},s))})]}),e.jsxs("div",{className:"aff-wa-filter-row",children:[e.jsx("span",{className:"aff-wa-filter-label",children:"Brands"}),e.jsx("div",{className:"aff-wa-filter-pills",children:q.map(s=>e.jsx("button",{type:"button",className:`aff-wa-pill${t===s?" is-active":""}`,"aria-pressed":t===s,onClick:()=>{o(s),l(3)},children:s},s))})]})]}),e.jsx("div",{className:"aff-wa-grid aff-aa-refs-grid",children:h.slice(0,r?h.length:a).map((s,i)=>e.jsxs("article",{className:"aff-wa-card",children:[e.jsx("div",{className:"aff-wa-media",children:e.jsx(R,{mediaId:s.wistiaId,poster:s.poster})}),s.client&&!s.client.startsWith("Video Ad")?e.jsx("p",{className:"aff-wa-caption",children:s.client}):null]},`${s.client}-${i}`))}),!r&&a<h.length?e.jsx("div",{className:"aff-aa-more-wrap",children:e.jsx("button",{type:"button",className:"aff-aa-more-btn",onClick:()=>l(s=>h.length-s<=4?h.length:s+3),children:"Mehr laden"})}):null]})}),e.jsx("hr",{className:"aff-vsl-section-divider","aria-hidden":"true"}),e.jsx("section",{className:"aff-aa-booking",id:"booking-authority-ads",children:e.jsxs("div",{className:"aff-wa-wrap",children:[e.jsx("h2",{className:"aff-cx-h2 aff-aa-booking-h2",children:"Erstgespräch buchen"}),e.jsx("p",{className:"aff-cx-sub aff-aa-booking-sub",children:"Wähle einen Termin, der dir passt. Wir besprechen dein Angebot, deine Ziele und wie wir mit Premium Creatives planbar mehr Anfragen für dich generieren."}),e.jsx("div",{className:"iclosed-widget aff-aa-booking-widget","data-url":"https://app.iclosed.io/e/affluentdigital/erstgespr-ch-mit-affluent",title:"Erstgespräch mit Affluent"})]})}),e.jsxs("footer",{className:"aff-aa-bottom",children:[e.jsx("a",{href:"/","aria-label":"Affluent Startseite",className:"aff-aa-bottom-logo",children:e.jsx("img",{src:E,alt:"Affluent"})}),e.jsxs("nav",{className:"aff-aa-bottom-links","aria-label":"Rechtliches",children:[e.jsx("a",{href:"/impressum",children:"Impressum"}),e.jsx("a",{href:"/agb",children:"AGB"})]})]}),e.jsx("a",{href:"#booking-authority-ads",className:"aff-cta-btn aff-cta-btn--optin aff-aa-mobile-cta",onClick:s=>{w("mobile_sticky"),b(s)},children:e.jsx("span",{className:"aff-cta-text",children:"Erstgespräch buchen"})})]})}function R({mediaId:a,poster:l}){const n=`
3    <style>
4      wistia-player[media-id='${a}']:not(:defined) {
5        background: #0b0b0b;
6        display: block;
7        padding-top: 177.78%;
8      }
9    </style>
10    <wistia-player media-id="${a}" aspect="0.5625"></wistia-player>
11  `;return e.jsx("div",{className:"aff-wa-wistia",dangerouslySetInnerHTML:{__html:n}})}export{P as component};