Files
e-tib.com/.next/server/chunks/ssr/components_ded1dc24._.js
Marc Mintel 484343b29e feat(ui): abstract HoverShineOverlay and apply globally
Former-commit-id: 302718a9d517720d6fd5eb66a7728eff8f3ffe95
2026-05-07 14:38:27 +02:00

5 lines
17 KiB
JavaScript

;!function(){try { var e="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof global?global:"undefined"!=typeof window?window:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&((e._debugIds|| (e._debugIds={}))[n]="d45095b3-56cf-596a-df15-5c1fb472702c")}catch(e){}}();
module.exports=[805585,a=>{"use strict";var b=a.i(526156),c=a.i(912466),d=a.i(608986);function e(a){let{data:e}=a,f=a.title||e?.title||"DIE EXPERTEN FÜR KABELTIEFBAU",g=a.subtitle||a.description||e?.subtitle||"Wir verbinden Infrastruktur mit Präzision. Von Horizontalbohrungen bis zu komplexen Leitungsnetzen.",h=a.videoUrl||e?.videoUrl||"/assets/dummy-hero.mp4",i=e?.posterImage?.url||"/assets/photos/DJI_0048.JPG";e?.posterImage?.alt;let j=a.ctaLabel||a.linkText||e?.ctaLabel||"Unternehmen entdecken",k=a.ctaHref||a.linkHref||e?.ctaHref||"#unternehmen",l=a.secondaryCtaLabel||e?.secondaryCtaLabel||"Projekt anfragen",m=a.secondaryCtaHref||e?.secondaryCtaHref||"/kontakt";return(0,b.jsxs)("div",{className:"relative w-full h-[100svh] flex items-center justify-center overflow-hidden bg-neutral-dark",children:[(0,b.jsx)("div",{className:"absolute inset-0 z-0 bg-neutral-dark"}),h&&(0,b.jsx)("video",{className:"absolute inset-0 w-full h-full object-cover z-1 pointer-events-none filter contrast-125 saturate-110 brightness-90",src:h,poster:i,autoPlay:!0,muted:!0,loop:!0,playsInline:!0,preload:"auto"}),(0,b.jsx)("div",{className:"absolute inset-0 bg-[#0a192f]/30 z-[2] mix-blend-multiply"}),(0,b.jsx)("div",{className:"absolute inset-0 bg-[radial-gradient(ellipse_at_center,_var(--tw-gradient-stops))] from-transparent via-black/20 to-black/80 z-[2]"}),(0,b.jsx)("div",{className:"absolute inset-0 bg-gradient-to-t from-neutral-dark via-neutral-dark/60 to-transparent z-[3]"}),(0,b.jsx)("div",{className:"container relative z-[4] text-center px-4",children:(0,b.jsxs)(d.motion.div,{initial:{opacity:0,y:40},animate:{opacity:1,y:0},transition:{duration:1.2,ease:[.16,1,.3,1]},children:[(0,b.jsx)("h1",{className:"font-heading font-bold text-4xl md:text-6xl lg:text-8xl text-white mb-6 uppercase tracking-tight drop-shadow-lg",dangerouslySetInnerHTML:{__html:f.replace("KABELTIEFBAU",'<span class="text-primary-light">KABELTIEFBAU</span>').replace(/\n/g,"<br />")}}),(0,b.jsx)("p",{className:"text-lg md:text-xl lg:text-2xl text-white/90 max-w-3xl mx-auto mb-12 drop-shadow",children:g}),(0,b.jsxs)("div",{className:"flex flex-col sm:flex-row items-center justify-center gap-6",children:[(0,b.jsx)(c.Button,{href:k,variant:"primary",size:"lg",children:j}),(0,b.jsx)(c.Button,{href:m,variant:"outline",size:"lg",className:"border-white/60 text-white hover:text-primary hover:bg-white",children:l})]})]})})]})}a.s(["HeroVideo",()=>e])},422657,a=>{"use strict";var b=a.i(526156),c=a.i(829091);function d({className:a,shineColor:d="via-white/10",hoverPrefix:e="group-hover:"}){return(0,b.jsx)("div",{className:(0,c.cn)("absolute top-0 -left-[150%] h-[200%] w-[150%] bg-gradient-to-r from-transparent to-transparent skew-x-[-20deg] transition-all duration-1000 ease-[cubic-bezier(0.16,1,0.3,1)] z-30 pointer-events-none",`${e}left-[100%]`,d,a)})}a.s(["HoverShineOverlay",()=>d])},523290,a=>{"use strict";var b=a.i(526156),c=a.i(608986),d=a.i(110644),e=a.i(422657),f=a.i(5423);let g=[{title:"E-TIB GmbH",backgroundImage:"/assets/photos/DJI_0243.JPG"},{title:"E-TIB Ingenieurgesellschaft mbH",url:"https://www.etib-ing.com/",backgroundImage:"/assets/photos/DSC01137.JPG"},{title:"NEMO GmbH",url:"https://www.nemo-gmbh.de/",backgroundImage:"/assets/photos/DJI_0048.JPG"}],h={hidden:{opacity:0},visible:{opacity:1,transition:{staggerChildren:.15}}},i={hidden:{opacity:0,y:30},visible:{opacity:1,y:0,transition:{duration:.8,ease:[.16,1,.3,1]}}};function j(a){let{data:j}=a,k=a.badge||j?.badge,l=a.title||j?.title,m=a.companies||j?.companies,n=(0,f.usePathname)(),o=n?.startsWith("/de")??!0,p=m?.map(a=>({title:a.title,url:a.url,backgroundImage:a.backgroundImage?.url||a.backgroundImage||"/assets/photos/DJI_0243.JPG"}))||g;return(0,b.jsx)("section",{id:"unternehmen",className:"py-24 bg-neutral-dark border-b border-neutral-800",children:(0,b.jsxs)("div",{className:"container relative z-10 px-4",children:[(k||l)&&(0,b.jsxs)("div",{className:"text-center max-w-3xl mx-auto mb-16",children:[k&&(0,b.jsx)("h2",{className:"text-primary font-bold tracking-wider uppercase text-sm mb-3",children:k}),l&&(0,b.jsx)("h3",{className:"font-heading text-4xl md:text-5xl font-extrabold text-white",children:l})]}),(0,b.jsx)(c.motion.div,{className:"grid grid-cols-1 md:grid-cols-3 gap-6",variants:h,initial:"hidden",whileInView:"visible",viewport:{once:!0,margin:"-50px"},children:p.map((a,f)=>{let g=!a.url,h=g?{}:{href:a.url,target:"_blank",rel:"noopener noreferrer"},j=a.title.includes("E-TIB"),k=a.title.includes("Ingenieur"),l=a.title.includes("NEMO");return(0,b.jsx)(c.motion.div,{variants:i,className:"h-full",children:(0,b.jsxs)(g?"div":"a",{...h,className:`group relative overflow-hidden aspect-[4/3] flex flex-col justify-center items-center shadow-xl transition-all duration-500 bg-neutral-dark block w-full h-full sm:rounded-xl select-none ${g?"border-2 border-primary shadow-[0_0_30px_rgba(17,124,97,0.15)] cursor-default":"border border-white/5 hover:shadow-2xl hover:-translate-y-1 hover:border-white/10 cursor-pointer"}`,children:[(0,b.jsx)("div",{className:"absolute inset-0 bg-[#0a192f] z-0",children:(0,b.jsx)(d.default,{src:a.backgroundImage,alt:"Background",fill:!0,className:`object-cover transition-all duration-1000 ease-out ${g?"opacity-30 grayscale-0 scale-105":"opacity-40 grayscale-[50%] group-hover:opacity-30 group-hover:grayscale-0 group-hover:scale-110"}`,sizes:"(max-width: 768px) 100vw, 33vw"})}),(0,b.jsx)("div",{className:`absolute inset-0 z-0 transition-colors duration-700 mix-blend-multiply ${g?"bg-gradient-to-t from-[#0a192f]/90 via-[#0a192f]/60 to-[#0a192f]/40":"bg-gradient-to-t from-[#0a192f]/90 via-[#0a192f]/60 to-[#0a192f]/40 group-hover:from-primary/90 group-hover:to-primary/20"}`}),!g&&(0,b.jsx)(e.HoverShineOverlay,{}),g&&(0,b.jsx)("div",{className:"absolute top-6 right-6 z-20",children:(0,b.jsxs)("div",{className:"flex items-center space-x-2 bg-neutral-dark/80 backdrop-blur-md border border-primary/40 px-3 py-1.5 rounded-full shadow-lg",children:[(0,b.jsxs)("span",{className:"relative flex h-2 w-2",children:[(0,b.jsx)("span",{className:"animate-ping absolute inline-flex h-full w-full rounded-full bg-primary opacity-75"}),(0,b.jsx)("span",{className:"relative inline-flex rounded-full h-2 w-2 bg-primary"})]}),(0,b.jsx)("span",{className:"text-[10px] font-bold uppercase tracking-widest text-primary/90",children:o?"Aktuell hier":"You are here"})]})}),(0,b.jsx)("div",{className:"relative z-10 flex flex-col items-center justify-center w-full h-full p-8 transform group-hover:scale-105 transition-transform duration-500",children:j?(0,b.jsxs)("div",{className:"flex flex-col items-center",children:[(0,b.jsx)("div",{className:"relative w-48 h-14 mb-2",children:(0,b.jsx)(d.default,{src:"/assets/logo-white.png",alt:"E-TIB Logo",fill:!0,className:"object-contain"})}),k&&(0,b.jsx)("div",{className:"text-white/80 tracking-[0.3em] text-xs font-semibold uppercase mt-1",children:"Ingenieurgesellschaft"})]}):l?(0,b.jsxs)("div",{className:"flex flex-col items-center",children:[(0,b.jsx)("div",{className:"text-5xl font-heading font-black text-white tracking-tight",children:"NEMO"}),(0,b.jsx)("div",{className:"text-white/60 tracking-widest text-xs font-semibold uppercase mt-1",children:"GmbH"})]}):(0,b.jsx)("div",{className:"text-2xl font-heading font-bold text-white uppercase text-center",children:a.title})}),a.url&&(0,b.jsx)("div",{className:"absolute bottom-6 left-0 right-0 flex justify-center opacity-0 group-hover:opacity-100 transform translate-y-4 group-hover:translate-y-0 transition-all duration-500 z-20",children:(0,b.jsxs)("div",{className:"flex items-center text-white font-bold uppercase text-xs tracking-widest bg-white/10 backdrop-blur-md px-4 py-2 rounded-full border border-white/20",children:["Website Besuchen",(0,b.jsx)("svg",{className:"w-4 h-4 ml-2",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:(0,b.jsx)("path",{d:"M5 12h14M12 5l7 7-7 7"})})]})})]})},f)})})]})})}a.s(["SubCompanyTiles",()=>j])},649511,a=>{"use strict";var b=a.i(526156),c=a.i(110644),d=a.i(608986),e=a.i(150765),f=a.i(912466),g=a.i(422657);function h(a){let{data:h}=a,[i,j]=(0,e.useState)(!1);(0,e.useEffect)(()=>{j(!0)},[]);let k=a.badge||h?.badge||"Leistungsspektrum",l=a.title||h?.title||"Umfassende Lösungen für komplexe Netzwerke",m=a.ctaLabel||h?.ctaLabel||"Alle Kompetenzen ansehen",n=a.ctaHref||h?.ctaHref||"/kompetenzen",o=a.items||h?.items||[];return i?(0,b.jsx)("section",{className:"py-24 bg-neutral text-neutral-dark overflow-hidden relative",children:(0,b.jsxs)("div",{className:"container",children:[(0,b.jsxs)("div",{className:"flex flex-col md:flex-row justify-between items-end mb-12",children:[(0,b.jsxs)("div",{className:"max-w-2xl",children:[(0,b.jsx)("h2",{className:"text-primary font-bold tracking-wider uppercase text-sm mb-3",children:k}),(0,b.jsx)("h3",{className:"font-heading text-4xl md:text-5xl font-extrabold text-neutral-dark mb-4",children:l})]}),(0,b.jsxs)(f.Button,{href:n,variant:"ghost",className:"mt-6 md:mt-0 bg-primary/5 hover:bg-primary/10",children:[m,(0,b.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",className:"w-5 h-5 ml-2 transform group-hover:translate-x-1 transition-transform",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,b.jsx)("line",{x1:"5",y1:"12",x2:"19",y2:"12"}),(0,b.jsx)("polyline",{points:"12 5 19 12 12 19"})]})]})]}),(0,b.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-3 lg:grid-cols-4 gap-4 auto-rows-[220px]",children:o.map((a,e)=>{let f="large"===a.size,h="medium"===a.size,i="accent"===a.size,j=a.image?.url,k="rounded-2xl overflow-hidden relative group select-none ";return(f?k+="md:col-span-2 md:row-span-2":h?k+="md:col-span-2 lg:col-span-2":i?k+="md:col-span-1 bg-primary text-white p-6 md:p-8 flex flex-col justify-center border-none shadow-md":k+="md:col-span-1",i)?(0,b.jsxs)(d.motion.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{delay:.1*e},className:k,children:[(0,b.jsx)("div",{className:"absolute top-0 right-0 w-32 h-32 bg-primary/30 blur-3xl rounded-full -mr-10 -mt-10 group-hover:bg-primary/50 transition-colors duration-500"}),(0,b.jsx)(g.HoverShineOverlay,{shineColor:"via-white/30"}),(0,b.jsx)("h4",{className:"font-bold text-xl md:text-2xl relative z-10 leading-snug",children:a.title}),a.description&&(0,b.jsx)("p",{className:"text-white/60 text-sm mt-3 relative z-10",children:a.description})]},e):(0,b.jsxs)(d.motion.div,{initial:{opacity:0,scale:.95},whileInView:{opacity:1,scale:1},viewport:{once:!0},transition:{delay:.1*e},className:k,children:[!j&&(0,b.jsx)("div",{className:"absolute inset-0 bg-neutral-dark z-0 transition-colors duration-500 group-hover:bg-primary-dark"}),j&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("div",{className:"absolute inset-0 bg-white z-0",children:(0,b.jsx)(c.default,{src:j,alt:a.title||"",fill:!0,className:"object-cover opacity-90 group-hover:scale-105 group-hover:opacity-100 transition-all duration-700 ease-in-out",sizes:f?"(max-width: 768px) 100vw, 50vw":"(max-width: 768px) 100vw, 25vw"})}),(0,b.jsx)("div",{className:"absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent opacity-90 transition-opacity duration-500 z-0"})]}),(0,b.jsx)(g.HoverShineOverlay,{}),(0,b.jsxs)("div",{className:"relative z-10 p-8 flex flex-col justify-end h-full text-white",children:[a.tag&&(0,b.jsx)("span",{className:"inline-block px-3 py-1 bg-primary/20 backdrop-blur-md rounded-full text-xs font-bold uppercase tracking-wider text-primary-light mb-3 w-fit border border-primary/30",children:a.tag}),(0,b.jsx)("h4",{className:`font-heading font-extrabold mb-2 ${f?"text-3xl md:text-5xl":"text-xl md:text-2xl"}`,children:a.title}),a.description&&(0,b.jsx)("p",{className:`text-white/80 ${f?"text-lg md:text-xl max-w-sm":"text-sm"}`,children:a.description})]})]},e)})})]})}):(0,b.jsx)("section",{className:"py-24 bg-neutral text-neutral-dark overflow-hidden relative",children:(0,b.jsxs)("div",{className:"container",children:[(0,b.jsx)("div",{className:"flex flex-col md:flex-row justify-between items-end mb-12",children:(0,b.jsxs)("div",{className:"max-w-2xl",children:[(0,b.jsx)("h2",{className:"text-primary font-bold tracking-wider uppercase text-sm mb-3",children:k}),(0,b.jsx)("h3",{className:"font-heading text-4xl md:text-5xl font-extrabold text-neutral-dark mb-4",children:l})]})}),(0,b.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-3 lg:grid-cols-4 gap-4 auto-rows-[220px]"})]})})}a.s(["CompetenceBentoGrid",()=>h])},744435,a=>{"use strict";var b=a.i(526156),c=a.i(150765),d=a.i(608986),e=a.i(841757),f=a.i(110644),g=a.i(422657);function h(a){let{data:h}=a,i=a.references||[],j=c.useRef(null),[k,l]=c.useState(!1),[m,n]=c.useState(0),[o,p]=c.useState(0),q=a.badge||h?.badge||"Ausgewählte Projekte",r=a.title||h?.title||"Referenzen & Erfolge",s=a.description||h?.description||"Ein Auszug unserer erfolgreich abgeschlossenen Projekte im Bereich Kabeltiefbau, Bohrtechnik und Netzinfrastruktur.",t=a.ctaLabel||h?.ctaLabel||"Alle Referenzen ansehen",u=a.ctaHref||h?.ctaHref||"/referenzen";if(!i||0===i.length)return null;let v=["/assets/photos/DSC01123.JPG","/assets/photos/DSC00850.JPG","/assets/photos/DSC01129.JPG","/assets/photos/DSC00010.JPG"];return(0,b.jsxs)("section",{className:"py-24 bg-neutral-dark text-white overflow-hidden relative select-none",children:[(0,b.jsx)("div",{className:"absolute inset-0 bg-gradient-to-b from-neutral-dark via-neutral-900 to-neutral-dark z-0"}),(0,b.jsxs)("div",{className:"container relative z-10 mb-12 flex flex-col md:flex-row justify-between items-end gap-6",children:[(0,b.jsxs)("div",{children:[(0,b.jsx)("h2",{className:"text-primary-light font-bold tracking-wider uppercase text-sm mb-3",children:q}),(0,b.jsx)("h3",{className:"font-heading text-4xl md:text-5xl font-extrabold",children:r})]}),(0,b.jsx)("p",{className:"text-white/60 max-w-md",children:s})]}),(0,b.jsx)("div",{className:"relative z-10",children:(0,b.jsx)("div",{ref:j,onMouseDown:a=>{j.current&&(l(!0),n(a.pageX-j.current.offsetLeft),p(j.current.scrollLeft))},onMouseLeave:()=>{l(!1)},onMouseUp:()=>{l(!1)},onMouseMove:a=>{if(!k||!j.current)return;a.preventDefault();let b=a.pageX-j.current.offsetLeft;j.current.scrollLeft=o-(b-m)*2},className:`flex gap-6 overflow-x-auto pb-12 pt-4 px-[calc((100vw-min(100%,1280px))/2)] [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden ${k?"cursor-grabbing snap-none":"cursor-grab snap-x snap-mandatory"}`,children:i.map((a,c)=>{let e=a.image&&"object"==typeof a.image&&a.image.url?a.image.url:v[c%v.length];return(0,b.jsx)(d.motion.div,{initial:{opacity:0,x:50},whileInView:{opacity:1,x:0},viewport:{once:!0},transition:{delay:.1*c,duration:.6,ease:"easeOut"},className:"flex-shrink-0 w-[320px] md:w-[480px] snap-center group pointer-events-auto",children:(0,b.jsxs)("div",{className:"relative aspect-[16/10] bg-neutral-800 rounded-2xl overflow-hidden mb-5 border border-white/5 shadow-2xl",children:[(0,b.jsx)(f.default,{src:e,alt:a.title,fill:!0,sizes:"(max-width: 768px) 320px, 480px",className:"object-cover saturate-50 opacity-70 group-hover:scale-105 group-hover:opacity-100 group-hover:saturate-100 transition-all duration-700 ease-in-out pointer-events-none"}),(0,b.jsx)("div",{className:"absolute inset-0 bg-gradient-to-t from-black/90 via-black/30 to-transparent opacity-80 group-hover:opacity-90 transition-opacity duration-300 pointer-events-none"}),(0,b.jsx)(g.HoverShineOverlay,{}),(0,b.jsxs)("div",{className:"absolute bottom-6 left-8 right-8 transform translate-y-4 group-hover:translate-y-0 transition-transform duration-500 pointer-events-none",children:[(0,b.jsx)("span",{className:"inline-block py-1.5 px-4 rounded-full bg-primary/30 backdrop-blur-md text-white text-xs font-bold uppercase tracking-widest mb-3 border border-primary/50",children:a.category}),(0,b.jsx)("h4",{className:"font-heading text-2xl md:text-3xl font-bold line-clamp-2",children:a.title})]})]})},a.id)})})}),(0,b.jsx)("div",{className:"container relative z-10 mt-4 flex justify-center",children:(0,b.jsxs)(e.default,{href:u,className:"px-8 py-4 rounded-xl bg-white/5 border border-white/20 hover:bg-white hover:text-neutral-dark hover:shadow-[0_0_20px_rgba(255,255,255,0.3)] transition-all font-bold flex items-center gap-3 backdrop-blur-sm",children:[t,(0,b.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",className:"w-5 h-5",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,b.jsx)("line",{x1:"5",y1:"12",x2:"19",y2:"12"}),(0,b.jsx)("polyline",{points:"12 5 19 12 12 19"})]})]})})]})}a.s(["ReferencesSlider",()=>h])}];
//# debugId=d45095b3-56cf-596a-df15-5c1fb472702c
//# sourceMappingURL=components_ded1dc24._.js.map