https://boppotechnologies.com/_next/static/chunks/pages/angularjs-development-services-fa7b1743b5c53cd3.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2372],{1364:function(e,t,n){"use strict";n.d(t,{Z:function(){return r}});var s=n(7938);let r=(0,s.Z)("circle-check",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"m9 12 2 2 4-4",key:"dzmm74"}]])},7413:function(e,t,n){"use strict";n.d(t,{Z:function(){return r}});var s=n(7938);let r=(0,s.Z)("refresh-ccw",[["path",{d:"M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8",key:"14sxne"}],["path",{d:"M3 3v5h5",key:"1xhq8a"}],["path",{d:"M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16",key:"1hlbsb"}],["path",{d:"M16 16h5v5",key:"ccwih5"}]])},6797:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/angularjs-development-services",function(){return n(6012)}])},7033:function(e,t,n){"use strict";var s=n(1527),r=n(2631),i=n.n(r);n(959),t.Z=function(){return(0,s.jsx)("div",{className:"py-20 bg-surface border-y border-slate/10",children:(0,s.jsxs)("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:[(0,s.jsx)("span",{className:"text-confidence-blue font-inter font-semibold text-metadata uppercase tracking-wider mb-3 block",children:"Operational Framework"}),(0,s.jsxs)("h2",{className:"font-manrope font-bold text-3xl sm:text-5xl text-ink leading-tight mb-12",children:["Engineering ",(0,s.jsx)("span",{className:"text-confidence-blue",children:"Lifecycle & Delivery"})]}),(0,s.jsx)("div",{className:"md:block hidden",children:(0,s.jsx)("div",{className:"bg-white p-8 rounded-2xl shadow-sm border border-slate/10 overflow-hidden",children:(0,s.jsx)(i(),{src:"/images/softwareDevelopment/mobiledev.png",width:1200,height:800,className:"h-full w-full object-contain",alt:"Work Process"})})}),(0,s.jsx)("div",{className:"md:hidden py-6 block",children:(0,s.jsx)("div",{className:"bg-white p-6 rounded-2xl shadow-sm border border-slate/10",children:(0,s.jsx)(i(),{src:"/images/softwareDevelopment/mobilemb.png",width:1e3,height:1e3,className:"h-full w-full object-contain",alt:"Work Process Mobile"})})})]})})}},6012:function(e,t,n){"use strict";n.r(t),n.d(t,{__N_SSG:function(){return A},default:function(){return angularjs_development_services}});var s=n(1527),r=n(959),i=n(3575),l=n.n(i),a=n(4441),o=n(3989),c=n(7938);let d=(0,c.Z)("code",[["path",{d:"m16 18 6-6-6-6",key:"eg8j8"}],["path",{d:"m8 6-6 6 6 6",key:"ppft3o"}]]);var x=n(2587),u=n(187),m=n(5862),p=n(1364);function ServicesBanner_Angular_New(){let{push:e}=(0,a.useRouter)(),[t,n]=(0,r.useState)(!1);return((0,r.useEffect)(()=>{n(!0)},[]),t)?(0,s.jsxs)("div",{className:"relative bg-surface min-h-[80vh] flex items-center overflow-hidden pt-28 pb-16 lg:pt-36 lg:pb-24 border-b border-slate/10",children:[(0,s.jsx)("div",{className:"absolute inset-0 z-0 opacity-[0.3]",children:(0,s.jsx)("div",{className:"absolute inset-0",style:{backgroundImage:"radial-gradient(rgba(4, 86, 180, 0.15) 1px, transparent 1px)",backgroundSize:"36px 36px"}})}),(0,s.jsx)("div",{className:"absolute top-[-10%] right-[-5%] w-[600px] h-[600px] bg-confidence-blue/5 blur-[140px] rounded-full pointer-events-none"}),(0,s.jsx)("div",{className:"max-w-7xl mx-auto w-full px-4 sm:px-6 lg:px-8 relative z-10",children:(0,s.jsxs)("div",{className:"grid lg:grid-cols-12 gap-12 items-center",children:[(0,s.jsxs)("div",{className:"lg:col-span-7 text-left",children:[(0,s.jsxs)("div",{className:"inline-flex items-center gap-2.5 px-4 py-1.5 rounded-full bg-confidence-blue/5 border border-confidence-blue/15 mb-6 shadow-sm",children:[(0,s.jsx)("span",{className:"w-2 h-2 rounded-full bg-confidence-blue animate-pulse"}),(0,s.jsx)("span",{className:"text-confidence-blue font-inter font-semibold text-metadata uppercase tracking-wider",children:"Enterprise Angular Architecture"})]}),(0,s.jsxs)("h1",{className:"font-manrope font-bold text-4xl sm:text-5xl lg:text-[60px] text-ink leading-[1.08] tracking-tight mb-6",children:["Robust ",(0,s.jsx)("br",{}),(0,s.jsx)("span",{className:"text-confidence-blue",children:"Angular Systems"})]}),(0,s.jsx)("p",{className:"text-slate font-inter text-body-lg leading-relaxed mb-10 max-w-xl",children:"Architecting secure, highly scalable Angular web applications. We leverage RxJS reactive streams, TypeScript strict typing, and Angular Signals to power complex enterprise platforms."}),(0,s.jsxs)("div",{className:"flex flex-wrap items-center gap-4",children:[(0,s.jsxs)("button",{onClick:()=>e("/contact-us"),className:"h-[54px] px-8 bg-confidence-blue text-white rounded-full font-inter font-semibold text-[15px] hover:bg-blue-700 transition-all duration-300 shadow-md hover:shadow-lg cursor-pointer inline-flex items-center justify-center gap-2.5 group",children:[(0,s.jsx)("span",{children:"Consult Angular Architects"}),(0,s.jsx)(o.Z,{className:"w-4.5 h-4.5 group-hover:translate-x-1 transition-transform"})]}),(0,s.jsx)("button",{onClick:()=>e("/case-study"),className:"h-[54px] px-7 bg-white text-ink border border-slate/20 rounded-full font-inter font-semibold text-[15px] hover:text-confidence-blue hover:border-confidence-blue transition-all duration-300 shadow-sm cursor-pointer inline-flex items-center justify-center",children:(0,s.jsx)("span",{children:"Explore Portfolio"})})]})]}),(0,s.jsx)("div",{className:"lg:col-span-5 flex justify-center lg:justify-end",children:(0,s.jsxs)("div",{className:"w-full max-w-md bg-white p-8 rounded-3xl border border-slate/10 shadow-sm relative overflow-hidden",children:[(0,s.jsxs)("div",{className:"flex items-center gap-4 mb-8",children:[(0,s.jsx)("div",{className:"w-12 h-12 rounded-2xl bg-confidence-blue/10 flex items-center justify-center text-confidence-blue font-bold",children:(0,s.jsx)(d,{className:"w-6 h-6"})}),(0,s.jsxs)("div",{children:[(0,s.jsx)("div",{className:"text-xs font-inter font-semibold text-slate uppercase tracking-wider",children:"Web Framework"}),(0,s.jsx)("div",{className:"text-xl font-manrope font-bold text-ink",children:"Angular 18 & Signals"})]})]}),(0,s.jsxs)("div",{className:"space-y-4",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between p-3.5 bg-surface rounded-2xl border border-slate/10",children:[(0,s.jsxs)("div",{className:"flex items-center gap-3",children:[(0,s.jsx)(x.Z,{className:"w-5 h-5 text-confidence-blue"}),(0,s.jsx)("span",{className:"font-manrope font-bold text-sm text-ink",children:"Signal-Based Reactivity"})]}),(0,s.jsx)("span",{className:"text-xs font-semibold font-inter text-confidence-blue",children:"Sub-10ms"})]}),(0,s.jsxs)("div",{className:"flex items-center justify-between p-3.5 bg-surface rounded-2xl border border-slate/10",children:[(0,s.jsxs)("div",{className:"flex items-center gap-3",children:[(0,s.jsx)(u.Z,{className:"w-5 h-5 text-confidence-blue"}),(0,s.jsx)("span",{className:"font-manrope font-bold text-sm text-ink",children:"RxJS Event Streams"})]}),(0,s.jsx)("span",{className:"text-xs font-semibold font-inter text-confidence-blue",children:"Async Data"})]}),(0,s.jsxs)("div",{className:"flex items-center justify-between p-3.5 bg-surface rounded-2xl border border-slate/10",children:[(0,s.jsxs)("div",{className:"flex items-center gap-3",children:[(0,s.jsx)(m.Z,{className:"w-5 h-5 text-confidence-blue"}),(0,s.jsx)("span",{className:"font-manrope font-bold text-sm text-ink",children:"Strict TypeScript Safety"})]}),(0,s.jsx)("span",{className:"text-xs font-semibold font-inter text-confidence-blue",children:"Enterprise"})]})]}),(0,s.jsxs)("div",{className:"mt-6 p-4 bg-confidence-blue/5 rounded-2xl border border-confidence-blue/10 flex items-center gap-3",children:[(0,s.jsx)(p.Z,{className:"w-5 h-5 text-confidence-blue shrink-0"}),(0,s.jsx)("span",{className:"text-xs font-semibold font-inter text-ink",children:"Standalone components, Micro-frontends & Universal SSR."})]})]})})]})})]}):(0,s.jsx)("div",{className:"min-h-[70vh] bg-surface"})}var h=n(7686),b=n(7413);let f=(0,c.Z)("grid-3x3",[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}],["path",{d:"M3 9h18",key:"1pudct"}],["path",{d:"M3 15h18",key:"5xshup"}],["path",{d:"M9 3v18",key:"fh3hqa"}],["path",{d:"M15 3v18",key:"14nvp0"}]]);var g=n(7945),j=n(4793);function AngularServices_New(){let{push:e}=(0,a.useRouter)(),t=[{icon:(0,s.jsx)(d,{className:"w-6 h-6"}),title:"Enterprise Angular Web Apps",description:"Developing robust, modular web applications built with Angular 18, standalone components, and strict TypeScript architecture."},{icon:(0,s.jsx)(b.Z,{className:"w-6 h-6"}),title:"Legacy AngularJS to Modern Migration",description:"Refactoring legacy AngularJS 1.x monoliths into modern, signal-based Angular applications with zero business interruption."},{icon:(0,s.jsx)(u.Z,{className:"w-6 h-6"}),title:"RxJS & Signal Reactive State",description:"Architecting reactive event streams using RxJS observables, NgRx state management, and Angular Signals for instantaneous UI updates."},{icon:(0,s.jsx)(f,{className:"w-6 h-6"}),title:"Micro-Frontends & Monorepos",description:"Building scalable enterprise monorepo architectures with Nx and Module Federation for independent team deployment."},{icon:(0,s.jsx)(x.Z,{className:"w-6 h-6"}),title:"Angular SSR & PWA Optimization",description:"Optimizing initial page render speeds with Angular Universal Server-Side Rendering (SSR) and progressive web app capabilities."},{icon:(0,s.jsx)(g.Z,{className:"w-6 h-6"}),title:"Full-Stack MEAN & AI Integration",description:"Integrating modern Angular frontends with Node.js backends and AI model APIs for c

