https://bela-showcase-magic.lovable.app/assets/Testimonials-D_dobxuM.js

1import{j as e,m as d,Y as x,_ as u}from"./ui-vendor-BgXacqjX.js";import{r}from"./react-vendor-7zPxwHO6.js";import{p as h,B as p}from"./index-_fjTU7_l.js";const g="/assets/reference-vogt-j7awhC5g.webp",t={company:"Holzhandel Vogt",description:"Holzhandel Vogt ist ein etablierter Partner für Bau, Handwerk und private Projekte in Oldenburg und Umgebung. Für das Unternehmen stellen wir sicher, dass diese Expertise und die Produktvielfalt auch online die passende Sichtbarkeit erhalten. Unsere Aufgaben umfassen die vollumfängliche Betreuung der Social-Media-Kanäle: Von der strategischen Content-Erstellung über die Gestaltung und das zielgruppenorientierte Ausspielen von Anzeigen bis hin zur laufenden Betreuung.",descriptionEn:"Holzhandel Vogt is an established partner for construction, trade and private projects in and around Oldenburg. We make sure that this expertise and the breadth of their product range get the visibility they deserve online. Our work covers the full management of their social media channels: from strategic content creation and ad design to targeted ad delivery and ongoing support.",services:["Social Media Management","Content-Erstellung","Ad-Management","Laufende Betreuung"],servicesEn:["Social Media Management","Content Creation","Ad Management","Ongoing Support"],website:"https://www.holzhandel-vogt.de",videoUrl:"/videos/vogt-testimonial.mp4",logo:g},f=r.memo(()=>{const{lang:c,t:s}=h(),l=c==="en",[a,o]=r.useState(!1),i=r.useRef(null),m=()=>{i.current&&(a?i.current.pause():i.current.play(),o(!a))};return e.jsx("section",{className:"section-paper-alt py-24 md:py-32 relative overflow-hidden",children:e.jsxs("div",{className:"container mx-auto px-4 relative z-10",children:[e.jsxs(d.div,{className:"text-center mb-16 space-y-4",initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.6},children:[e.jsxs("h2",{className:"display text-4xl md:text-6xl",children:[s("Das sagen","What our")," ",e.jsx("span",{className:"bg-gradient-to-r from-teal-600 to-emerald-600 bg-clip-text text-transparent inline-block",children:s("unsere Kunden.","clients say.")})]}),e.jsx("p",{className:"text-lg text-ink-soft max-w-2xl mx-auto",children:s("Echte Stimmen von Unternehmen, die mit uns gewachsen sind.","Real voices from businesses that have grown with us.")})]}),e.jsx(d.div,{className:"max-w-6xl mx-auto",initial:{opacity:0,y:40},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.7,delay:.2},children:e.jsxs("div",{className:"flex flex-col md:grid md:grid-cols-2 gap-0 rounded-2xl overflow-hidden bg-white border border-hairline shadow-[0_1px_2px_rgba(15,27,42,0.04),0_24px_60px_-32px_rgba(15,27,42,0.3)]",children:[e.jsxs("div",{className:"relative aspect-[9/16] md:aspect-auto md:min-h-[480px] bg-black cursor-pointer group",onClick:m,children:[e.jsx("video",{ref:i,src:t.videoUrl,className:"absolute inset-0 w-full h-full object-cover",playsInline:!0,onEnded:()=>o(!1)}),e.jsx("div",{className:`absolute inset-0 flex items-center justify-center bg-black/30 transition-opacity duration-300 ${a?"opacity-0 hover:opacity-100":"opacity-100"}`,children:e.jsx("div",{className:"w-20 h-20 rounded-full bg-gradient-to-r from-teal-500 to-emerald-500 flex items-center justify-center shadow-2xl",children:a?e.jsx(x,{className:"w-8 h-8 text-white"}):e.jsx(u,{className:"w-8 h-8 text-white ml-1"})})})]}),e.jsxs("div",{className:"p-8 md:p-10 flex flex-col justify-between",children:[e.jsxs("div",{className:"space-y-5",children:[e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx("div",{className:"w-16 h-16 bg-white rounded-xl p-2 flex items-center justify-center",children:e.jsx("img",{src:t.logo,alt:t.company,className:"max-w-full max-h-full object-contain"})}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-2xl md:text-3xl font-bold text-ink",children:t.company}),e.jsx("p",{className:"text-sm text-ink-soft",children:s("Kundenstimme","Client testimonial")})]})]}),e.jsx("p",{className:"text-ink-soft leading-relaxed",children:l?t.descriptionEn:t.description}),e.jsx("div",{className:"flex flex-wrap gap-2 pt-2",children:(l?t.servicesEn:t.services).map(n=>e.jsx("span",{className:"px-3 py-1 text-xs font-medium bg-gradient-to-r from-teal-500 to-emerald-500 text-white rounded-full",children:n},n))})]}),e.jsx("div",{className:"pt-6 mt-auto",children:e.jsxs("div",{className:"rounded-xl bg-gradient-to-r from-teal-500/10 to-emerald-500/10 border border-teal-500/20 p-5 space-y-3",children:[e.jsx("p",{className:"text-lg md:text-xl font-semibold bg-gradient-to-r from-teal-500 to-emerald-500 bg-clip-text text-transparent",children:s("Das könnte de

1ine Erfolgsgeschichte sein","This could be your success story")}),e.jsx(p,{size:"lg",className:"w-full bg-gradient-to-r from-teal-500 to-emerald-500 text-white hover:from-teal-600 hover:to-emerald-600 shadow-lg",onClick:()=>{const n=document.getElementById("contact");n&&n.scrollIntoView({behavior:"smooth"})},children:s("Jetzt Kontakt aufnehmen","Get in touch now")})]})})]})]})})]})})});f.displayName="Testimonials";export{f as Testimonials};