https://swype.at/assets/CaseBerger-BypjIy3e.js

1import{c as x,a8 as v,u as y,a as g,j as e,a6 as r,G as h,b as f,N as u,L as m,m as d,F as b,r as j,ab as w}from"./index-CurfyuRu.js";import{S}from"./Seo-CRZWsyOE.js";import{S as l}from"./StatTile-C46QAqWZ.js";import{d as N}from"./localized-BA8Yd7aY.js";import{P as k}from"./pause-Bk8qwPaT.js";import"./useSeoOverride-DuprnHkq.js";/**
2 * @license lucide-react v0.462.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 z=x("Repeat",[["path",{d:"m17 2 4 4-4 4",key:"nntrym"}],["path",{d:"M3 11v-1a4 4 0 0 1 4-4h14",key:"84bu3i"}],["path",{d:"m7 22-4-4 4-4",key:"1wqhfi"}],["path",{d:"M21 13v1a4 4 0 0 1-4 4H3",key:"1rx37r"}]]);function c({src:p,poster:n,caption:t,locale:i}){const[a,s]=j.useState(!1);return e.jsxs("figure",{className:"m-0",children:[e.jsxs("div",{className:"relative overflow-hidden",style:{aspectRatio:"9/16",borderRadius:18,border:"1px solid var(--v2-border)",background:"var(--v2-surface)"},children:[e.jsx("video",{src:p,poster:n,loop:!0,muted:!0,playsInline:!0,preload:"none",className:"absolute inset-0",style:{width:"100%",height:"100%",objectFit:"cover"},ref:o=>{o&&(a?o.play():o.pause())}}),e.jsx("button",{type:"button",onClick:()=>s(o=>!o),"aria-label":r(a?"video.pauseCaption":"video.playCaption",i,{caption:t}),className:"absolute inset-0 flex items-end justify-start p-4",style:{background:"transparent",border:0,cursor:"pointer"},children:e.jsx("span",{className:"inline-flex items-center justify-center",style:{width:44,height:44,borderRadius:999,background:"rgba(8,8,8,0.5)",backdropFilter:"blur(10px)",border:"1px solid rgba(255,255,255,0.2)",color:"#fff"},children:a?e.jsx(k,{size:18,strokeWidth:1.8}):e.jsx(w,{size:18,strokeWidth:1.8})})})]}),e.jsx("figcaption",{style:{fontFamily:"var(--v2-font-body)",fontSize:11,letterSpacing:"0.14em",textTransform:"uppercase",color:"var(--v2-text-muted)",marginTop:10},children:t})]})}function P(){const{ref:p,isInView:n}=v(),t=y(),i=g(),a=N();return e.jsxs("div",{className:"relative min-h-screen",style:{backgroundColor:"var(--v2-bg)",overflowX:"clip"},children:[e.jsx(S,{title:t==="en"?"BERGER Schinken × swype. Always-On UGC & Performance Case":"BERGER Schinken × swype. Always On UGC & Performance Case",description:t==="en"?"Year-round UGC production and performance campaigns on Meta, Pinterest and TikTok for BERGER Schinken – more than 500,000 views per month.":"Ganzjährige UGC-Produktion und Performance Kampagnen auf Meta, Pinterest und TikTok für BERGER Schinken – mehr als 500.000 Views pro Monat.",path:i(`/cases/${a.slug}`),breadcrumbs:[{name:r("breadcrumb.home",t),path:i("/")},{name:r("breadcrumb.cases",t),path:i("/cases")},{name:a.client,path:i(`/cases/${a.slug}`)}],extraSchema:[{"@type":"CreativeWork",name:a.title,about:a.clientFull,author:{"@type":"Organization",name:"swype®"}}]}),e.jsx(h,{}),e.jsx(f,{}),e.jsx(u,{}),e.jsx("section",{className:"relative",style:{paddingTop:120,paddingBottom:40},children:e.jsxs("div",{className:"max-w-[1200px] mx-auto px-6 md:px-10",children:[e.jsxs("nav",{"aria-label":"Breadcrumb",style:{fontFamily:"var(--v2-font-body)",fontSize:11,letterSpacing:"0.14em",textTransform:"uppercase",color:"var(--v2-text-muted)",marginBottom:32},children:[e.jsx(m,{to:i("/"),style:{color:"inherit",textDecoration:"none"},children:r("breadcrumb.home",t)}),e.jsx("span",{style:{margin:"0 10px",opacity:.5},children:"/"}),e.jsx(m,{to:i("/cases"),style:{color:"inherit",textDecoration:"none"},children:r("breadcrumb.cases",t)}),e.jsx("span",{style:{margin:"0 10px",opacity:.5},children:"/"}),e.jsx("span",{style:{color:"var(--v2-text-secondary)"},children:a.client})]}),e.jsxs("div",{className:"grid lg:grid-cols-[1.05fr_0.8fr] gap-10 md:gap-16 items-center",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsxs("div",{className:"flex flex-wrap items-center gap-3",style:{marginBottom:18},children:[e.jsx("span",{style:{fontFamily:"var(--v2-font-body)",fontSize:11,letterSpacing:"0.22em",textTransform:"uppercase",color:"var(--v2-accent)"},children:"● CASE STUDY / BERGER SCHINKEN × SWYPE"}),e.jsxs("span",{className:"inline-flex items-center gap-1.5",style:{fontFamily:"var(--v2-font-body)",fontSize:10,letterSpacing:"0.18em",textTransform:"uppercase",color:"var(--v2-text-primary)",border:"1px solid var(--v2-border-bright)",borderRadius:999,padding:"4px 10px"},children:[e.jsx(z,{size:12,strokeWidth:1.8}),"Always On"]})]}),e.jsxs("h1",{style:{fontFamily:"var(--v2-font-display)",fontSize:"clamp(40px, 6.5vw, 92px)",lineHeight:.95,color:"var(--v2-text-primary)",letterSpacing:"-0.02em",textTransform:"uppercase"},children:[e.jsx(d.span,{className:"block",initial:{y:60,opacity:0}

6,animate:{y:0,opacity:1},transition:{duration:.9,ease:[.16,1,.3,1]},children:r("berger.headline1",t)}),e.jsx(d.span,{className:"block",style:{fontFamily:"var(--v2-font-script)",fontStyle:"italic",color:"var(--v2-accent)",textTransform:"none",fontWeight:400,fontSize:"clamp(48px, 8vw, 112px)",lineHeight:1.05},initial:{opacity:0,x:-16,filter:"blur(8px)"},animate:{opacity:1,x:0,filter:"blur(0px)"},transition:{duration:1.1,delay:.2,ease:[.16,1,.3,1]},children:r("berger.headline2",t)})]}),e.jsx("p",{className:"mt-8 max-w-[620px]",style:{fontFamily:"var(--v2-font-body)",fontSize:"clamp(15px, 1.1vw, 18px)",lineHeight:1.7,color:"var(--v2-text-secondary)"},children:a.intro}),e.jsx("div",{className:"flex flex-wrap gap-2 mt-8",children:[...a.services,...a.platforms].map(s=>e.jsx("span",{style:{fontFamily:"var(--v2-font-body)",fontSize:10,letterSpacing:"0.14em",textTransform:"uppercase",color:"var(--v2-text-secondary)",border:"1px solid var(--v2-border)",borderRadius:999,padding:"6px 12px"},children:s},s))})]}),e.jsxs("div",{className:"min-w-0 grid grid-cols-2 gap-3 md:gap-4",children:[e.jsx("div",{className:"mt-0 md:mt-10",children:e.jsx(c,{src:a.clips[2].src,poster:a.clips[2].poster,caption:a.clips[2].caption,locale:t})}),e.jsxs("div",{className:"grid gap-3 md:gap-4",children:[e.jsx(c,{src:a.clips[0].src,poster:a.clips[0].poster,caption:a.clips[0].caption,locale:t}),e.jsx(c,{src:a.clips[7].src,poster:a.clips[7].poster,caption:a.clips[7].caption,locale:t})]})]})]})]})}),e.jsx("section",{ref:p,className:"relative",style:{paddingTop:40,paddingBottom:60},children:e.jsxs("div",{className:"max-w-[1200px] mx-auto px-6 md:px-10",children:[e.jsxs("div",{className:"grid grid-cols-2 lg:grid-cols-4 gap-4 md:gap-6",children:[e.jsx(l,{label:r("berger.statViews",t),value:a.monthly.views,size:"lg",inView:n}),e.jsx(l,{label:r("berger.statInteractions",t),value:a.monthly.interactions,size:"lg",inView:n,delay:.1}),e.jsx(l,{label:r("berger.statSharesSaves",t),value:a.monthly.sharesSaves,size:"lg",inView:n,delay:.2}),e.jsx(l,{label:r("berger.statPlatforms",t),value:3,size:"lg",inView:n,delay:.3})]}),e.jsx("p",{className:"mt-6",style:{fontFamily:"var(--v2-font-body)",fontSize:12,lineHeight:1.6,color:"var(--v2-text-muted)"},children:a.disclaimer})]})}),e.jsx("section",{className:"relative",style:{paddingTop:40,paddingBottom:60},children:e.jsxs("div",{className:"max-w-[1200px] mx-auto px-6 md:px-10",children:[e.jsx("h2",{style:{fontFamily:"var(--v2-font-display)",fontSize:"clamp(28px, 3.6vw, 52px)",lineHeight:1.05,color:"var(--v2-text-primary)",textTransform:"uppercase",marginBottom:32},children:r("section.howWeWork",t)}),e.jsx("div",{className:"grid md:grid-cols-2 gap-4 md:gap-6",children:a.approach.map((s,o)=>e.jsxs(d.div,{initial:{opacity:0,y:24},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-60px"},transition:{duration:.6,delay:o*.08},style:{background:"var(--v2-surface)",border:"1px solid var(--v2-border)",borderRadius:20,padding:"clamp(20px, 3vw, 32px)"},children:[e.jsx("div",{style:{fontFamily:"var(--v2-font-display)",fontSize:"clamp(18px, 1.6vw, 24px)",color:"var(--v2-text-primary)",marginBottom:10},children:s.title}),e.jsx("p",{style:{fontFamily:"var(--v2-font-body)",fontSize:15,lineHeight:1.7,color:"var(--v2-text-secondary)",margin:0},children:s.text})]},s.title))})]})}),e.jsx("section",{className:"relative",style:{paddingTop:40,paddingBottom:80},children:e.jsxs("div",{className:"max-w-[1200px] mx-auto px-6 md:px-10",children:[e.jsx("h2",{style:{fontFamily:"var(--v2-font-display)",fontSize:"clamp(28px, 3.6vw, 52px)",lineHeight:1.05,color:"var(--v2-text-primary)",textTransform:"uppercase",marginBottom:12},children:r("section.ugcInAction",t)}),e.jsx("p",{className:"max-w-[640px]",style:{fontFamily:"var(--v2-font-body)",fontSize:15,lineHeight:1.7,color:"var(--v2-text-secondary)",marginBottom:32},children:r("berger.clipsIntro",t)}),e.jsx("div",{className:"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 md:gap-6",children:a.clips.map(s=>e.jsx(c,{src:s.src,poster:s.poster,caption:s.caption,locale:t},s.src))})]})}),e.jsx(b,{})]})}export{P as default};