https://creativeencode.com/_next/static/chunks/2890-3cdf5646b6bff073.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2890],{22890:function(e,t,s){s.r(t);var l=s(57437),r=s(12381),a=s(33276),i=s(86595),n=s(33327),o=s(31047),d=s(53417),c=s(96362),x=s(27648);s(99376);var m=s(2265),u=s(90636);let f=[{id:1,name:"Aiden & Sydney",company:"Circlez",role:"Co-Founder",city:"United States",videoUrl:"https://www.youtube.com/embed/UZvTtI9txqE",quote:"They transformed our ideas into a fully functional product. Communication was smooth throughout the project, and their support helped bring it successfully live.",initials:"A&S"},{id:2,name:"Christoph",company:"24hdrop",role:"Director",city:"Austria",videoUrl:"https://www.youtube.com/embed/4IpJ-mqafHU",initials:"C"},{id:3,name:"Tabish",company:"Laidlaw & Company",role:"Associate",city:"United States",videoUrl:"https://www.youtube.com/embed/NswHvvCg7TM",initials:"T"}];t.default=()=>{let[e,t]=(0,m.useState)(),[s,h]=(0,m.useState)(0),[p,b]=(0,m.useState)(0),[g,j]=(0,m.useState)({}),v=e=>{let t=g[e.id],s=e.videoUrl.split("/embed/")[1];return t?(0,l.jsx)("iframe",{src:"".concat(e.videoUrl,"?autoplay=1"),title:"".concat(e.name," testimonial"),allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,className:"absolute inset-0 w-full h-full"}):(0,l.jsxs)("div",{className:"absolute inset-0 w-full h-full group/video",children:[(0,l.jsx)("img",{src:"https://img.youtube.com/vi/".concat(s,"/hqdefault.jpg"),alt:"".concat(e.name," testimonial thumbnail"),className:"w-full h-full object-cover transition-transform duration-500 group-hover/video:scale-105"}),(0,l.jsx)("button",{onClick:()=>j(t=>({...t,[e.id]:!0})),className:"absolute inset-0 flex items-center justify-center bg-black/30 hover:bg-black/45 transition-colors duration-300","aria-label":"Play ".concat(e.name," testimonial"),children:(0,l.jsx)("div",{className:"w-16 h-16 rounded-full bg-red-500 hover:bg-red-600 flex items-center justify-center shadow-lg transition-transform duration-300 hover:scale-110",children:(0,l.jsx)(a.Z,{className:"w-8 h-8 text-white fill-current ml-1"})})})]})};(0,m.useEffect)(()=>{e&&(b(e.scrollSnapList().length),h(e.selectedScrollSnap()+1),e.on("select",()=>{h(e.selectedScrollSnap()+1)}))},[e]);let w=f[0],N=f.slice(1);return(0,l.jsxs)("section",{id:"testimonials",className:"py-8 md:py-16 relative overflow-hidden bg-gradient-secondary ",children:[(0,l.jsx)("div",{className:"hidden md:block absolute top-10 right-10 w-40 h-40 bg-[radial-gradient(#e5e7eb_2px,transparent_2px)] [background-size:16px_16px] z-0 opacity-60"}),(0,l.jsxs)("div",{className:"container lg:px-8 2xl:px-4 relative z-10",children:[(0,l.jsxs)("div",{className:"text-center mb-8",children:[(0,l.jsx)("div",{className:"inline-flex items-center px-4 py-2 rounded-full bg-primary/10 text-primary text-sm 2xl:text-base uppercase font-medium mb-4",children:"Clients Success Stories"}),(0,l.jsxs)("h2",{className:"text-3xl md:text-3xl lg:text-4xl font-heading font-semibold text-foreground mb-4",children:["What Our ",(0,l.jsx)("span",{className:"text-red-500",children:"Clients Say"})]}),(0,l.jsx)("p",{className:"text-md md:text-lg text-muted-foreground max-w-3xl mx-auto",children:"Our clients value not just our technical expertise, but our ability to deliver consistently, communicate clearly, and act as a true extension of their team."})]}),(0,l.jsx)("div",{className:"bg-white rounded-[2rem] sm:p-4 lg:p-6 mb-6 sm:mb-12 shadow-[0_8px_30px_rgb(0,0,0,0.04)] border border-border/40",children:(0,l.jsxs)("div",{className:"flex flex-col lg:flex-row gap-4 lg:gap-12",children:[(0,l.jsx)("div",{className:"w-full lg:w-1/2 relative rounded-2xl overflow-hidden bg-gray-900 aspect-video lg:aspect-auto sm:min-h-[350px]",children:v(w)}),(0,l.jsxs)("div",{className:"w-full lg:w-1/2 flex flex-col justify-center p-4 lg:p-8 relative",children:[(0,l.jsx)("div",{className:"absolute top-0 right-10 text-[180px] leading-none font-serif text-red-50/50 -z-10 select-none",children:'"'}),(0,l.jsx)("div",{className:"hidden md:block text-red-500 mb-8 z-10",children:(0,l.jsx)("svg",{width:"56",height:"56",viewBox:"0 0 48 48",fill:"