1ognitive enterprise workflows."}];return(0,s.jsx)("section",{className:"py-20 bg-surface relative overflow-hidden flex justify-center border-b border-slate/10",children:(0,s.jsxs)("div",{className:"max-w-7xl w-full px-4 sm:px-6 lg:px-8",children:[(0,s.jsxs)("div",{className:"text-center mb-16 max-w-3xl mx-auto",children:[(0,s.jsx)("span",{className:"text-confidence-blue font-inter font-semibold text-metadata uppercase tracking-wider mb-3 block",children:"Angular Capabilities"}),(0,s.jsxs)("h2",{className:"font-manrope font-bold text-3xl sm:text-5xl text-ink leading-tight mb-4",children:["End-to-End ",(0,s.jsx)("span",{className:"text-confidence-blue",children:"Angular Engineering"})]}),(0,s.jsx)("p",{className:"font-inter text-slate text-body-lg max-w-2xl mx-auto leading-relaxed",children:"From enterprise web portals to legacy AngularJS modernizations, our senior Angular software architects build resilient systems."})]}),(0,s.jsx)("div",{className:"grid md:grid-cols-2 lg:grid-cols-3 gap-8",children:t.map((t,n)=>(0,s.jsxs)("div",{className:"group p-8 bg-white border border-slate/10 hover:border-confidence-blue/30 rounded-2xl shadow-sm hover:shadow-md transition-all duration-300 flex flex-col justify-between",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("div",{className:"w-12 h-12 rounded-2xl bg-confidence-blue/5 border border-confidence-blue/10 flex items-center justify-center text-confidence-blue mb-6 group-hover:bg-confidence-blue group-hover:text-white transition-all duration-300",children:t.icon}),(0,s.jsx)("h3",{className:"font-manrope font-bold text-xl text-ink mb-3 group-hover:text-confidence-blue transition-colors",children:t.title}),(0,s.jsx)("p",{className:"text-slate font-inter text-body-md leading-relaxed mb-6",children:t.description})]}),(0,s.jsxs)("div",{onClick:()=>e("/contact-us"),className:"inline-flex items-center gap-2 text-xs font-semibold font-inter text-confidence-blue cursor-pointer group-hover:translate-x-1 transition-transform",children:[(0,s.jsx)("span",{children:"Request Technical Specs"}),(0,s.jsx)(j.Z,{className:"w-4 h-4"})]})]},n))})]})})}function WhyHireAngular_New(){let{push:e}=(0,a.useRouter)(),[t,n]=(0,r.useState)({counter1:0,counter2:0,counter3:0,counter4:0});(0,r.useEffect)(()=>{let e=setTimeout(()=>{let e={counter1:{endValue:60,duration:1500},counter2:{endValue:10,duration:1500},counter3:{endValue:97,duration:1500},counter4:{endValue:95,duration:1500}};Object.keys(e).forEach(t=>{let{endValue:s,duration:r}=e[t],i=s/r*16,l=0,a=setInterval(()=>{l+=i,n(e=>({...e,[t]:Math.min(Math.floor(l),s)})),l>=s&&clearInterval(a)},16)})},300);return()=>clearTimeout(e)},[]);let i=[{icon:(0,s.jsx)(x.Z,{className:"w-6 h-6"}),title:"Google-Backed Enterprise Framework",desc:"Angular opinionated architecture guarantees long-term codebase maintainability, structured dependency injection, and enterprise-wide standards.",points:["Structured Dependency Injection","Built-In Form & Validation","Google LTS Support"]},{icon:(0,s.jsx)(u.Z,{className:"w-6 h-6"}),title:"Strict TypeScript & Modular Design",desc:"Prevent runtime bugs and accelerate multi-developer collaboration through strict compile-time TypeScript checks and standalone modules.",points:["Strict Type Safety","Standalone Components","Nx Monorepo Architecture"]},{icon:(0,s.jsx)(m.Z,{className:"w-6 h-6"}),title:"High-Performance RxJS & Signals",desc:"Streamline asynchronous data streams and complex state management with RxJS observables and Angular fine-grained Signals.",points:["RxJS Event Observables","Angular Signal Reactivity","Sub-10ms UI Re-renders"]}];return(0,s.jsx)("section",{className:"py-20 bg-surface relative overflow-hidden flex justify-center",children:(0,s.jsxs)("div",{className:"max-w-7xl w-full px-4 sm:px-6 lg:px-8",children:[(0,s.jsxs)("div",{className:"text-center mb-16 max-w-3xl mx-auto",children:[(0,s.jsx)("span",{className:"text-confidence-blue font-inter font-semibold text-metadata uppercase tracking-wider mb-3 block",children:"Angular Authority"}),(0,s.jsxs)("h2",{className:"font-manrope font-bold text-3xl sm:text-5xl text-ink leading-tight mb-4",children:["Why Partner with Boppo for ",(0,s.jsx)("span",{className:"text-confidence-blue",children:"Angular?"})]}),(0,s.jsx)("p",{className:"font-inter text-slate text-body-lg max-w-2xl mx-auto leading-relaxed",children:"We combine deep TypeScript expertise with modern Angular engineering to build web applications that handle massive enterprise scale."})]}),(0,s.jsx)("div",{className:"grid md:grid-cols-3 gap-8 mb-16",children:i.map((e,t)=>(0,s.jsxs)("div",{className:"group relative p-8 bg-white border border-slate/10 hover:border-confidence-blue/30 rounded-2xl shadow-sm hover:shadow-md transition-all duration-300 flex flex-col justify-between text-left h-full",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("div",{className:"w-12 h-12 rounded-2xl bg-confidence-blue/5 border border-confidence-blue/10 flex items-center justify-center text-confidence-blue mb-8 group-hover:bg-confidence-blue group-hover:text-white transition-all duration-300",children:e.icon}),(0,s.jsx)("h3",{className:"font-manrope font-bold text-xl text-ink mb-3 group-hover:text-confidence-blue transition-colors",children:e.title}),(0,s.jsx)("p",{className:"text-slate font-inter text-body-md leading-relaxed mb-8",children:e.desc})]}),(0,s.jsx)("div",{className:"pt-6 border-t border-slate/10 space-y-3",children:e.points.map((e,t)=>(0,s.jsxs)("div",{className:"flex items-center gap-2.5",children:[(0,s.jsx)(p.Z,{className:"w-4 h-4 text-confidence-blue"}),(0,s.jsx)("span",{className:"text-xs font-semibold font-inter text-ink",children:e})]},t))})]},t))}),(0,s.jsxs)("div",{className:"bg-white p-8 rounded-3xl border border-slate/10 shadow-sm mb-16 grid grid-cols-2 md:grid-cols-4 gap-6 text-center",children:[(0,s.jsxs)("div",{children:[(0,s.jsxs)("div",{className:"font-manrope font-bold text-3xl sm:text-4xl text-ink mb-1",children:[t.counter1,"+"]}),(0,s.jsx)("div",{className:"text-xs font-inter font-semibold text-confidence-blue uppercase tracking-wider",children:"Angular Products Built"})]}),(0,s.jsxs)("div",{children:[(0,s.jsxs)("div",{className:"font-manrope font-bold text-3xl sm:text-4xl text-ink mb-1",children:[t.counter2,"+"]}),(0,s.jsx)("div",{className:"text-xs font-inter font-semibold text-confidence-blue uppercase tracking-wider",children:"Years Market Tenure"})]}),(0,s.jsxs)("div",{children:[(0,s.jsxs)("div",{className:"font-manrope font-bold text-3xl sm:text-4xl text-ink mb-1",children:[t.counter3,"%"]}),(0,s.jsx)("div",{className:"text-xs font-inter font-semibold text-confidence-blue uppercase tracking-wider",children:"Client Delight"})]}),(0,s.jsxs)("div",{children:[(0,s.jsxs)("div",{className:"font-manrope font-bold text-3xl sm:text-4xl text-ink mb-1",children:[t.counter4,"%"]}),(0,s.jsx)("div",{className:"text-xs font-inter font-semibold text-confidence-blue uppercase tracking-wider",children:"Client Retention"})]})]}),(0,s.jsx)("div",{className:"bg-confidence-blue/5 border border-confidence-blue/15 rounded-3xl p-8 lg:p-14 relative overflow-hidden shadow-sm",children:(0,s.jsxs)("div",{className:"relative z-10 flex flex-col lg:flex-row items-center justify-between gap-8",children:[(0,s.jsxs)("div",{className:"text-center lg:text-left max-w-2xl",children:[(0,s.jsx)("h3",{className:"font-manrope font-bold text-3xl sm:text-4xl text-ink mb-4 leading-tight",children:"Build Your Enterprise Angular Platform"}),(0,s.jsx)("p",{className:"text-slate text-body-lg font-inter leading-relaxed",children:"Connect with our senior Angular software architects to discu

