1const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/Hero3D-D-rloZSJ.js","assets/animation-YSIgU_H2.js","assets/react-vendor-B36vEBwZ.js","assets/three-DbzPc33g.js"])))=>i.map(i=>d[i]); 2import{j as e,A as b,m as k}from"./animation-YSIgU_H2.js";import{S as n,P as w}from"./ScrollReveal-AmcbrD65.js";import{R as p,F as x,I as S,N as m,L as g,P as h,S as L,a as W,b as f,A as N,c as u,_ as M,W as T,d as C,e as F,f as I,T as B,J as z}from"./index-solTXp9Y.js";import{L as s,r as l}from"./react-vendor-B36vEBwZ.js";import{S as H}from"./Stats-DITBO_zH.js";import{s as y}from"./services-BJSLS3va.js";import{i as v}from"./industries-CbWap-Km.js";import{h as j}from"./hireTalent-D-yAB40F.js";import{C as A}from"./Clients-CcOxyNAZ.js";import{H as R}from"./HomeCTA-B6Ot32Bm.js";import"./lenis-Bu7sAdyK.js";import"./firebase-B6cbCLUP.js";import"./AnimatedCounter-CTFLQf8G.js";function D(){const r=new Date;return r.setMonth(r.getMonth()+1),r.toLocaleString("en-US",{month:"long"})}const E={Frontend:[{name:"Next.js",icon:f},{name:"React",icon:p},{name:"Angular",icon:N},{name:"Figma",icon:u}],Backend:[{name:"Node.js",icon:m},{name:"Laravel",icon:g},{name:"PHP",icon:h},{name:"Supabase",icon:L},{name:"Firebase",icon:W}],Mobile:[{name:"React Native",icon:p},{name:"Flutter",icon:x},{name:"Ionic",icon:S}]},P=l.lazy(()=>M(()=>import("./Hero3D-D-rloZSJ.js"),__vite__mapDeps([0,1,2,3])));function _(){const[r,a]=l.useState(!1);return l.useEffect(()=>{window.innerWidth>1024&&a(!0)},[]),r?e.jsx(l.Suspense,{fallback:null,children:e.jsx(P,{})}):null}function Y({name:r,icon:a}){return e.jsxs("span",{style:{display:"inline-flex",alignItems:"center",gap:"8px",padding:"6px 14px 6px 10px",background:"var(--white)",border:"1px solid var(--border)",borderRadius:"100px",fontFamily:"var(--font-body)",fontSize:"12px",fontWeight:500,color:"var(--text-muted)",transition:"border-color 0.3s ease, color 0.3s ease, background 0.3s ease, transform 0.3s ease",whiteSpace:"nowrap"},onMouseEnter:t=>{t.currentTarget.style.borderColor="var(--orange)",t.currentTarget.style.color="var(--orange-deep)",t.currentTarget.style.background="var(--orange-light)",t.currentTarget.style.transform="translateY(-2px)"},onMouseLeave:t=>{t.currentTarget.style.borderColor="var(--border)",t.currentTarget.style.color="var(--text-muted)",t.currentTarget.style.background="var(--white)",t.currentTarget.style.transform="translateY(0)"},children:[e.jsx(a,{}),r]})}function V({label:r}){return e.jsx("span",{style:{fontFamily:"var(--font-mono)",fontSize:"10px",letterSpacing:"0.12em",textTransform:"uppercase",color:"var(--text-light)",flexShrink:0,minWidth:"56px"},children:r})}function O(){return e.jsxs("section",{style:{minHeight:"100vh",display:"flex",flexDirection:"column",justifyContent:"center",position:"relative",overflow:"hidden",background:"var(--bg)"},children:[e.jsx("div",{style:{position:"absolute",top:"10%",right:"-5%",width:"45%",aspectRatio:"1",background:"radial-gradient(circle at 60% 40%, rgba(249,115,22,0.10) 0%, transparent 70%)",borderRadius:"50%",pointerEvents:"none"}}),e.jsx(_,{}),e.jsxs("div",{className:"scroll-hint",style:{position:"absolute",bottom:"40px",left:"50%",transform:"translateX(-50%)",display:"flex",flexDirection:"column",alignItems:"center",gap:"8px",zIndex:1},children:[e.jsx("span",{style:{fontFamily:"var(--font-mono)",fontSize:"10px",letterSpacing:"0.15em",textTransform:"uppercase",color:"var(--text-light)"},children:"Scroll"}),e.jsx("div",{style:{width:"1px",height:"48px",background:"linear-gradient(to bottom, var(--orange), transparent)",animation:"scrollIndicator 2s infinite"}})]}),e.jsxs("div",{style:{maxWidth:"1280px",margin:"0 auto",width:"100%",padding:"140px 40px 80px",position:"relative",zIndex:3},children:[e.jsxs("div",{className:"hero-fade-in",style:{display:"flex",alignItems:"center",gap:"16px",marginBottom:"40px",animationDelay:"0.1s"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px",padding:"8px 16px",background:"var(--orange-light)",border:"1px solid var(--orange-muted)",borderRadius:"100px"},children:[e.jsx("span",{style:{width:"7px",height:"7px",background:"#22C55E",borderRadius:"50%",display:"inline-block",animation:"pulse 2s infinite"}}),e.jsxs("span",{style:{fontFamily:"var(--font-mono)",fontSize:"11px",letterSpacing:"0.1em",textTransform:"uppercase",color:"var(--orange-deep)"},children:["Available for ",D()]})]}),e.jsxs(s,{to:"/contact",style:{fontFamily:"var(--font-mono)",fontSize:"11px",letterSpacing:"0.1em",textTransform:"uppercase",color:"var(--orange)",display:"inline-flex",alignItems:"center",gap:"6px",transition:"gap 0.3s ease"},onMouseEnter:r=>{r.currentTarget.style.gap="10px"},onMouseLeave:r=>{r.currentTarget.style.gap="6px"},children:["Book a call",e.jsx("svg",{width:"12",height:"12",viewBox:"0 0 16 16",fill:"none",children:e.jsx("path",{d:"M3 13L13 3M13 3H5M13 3V11",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})]})]}),e.jsx("div",{style:{marginBottom:"40px",overflow:"hidden",maxWidth:"58%"},children:e.jsxs("h1",{className:"hero-slide-up",style:{fontFamily:"var(--font-display)",fontSize:"clamp(36px, 4.5vw, 68px)",fontWeight:800,letterSpacing:"-0.04em",lineHeight:1.1,color:"var(--text)",animationDelay:"0.2s"},children:["Your idea, built into a",e.jsx("br",{}),e.jsx("span",{style:{color:"var(--orange)"},children:"product"})," ","that"," ",e.jsxs("span",{style:{position:"relative",display:"inline-block"},children:["scales",e.jsx("svg",{viewBox:"0 0 300 24",style:{position:"absolute",bottom:"-8px",left:0,width:"100%",height:"14px",overflow:"visible"},children:e.jsx("path",{d:"M 4 14 Q 75 4 150 12 Q 225 20 296 10",fill:"none",stroke:"var(--orange)",strokeWidth:"3",strokeLinecap:"round"})})]})]})}),e.jsxs("div",{style:{display:"flex",alignItems:"flex-end",justifyContent:"space-between",gap:"40px",flexWrap:"wrap",marginBottom:"56px",maxWidth:"65%"},children:[e.jsx("p",{className:"hero-fade-in",style:{fontFamily:"var(--font-body)",fontSize:"17px",fontWeight:300,lineHeight:1.7,color:"var(--text-muted)",maxWidth:"380px",animationDelay:"0.45s"},children:"Angrio Technologies is a full-service IT company that takes your idea from strategy and design all the way to a live, scalable product built with precision."}),e.jsxs("div",{className:"hero-fade-in",style:{display:"flex",gap:"12px",flexWrap:"wrap",animationDelay:"0.6s"},children:[e.jsxs(s,{to:"/portfolio",className:"btn-arrow",children:["View Our Work",e.jsx("svg",{className:"arrow-icon",viewBox:"0 0 16 16",fill:"none",children:e.jsx("path",{d:"M3 13L13 3M13 3H5M13 3V11",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})]}),e.jsx(s,{to:"/contact",className:"btn-arrow outline",children:"Start a Project"})]})]}),e.jsx("div",{className:"hero-fade-in hero-tech-stack",style:{display:"flex",flexDirection:"column",gap:"10px",animationDelay:"0.75s"},children:Object.entries(E).map(([r,a])=>e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px",flexWrap:"wrap"},children:[e.jsx(V,{label:r}),a.map(t=>e.jsx(Y,{name:t.name,icon:t.icon},t.name))]},r))})]}),e.jsx("style",{children:` 3 @keyframes heroFadeIn { 4 from { opacity: 0; transform: translateY(20px); } 5 to { opacity: 1; transform: translateY(0); } 6 } 7 @keyframes heroSlideUp { 8 from { opacity: 0; transform: translateY(40px); } 9 to { opacity: 1; transform: translateY(0); } 10 } 11 .hero-fade-in { 12 opacity: 0; 13 animation: heroFadeIn 0.8s cubic-bezier(0.19, 1, 0.22, 1) forwards; 14 } 15 .hero-slide-up { 16 opacity: 0; 17 animation: heroSlideUp 0.9s cubic-bezier(0.19, 1, 0.22, 1) forwards; 18 } 19 @keyframes pulse { 20 0%, 100% { opacity: 1; transform: scale(1); } 21 50% { opacity: 0.5; transform: scale(0.8); } 22 } 23 @keyframes scrollIndicator { 24 0% { transform: scaleY(0); transform-origin: top; } 25 50% { transform: scaleY(1); transform-origin: top; } 26 51% { transform: scaleY(1); transform-origin: bottom; } 27 100% { transform: scaleY(0); transform-origin: bottom; } 28 } 29 @media (max-width: 768px) { 30 .hero-tech-stack { 31 gap: 8px !important; 32 } 33 } 34 `})]})}const $={JavaScriptLogo:z,TypeScriptLogo:B,ReactLogo:p,NextjsLogo:f,LaravelLogo:g,NodejsLogo:m,PhpLogo:h,FlutterLogo:x,AppleLogo:I,AndroidLogo:F,FigmaLogo:u,FramerLogo:C,WordPressLogo:T},K=[{key:"services",label:"Services",count:y.length},{key:"industries",label:"Industries",count:v.length},{key:"hire",label:"Hire Talent",count:j.length}],U=[{heading:"Frontend",slugs:["javascript-developers","typescript-developers","react-developers","nextjs-developers"]}
34,{heading:"Backend",slugs:["laravel-developers","nodejs-developers","php-developers"]},{heading:"Mobile",slugs:["flutter-developers","react-native-developers","ios-developers","android-developers"]},{heading:"Design",slugs:["figma-designers","framer-developers","wordpress-developers"]}],G={initial:{opacity:0,y:16},animate:{opacity:1,y:0,transition:{duration:.35,ease:[.16,1,.3,1]}},exit:{opacity:0,y:-12,transition:{duration:.2,ease:"easeIn"}}};function d({to:r,title:a,tagline:t,accentColor:o,technology:i,Logo:c}){return e.jsx(s,{to:r,style:{textDecoration:"none",color:"inherit"},children:e.jsxs("div",{className:"card",style:{height:"100%",display:"flex",flexDirection:"column",gap:"16px"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"10px"},children:[c?e.jsx("span",{style:{flexShrink:0,display:"flex",alignItems:"center"},children:e.jsx(c,{size:20})}):e.jsx("span",{style:{width:"6px",height:"6px",borderRadius:"50%",background:o||"var(--orange)",flexShrink:0}}),e.jsx("h3",{style:{fontFamily:"var(--font-display)",fontSize:"18px",fontWeight:800,letterSpacing:"-0.02em",color:"var(--text)",flex:1,margin:0},children:a}),e.jsx("svg",{width:"14",height:"14",viewBox:"0 0 16 16",fill:"none",style:{flexShrink:0,opacity:.4},children:e.jsx("path",{d:"M3 13L13 3M13 3H5M13 3V11",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})]}),e.jsx("p",{style:{fontFamily:"var(--font-body)",fontSize:"14px",fontWeight:300,color:"var(--text-muted)",lineHeight:1.6,margin:0,display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden"},children:t}),i&&e.jsx("span",{className:"tag",style:{alignSelf:"flex-start",marginTop:"auto"},children:i})]})})}function J(){const[r,a]=l.useState("services");return e.jsx("section",{style:{padding:"96px 0",background:"var(--bg)"},children:e.jsxs("div",{style:{maxWidth:"1280px",margin:"0 auto",padding:"0 40px"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"flex-end",justifyContent:"space-between",gap:"32px",marginBottom:"48px",flexWrap:"wrap"},children:[e.jsxs(n,{children:[e.jsx("span",{className:"section-label orange",style:{display:"block",marginBottom:"16px"},children:"What We Do"}),e.jsx("h2",{style:{fontFamily:"var(--font-display)",fontSize:"clamp(24px, 3vw, 48px)",fontWeight:800,letterSpacing:"-0.04em",lineHeight:1,color:"var(--text)",maxWidth:"560px"},children:"End-to-end services for ambitious businesses"})]}),e.jsx(n,{delay:.2,children:e.jsxs(s,{to:"/services",className:"btn-arrow outline",children:["Explore Solutions",e.jsx("svg",{className:"arrow-icon",viewBox:"0 0 16 16",fill:"none",children:e.jsx("path",{d:"M3 13L13 3M13 3H5M13 3V11",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})]})})]}),e.jsx(n,{delay:.1,children:e.jsx("div",{style:{display:"flex",gap:"10px",marginBottom:"40px",flexWrap:"wrap"},children:K.map(t=>{const o=r===t.key;return e.jsxs("button",{onClick:()=>a(t.key),style:{fontFamily:"var(--font-body)",fontSize:"14px",fontWeight:500,padding:"10px 20px",borderRadius:"100px",border:o?"1.5px solid var(--orange)":"1.5px solid var(--border)",background:o?"var(--orange)":"var(--white)",color:o?"#fff":"var(--text-muted)",cursor:"pointer",transition:"all 0.3s ease",whiteSpace:"nowrap"},children:[t.label," (",t.count,")"]},t.key)})})}),e.jsx(b,{mode:"wait",children:e.jsxs(k.div,{variants:G,initial:"initial",animate:"animate",exit:"exit",children:[r==="services"&&e.jsx("div",{className:"grid-3-col",children:y.map(t=>e.jsx(d,{to:`/services/${t.slug}`,title:t.title,tagline:t.tagline,accentColor:t.accentColor},t.slug))}),r==="industries"&&e.jsx("div",{className:"grid-3-col",children:v.map(t=>e.jsx(d,{to:`/industries/${t.slug}`,title:t.title,tagline:t.tagline,accentColor:t.accentColor},t.slug))}),r==="hire"&&e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"32px"},children:U.map(t=>{const o=t.slugs.map(i=>j.find(c=>c.slug===i)).filter(Boolean);return e.jsxs("div",{children:[e.jsx("span",{style:{fontFamily:"var(--font-mono)",fontSize:"11px",fontWeight:500,textTransform:"uppercase",letterSpacing:"0.12em",color:"var(--text-muted)",display:"block",marginBottom:"16
34px"},children:t.heading}),e.jsx("div",{className:"grid-4-col",children:o.map(i=>e.jsx(d,{to:`/hire/${i.slug}`,title:i.title.replace("Hire ",""),tagline:i.tagline,accentColor:i.accentColor,technology:i.technology,Logo:i.logoKey?$[i.logoKey]:null},i.slug))})]},t.heading)})})]},r)})]})})}const Q=[{num:"01",title:"LeanSuite",subtitle:"Lean Manufacturing Platform",desc:"Simplify work, improve efficiency, and engage frontline employees, all in one place.",tags:["Web App","Enterprise","React"],url:"https://theleansuite.com",image:"/images/leansuite-hero.webp"},{num:"02",title:"MM Installing",subtitle:"Glass Products & Services",desc:"Interactive animations meet refined, clean design for a glass products business.",tags:["Website","Animations","React"],url:"https://mminstalling.com",image:"/images/mminstalling-hero.webp"},{num:"03",title:"MyUK Builders",subtitle:"Renovation Business",desc:"A luxurious renovation business website built with Next.js for exceptional performance.",tags:["Website","Architecture","Next.js"],url:"https://myukbuilders.co.uk",image:"/images/myukbuilders-hero.webp"}];function X(){return e.jsx("section",{style:{padding:"80px 0 96px",background:"var(--bg-secondary)",overflow:"hidden"},children:e.jsxs("div",{style:{maxWidth:"1280px",margin:"0 auto",padding:"0 40px"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"flex-end",justifyContent:"space-between",gap:"32px",marginBottom:"56px",flexWrap:"wrap"},children:[e.jsxs(n,{children:[e.jsx("span",{className:"section-label orange",style:{display:"block",marginBottom:"16px"},children:"Selected Work"}),e.jsx("h2",{style:{fontFamily:"var(--font-display)",fontSize:"clamp(24px, 3vw, 48px)",fontWeight:800,letterSpacing:"-0.04em",lineHeight:1,color:"var(--text)"},children:"Work that speaks for itself"})]}),e.jsx(n,{delay:.2,children:e.jsxs(s,{to:"/portfolio",className:"btn-arrow outline",children:["Full Portfolio",e.jsx("svg",{className:"arrow-icon",viewBox:"0 0 16 16",fill:"none",children:e.jsx("path",{d:"M3 13L13 3M13 3H5M13 3V11",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})]})})]}),e.jsx("div",{className:"work-grid-staggered",children:Q.map((r,a)=>e.jsx(n,{delay:a*.12,children:e.jsxs("a",{href:r.url,target:"_blank",rel:"noopener noreferrer",className:`work-card ${a===0?"work-card-lg":""}`,children:[e.jsxs("div",{className:"work-card-image",children:[e.jsx("img",{src:r.image,alt:`${r.title} â ${r.subtitle}`,loading:"lazy"}),e.jsx("div",{className:"work-card-overlay",children:e.jsxs("span",{className:"work-card-visit",children:["View Project",e.jsx("svg",{width:"14",height:"14",viewBox:"0 0 16 16",fill:"none",children:e.jsx("path",{d:"M3 13L13 3M13 3H5M13 3V11",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})]})})]}),e.jsxs("div",{className:"work-card-info",children:[e.jsxs("div",{style:{display:"flex",alignItems:"baseline",gap:"12px",marginBottom:"6px"},children:[e.jsx("span",{style:{fontFamily:"var(--font-mono)",fontSize:"11px",color:"var(--text-light)",letterSpacing:"0.08em"},children:r.num}),e.jsx("h3",{style:{fontFamily:"var(--font-display)",fontSize:a===0?"clamp(22px, 2.5vw, 32px)":"clamp(18px, 2vw, 24px)",fontWeight:800,letterSpacing:"-0.03em",color:"var(--text)",lineHeight:1.1},children:r.title})]}),e.jsx("p",{style:{fontFamily:"var(--font-body)",fontSize:"13px",color:"var(--text-muted)",fontWeight:400,marginBottom:"12px"},children:r.subtitle}),e.jsx("div",{style:{display:"flex",gap:"6px",flexWrap:"wrap"},children:r.tags.map(t=>e.jsx("span",{style:{padding:"3px 10px",borderRadius:"100px",border:"1px solid var(--border)",fontSize:"11px",fontWeight:500,color:"var(--text-muted)",letterSpacing:"0.02em"},children:t},t))})]})]})},r.num))})]})})}function pe(){return e.jsxs(w,{children:[e.jsx(O,{}),e.jsx(H,{}),e.jsx(A,{}),e.jsx(J,{}),e.jsx(X,{}),e.jsx(R,{})]})}export{pe 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.