https://10hoch2.de/_next/static/chunks/app/page-4dd042d4eb56d391.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8974],{257:(e,t,s)=>{"use strict";s.d(t,{default:()=>x});var a=s(2098),n=s(7834),l=s(4966),r=s.n(l),i=s(4770),o=s(4451);let c=["JTL-Wawi & JTL-Shop","Cloud & Hosting","KI & Automatisierung","Marktplatzanbindungen"],d=[{v:"15+",l:"Jahre Erfahrung"},{v:"200+",l:"JTL-Projekte"},{v:"100%",l:"Zuverl\xe4ssig"},{v:"50+",l:"Aktive Kunden"}];function x(){let[e,t]=(0,n.useState)(!1),s=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:70,s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:2400,[a,l]=(0,n.useState)(""),[r,i]=(0,n.useState)(0),[o,c]=(0,n.useState)(0),[d,x]=(0,n.useState)(!1);return(0,n.useEffect)(()=>{let a,n=e[r];return!d&&o<n.length?a=setTimeout(()=>c(e=>e+1),t):d||o!==n.length?d&&o>0?a=setTimeout(()=>c(e=>e-1),t/2):(x(!1),i(t=>(t+1)%e.length)):a=setTimeout(()=>x(!0),s),l(n.slice(0,o)),()=>clearTimeout(a)},[o,d,r,e,t,s]),a}(c),l=(0,n.useRef)(null);(0,n.useEffect)(()=>{let e=setTimeout(()=>t(!0),80);return()=>clearTimeout(e)},[]);let x="transition-all duration-700 ease-out",m="opacity-100 translate-y-0",u="opacity-0 translate-y-6";return(0,a.jsxs)("section",{className:"relative overflow-hidden",style:{background:"linear-gradient(135deg,#0d2b52 0%,#1a4f8a 45%,#2577bc 75%,#1e3a6e 100%)",minHeight:"92vh",display:"flex",alignItems:"center"},children:[(0,a.jsx)("div",{className:"absolute inset-0 pointer-events-none opacity-[0.05]",style:{backgroundImage:"radial-gradient(circle,#fff 1px,transparent 1px)",backgroundSize:"38px 38px"}}),(0,a.jsx)("div",{className:"absolute -top-40 -right-40 w-[600px] h-[600px] rounded-full pointer-events-none opacity-20",style:{background:"radial-gradient(circle,#60b3f0,transparent 65%)"}}),(0,a.jsx)("div",{className:"absolute bottom-0 left-0 right-0 h-24 pointer-events-none",style:{background:"linear-gradient(to bottom,transparent,rgba(13,43,82,0.6))"}}),(0,a.jsx)("div",{className:"relative z-10 w-full max-w-[1440px] mx-auto px-4 sm:px-6 lg:px-14 xl:px-20 py-16 sm:py-20 lg:py-24",children:(0,a.jsxs)("div",{className:"flex flex-col lg:flex-row items-start lg:items-center gap-8 lg:gap-16",children:[(0,a.jsxs)("div",{className:"flex-1 min-w-0 text-white",children:[(0,a.jsxs)("div",{className:`inline-flex items-center gap-2 rounded px-3 py-1.5 mb-6 text-xs font-semibold uppercase tracking-widest ${x} ${e?m:u}`,style:{background:"rgba(255,255,255,0.12)",border:"1px solid rgba(255,255,255,0.22)",transitionDelay:"0ms"},children:[(0,a.jsx)("span",{className:"w-1.5 h-1.5 bg-green-400 rounded-full animate-pulse shrink-0"}),"JTL Servicepartner Platinum"]}),(0,a.jsxs)("div",{className:`${x} ${e?m:u}`,style:{transitionDelay:"120ms"},children:[(0,a.jsx)("h1",{className:"font-semibold leading-[1.05] mb-2",children:(0,a.jsx)("span",{className:"block text-3xl sm:text-4xl lg:text-5xl xl:text-[3.25rem]",children:"Ihr JTL-Partner f\xfcr"})}),(0,a.jsxs)("div",{className:"font-semibold text-2xl sm:text-3xl lg:text-4xl xl:text-[2.75rem] leading-tight mb-6",style:{color:"#7ec8f0",minHeight:"1.3em"},children:[s,(0,a.jsx)("span",{className:"inline-block w-[3px] h-[0.85em] bg-current align-middle ml-1 animate-pulse rounded-sm"})]})]}),(0,a.jsx)("p",{className:`text-blue-100/80 text-sm sm:text-base lg:text-lg leading-relaxed mb-8 max-w-xl ${x} ${e?m:u}`,style:{transitionDelay:"220ms"},children:"Vom ersten Beratungsgespr\xe4ch bis zum laufenden Betrieb – wir begleiten H\xe4ndler mit JTL-Know-how, IT-Kompetenz und einem klaren Fokus auf Effizienz und Wachstum."}),(0,a.jsxs)("div",{className:`flex flex-wrap gap-3 mb-10 ${x} ${e?m:u}`,style:{transitionDelay:"320ms"},children:[(0,a.jsx)(o.default,{label:"Erstgespr\xe4ch vereinbaren",className:"inline-flex items-center gap-2 font-semibold text-sm sm:text-base px-6 sm:px-8 py-3 sm:py-3.5 rounded-lg transition-all hover:scale-[1.02] hover:brightness-105",style:{background:"#fff",color:"#2577bc"}}),(0,a.jsx)(r(),{href:"/jtl-leistungen",className:"inline-flex items-center gap-2 font-semibold text-sm sm:text-base px-6 sm:px-8 py-3 sm:py-3.5 rounded-lg text-white transition-all hover:bg-white/10",style:{border:"2px s