1currentColor",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)("path",{d:"M14 12C9.58172 12 6 15.5817 6 20V26H14C14 30.4183 10.4183 34 6 34V38C12.6274 38 18 32.6274 18 26V12H14ZM34 12C29.5817 12 26 15.5817 26 20V26H34C34 30.4183 30.4183 34 26 34V38C32.6274 38 38 32.6274 38 26V12H34Z",fill:"currentColor"})})}),(0,l.jsx)("h3",{className:"hidden md:block text-2xl lg:text-3xl font-semibold text-foreground leading-[1.4] mb-12 z-10",children:w.quote}),(0,l.jsxs)("div",{className:"flex items-center gap-4 mt-auto z-10",children:[(0,l.jsx)("div",{className:"w-12 h-12 rounded-full bg-red-500 text-white flex items-center justify-center font-bold text-sm shadow-md shrink-0",children:w.initials}),(0,l.jsxs)("div",{children:[(0,l.jsx)("h3",{className:"font-semibold text-md md:text-xl text-foreground",children:w.name}),(0,l.jsxs)("p",{className:"text-muted-foreground text-sm md:text-base",children:[w.role,", ",w.company]}),(0,l.jsxs)("span",{className:"text-muted-foreground text-sm md:text-base",children:[" ",w.city]})]})]})]})]})}),(0,l.jsx)("div",{className:"mb-8",children:(0,l.jsx)(u.Carousel,{setApi:t,className:"w-full",opts:{align:"start",loop:!0},children:(0,l.jsx)(u.CarouselContent,{className:"-ml-4 flex flex-col md:flex-row gap-y-6 justify-center",children:N.map(e=>(0,l.jsx)(u.CarouselItem,{className:"pl-4 md:basis-1/2 lg:basis-1/2",children:(0,l.jsxs)("div",{className:"bg-white rounded-3xl p-3- shadow-sm border border-border/40 transition-shadow group h-full",children:[(0,l.jsx)("div",{className:"relative aspect-video bg-gray-900 rounded-t-2xl overflow-hidden mb-5",children:v(e)}),(0,l.jsxs)("div",{className:"flex items-center gap-4 px-4 pb-6",children:[(0,l.jsx)("div",{className:"w-12 h-12 rounded-full bg-red-500 text-white flex items-center justify-center font-bold text-sm shrink-0 shadow-sm",children:e.initials}),(0,l.jsxs)("div",{children:[(0,l.jsx)("h3",{className:"font-semibold text-foreground text-md md:text-xl mb-0.5",children:e.name}),(0,l.jsxs)("p",{className:"text-sm md:text-base text-muted-foreground",children:[e.role,", ",e.company]}),(0,l.jsx)("span",{className:"text-muted-foreground text-sm md:text-base",children:e.city})]})]})]})},e.id))})})}),(0,l.jsxs)("div",{className:"flex flex-col max-[1200px]:flex-col min-[1200px]:flex-row gap-6 mb-8",children:[(0,l.jsxs)("div",{className:"w-full min-[1200px]:w-[35%] bg-[#1b1f2e] rounded-[2rem] p-8 lg:p-10 text-white relative flex flex-col shadow-lg",children:[(0,l.jsx)("div",{className:"absolute -right-20 -bottom-20 w-64 h-64 bg-white/5 rounded-full blur-3xl pointer-events-none"}),(0,l.jsx)("div",{className:"text-[11px] font-bold text-gray-400 tracking-[0.15em] mb-2 uppercase",children:"Reviewed On"}),(0,l.jsx)("div",{className:"flex items-center mb-8",children:(0,l.jsx)("span",{className:"text-[2rem] font-semibold tracking-tight leading-none",children:"Clutch"})}),(0,l.jsxs)("div",{className:"flex items-center gap-5 mb-10",children:[(0,l.jsx)("div",{className:"text-[2rem] font-bold leading-none",children:"5.0"}),(0,l.jsxs)("div",{className:"flex gap-3",children:[(0,l.jsxs)("div",{className:"flex text-red-500 gap-1",children:[(0,l.jsx)(i.Z,{className:"w-[18px] h-[18px] fill-current"}),(0,l.jsx)(i.Z,{className:"w-[18px] h-[18px] fill-current"}),(0,l.jsx)(i.Z,{className:"w-[18px] h-[18px] fill-current"}),(0,l.jsx)(i.Z,{className:"w-[18px] h-[18px] fill-current"}),(0,l.jsx)(i.Z,{className:"w-[18px] h-[18px] fill-current"})]}),(0,l.jsx)("div",{className:"text-[13px] text-gray-400 font-medium",children:"5 Reviews"})]})]}),(0,l.jsxs)("div",{className:"mt-auto border border-white/10 rounded-2xl overflow-hidden flex flex-col relative z-10",children:[(0,l.jsxs)("div",{className:"flex items-center justify-between p-5 border-b border-white/10",children:[(0,l.jsxs)("div",{className:"flex items-center gap-4 text-[15px] font-medium text-gray-200",children:[(0,l.jsx)(n.Z,{className:"w-5 h-5 text-red-400",strokeWidth:1.5})," Quality"]}),(0,l.jsx)("div",{className:"font-bold text-[15px]",children:"5.0"})]}),(0,l.jsxs)("div",{className:"flex items-center justify-between p-5 border-b border-white/10",children:[(0,l.jsxs)("div",{className:"flex items-center gap-4 text-[15px] font-medium text-gray-200",children:[(0,l.jsx)(o.Z,{className:"w-5 h-5 text-red-400",strokeWidth:1.5})," Schedule"]}),(0,l.jsx)("div",{className:"font-bold text-[15px]",children:"5.0"})]}),(0,l.jsxs)("div",{className:"flex items-center justify-between p-5",children:[(0,l.jsxs)("div",{className:"flex items-center gap-4 text-[15px] font-medium text-gray-200",children:[(0,l.jsx)(d.Z,{className:"w-5 h-5 text-red-400",strokeWidth:1.5})," Communication"]}),(0,l.jsx)("div",{className:"font-bold text-[15px]",children:"5.0"})]})]})]}),(0,l.jsxs)("div",{className:"w-full min-[1200px]:w-[65%] bg-white border border-border/50 shadow-sm rounded-[2rem] p-6 lg:p-10 flex flex-col lg:flex-row items-start gap-8 lg:gap-10",children:[(0,l.jsxs)("div",{className:"flex-1 flex flex-col",children:[(0,l.jsx)("div",{className:"text-[11px] font-bold text-red-500 tracking-[0.15em] mb-4 uppercase",children:"Featured Review"}),(0,l.jsxs)("h3",{className:"text-2xl md:text-3xl font-semibold text-foreground leading-[1.3] mb-4",children:["Custom Software Dev for",(0,l.jsx)("br",{}),"Insurance Company"]}),(0,l.jsx)("p",{className:"text-muted-foreground text-md leading-relaxed mb-8",children:"Creative Encode Technologies launched the project and is keeping track of the business milestones, MVP, and client demos. The team uses Trello to specify needs necessary for logical and business process context. They're currently maintaining the project's functionality for smooth operation."}),(0,l.jsxs)("div",{children:[(0,l.jsx)("div",{className:"w-full h-px bg-border/60 mb-6"}),(0,l.jsx)("div",{className:"font-semibold text-md text-foreground mb-4",children:"The Reviewer"}),(0,l.jsxs)("div",{className:"flex items-center  gap-3",children:[(0,l.jsx)("div",{className:"w-10 h-10 rounded-full border border-border flex items-center justify-center shrink-0 bg-gray-50/50",children:(0,l.jsx)("svg",{className:"w-5 h-5 text-gray-400",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"})})}),(0,l.jsxs)("div",{children:[(0,l.jsx)("div",{className:"text-[16px] font-semibold text-muted-foreground mb-1",children:"CTO, Yokahu"}),(0,l.jsx)("div",{className:"text-[16px] font-semibold text-muted-foreground mb-1",children:"United Kingdom"})]})]})]})]}),(0,l.jsxs)("div",{className:"w-full lg:w-[300px] shrink-0 flex flex-col gap-10",children:[(0,l.jsxs)("div",{className:"bg-[#fff1f2] rounded-[1.25rem] p-6 flex flex-col",children:[(0,l.jsxs)("div",{className:"flex items-center gap-3 mb-5",children:[(0,l.jsx)("span",{className:"text-[2.5rem] font-bold text-foreground leading-none",children:"5.0"}),(0,l.jsxs)("div",{className:"flex text-red-500 gap-[2px] mt-1",children:[(0,l.jsx)(i.Z,{className:"w-[18px] h-[18px] fill-current"}),(0,l.jsx)(i.Z,{className:"w-[18px] h-[18px] fill-current"}),(0,l.jsx)(i.Z,{className:"w-[18px] h-[18px] fill-current"}),(0,l.jsx)(i.Z,{className:"w-[18px] h-[18px] fill-current"}),(0,l.jsx)(i.Z,{className:"w-[18px] h-[18px] fill-current"})]})]}

1),(0,l.jsx)("p",{className:"text-foreground/80 text-md leading-relaxed font-medium mb-6",children:'"They are time-efficient and the work is of a high quality."'}),(0,l.jsx)("p",{className:"text-[13px] text-muted-foreground font-medium",children:"Mar 23, 2021"})]}),(0,l.jsx)(x.default,{href:"https://clutch.co/go-to-review/751c7a0e-f536-428c-8aa0-f82e4f2b2b5f/104530",target:"_blank",rel:"noopener noreferrer",className:"w-full",children:(0,l.jsxs)(r.z,{variant:"outline",className:"w-full rounded-xl  bg-gradient-primary flex items-center justify-center gap-2 font-semibold px-3 py-4 h-auto text-white text-sm 2xl:text-base",children:["View Full Review on Clutch ",(0,l.jsx)(c.Z,{className:"w-[14px] h-[14px]"})]})})]})]})]})]})]})}},90636:function(e,t,s){s.d(t,{Carousel:function(){return m},CarouselContent:function(){return u},CarouselItem:function(){return f},CarouselNext:function(){return p},CarouselPrevious:function(){return h},K:function(){return b}});var l=s(57437),r=s(2265),a=s(9467),i=s(32660),n=s(76858),o=s(93448),d=s(12381);let c=r.createContext(null);function x(){let e=r.useContext(c);if(!e)throw Error("useCarousel must be used within a <Carousel />");return e}let m=r.forwardRef((e,t)=>{let{orientation:s="horizontal",opts:i,setApi:n,plugins:d,className:x,children:m,...u}=e,[f,h]=(0,a.Z)({...i,axis:"horizontal"===s?"x":"y"},d),[p,b]=r.useState(!1),[g,j]=r.useState(!1),v=r.useCallback(e=>{e&&(b(e.canScrollPrev()),j(e.canScrollNext()))},[]),w=r.useCallback(()=>{null==h||h.scrollPrev()},[h]),N=r.useCallback(()=>{null==h||h.scrollNext()},[h]),y=r.useCallback(e=>{"ArrowLeft"===e.key?(e.preventDefault(),w()):"ArrowRight"===e.key&&(e.preventDefault(),N())},[w,N]);return r.useEffect(()=>{h&&n&&n(h)},[h,n]),r.useEffect(()=>{if(h)return v(h),h.on("reInit",v),h.on("select",v),()=>{null==h||h.off("select",v)}},[h,v]),(0,l.jsx)(c.Provider,{value:{carouselRef:f,api:h,opts:i,orientation:s||((null==i?void 0:i.axis)==="y"?"vertical":"horizontal"),scrollPrev:w,scrollNext:N,canScrollPrev:p,canScrollNext:g},children:(0,l.jsx)("div",{ref:t,onKeyDownCapture:y,className:(0,o.cn)("relative",x),role:"region","aria-roledescription":"carousel",...u,children:m})})});m.displayName="Carousel";let u=r.forwardRef((e,t)=>{let{className:s,...r}=e,{carouselRef:a,orientation:i}=x();return(0,l.jsx)("div",{ref:a,className:"overflow-hidden",children:(0,l.jsx)("div",{ref:t,className:(0,o.cn)("flex","horizontal"===i?"-ml-4":"-mt-4 flex-col",s),...r})})});u.displayName="CarouselContent";let f=r.forwardRef((e,t)=>{let{className:s,...r}=e,{orientation:a}=x();return(0,l.jsx)("div",{ref:t,role:"group","aria-roledescription":"slide",className:(0,o.cn)("min-w-0 shrink-0 grow-0 basis-full","horizontal"===a?"pl-4":"pt-4",s),...r})});f.displayName="CarouselItem";let h=r.forwardRef((e,t)=>{let{className:s,variant:r="outline",size:a="icon",...n}=e,{orientation:c,scrollPrev:m,canScrollPrev:u}=x();return(0,l.jsxs)(d.z,{ref:t,variant:r,size:a,className:(0,o.cn)("absolute h-8 w-8 rounded-full","horizontal"===c?"-left-12 top-1/2 -translate-y-1/2":"-top-12 left-1/2 -translate-x-1/2 rotate-90",s),disabled:!u,onClick:m,...n,children:[(0,l.jsx)(i.Z,{className:"h-4 w-4 text-white"}),(0,l.jsx)("span",{className:"sr-only",children:"Previous slide"})]})});h.displayName="CarouselPrevious";let p=r.forwardRef((e,t)=>{let{className:s,variant:r="outline",size:a="icon",...i}=e,{orientation:c,scrollNext:m,canScrollNext:u}=x();return(0,l.jsxs)(d.z,{ref:t,variant:r,size:a,className:(0,o.cn)("absolute h-8 w-8 rounded-full","horizontal"===c?"-right-12 top-1/2 -translate-y-1/2":"-bottom-12 left-1/2 -translate-x-1/2 rotate-90",s),disabled:!u,onClick:m,...i,children:[(0,l.jsx)(n.Z,{className:"h-4 w-4 text-white"}),(0,l.jsx)("span",{className:"sr-only",children:"Next slide"})]})});p.displayName="CarouselNext";let b=r.forwardRef((e,t)=>{let{className:s,...a}=e,{api:i}=x(),[n,d]=r.useState(0),[c,m]=r.useState(0),u=r.useCallback(e=>{d(e.selectedScrollSnap()),m(e.scrollSnapList().length)},[]);return r.useEffect(()=>{if(i)return u(i),i.on("reInit",u),i.on("select",u),()=>{i.off("reInit",u),i.off("select",u)}},[i,u]),(0,l.jsx)("div",{ref:t,className:(0,o.cn)("flex items-center justify-center",s

1),...a,children:(0,l.jsx)("div",{className:"flex items-center gap-2",children:Array.from({length:Math.max(0,c)}).map((e,t)=>(0,l.jsx)("button",{"aria-label":"Go to slide ".concat(t+1),className:(0,o.cn)("h-3 w-3 rounded-full transition-all",n===t?"bg-red-500 scale-100":"bg-red-200/80 hover:bg-red-300 scale-90"),onClick:()=>i&&i.scrollTo(t)},t))})})});b.displayName="CarouselIndicators"}}]);