https://bublitz-einrichtungen.de/_next/static/chunks/4850.64d588249b066665.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4850],{6715:(e,t,a)=>{a.d(t,{A:()=>r});var l=a(37876),s=a(30116);function r(e){let{buttons:t,align:a="center",children:r}=e;return(0,l.jsx)("div",{className:"flex flex-wrap gap-4 ".concat({left:"justify-start",center:"justify-center",right:"justify-end"}[a]),children:t?t.map((e,t)=>(0,l.jsx)(s.A,{text:e.text,href:e.href,onClick:e.onClick,variant:e.variant||(0===t?"primary":"secondary")},t)):r})}},74850:(e,t,a)=>{a.r(t),a.d(t,{default:()=>n});var l=a(37876),s=a(14232),r=a(6715);let n=e=>{let{title:t,subtitle:a,videoUrl:n,aspectRatio:i="16:9",poster:o,id:c}=e,[d,u]=(0,s.useState)(!1),[m,x]=(0,s.useState)(!1);(0,s.useEffect)(()=>{let e=localStorage.getItem("bublitz-cookie-preferences");e&&JSON.parse(e).marketing&&u(!0)},[]);let h=n.includes("youtube.com")||n.includes("youtu.be"),p=n.endsWith(".mp4")||n.endsWith(".webm")||n.endsWith(".ogg"),b=h?(e=>{let t=e.match(/^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|&v=)([^#&?]*).*/);return t&&11===t[2].length?t[2]:null})(n):null;if(h&&!b)return(0,l.jsx)("section",{id:c,className:"py-16 bg-white",children:(0,l.jsx)("div",{className:"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8",children:(0,l.jsxs)("div",{className:"bg-neutral-100 rounded-lg p-8 text-center",children:[(0,l.jsx)("p",{className:"text-neutral-600",children:"Video konnte nicht geladen werden."}),(0,l.jsx)("a",{href:n,target:"_blank",rel:"noopener noreferrer",className:"text-primary hover:text-primary/80 underline mt-2 inline-block",children:"Video auf YouTube ansehen"})]})})});let f=(()=>{switch(i){case"16:9":default:return"aspect-video";case"4:3":return"aspect-[4/3]";case"1:1":return"aspect-square"}})();return(0,l.jsx)("section",{id:c,className:"py-16 bg-white",children:(0,l.jsxs)("div",{className:"max-w-6xl mx-auto px-4 sm:px-6 lg:px-8",children:[t&&(0,l.jsxs)("div",{className:"text-center mb-8",children:[(0,l.jsx)("h2",{className:"text-3xl md:text-4xl font-heading font-semibold text-neutral-900 mb-4",children:t}),a&&(0,l.jsx)("p",{className:"text-lg text-neutral-600 max-w-3xl mx-auto",children:a})]}),(0,l.jsx)("div",{className:"relative w-full ".concat(f," overflow-hidden rounded-lg shadow-lg bg-neutral-900"),children:p?(0,l.jsxs)("video",{controls:!0,className:"absolute top-0 left-0 w-full h-full object-contain",title:t||"Video",preload:"metadata",poster:o||"/images/bublitz-bosse-cube-4.0.jpeg",children:[(0,l.jsx)("source",{src:n,type:"video/mp4"}),"Ihr Browser unterst\xfctzt das Video-Element nicht."]}):d||m?(0,l.jsx)("iframe",{src:"https://www.youtube-nocookie.com/embed/".concat(b,"?rel=0&modestbranding=1"),title:t||"YouTube video",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",allowFullScreen:!0,className:"absolute top-0 left-0 w-full h-full",loading:"lazy"}):(0,l.jsx)("div",{className:"absolute inset-0 flex flex-col items-center justify-center bg-neutral-100 p-8",children:(0,l.jsxs)("div",{className:"text-center max-w-md",children:[(0,l.jsx)("div",{className:"mb-4",children:(0,l.jsx)("svg",{className:"w-16 h-16 mx-auto text-primary opacity-20",fill:"currentColor",viewBox:"0 0 24 24",children:(0,l.jsx)("path",{d:"M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"})})}),(0,l.jsx)("h3",{className:"text-lg font-semibold text-neutral-900 mb-2",children:"YouTube-Video anzeigen?"}),(0,l.jsx)("p",{className:"text-sm text-neutral-600 mb-4",children:"Zum Abspielen des Videos werden Cookies von YouTube gesetzt. Bitte akzeptieren Sie Marketing-Cookies oder klicken Sie auf „Video laden“."}),(0,l.jsx)(r.A,{buttons:[{text:"Video einmalig laden",variant:"primary",onClick:()=>x(!0)},{text:"Cookie-Einstellungen anpassen",variant:"outline",onClick:()=>{localStorage.removeItem("bublitz-cookie-consent"),window.location.reload()}}]})]})})}),h&&(0,l.jsx)("div",{className:"mt-4 text-center",children:(0,l.jsx)("a",{href:n,target:"_blank",rel:"noopener noreferrer",className:"text-sm text-neutral-600 hover:text-primary transition-colors",children:"Video auf YouTube ansehen →"})})]})})}}}]);