1olid rgba(255,255,255,0.35)"},children:"JTL Leistungen"})]}),(0,a.jsx)("div",{className:`flex gap-6 sm:gap-10 pt-6 border-t border-white/15 ${x} ${e?m:u}`,style:{transitionDelay:"420ms"},children:d.map(e=>(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:"text-xl sm:text-2xl lg:text-3xl font-semibold text-white tabular-nums",children:e.v}),(0,a.jsx)("p",{className:"text-[11px] sm:text-xs text-blue-200/60 uppercase tracking-wide mt-0.5",children:e.l})]},e.l))})]}),(0,a.jsx)("div",{ref:l,className:`flex shrink-0 flex-col items-center self-center lg:self-center w-full lg:w-auto ${x} ${e?"opacity-100 lg:translate-x-0 translate-y-0":"opacity-0 lg:translate-x-8 translate-y-4"}`,style:{transitionDelay:"500ms"},children:(0,a.jsxs)("div",{className:"relative",children:[(0,a.jsxs)("div",{className:"rounded-2xl flex flex-col items-center gap-4 p-6 lg:p-8 w-48 sm:w-52 lg:w-64 xl:w-72",style:{background:"rgba(255,255,255,0.97)",boxShadow:"0 32px 80px rgba(0,0,0,0.45), 0 0 0 1px rgba(255,255,255,0.15)"},children:[(0,a.jsxs)("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-gray-400 flex items-center gap-1.5",children:[(0,a.jsx)(i.A,{className:"w-3.5 h-3.5"})," Zertifiziert"]}),(0,a.jsx)("img",{src:"/assets/jtl-platinum-partner.webp",alt:"JTL Platinum Partner",className:"w-40 sm:w-48 lg:w-56 xl:w-64 h-auto object-contain"}),(0,a.jsxs)("div",{className:"text-center",children:[(0,a.jsx)("p",{className:"text-sm font-semibold text-gray-800 uppercase tracking-wide",children:"JTL Servicepartner"}),(0,a.jsx)("p",{className:"text-sm font-semibold text-slate-500 uppercase tracking-widest mt-1",children:"Platinum"})]})]}),(0,a.jsx)("div",{className:"absolute -inset-4 rounded-3xl pointer-events-none opacity-25",style:{background:"radial-gradient(circle,#94a3b8,transparent 70%)",filter:"blur(14px)"}})]})})]})})]})}},1186:(e,t,s)=>{Promise.resolve().then(s.bind(s,8725)),Promise.resolve().then(s.bind(s,257)),Promise.resolve().then(s.bind(s,7362)),Promise.resolve().then(s.bind(s,4451)),Promise.resolve().then(s.t.bind(s,4966,23))},4451:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>r});var a=s(2098),n=s(7861),l=s(6868);function r(e){let{label:t="Erstgespr\xe4ch vereinbaren",leistung:s,className:r,style:i,arrow:o=!0}=e,{openContactModal:c}=(0,l.$)();return(0,a.jsxs)("button",{type:"button",onClick:()=>c(s),className:r,style:i,children:[t," ",o&&(0,a.jsx)(n.A,{className:"w-4 h-4"})]})}},4770:(e,t,s)=>{"use strict";s.d(t,{A:()=>a});let a=(0,s(3806).A)("award",[["path",{d:"m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526",key:"1yiouv"}],["circle",{cx:"12",cy:"8",r:"6",key:"1vp47v"}]])},7362:(e,t,s)=>{"use strict";s.d(t,{default:()=>d});var a=s(2098),n=s(7834);let l=(0,s(3806).A)("star",[["path",{d:"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z",key:"r04s7s"}]]);var r=s(3181);let i="https://www.jtl-software.com/de/servicepartner/10hoch2_239",o=[{name:"Fabian Lindinger",company:"simple-medics.shop",text:"Die Agentur 10hoch2 hat bei der Installation unserer JTL-WaWi sowie beim Aufsetzen unseres JTL-Shops hervorragende Arbeit geleistet.",rating:5},{name:"Christine Fuchs",company:"LAB.DANUM – Die R\xe4uchermanufaktur",text:"Zuverl\xe4ssig, zeitnah, geradlinig. Beratung und Umsetzung sch\xf6pfen aus einer langj\xe4hrigen Erfahrung von Wissen und Praxis.",rating:5},{name:"Rebecca Eisenberg",company:"",text:"Mit dem Service und der Unterst\xfctzung von 10hoch2 haben wir schon viele Herausforderungen bew\xe4ltigen k\xf6nnen.",rating:5},{name:"Andreas Steinbinder",company:"",text:"Das Team von 10\xb2 ist sehr professionell und kompetent. Hier bekommt man effektive und ma\xdfgeschneiderte L\xf6sungen.",rating:5},{name:"Goran Blagojevic",company:"",text:"Vielen Dank f\xfcr die Implementierung des neuen Warenwirtschaftssystems! Das Team war von A–Z eine gro\xdfe Hilfe f\xfcr uns.",rating:5},{name:"Ralf Blessing",company:"",text:"Sehr gute Zusammenarbeit, zielf\xfchrend und transparent – so macht das Spa\xdf und bringt auch Erfolg.",rating:5}];function c(e){let{n:t}=e;return(0,a.jsx)("div",{className:"flex gap-0.5",children:Array.from({length:t}).map((e,t)=>(0,a.jsx)(l,{className:"w-4 h-4 fill-yellow-400 text-yellow-400"},t))})}function d(){let{ref:e,vis:t}=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:.1,t=(0,n.useRef)(null),[s,a]=(0,n.use

1State)(!1);return(0,n.useEffect)(()=>{let s=t.current;if(!s)return;let n=new IntersectionObserver(e=>{let[t]=e;t.isIntersecting&&(a(!0),n.disconnect())},{threshold:e});return n.observe(s),()=>n.disconnect()},[e]),{ref:t,vis:s}}(),[s,l]=(0,n.useState)(!1),d="transition-all duration-700 ease-out",x="opacity-100 translate-y-0",m="opacity-0 translate-y-8";return(0,a.jsx)("section",{ref:e,className:"bg-gray-50 py-16 sm:py-20 lg:py-24",children:(0,a.jsxs)("div",{className:"max-w-[1440px] mx-auto px-4 sm:px-6 lg:px-14 xl:px-20",children:[(0,a.jsxs)("div",{className:`text-center mb-12 ${d} ${t?x:m}`,children:[(0,a.jsx)("div",{className:"inline-flex items-center gap-2 rounded px-3 py-1.5 mb-4 text-xs font-semibold uppercase tracking-widest",style:{background:"rgba(37,119,188,0.1)",border:"1px solid rgba(37,119,188,0.25)",color:"#2577bc"},children:"Kundenstimmen"}),(0,a.jsx)("h2",{className:"text-3xl sm:text-4xl lg:text-5xl font-semibold text-gray-900 leading-tight",children:"Was unsere Kunden sagen"}),(0,a.jsxs)("p",{className:"text-gray-500 mt-3 max-w-xl mx-auto text-sm sm:text-base",children:["Verifizierte Bewertungen aus dem"," ",(0,a.jsx)("a",{href:i,target:"_blank",rel:"noreferrer",className:"text-brand hover:underline",children:"JTL-Servicepartner-Verzeichnis"}),"."]})]}),(0,a.jsx)("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-5",children:o.map((e,n)=>(0,a.jsxs)("div",{className:`bg-white rounded-xl p-6 flex-col gap-4 ${s||n<2?"flex":n<4?"hidden sm:flex":"hidden lg:flex"} ${d} ${t?x:m}`,style:{transitionDelay:`${70*n}ms`,boxShadow:"0 2px 16px rgba(0,0,0,0.06),0 0 0 1px rgba(0,0,0,0.04)"},children:[(0,a.jsx)(c,{n:e.rating}),(0,a.jsxs)("p",{className:"text-gray-600 text-sm leading-relaxed flex-1",children:["„",e.text,'"']}),(0,a.jsxs)("div",{className:"pt-3 border-t border-gray-100",children:[(0,a.jsx)("p",{className:"font-semibold text-gray-900 text-sm",children:e.name}),e.company&&(0,a.jsx)("p",{className:"text-gray-500 text-xs mt-0.5",children:e.company}),(0,a.jsxs)("a",{href:i,target:"_blank",rel:"noreferrer",className:"inline-flex items-center gap-1 text-gray-400 hover:text-brand text-[11px] mt-1 transition",children:[(0,a.jsx)(r.A,{className:"w-3 h-3"})," ","JTL-Software Servicepartner-Verzeichnis"]})]})]},e.name))}),!s&&(0,a.jsx)("div",{className:"text-center mt-8 lg:hidden",children:(0,a.jsxs)("button",{onClick:()=>l(!0),className:"inline-flex items-center gap-2 text-sm font-semibold text-brand hover:text-brand-dark transition-all px-6 py-3 rounded-lg hover:bg-brand/5 border border-brand/20",children:["Alle ",o.length," Kundenstimmen anzeigen"]})})]})})}},8725:(e,t,s)=>{"use strict";s.d(t,{default:()=>u});var a=s(2098),n=s(7834),l=s(4966),r=s.n(l),i=s(2135),o=s(6175),c=s(7861);let d=(0,s(3806).A)("play",[["polygon",{points:"6 3 20 12 6 21 6 3",key:"1oa8hb"}]]),x=["Feste Ansprechpartner – kein anonymes Callcenter","Transparente Abrechnung im 15-Minuten-Takt","Von der Konzeption bis zum laufenden Betrieb","Remote & Vor-Ort-Service im Raum Deutschland"];function m(e){let{onClose:t}=e;return(0,n.useEffect)(()=>{let e=e=>"Escape"===e.key&&t();return document.addEventListener("keydown",e),document.body.style.overflow="hidden",()=>{document.removeEventListener("keydown",e),document.body.style.overflow=""}},[t]),(0,a.jsx)("div",{className:"fixed inset-0 z-[95] bg-black/95 flex items-center justify-center p-3 sm:p-6",onClick:t,children:(0,a.jsxs)("div",{className:"relative w-full max-w-5xl",onClick:e=>e.stopPropagation(),children:[(0,a.jsxs)("button",{onClick:t,className:"absolute -top-8 right-0 flex items-center gap-1 text-white/60 hover:text-white text-xs transition",children:[(0,a.jsx)(i.A,{className:"w-4 h-4"})," Schlie\xdfen (ESC)"]}),(0,a.jsx)("div",{className:"aspect-video bg-black rounded-xl overflow-hidden shadow-2xl",children:(0,a.jsx)("video",{src:"/assets/unternehmensvideo.mp4",controls:!0,autoPlay:!0,playsInline:!0,className:"w-full h-full"})})]})})}function u(){let[e,t]=(0,n.useState)(!1),{ref:s,vis:l}=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:.15,t=(0,n.useRef)(null),[s,a]=(0,n.use

1State)(!1);return(0,n.useEffect)(()=>{let s=t.current;if(!s)return;let n=new IntersectionObserver(e=>{let[t]=e;t.isIntersecting&&(a(!0),n.disconnect())},{threshold:e});return n.observe(s),()=>n.disconnect()},[e]),{ref:t,vis:s}}(),i="transition-all duration-700 ease-out",u="opacity-100 translate-y-0",g="opacity-0 translate-y-8";return(0,a.jsxs)(a.Fragment,{children:[e&&(0,a.jsx)(m,{onClose:()=>t(!1)}),(0,a.jsx)("section",{ref:s,className:"relative overflow-hidden",style:{background:"linear-gradient(135deg,#f0f5fb 0%,#e8f0f8 50%,#f5f8fc 100%)"},children:(0,a.jsx)("div",{className:"relative z-10 w-full max-w-[1440px] mx-auto px-4 sm:px-6 lg:px-14 xl:px-20 py-16 sm:py-20 lg:py-24",children:(0,a.jsxs)("div",{className:"flex flex-col lg:flex-row items-start lg:items-center gap-10 lg:gap-16",children:[(0,a.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,a.jsx)("div",{className:`inline-flex items-center gap-2 rounded px-3 py-1.5 mb-6 text-xs font-semibold uppercase tracking-widest ${i} ${l?u:g}`,style:{background:"rgba(37,119,188,0.1)",border:"1px solid rgba(37,119,188,0.25)",color:"#2577bc",transitionDelay:"0ms"},children:"\xdcber 10hoch2"}),(0,a.jsx)("div",{className:`${i} ${l?u:g}`,style:{transitionDelay:"100ms"},children:(0,a.jsxs)("h2",{className:"font-semibold leading-tight mb-6 text-gray-900",children:[(0,a.jsx)("span",{className:"block text-3xl sm:text-4xl lg:text-5xl xl:text-[3rem]",children:"Mehr als eine Agentur."}),(0,a.jsx)("span",{className:"block text-2xl sm:text-3xl lg:text-4xl xl:text-[2.5rem] mt-1 text-brand",children:"Ihr verl\xe4sslicher IT-Partner."})]})}),(0,a.jsx)("p",{className:`text-gray-500 text-sm sm:text-base lg:text-lg leading-relaxed mb-6 max-w-xl ${i} ${l?u:g}`,style:{transitionDelay:"180ms"},children:"Seit \xfcber 15 Jahren unterst\xfctzen wir H\xe4ndler und Unternehmen mit pers\xf6nlicher Beratung, technischer Umsetzung und langfristiger Betreuung."}),(0,a.jsx)("ul",{className:`space-y-3 mb-8 ${i} ${l?u:g}`,style:{transitionDelay:"260ms"},children:x.map((e,t)=>(0,a.jsxs)("li",{className:`flex items-start gap-3 text-sm sm:text-base text-gray-600 ${i} ${l?u:g}`,style:{transitionDelay:`${260+60*t}ms`},children:[(0,a.jsx)(o.A,{className:"w-4 h-4 text-brand mt-0.5 shrink-0"})," ",e]},e))}),(0,a.jsxs)("div",{className:`flex flex-wrap gap-3 ${i} ${l?u:g}`,style:{transitionDelay:"520ms"},children:[(0,a.jsxs)(r(),{href:"/ueber-uns",className:"inline-flex items-center gap-2 font-semibold text-sm sm:text-base px-6 py-3 rounded-lg text-white bg-brand hover:bg-brand-dark transition-all",children:["\xdcber uns ",(0,a.jsx)(c.A,{className:"w-4 h-4"})]}),(0,a.jsxs)("button",{onClick:()=>t(!0),className:"inline-flex items-center gap-2 font-semibold text-sm sm:text-base px-6 py-3 rounded-lg text-brand transition-all hover:bg-brand/5",style:{border:"1.5px solid rgba(37,119,188,0.35)"},children:[(0,a.jsx)(d,{className:"w-4 h-4 fill-brand"})," Imagefilm ansehen"]})]})]}),(0,a.jsx)("div",{className:`shrink-0 w-full sm:w-96 lg:w-[440px] xl:w-[500px] ${i} ${l?"opacity-100 translate-x-0":"opacity-0 translate-x-10"}`,style:{transitionDelay:"300ms"},children:(0,a.jsxs)("button",{onClick:()=>t(!0),className:"group relative w-full focus:outline-none block cursor-pointer","aria-label":"Imagefilm abspielen",children:[(0,a.jsx)("div",{className:"absolute -inset-3 rounded-2xl opacity-0 group-hover:opacity-60 transition-opacity duration-500 pointer-events-none",style:{background:"radial-gradient(circle,rgba(37,119,188,0.2),transparent 70%)",filter:"blur(20px)"}}),(0,a.jsxs)("div",{className:"relative rounded-2xl overflow-hidden",style:{boxShadow:"0 20px 50px rgba(0,0,0,0.12), 0 0 0 1px rgba(0,0,0,0.06)"},children:[(0,a.jsx)("img",{src:"/assets/hero-grafik.png",alt:"10hoch2 Imagefilm",className:"w-full h-auto block transition-transform duration-700 group-hover:scale-[1.02]"}),(0,a.jsx)("div",{className:"absolute inset-0 bg-brand/0 group-hover:bg-brand/5 transition-all duration-300 rounded-2xl"})]})]})})]})})})]})}}},e=>{e.O(0,[4966,1517,6868,554,1784,7358],()=>e(e.s=1186)),_N_E=e.O()}]);