1ss your enterprise web architecture, legacy AngularJS migration, or team augmentation."})]}),(0,s.jsxs)("div",{className:"flex flex-wrap gap-4 w-full lg:w-auto justify-center",children:[(0,s.jsxs)("button",{onClick:()=>e("/contact-us"),className:"h-[52px] px-8 bg-confidence-blue text-white rounded-full font-inter font-semibold text-[15px] hover:bg-blue-700 transition-all duration-300 shadow-md hover:shadow-lg cursor-pointer inline-flex items-center justify-center gap-2 group",children:[(0,s.jsx)("span",{children:"Hire Angular Developers"}),(0,s.jsx)(o.Z,{className:"w-4.5 h-4.5 group-hover:translate-x-1 transition-transform"})]}),(0,s.jsx)("button",{onClick:()=>e("/case-study"),className:"h-[52px] px-7 bg-white text-ink border border-slate/20 rounded-full font-inter font-semibold text-[15px] hover:text-confidence-blue hover:border-confidence-blue transition-all duration-300 shadow-sm cursor-pointer inline-flex items-center justify-center",children:(0,s.jsx)("span",{children:"Explore Case Studies"})})]})]})})]})})}

1var v=n(7033),w=n(7312),N=n(8553),y=n(885),k=n(101),S=n(2604),A=!0,angularjs_development_services=function(e){var t,n;let{FAQListData:r}=e;return(0,s.jsxs)("div",{className:"bg-surface",children:[(0,s.jsxs)(l(),{children:[(0,s.jsx)("title",{children:null==r?void 0:null===(t=r.getMetaUrlDetails)||void 0===t?void 0:t.meta_title}),(0,s.jsx)("meta",{name:"description",content:null==r?void 0:null===(n=r.getMetaUrlDetails)||void 0===n?void 0:n.meta_desc})]}),(0,s.jsx)(ServicesBanner_Angular_New,{}),(0,s.jsx)(h.Z,{}),(0,s.jsx)(AngularServices_New,{}),(0,s.jsx)(WhyHireAngular_New,{}),(0,s.jsx)(v.Z,{}),(0,s.jsx)(w.Z,{}),(0,s.jsx)(N.Z,{}),(0,s.jsx)(y.Z,{}),(0,s.jsx)(S.Z,{faqsList:null==r?void 0:r.getFaqsDetails,title:"Angular Development FAQs",subtitle:"Common questions about enterprise Angular architecture, RxJS reactive streams, AngularJS migrations, and micro-frontends"}),(0,s.jsx)(k.Z,{title:"Orchestrate Enterprise Web Platforms",heading:"Ready to Engineer a Scalable <br/> Enterprise Angular Web Platform?",description:"Partner with Boppo's senior Angular software architects to build fast, secure, and maintainable web applications."})]})}}},function(e){e.O(0,[5406,6256,2621,9774,2888,179],function(){return e(e.s=6797)}),_N_E=e.O()}]);