import{a as _,S as v}from"./swiper-vue-BdOtC00B.js";import{N as b}from"./navigation-Ielkip6D.js";import{a as d}from"./assets-Cpj_8Xu4.js";import{_ as a}from"./translate-DYDKMDxs.js";import{y as r,z as n,A as e,C as i,E as s,H as c,Q as g,I as m,F as p,B as u}from"./runtime-dom.esm-bundler-COsyWSZ4.js";import"./index.esm2017-BwYSbQyX.js";const h={class:"py-20 relative overflow-x-hidden"},w={class:"container"},x={class:"text-center"},S={class:"text-sm font-medium py-1 px-3 rounded-full text-primary bg-primary/10"},y={class:"md:text-3xl text-xl font-semibold my-5"},k={class:"relative"},B={class:"p-6 bg-white rounded"},C={class:"flex gap-1 items-center text-yellow-500 text-base mb-4"},I={class:"fa-solid fa-star"},T={class:"text-slate-800"},j={class:"flex items-center gap-3 mt-5"},N=["src"],V={class:"text-sm mb-0"},E={class:"text-slate-500 text-sm mb-0"},L={__name:"SaasTestimonial",setup(P){const l=[{name:"Jerome Bell",position:"Product Manager",image:d("images/avatars/img-1.jpg")},{name:"Theresa Boone",position:"Web Designer",image:d("images/avatars/img-2.jpg")}],f=[{testimonial:"Have been working with CSS for over ten years and Tailwind just makes my life easier. It is still CSS and you use flex, grid, etc. but just quicker to write and maintain.",stars:5,user:l[0]},{testimonial:"I was bad at front-end until I discovered with Tailwind CSS. I have learnt a lot more about design and CSS itself after I started working with Tailwind.",stars:5,user:l[1]}];return(D,o)=>(n(),r("section",h,[e("div",w,[e("div",x,[e("span",S,i(s(a)("Testimonials")),1),e("h2",y,i(s(a)("What people say")),1)]),e("div",k,[o[0]||(o[0]=e("div",{class:"hidden sm:block"},[e("div",{class:"before:w-24 before:h-24 before:absolute before:-top-10 before:-end-10 before:bg-[url('@prompt/assets/pattern/dot3.svg')]"}),e("div",{class:"after:w-24 after:h-24 after:absolute after:-bottom-10 after:-start-10 after:bg-[url('@prompt/assets/pattern/dot3.svg')]"})],-1)),c(s(v),{modules:[s(b)],"slides-per-view":1,"space-between":30,navigation:{nextEl:".button-next",prevEl:".button-prev"},breakpoints:{768:{slidesPerView:2},1024:{slidesPerView:3}},class:"swiper"},{default:m(()=>[(n(),r(p,null,u(f,t=>c(s(_),{key:t.testimonial},{default:m(()=>[e("div",B,[e("div",C,[(n(!0),r(p,null,u(t.stars,F=>(n(),r("i",I))),256))]),e("p",T,i(s(a)(t.testimonial)),1),e("div",j,[e("img",{src:t.user.image,class:"h-10 w-10 rounded-full"},null,8,N),e("div",null,[e("h6",V,i(s(a)(t.user.name)),1),e("p",E,i(s(a)(t.user.position)),1)])])])]),_:2},1024)),64))]),_:1},8,["modules"]),o[1]||(o[1]=g('<div class="flex items-center justify-center gap-5 mt-14"><div class="button-prev"><i class="fa-solid fa-arrow-left"></i></div><div class="button-next"><i class="fa-solid fa-arrow-right"></i></div></div>',1))])])]))}};export{L as default};