import{_ as p}from"./Default.vue_vue_type_script_setup_true_lang-Dw6LyT6w.js";import m from"./Portfolio-C4UV-DYD.js";import{S as h,a as v}from"./swiper-vue-BdOtC00B.js";import{N as f}from"./navigation-Ielkip6D.js";import{a as s}from"./assets-Cpj_8Xu4.js";import{d as x,O as w,z as u,I as l,H as i,A as e,G as n,E as o,y as b,F as y,B as k,C as d}from"./runtime-dom.esm-bundler-COsyWSZ4.js";import"./Navbar.vue_vue_type_script_setup_true_lang-Dl3VmbUN.js";import"./index.esm2017-BwYSbQyX.js";import"./BackToTop.vue_vue_type_script_setup_true_lang-DF4yoElH.js";const C={class:"py-20"},j={class:"container"},_={class:"grid lg:grid-cols-2 grid-cols-1 gap-6","data-aos":"fade-up","data-aos-duration":"600"},S={class:"group relative mt-12 hover:opacity-80"},I={class:"pt-12 ps-12 bg-slate-300/20 group-hover:bg-white/10 rounded-md group-hover:shadow-lg transition-all duration-300"},L=["src"],B={class:"group relative mt-12 hover:opacity-80"},D={class:"pt-12 ps-12 bg-slate-300/20 group-hover:bg-white/10 rounded-md group-hover:shadow-lg transition-all duration-300"},P=["src"],M={class:"grid lg:grid-cols-2 grid-cols-1 gap-6","data-aos":"fade-up","data-aos-duration":"600"},z={class:"group relative mt-12 hover:opacity-80"},T={class:"pt-12 ps-12 bg-slate-300/20 group-hover:bg-white/10 rounded-md group-hover:shadow-lg transition-all duration-300"},V=["src"],A={class:"group relative mt-12 hover:opacity-80"},W={class:"pt-12 ps-12 bg-slate-300/20 group-hover:bg-white/10 rounded-md group-hover:shadow-lg transition-all duration-300"},Z=["src"],E={class:"py-20 relative overflow-x-hidden bg-gradient-to-b from-red-500/5 to-amber-500/5","data-aos":"fade-up","data-aos-duration":"600"},U={class:"absolute top-0 inset-x-0 hidden sm:block"},H=["src"],N={class:"container relative"},F={class:"relative z-20"},q={class:"relative"},X={class:"p-12 bg-white border"},Y={class:"flex items-center justify-between mt-5"},J={class:"flex items-center gap-3"},K=["src"],O={class:"text-sm text-slate-500"},R=["src"],$={class:"py-8"},G={class:"container"},Q={class:"mt-5 text-center text-slate-600"},ge=x({__name:"Portfolio",setup(ee){const c=new Date().getFullYear(),a=[{image:s("images/avatars/img-1.jpg"),name:"John Stark",role:"Engineering Director"},{image:s("images/avatars/img-2.jpg"),name:"Cersei Lannister",role:"Senior Project Manager"}],g=[{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.",user:a[0],image:s("images/brands/amazon.svg")},{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. Creating web pages is 5x faster now.",user:a[1],class:"p-12",image:s("images/brands/google.svg")},{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.",user:a[0],image:s("images/brands/amazon.svg")},{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. Creating web pages is 5x faster now.",user:a[1],class:"p-12",image:s("images/brands/google.svg")}];return(te,t)=>(u(),w(p,null,{default:l(()=>[i(m),t[18]||(t[18]=e("section",{class:"py-20"},[e("div",{class:"container"},[e("div",null,[e("h2",{class:"md:text-3xl text-xl font-semibold my-5"},"What I Do"),e("p",{class:"text-slate-400 font-medium"},[n("Connecting brands and companies with their customers through "),e("span",{class:"text-red-500"},"good design"),n(".")])]),e("div",{class:"grid lg:grid-cols-3 sm:grid-cols-2 grid-cols-1 gap-6 pt-14"},[e("div",{class:"group","data-aos":"fade-up","data-aos-duration":"600"},[e("div",{class:"p-6 rounded-md shadow group-hover:shadow-lg transition-all duration-500"},[e("div",{class:"w-12 h-12 bg-red-500/10 flex items-center justify-center rounded-tr-xl rounded-bl-xl group-hover:rounded-tr-none group-hover:rounded-bl-none group-hover:rounded-tl-xl group-hover:rounded-br-xl transition-all duration-500"},[e("svg",{class:"w-8 h-8 text-red-500",viewBox:"0 0 24 24",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"},[e("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e("rect",{id:"bound",x:"0",y:"0",width:"24",height:"24"}),e("path",{d:"M12,10.9996338 C12.8356605,10.3719448 13.8743941,10 15,10 C17.7614237,10 20,12.2385763 20,15 C20,17.7614237 17.7614237,20 15,20 C13.8743941,20 12.8356605,19.6280552 12,19.0003662 C11.1643395,19.6280552 10.1256059,20 9,20 C6.23857625,20 4,17.7614237 4,15 C4,12.2385763 6.23857625,10 9,10 C10.1256059,10 11.1643395,10.3719448 12,10.9996338 Z M13.3336047,12.504354 C13.757474,13.2388026 14,14.0910788 14,15 C14,15.9088933 13.7574889,16.761145 13.3336438,17.4955783 C13.8188886,17.8206693 14.3938466,18 15,18 C16.6568542,18 18,16.6568542 18,15 C18,13.3431458 16.6568542,12 15,12 C14.3930587,12 13.8175971,12.18044 13.3336047,12.504354 Z",id:"Combined-Shape",fill:"currentcolor",opacity:"0.3"}),e("circle",{id:"Oval-14",fill:"currentcolor",cx:"12",cy:"9",r:"5"})])])]),e("h4",{class:"text-lg mt-6"},"UI/UX Design"),e("p",{class:"text-base text-slate-400 leading-7 mt-2"},"There are many variations of passages of Lorem Ipsum available, but the majority have suffered.")])]),e("div",{class:"group","data-aos":"fade-up","data-aos-duration":"900"},[e("div",{class:"p-6 rounded-md shadow group-hover:shadow-lg transition-all duration-500"},[e("div",{class:"w-12 h-12 bg-red-500/10 flex items-center justify-center rounded-tr-xl rounded-bl-xl group-hover:rounded-tr-none group-hover:rounded-bl-none group-hover:rounded-tl-xl group-hover:rounded-br-xl transition-all duration-500"},[e("svg",{class:"w-8 h-8 text-red-500",viewBox:"0 0 24 24",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"},[e("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e("rect",{id:"bound",x:"0",y:"0",width:"24",height:"24"}),e("path",{d:"M6,9 L6,15 C6,16.6568542 7.34314575,18 9,18 L15,18 L15,18.8181818 C15,20.2324881 14.2324881,21 12.8181818,21 L5.18181818,21 C3.76751186,21 3,20.2324881 3,18.8181818 L3,11.1818182 C3,9.76751186 3.76751186,9 5.18181818,9 L6,9 Z",id:"Combined-Shape",fill:"currentcolor"}),e("path",{d:"M10.1818182,4 L17.8181818,4 C19.2324881,4 20,4.76751186 20,6.18181818 L20,13.8181818 C20,15.2324881 19.2324881,16 17.8181818,16 L10.1818182,16 C8.76751186,16 8,15.2324881 8,13.8181818 L8,6.18181818 C8,4.76751186 8.76751186,4 10.1818182,4 Z",id:"Rectangle-19-Copy-3",fill:"currentcolor",opacity:"0.3"})])])]),e("h4",{class:"text-lg mt-6"},"Product Design"),e("p",{class:"text-base text-slate-400 leading-7 mt-2"},"All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary making.")])]),e("div",{class:"group","data-aos":"fade-up","data-aos-duration":"1200"},[e("div",{class:"p-6 rounded-md shadow group-hover:shadow-lg transition-all duration-500"},[e("div",{class:"w-12 h-12 bg-red-500/10 flex items-center justify-center rounded-tr-xl rounded-bl-xl group-hover:rounded-tr-none group-hover:rounded-bl-none group-hover:rounded-tl-xl group-hover:rounded-br-xl transition-all duration-500"},[e("svg",{class:"w-8 h-8 text-red-500",viewBox:"0 0 24 24",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"},[e("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e("polygon",{id:"Shape",points:"0 0 24 0 24 24 0 24"}),e("path",{d:"M6,5 L18,5 C19.6568542,5 21,6.34314575 21,8 L21,17 C21,18.6568542 19.6568542,20 18,20 L6,20 C4.34314575,20 3,18.6568542 3,17 L3,8 C3,6.34314575 4.34314575,5 6,5 Z M5,17 L14,17 L9.5,11 L5,17 Z M16,14 C17.6568542,14 19,12.6568542 19,11 C19,9.34314575 17.6568542,8 16,8 C14.3431458,8 13,9.34314575 13,11 C13,12.6568542 14.3431458,14 16,14 Z",id:"Rectangle-25",fill:"currentcolor"})])])]),e("h4",{class:"text-lg mt-6"},"Frontend Development"),e("p",{class:"text-base text-slate-400 leading-7 mt-2"},"The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested")])])])])],-1)),e("section",C,[e("div",j,[t[12]||(t[12]=e("div",{class:"grid lg:grid-cols-2 gap-5"},[e("div",null,[e("h1",{class:"text-3xl font-medium my-3"},"Latest Projects")]),e("div",{class:"flex flex-wrap items-center gap-8"},[e("p",null,[e("a",{href:"javascript:void(0);",class:"font-medium text-blue-600"},"UI/UX Design")]),e("p",null,[e("a",{href:"javascript:void(0);",class:"font-medium hover:text-blue-600"},"Branding")]),e("p",null,[e("a",{href:"javascript:void(0);",class:"font-medium hover:text-blue-600"},"Marketing")]),e("p",null,[e("a",{href:"javascript:void(0);",class:"font-medium hover:text-blue-600"},"Web Development")])])],-1)),e("div",_,[e("div",S,[e("div",I,[e("div",null,[t[0]||(t[0]=e("div",{class:"flex items-center justify-between mb-7"},[e("h3",{class:"text-xl"},"Project"),e("p",{class:"font-medium text-slate-500 pe-8"},"Branding, Interaction, Web Design")],-1)),e("div",null,[e("img",{src:o(s)("images/features/agency1.jpg"),class:"rounded-md"},null,8,L)]),t[1]||(t[1]=e("div",{class:"absolute inset-0 group-hover:flex items-center justify-center hidden transition-all duration-300 z-10"},[e("a",{href:"#",class:"inline-block"},[e("div",{class:"flex items-center gap-3 py-[6px] px-3 bg-red-500 rounded-md"},[e("p",{class:"text-sm font-semibold text-white"},"View Project"),e("i",{class:"fa-solid fa-arrow-right text-white"})])])],-1))])]),t[2]||(t[2]=e("div",{class:"absolute inset-0 group-hover:bg-slate-300/20 transition-all duration-300"},null,-1))]),e("div",B,[e("div",D,[e("div",null,[t[3]||(t[3]=e("div",{class:"flex items-center justify-between mb-7"},[e("h3",{class:"text-xl"},"Project 2"),e("p",{class:"font-medium text-slate-500 pe-8"},"Branding, Web Design & Development")],-1)),e("div",null,[e("img",{src:o(s)("images/features/agency2.jpg"),class:"rounded-md"},null,8,P)]),t[4]||(t[4]=e("div",{class:"absolute inset-0 group-hover:flex items-center justify-center hidden transition-all duration-300 z-10"},[e("a",{href:"#",class:"inline-block"},[e("div",{class:"flex items-center gap-3 py-[6px] px-3 bg-red-500 rounded-md"},[e("p",{class:"text-sm font-semibold text-white"},"View Project"),e("i",{class:"fa-solid fa-arrow-right text-white"})])])],-1))])]),t[5]||(t[5]=e("div",{class:"absolute inset-0 group-hover:bg-slate-300/20 transition-all duration-300"},null,-1))])]),e("div",M,[e("div",z,[e("div",T,[e("div",null,[t[6]||(t[6]=e("div",{class:"flex items-center justify-between mb-7"},[e("h3",{class:"text-xl"},"Project 3"),e("p",{class:"font-medium text-slate-500 pe-8"},"Branding, Interaction, Web Design")],-1)),e("div",null,[e("img",{src:o(s)("images/features/agency2.jpg"),class:"rounded-md"},null,8,V)]),t[7]||(t[7]=e("div",{class:"absolute inset-0 group-hover:flex items-center justify-center hidden transition-all duration-300 z-10"},[e("a",{href:"#",class:"inline-block"},[e("div",{class:"flex items-center gap-3 py-[6px] px-3 bg-red-500 rounded-md"},[e("p",{class:"text-sm font-semibold text-white"},"View Project"),e("i",{class:"fa-solid fa-arrow-right text-white"})])])],-1))])]),t[8]||(t[8]=e("div",{class:"absolute inset-0 group-hover:bg-slate-300/20 transition-all duration-300"},null,-1))]),e("div",A,[e("div",W,[e("div",null,[t[9]||(t[9]=e("div",{class:"flex items-center justify-between mb-7"},[e("h3",{class:"text-xl"},"Project 4"),e("p",{class:"font-medium text-slate-500 pe-8"}," Branding, Web Design & Development")],-1)),e("div",null,[e("img",{src:o(s)("images/features/agency1.jpg"),class:"rounded-md"},null,8,Z)]),t[10]||(t[10]=e("div",{class:"absolute inset-0 group-hover:flex items-center justify-center hidden transition-all duration-300 z-10"},[e("a",{href:"#",class:"inline-block"},[e("div",{class:"flex items-center gap-3 py-[6px] px-3 bg-red-500 rounded-md"},[e("p",{class:"text-sm font-semibold text-white"},"View Project"),e("i",{class:"fa-solid fa-arrow-right text-white"})])])],-1))])]),t[11]||(t[11]=e("div",{class:"absolute inset-0 group-hover:bg-slate-300/20 transition-all duration-300"},null,-1))])])])]),e("section",E,[e("div",U,[e("img",{src:o(s)("images/shapes/white-wave.svg"),alt:"svg",class:"w-full -scale-x-100"},null,8,H)]),e("div",N,[e("div",F,[t[15]||(t[15]=e("div",{class:"flex items-center justify-between pb-14"},[e("div",null,[e("h2",{class:"md:text-3xl text-xl font-semibold my-5"},"Kind words from excellent clients")]),e("div",{class:"flex items-center gap-5"},[e("div",{class:"button-prev"},[e("i",{class:"fa-solid fa-arrow-left"})]),e("div",{class:"button-next"},[e("i",{class:"fa-solid fa-arrow-right"})])])],-1)),e("div",q,[t[14]||(t[14]=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)),i(o(h),{modules:[o(f)],"slides-per-view":1,"space-between":30,"auto-height":!0,navigation:{nextEl:".button-next",prevEl:".button-prev"},breakpoints:{576:{slidesPerView:1},768:{slidesPerView:2}},class:"swiper"},{default:l(()=>[(u(),b(y,null,k(g,(r,se)=>i(o(v),{class:"swiper-slide",key:"idx"},{default:l(()=>[e("div",X,[t[13]||(t[13]=e("p",{class:"text-slate-800"},"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.",-1)),e("div",Y,[e("div",J,[e("div",null,[e("img",{src:r.user.image,class:"w-10 rounded-full"},null,8,K)]),e("div",null,[e("h6",null,d(r.user.name),1),e("p",O,d(r.user.role),1)])]),e("div",null,[e("img",{src:r.images,class:"w-24"},null,8,R)])])])]),_:2},1024)),64))]),_:1},8,["modules"])])])])]),t[19]||(t[19]=e("section",{class:"pt-20"},[e("div",{class:"container"},[e("div",{class:"grid lg:grid-cols-2 grid-cols-1 gap-6"},[e("div",{"data-aos":"fade-up","data-aos-duration":"600"},[e("h2",{class:"md:text-3xl text-xl font-semibold my-5"},"Just say hi."),e("p",{class:"text-slate-700"},"I am open to discuss your next project, improve user experience of an existing one or help with your UX/UI design challenges."),e("p",{class:"text-slate-500 mt-12"},"Email me at"),e("h4",null,[e("a",{href:"#",class:"text-lg font-semibold text-slate-600"},"hello@coderthemes.com")]),e("div",{class:"mt-12"},[e("div",{class:"flex flex-col gap-3"},[e("h5",{class:"text-slate-400"},"Social"),e("div",{class:"flex gap-5"},[e("div",null,[e("a",{href:"#"},[e("svg",{class:"w-7 h-7 text-slate-500 feather feather-dribbble icon-sm icon-dual",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},[e("circle",{cx:"12",cy:"12",r:"10"}),e("path",{d:"M8.56 2.75c4.37 6.03 6.02 9.42 8.03 17.72m2.54-15.38c-3.72 4.35-8.94 5.66-16.88 5.85m19.5 1.9c-3.5-.93-6.63-.82-8.94 0-2.58.92-5.01 2.86-7.44 6.32"})])])]),e("div",null,[e("a",{href:"#"},[e("svg",{class:"w-7 h-7 text-slate-500",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},[e("path",{d:"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"})])])]),e("div",null,[e("a",{href:"#"},[e("svg",{class:"w-7 h-7 text-slate-500",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},[e("path",{d:"M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"})])])]),e("div",null,[e("a",{href:"#"},[e("svg",{class:"w-7 h-7 text-slate-500",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},[e("path",{d:"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"}),e("rect",{x:"2",y:"9",width:"4",height:"12"}),e("circle",{cx:"4",cy:"4",r:"2"})])])]),e("div",null,[e("a",{href:"#"},[e("svg",{class:"w-7 h-7 text-slate-500",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},[e("rect",{x:"2",y:"2",width:"20",height:"20",rx:"5",ry:"5"}),e("path",{d:"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"}),e("line",{x1:"17.5",y1:"6.5",x2:"17.51",y2:"6.5"})])])])])])])]),e("div",{"data-aos":"fade-up","data-aos-duration":"900"},[e("form",{class:"w-full"},[e("div",null,[e("input",{class:"w-full text-gray-700 border border-slate-200 rounded py-3 px-4 mb-4 leading-tight focus:outline-none",id:"grid-first-name",type:"text",placeholder:"Your name"}),e("input",{class:"w-full text-gray-700 border border-slate-200 rounded py-3 px-4 mb-4 leading-tight focus:outline-none",id:"email",name:"email",type:"email",autocomplete:"email",placeholder:"Your email where we can reach"}),e("input",{class:"w-full text-gray-700 border border-slate-200 rounded py-3 px-4 mb-4 leading-tight focus:outline-none",type:"text",name:"Subject",id:"Subject",autocomplete:"address-level2",placeholder:"Subject"}),e("textarea",{class:"w-full text-gray-700 border border-slate-200 rounded py-3 px-4 mb-4 leading-tight focus:outline-none",id:"about",name:"about",rows:"5",placeholder:"Write your message here. Keep it simple, concise and intriguing!"})]),e("div",{class:"flex justify-end"},[e("button",{type:"submit",class:"py-3 px-6 rounded border border-red-500 font-semibold text-white bg-red-500 hover:shadow-lg hover:shadow-red-500/50 focus:outline focus:outline-red-500/50 transition-all duration-500"},"Submit")])])])]),e("hr",{class:"mt-10"})])],-1)),e("section",$,[e("div",G,[t[17]||(t[17]=e("ul",{class:"flex flex-wrap items-center justify-center gap-5"},[e("li",{class:"after:content-['-'] after:text-slate-300 after:font-extrabold"},[e("a",{href:"#",class:"text-slate-600 hover:text-blue-600 me-4"},"About")]),e("li",{class:"after:content-['-'] after:text-slate-300 after:font-extrabold"},[e("a",{href:"#",class:"text-slate-600 hover:text-blue-600 me-4"},"Services")]),e("li",null,[e("a",{href:"#",class:"text-slate-600 hover:text-blue-600 me-4"},"Contact")])],-1)),e("p",Q,[n(d(o(c))+" © Prompt. All rights reserved. Crafted by ",1),t[16]||(t[16]=e("a",{href:"#",class:"hover:text-blue-600"},"Coderthemes",-1))])])])]),_:1}))}});export{ge as default};