https://clevertech-website.vercel.app/_nuxt/C2aNqdlD.js

1import{u as I,_ as T}from"./D-DBraOC.js";import{e as V,u as G,m as b,f as u,w as a,o as r,a as t,b as s,g as o,d as g,c,F as m,r as p,t as _,C as L,i as W,h as E}from"./DNgH9RDo.js";import{N as M,_ as $}from"./daZr5FbQ.js";import{_ as D}from"./DvsWSH-B.js";import{B as w,A as H,a as x,b as n}from"./BkJMZB87.js";import{u as R}from"./DAMwc4Kp.js";import{u as Y}from"./DDKkDhm4.js";import"./uUIW6vkE.js";import"./DlAUqK2U.js";import"./Cp4cWvMY.js";const Z={class:"relative min-h-[50vh] flex items-end overflow-hidden border-b border-default bg-default"},q=["src"],J={class:"relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-20 lg:py-28 w-full"},K={class:"flex flex-wrap gap-2.5 mt-6"},Q=["href"],U={class:"grid grid-cols-3 gap-6 sm:gap-10 mt-10 pt-8 border-t border-default max-w-lg"},X={class:"text-2xl sm:text-3xl font-black text-primary flex items-baseline"},tt={class:"text-xs text-muted font-medium mt-1"},et={class:"relative py-20 lg:py-28 bg-muted/30 overflow-hidden"},st={class:"relative z-[1] max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 space-y-16 lg:space-y-20"},lt={id:"suba-ecosystem",class:"scroll-mt-28"},at={class:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-12 gap-4 sm:gap-5"},ot={id:"saas-tools",class:"scroll-mt-28"},rt={class:"grid grid-cols-1 md:grid-cols-2 gap-4 sm:gap-5"},it={id:"impact-lab",class:"scroll-mt-28"},nt={class:"grid grid-cols-1 md:grid-cols-2 gap-4 sm:gap-5"},dt={class:"rounded-3xl border border-default bg-elevated p-8 sm:p-10 text-center relative overflow-hidden"},ut={class:"relative"},kt=V({__name:"projects",setup(ct){G({title:"Our Projects - CleverTech Studio",meta:[{name:"description",content:"Explore software projects built by CleverTech Studio."}]});const{projects:v,featuredProjects:y}=I(),{studio:j}=R(),{open:h}=Y(),k=b(()=>y.find(i=>i.title==="Suba360")??y[0]),S=b(()=>y.filter(i=>["SubaFlow","SubaPOS"].includes(i.title))),P=b(()=>v.filter(i=>["MotusClip","GetZenva"].includes(i.title))),C=b(()=>v.filter(i=>["Topokata","Heart Disease Analysis"].includes(i.title))),z=[{value:v.length,suffix:"",label:"Live products"},{value:3,suffix:"",label:"Suba apps"},{value:4,suffix:"",label:"Categories"}],N=[{id:"suba-ecosystem",label:"Suba ecosystem",emoji:"⚡"},{id:"saas-tools",label:"SaaS tools",emoji:"🚀"},{id:"impact-lab",label:"Impact & data",emoji:"🔬"}];return(i,e)=>{const f=T,O=E,A=W,F=$,B=D;return r(),u(B,{name:"pages"},{default:a(()=>[t("section",Z,[s(o(w),{radius:260,class:"opacity-30"}),t("img",{src:o(j).presentation,alt:"Our projects",class:"absolute inset-0 size-full object-cover opacity-40",loading:"eager",decoding:"async"},null,8,q),e[3]||(e[3]=t("div",{class:"absolute inset-0 bg-gradient-to-t from-default via-default/80 to-default/20"},null,-1)),t("div",J,[s(H,null,{default:a(()=>[s(x,null,{default:a(()=>[...e[0]||(e[0]=[t("span",{class:"inline-flex items-center gap-1.5 text-xs font-bold uppercase tracking-widest text-primary"},[t("span",{class:"size-1.5 rounded-full bg-primary animate-pulse"}),g(" Portfolio ")],-1)])]),_:1}),s(x,null,{default:a(()=>[...e[1]||(e[1]=[t("h1",{class:"text-4xl md:text-6xl lg:text-7xl font-black text-default tracking-tight mt-3 max-w-4xl leading-[1.05]"},[g(" Products we "),t("span",{class:"relative inline-block"},[t("span",{class:"relative z-10 text-primary"},"actually ship"),t("span",{class:"absolute inset-x-0 bottom-1 md:bottom-2 h-3 md:h-4 bg-primary/15 -rotate-1 z-0"})])],-1)])]),_:1}),s(x,null,{default:a(()=>[...e[2]||(e[2]=[t("p",{class:"text-lg text-muted mt-5 max-w-2xl leading-relaxed"}," Not mockups. Not pitch decks. Real AI agents, commerce platforms, POS systems, and data tools, live in production. ",-1)])]),_:1}),s(x,null,{default:a(()=>[t("div",K,[(r(),c(m,null,p(N,l=>t("a",{key:l.id,href:`#${l.id}`,class:"inline-flex items-center gap-2 px-3.5 py-2 rounded-full bg-elevated border border-default text-sm font-bold text-default shadow-sm transition-all duration-200 hover:-translate-y-0.5 hover:border-primary/40 hover:shadow-md"},[t("span",null,_(l.emoji),1),g(" "+_(l.label),1)],8,Q)),64))])]),_:1}),s(x,null,{default:a(()=>[t("div",U,[(r(),c(m,null,p(z,l=>t("div",{key:l.label},[t("p",X,[s(o(M),{value:l.value,"decimal-places":0,duration:1200},null,8,["value"]),t("span",null,_(l.suffix),1)]),t("p",tt,_(l.label),1)])),64))])]),_:1})]),_:1})])]),t("section",et,[s(o(w),{variant:"corners",alternate:4,radius:200,class:"opacity-40"}),e[12]||(e[12]=t("div",{class:"absolute inset-0 pointer-events-none"},[t("div",{class:"absolute top-0 right-0 size-96 bg-primary/5 rounded-full blur-3xl"}),t("div",{class:"absolute bottom-0 left-0 size-80 bg-solar-500/5 rounded-full blur-3xl"})],-1)),t("div",st,[t("div",lt,[s(n,null,{default:a(()=>[...e[4]||(e[4]=[t("div",{class:"flex items-center gap-3 mb-6"},[t("span",{class:"text-xs font-bold uppercase tracking-widest text-muted"},"The Suba ecosystem"),t("div",{class:"flex-1 border-t border-default"}),t("span",{class:"hidden sm:inline-flex text-[10px] font-bold px-2 py-1 rounded-full bg-primary/10 text-primary border border-primary/20 shrink-0"}," AI · Commerce · POS ")],-1)])]),_:1}),t("div",at,[o(k)?(r(),u(n,{key:0,class:"md:col-span-2 lg:col-span-12",delay:0},{default:a(()=>[s(f,{project:o(k),size:"lg"},null,8,["project"])]),_:1})):L("",!0),(r(!0),c(m,null,p(o(S),(l,d)=>(r(),u(n,{key:l.title,class:"md:col-span-1 lg:col-span-6",delay:100+d*80},{default:a(()=>[s(f,{project:l},null,8,["project"])]),_:2},1032,["delay"]))),128))])]),t("div",ot,[s(n,null,{default:a(()=>[...e[5]||(e[5]=[t("div",{class:"flex items-center gap-3 mb-6"},[t("span",{class:"text-xs font-bold uppercase tracking-widest text-muted"},"SaaS & creator tools"),t("div",{class:"flex-1 border-t border-default"}),t("span",{class:"hidden sm:inline-flex text-[10px] font-bold px-2 py-1 rounded-full bg-solar-500/10 text-solar-600 dar

1k:text-solar-400 border border-solar-500/20 shrink-0"}," Video · Welfare ")],-1)])]),_:1}),t("div",rt,[(r(!0),c(m,null,p(o(P),(l,d)=>(r(),u(n,{key:l.title,delay:d*80},{default:a(()=>[s(f,{project:l},null,8,["project"])]),_:2},1032,["delay"]))),128))])]),t("div",it,[s(n,null,{default:a(()=>[...e[6]||(e[6]=[t("div",{class:"flex items-center gap-3 mb-6"},[t("span",{class:"text-xs font-bold uppercase tracking-widest text-muted"},"Impact & data science"),t("div",{class:"flex-1 border-t border-default"}),t("span",{class:"hidden sm:inline-flex text-[10px] font-bold px-2 py-1 rounded-full bg-mint-500/10 text-mint-600 dark:text-mint-400 border border-mint-500/20 shrink-0"}," NGOs · ML ")],-1)])]),_:1}),t("div",nt,[(r(!0),c(m,null,p(o(C),(l,d)=>(r(),u(n,{key:l.title,delay:d*80},{default:a(()=>[s(f,{project:l},null,8,["project"])]),_:2},1032,["delay"]))),128))])]),s(n,{"margin-top":20},{default:a(()=>[t("div",dt,[e[11]||(e[11]=t("div",{class:"absolute inset-0 bg-gradient-to-br from-primary/5 via-transparent to-solar-500/5 pointer-events-none"},null,-1)),t("div",ut,[e[8]||(e[8]=t("p",{class:"text-xs font-bold uppercase tracking-widest text-primary mb-3"},"Your turn",-1)),e[9]||(e[9]=t("h2",{class:"text-2xl sm:text-3xl font-black text-default tracking-tight"}," Got something we should build next? ",-1)),e[10]||(e[10]=t("p",{class:"text-muted mt-3 max-w-md mx-auto"}," We're always looking for the next product worth shipping. ",-1)),s(A,{size:"lg",color:"primary",class:"font-bold rounded-xl mt-6",onClick:o(h)},{default:a(()=>[e[7]||(e[7]=g(" Pitch us a project ",-1)),s(O,{name:"i-heroicons-arrow-right",class:"ml-1 size-5"})]),_:1},8,["onClick"])])])]),_:1})])]),s(F,{onOpenProjectForm:o(h)},null,8,["onOpenProjectForm"])]),_:1})}}});

1export{kt as default};