PageSourceSearch

https://angrio-website-new.web.app/assets/Portfolio-C40pGoxZ.js

js angrio-website-new.web.app collected 2026-10-03 12:16:47 UTC 7,436 bytes, 1 lines download raw bytes

1import{j as e}from"./animation-YSIgU_H2.js";import{r as p}from"./react-vendor-B36vEBwZ.js";import{P as d,S as o}from"./ScrollReveal-AmcbrD65.js";import{S as c}from"./Stats-DITBO_zH.js";import{C as x}from"./Clients-CcOxyNAZ.js";import{t as g,g as m}from"./index-solTXp9Y.js";import"./AnimatedCounter-CTFLQf8G.js";import"./lenis-Bu7sAdyK.js";import"./firebase-B6cbCLUP.js";const h=["All","Web App","Website","Mobile","Enterprise"],n=[{title:"LeanSuite",subtitle:"Digital Solution for Lean Manufacturing",desc:"Simplify work, improve efficiency, and engage frontline employees, all in one place. A comprehensive enterprise platform for lean manufacturing operations.",tags:["Web App","Enterprise"],tech:["React","Node.js","PostgreSQL"],url:"https://theleansuite.com",image:"/images/leansuite-hero.webp",color:"#E8F5E9",year:"2023"},{title:"MM Installing",subtitle:"Glass Products & Services",desc:"At MM Installing, quality is never an accident. It's always the result of high intention and skilled execution. Interactive animations meet refined design.",tags:["Website"],tech:["React","GSAP","Framer Motion"],url:"https://mminstalling.com",image:"/images/mminstalling-hero.webp",color:"#E3F2FD",year:"2023"},{title:"MyUK Builders",subtitle:"Luxurious Business Space Renovation",desc:"Transforming spaces, creating dreams. A premium renovation business website with immersive visuals and seamless UX.",tags:["Website"],tech:["Next.js","Tailwind CSS"],url:"https://myukbuilders.co.uk",image:"/images/myukbuilders-hero.webp",color:"#FFF3E0",year:"2024"},{title:"Trakkar.in",subtitle:"Employee Time Tracking Platform",desc:"Time tracking app with employee monitoring & management software. Built for teams of all sizes with real-time insights and reporting.",tags:["Web App","Mobile"],tech:["React","Node.js","MongoDB"],url:"https://www.trakkar.in/",image:"/images/trakkar-hero.webp",color:"#FCE4EC",year:"2022"},{title:"QueSync",subtitle:"Virtual Queue Management",desc:"Revolutionizing clinic operations with virtual queue management. Patients book slots, staff manage flow, and wait times drop dramatically.",tags:["Mobile","Web App"],tech:["React Native","Firebase","Node.js"],url:"https://www.quesync.in/",image:"/images/quesync-hero.webp",color:"#E8EAF6",year:"2023"},{title:"Symplr",subtitle:"Restaurant & Appointment Management",desc:"Streamlining the dining experience by making ordering effortless. Complete restaurant management with table ordering, appointments, and analytics.",tags:["Mobile","Web App"],tech:["Ionic","Angular","Node.js"],url:"https://symplr.app/",image:"/images/symplr-hero.webp",color:"#E0F7FA",year:"2023"}];function F(){const[i,s]=p.useState("All"),l=i==="All"?n:n.filter(t=>t.tags.includes(i));return e.jsxs(d,{children:[e.jsx("section",{style:{padding:"160px 0 80px",background:"var(--bg)"},children:e.jsxs("div",{style:{maxWidth:"1280px",margin:"0 auto",padding:"0 40px"},children:[e.jsx(o,{children:e.jsx("span",{className:"section-label orange",style:{display:"block",marginBottom:"20px"},children:"Portfolio"})}),e.jsx(o,{delay:.1,children:e.jsxs("h1",{style:{fontFamily:"var(--font-display)",fontSize:"clamp(28px, 4vw, 56px)",fontWeight:800,letterSpacing:"-0.04em",lineHeight:1,color:"var(--text)",maxWidth:"820px",marginBottom:"32px"},children:["Work that"," ",e.jsx("span",{style:{color:"var(--orange)"},children:"delivers"})]})}),e.jsx(o,{delay:.2,children:e.jsx("p",{style:{fontFamily:"var(--font-body)",fontSize:"17px",fontWeight:300,color:"var(--text-muted)",maxWidth:"480px",lineHeight:1.7},children:"A selection of projects built for agencies and startups across web, mobile, and enterprise. Delivering results that matter."})})]})}),e.jsx(c,{}),e.jsx(x,{}),e.jsx("section",{style:{padding:"64px 0 96px",background:"var(--bg)"},children:e.jsxs("div",{style:{maxWidth:"1280px",margin:"0 auto",padding:"0 40px"},children:[e.jsx("div",{style:{display:"flex",gap:"8px",marginBottom:"48px",flexWrap:"wrap"},children:h.map(t=>e.jsx("button",{onClick:()=>{s(t),g("portfolio_category",t)},style:{padding:"10px 20px",background:t===i?"var(--text)":"var(--white)",color:t===i?"white":"var(--text-muted)",border:`1.5px solid ${t===i?"var(--text)":"var(--border)"}`,borderRadius:"100px",fontFamily:"var(--font-body)",fontSize:"13px",fontWeight:500,cursor:"pointer",transition:"all 0.3s ease"},onMouseEnter:a=>{t!==i&&(a.currentTarget.style.borderColor="var(--text)",a.currentTarget.style.color="var(--text)")},onMouseLeave:a=>{t!==i&&(a.currentTarget.style.borderColor="var(--border)",a.currentTarget.style.color="var(--text-muted)")},children:t},t))}),e.jsx("div",{className:"grid-cards-2",children:l.map((t,a)=>e.jsx(o,{delay:a*.1,children:e.jsx("a",{href:t.url,target:"_blank",rel:"noopener noreferrer",onClick:()=>m(t.title,t.url),style:{display:"block",textDecoration:"none",height:"100%"},children:e.jsxs("div",{style:{background:"var(--white)",border:"1px solid var(--border)",borderRadius:"20px",overflow:"hidden",height:"100%",display:"flex",flexDirection:"column",transition:"transform 0.5s cubic-bezier(0.19,1,0.22,1), box-shadow 0.5s ease, border-color 0.3s ease"},onMouseEnter:r=>{r.currentTarget.style.transform="translateY(-8px)",r.currentTarget.style.boxShadow="0 32px 80px rgba(0,0,0,0.1)",r.currentTarget.style.borderColor="var(--orange-muted)"},onMouseLeave:r=>{r.currentTarget.style.transform="none",r.currentTarget.style.boxShadow="none",r.currentTarget.style.borderColor="var(--border)"},children:[e.jsxs("div",{style:{height:"220px",background:t.color,position:"relative",overflow:"hidden"},children:[e.jsx("img",{src:t.image,alt:`${t.title} website`,style:{width:"100%",height:"100%",objectFit:"cover",objectPosition:"top center",display:"block"},loading:"lazy"}),e.jsx("div",{style:{position:"absolute",top:"12px",right:"12px",padding:"6px 12px",background:"rgba(255,255,255,0.92)",borderRadius:"100px",display:"flex",alignItems:"center",gap:"4px",fontSize:"11px",fontFamily:"var(--font-body)",fontWeight:600,color:"var(--text)",backdropFilter:"blur(8px)",boxShadow:"0 2px 8px rgba(0,0,0,0.1)"},children:"Visit ↗"})]}),e.jsxs("div",{style:{padding:"28px 32px 32px",flex:1,display:"flex",flexDirection:"column"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"12px",gap:"12px"},children:[e.jsx("div",{style:{display:"flex",gap:"6px",flexWrap:"wrap"},children:t.tags.map(r=>e.jsx("span",{className:"tag active",style:{fontSize:"11px",padding:"4px 10px"},children:r},r))}),e.jsx("span",{style:{fontFamily:"var(--font-mono)",fontSize:"11px",color:"var(--text-light)",letterSpacing:"0.05em",flexShrink:0},children:t.year})]}),e.jsx("h3",{style:{fontFamily:"var(--font-display)",fontSize:"24px",fontWeight:800,letterSpacing:"-0.03em",color:"var(--text)",marginBottom:"6px"},children:t.title}),e.jsx("p",{style:{fontFamily:"var(--font-body)",fontSize:"12px",color:"var(--orange)",fontWeight:500,marginBottom:"12px"},children:t.subtitle}),e.jsx("p",{style:{fontFamily:"var(--font-body)",fontSize:"14px",fontWeight:300,color:"var(--text-muted)",lineHeight:1.7,flex:1},children:t.desc}),e.jsx("div",{style:{display:"flex",gap:"6px",marginTop:"20px",flexWrap:"wrap"},children:t.tech.map(r=>e.jsx("span",{style:{fontFamily:"var(--font-mono)",fontSize:"11px",color:"var(--text-light)",padding:"4px 10px",background:"var(--bg-secondary)",borderRadius:"100px"},children:r},r))})]})]})})},t.title))})]})})]})}export{F as default};

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.