https://aiwithaj.base44.app/assets/Work-DpvBjJOp.js

1import{j as e,A as m,w as g,r as h,a as j,F as b}from"./index-D1sMaiyY.js";import{u as x,r as n,L as o,f as v,p as d,a as N}from"./WorkShared-B9icrvbF.js";import{F as y,G as w}from"./WorkProjectCard-C7LBxaib.js";import{D as k}from"./DiscordCTA-BBTovhz0.js";import"./heart-C7HMsA3s.js";import"./globe-OTgfFgzW.js";function R(){const[s,t]=x();return e.jsx("section",{ref:s,className:"bg-[#141414] px-6 pb-20 pt-[200px] max-md:px-4 max-md:pb-20 max-md:pt-36",children:e.jsxs("div",{className:"mx-auto flex max-w-[1100px] flex-col items-center gap-9 text-center",children:[e.jsxs("div",{className:"inline-flex items-center gap-2 rounded-[1000px] border border-[rgba(253,249,240,0.20)] px-[14px] py-[6px]",style:n(t,0),children:[e.jsx("span",{className:"h-[6px] w-[6px] rounded-full bg-[#c7ff69]"}),e.jsx("span",{className:"font-ui text-[11px] font-medium uppercase tracking-[0.165px] text-[#c7ff69]",children:"01 / PORTFOLIO"})]}),e.jsxs("h1",{className:"m-0 font-display text-[clamp(72px,14vw,200px)] leading-[0.85] tracking-[-0.045em] text-[#fdf9f0]",style:n(t,80),children:["Twenty apps. Real ",e.jsx(o,{children:"SHIPS"}),"."]}),e.jsx("p",{className:"m-0 max-w-[540px] font-ui text-lg leading-[1.5] text-[rgba(253,249,240,0.65)]",style:n(t,160),children:"Real clients. Real budgets. Real production traffic. The portfolio — not the wishlist."}),e.jsxs("div",{className:"flex flex-wrap justify-center gap-3",style:n(t,240),children:[e.jsxs("a",{href:"/contact",className:"inline-flex min-h-12 items-center gap-2 rounded-[25.146px] bg-[#c7ff69] px-7 font-ui text-base font-medium text-[#141414] no-underline transition-transform hover:scale-[1.03] active:scale-[0.97]",children:["Start a project ",e.jsx(m,{size:18})]}),e.jsx("a",{href:"/services",className:"inline-flex min-h-12 items-center rounded-[25.146px] border-[1.5px] border-[#fdf9f0] px-7 font-ui text-base font-medium text-[#fdf9f0] no-underline transition-colors hover:bg-[#fdf9f0] hover:text-[#141414]",children:"See services"})]})]})})}function S({activeFilter:s,onFilterChange:t}){return e.jsx("section",{className:"bg-[#141414] px-6 pb-10 max-md:px-4",children:e.jsx("div",{className:"mx-auto max-w-[1200px] border-t border-[rgba(253,249,240,0.08)] pt-10",children:e.jsx("div",{className:"flex flex-wrap justify-center gap-2",children:v.map(r=>{const i=s===r;return e.jsx("button",{type:"button",onClick:()=>t(r),className:`inline-flex cursor-pointer items-center gap-2 rounded-[1000px] px-4 py-2 font-ui text-[13px] font-medium transition-all duration-200 ${i?"border border-[#c7ff69] bg-[#c7ff69] text-[#141414]":"border border-[rgba(253,249,240,0.20)] bg-transparent text-[rgba(253,249,240,0.70)] hover:bg-[rgba(253,249,240,0.06)] hover:text-[#fdf9f0]"}`,children:r},r)})})})})}function P({activeFilter:s}){const[t,r]=x(),[i,p]=x(.08),c=s==="All"?d:d.filter(a=>a.category===s),f=c.filter(a=>a.featured),u=c.filter(a=>!a.featured);return e.jsxs(e.Fragment,{children:[e.jsx("section",{ref:t,className:"bg-[#141414] px-6 pb-6 max-md:px-4",children:e.jsx("div",{className:"mx-auto grid max-w-[1200px] grid-cols-2 gap-6 max-md:grid-cols-1",children:f.map((a,l)=>e.jsx(y,{project:a,index:l,visible:r},`${s}-${a.name}`))})}),e.jsx("section",{ref:i,className:"bg-[#141414] px-6 pb-[120px] max-md:px-4 max-md:pb-20",children:e.jsxs("div",{className:"mx-auto max-w-[1200px]",children:[e.jsx("div",{className:"grid grid-cols-3 gap-6 max-lg:grid-cols-2 max-sm:grid-cols-1",children:u.map((a,l)=>e.jsx(w,{project:a,index:l,visible:p,filterKey:s},`${s}-${a.name}`))}),e.jsx("div",{className:"mt-10 flex justify-center",children:e.jsxs("a",{href:"https://github.com/AJ-Base44",target:"_blank",rel:"noreferrer noopener",className:"inline-flex items-center gap-2 py-3 font-ui text-sm font-medium text-[rgba(253,249,240,0.80)] no-underline transition-[color,transform] duration-200 hover:translate-x-1 hover:text-[#fdf9f0]",children:[e.jsx(g,{size:16})," More on GitHub"]})})]})})]})}const A=[[20,"+","APPS SHIPPED"],[8,"","INDUSTRIES SERVED"],[4,"","OWN PRODUCTS"],[100,"%","BASE44 PARTNER"]];function E({stat:s,index:t,visible:r}){const i=N(s[0],r,t*100);return e.jsxs("div",{className:"flex min-h-40 flex-col items-center justify-center gap-2 px-6 py-9 text-center max-md:border-b max-md:border-[rgba(20,20,20,0.12)]",children:[e.jsxs("span",{className:"font-display text-[72px] leading-none tracking-[-2.16px] text-[#141414]",children:[i,s[1]]}),e.jsx("span",{className:"font-ui text-xs font-medium uppercase tracking-[0.165px] text-[rgba(20,20,20,0.70)]",children:s[2]})]})}function C(){const[s,t]=x();return e.jsx("section",{ref:s,className:"bg-[#fdf9f0] px-6 py-[100px] max-md:px-4 max-md:py-20",children:e.jsxs("div",{className:"mx-auto max-w-[1200px]",children:[e.jsxs("div",{className:"flex flex-col items-center gap-6 text-center",children:[e.jsx("span",{className:"font-ui text-[11px] font-medium uppercase tracking-[0.165px] text-[rgba(20,20,20,0.65)]",children:"02 / BY THE NUMBERS"}),e.jsxs("h2",{className:"m-0 font-display text-[clamp(48px,7vw,88px)] leading-[0.9] tracking-[-0.04em] text-[#141414]",children:["Range, ",e.jsx(o,{children:"COUNTED"}),"."]})]}),e.jsx("div",{className:"mt-14 grid grid-cols-4 divide-x divide-[rgba(20,20,20,0.12)] max-md:grid-cols-2 max-md:divide-x-0",children:A.map((r,i)=>e.jsx(E,{stat:r,index:i,visible:t},r[2]))})]})})}function O(){const[s,t]=x();return e.jsx("section",{ref:s,className:"bg-[#141414] px-6 pb-[120px] pt-[160px] max-md:px-4 max-md:py-20",children:e.jsxs("div",{className:"mx-auto flex max-w-[1100px] flex-col items-center gap-9 text-center",children:[e.jsxs("div",{className:"inline-flex items-center gap-2 rounded-[1000px] border border-[rgba(253,249,240,0.20)] px-[14px] py-[6px]",style:n(t,0),children:[e.jsx("span",{className:"h-[6px] w-[6px] rounded-full bg-[#00a652] work-pulse"}),e.jsx("span",{className:"font-ui text-[11px] font-medium uppercase tracking-[0.165px] text-[#fdf9f0]",children:"BOOKING NOW — Q3 2026"})]}),e.jsxs("h2",{className:"m-0 font-display text-[clamp(72px,14vw,200px)] leading-[0.85] tracking-[-0.045em] text-[#fdf9f0]",style:n(t,80),children:["Build the next ",e.jsx(o,{children:"ONE"}),"."]}),e.jsx("p",{className:"m-0 max-w-[540px] font-ui text-lg leading-[1.5] text-[rgba(253,249,240,0.65)]",style:n(t,160),children:"Project #21 could be yours. 20-minute discovery call, no deck, no pressure."}),e.jsxs("div",{className:"flex flex-wrap justify-center gap-3",style:n(t,240),children:[e.jsxs("a",{href:"/contact",className:"inline-flex min-h-[56px] items-center gap-2 rounded-[25.146px] bg-[#c7ff69] px-8 font-ui text-lg font-medium text-[#141414] no-underline transition-transform hover:scale-[1.03] active:scale-[0.97]",children:["Book a 20-minute call ",e.jsx(m,{size:20})]}),e.jsx("a",{href:"/services",className:"inline-flex min-h-[56px] items-center rounded-[25.146px] border-[1.5px] border-[#fdf9f0] px-8 font-ui text-lg font-medium text-[#fdf9f0] no-underline transition-colors hover:bg-[#fdf9f0] hover:text-[#141414]",children:"See services"})]})]})})}function U(){const[s,t]=h.useState("All");return e.jsxs("main",{className:"min-h-screen bg-[#141414]",children:[e.jsx("style",{children:`
2        @keyframes workPulse { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.4);

2 opacity: 0.55; } }
3        .work-pulse { animation: workPulse 2s ease-in-out infinite; }
4        @media (hover: none) { .work-featured-card:hover, .work-grid-card:hover { transform: none !important; } }
5        @media (prefers-reduced-motion: reduce) {
6          main * { transition: opacity 200ms ease !important; transform: none !important; animation: none !important; }
7        }
8      `}),e.jsx(j,{}),e.jsx(R,{}),e.jsx(S,{activeFilter:s,onFilterChange:t}),e.jsx(P,{activeFilter:s}),e.jsx(C,{}),e.jsx(O,{}),e.jsx(k,{}),e.jsx(b,{})]})}export{U as default};