https://niral.ai/assets/ApplicationModernization-C2ou9ZCX.js

1import{j as e,_ as r,Q as n,$ as l,F as s,U as c,J as o,D as d,y as x,a0 as m}from"./react-vendor-CkN-H-TN.js";import{N as p,a as h}from"./Navbar-D6_Pd5RC.js";import{F as y}from"./Footer-FR83AMHt.js";import{B as g}from"./button-Dslq-UWI.js";import{m as i}from"./framer-motion-Dt6-Wh_r.js";import"./router-DVFFIAJy.js";import"./index-DxllOWHt.js";import"./query-BvHOkFHJ.js";const w=["Inconsistent UI and component implementations","Regression risk during incremental upgrades","Design systems that exist but are not enforced","Multi-vendor delivery inconsistencies","Rising technical debt during front-end refactoring"],u=["Import existing enterprise design systems and UI component libraries","Translate usability, accessibility, and branding standards into enforceable code generation rules","Generate deterministic, production-ready front-end code aligned to enterprise architecture","Ensure consistent modernization outcomes across teams and geographies"],b=[{icon:l,title:"Legacy Front-End Modernization",description:"Refactor outdated UI layers into modern frameworks while preserving maintainability and architectural integrity."},{icon:s,title:"Application Portfolio Modernization",description:"Modernize multiple applications toward a unified design system and consistent front-end standards."},{icon:c,title:"Multi-Vendor Governance",description:"Enforce consistent UI and coding standards across distributed internal and third-party teams."},{icon:o,title:"Incremental UI Refactoring",description:"Modernize applications module-by-module without introducing instability."}],N=["30–50% reduction in front-end modernization effort","Reduced regression risk during release cycles","Faster onboarding of new developers across standardized UI patterns","Improved consistency across application portfolios","Lower long-term technical debt accumulation"],j=[{icon:n,title:"Deterministic code generation aligned to architecture standards"},{icon:x,title:"Design system enforcement at scale"},{icon:o,title:"Integration with existing DevSecOps pipelines"},{icon:m,title:"Maintainable, framework-compliant outputs"},{icon:s,title:"Governance across large application portfolios"}];function k(){return e.jsxs("div",{className:"min-h-screen bg-white",children:[e.jsx(p,{}),e.jsx("section",{className:"relative pt-32 pb-20 lg:pt-40 lg:pb-28 bg-white",children:e.jsx("div",{className:"max-w-7xl mx-auto px-6 lg:px-8",children:e.jsxs("div",{className:"text-center max-w-4xl mx-auto",children:[e.jsx(i.h1,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.6},className:"text-4xl sm:text-5xl lg:text-6xl font-bold text-[#222222] leading-tight mb-6",children:"Enterprise Application Modernization Without Risk"}),e.jsx(i.p,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.6,delay:.1},className:"text-lg sm:text-xl text-[#222222] leading-relaxed mb-10",children:"Niral.ai is an enterprise design-to-code platform built for large-scale application modernization programs. It enables organizations to modernize legacy front-end systems into standards-compliant, maintainable, and scalable applications—without introducing regression or architectural drift."}),e.jsx(i.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.6,delay:.2},children:e.jsxs(g,{size:"lg",onClick:()=>window.open(h,"_blank","noopener,noreferrer"),className:"bg-[#C94500] hover:bg-[#D94E00] text-white px-8 py-6 text-base font-semibold rounded-xl group",children:["Request an Enterprise Modernization Assessment",e.jsx(r,{className:"ml-2 w-4 h-4 group-hover:translate-x-1 transition-transform"})]})})]})})}),e.jsx("section",{className:"py-16 lg:py-20 bg-gray-50",children:e.jsxs("div",{className:"max-w-7xl mx-auto px-6 lg:px-8",children:[e.jsxs("div",{className:"text-center max-w-3xl mx-auto mb-12",children:[e.jsx(i.h2,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},className:"text-3xl sm:text-4xl lg:text-5xl font-bold text-[#222222] leading-tight mb-6",children:"Enterprise Application Modernization at Scale"}),e.jsx(i.p,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{delay:.1},className:"text-lg text-[#222222] leading-relaxed",children:"Enterprise application modernization initiatives often involve dozens or hundreds of applications across distributed teams and vendors. Without enforceable standards, modernization efforts create fragmentation instead of consistency."})]}),e.jsxs(i.div,{initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},viewport:{once:!0},className:"max-w-4xl mx-auto",children:[e.jsxs("div",{className:"bg-white rounded-2xl border border-[#222222] p-8 mb-8",children:[e.jsx("h3",{className:"text-xl font-bold text-[#222222] mb-6",children:"Common modernization challenges include:"}),e.jsx("div",{className:"space-y-3",children:w.map((a,t)=>e.jsxs(i.div,{initial:{opacity:0,x:-20},whileInView:{opacity:1,x:0},viewport:{once:!0},transition:{delay:t*.1},className:"flex items-start gap-3",children:[e.jsx("div",{className:"w-2 h-2 rounded-full bg-red-500 mt-2 flex-shrink-0"}),e.jsx("p",{className:"text-[#222222]",children:a})]},t))})]}),e.jsx(i.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},className:"text-center p-6 rounded-xl bg-[#FF6D1F]/10 border border-[#FF6D1F]/20",children:e.jsxs("p",{className:"text-lg font-semibold text-[#222222]",children:["Niral.ai introduces ",e.jsx("span",{className:"text-[#FF6D1F]",children:"deterministic governance"})," into modernization programs."]})})]})]})}),e.jsx("section",{className:"py-16 lg:py-20 bg-white",children:e.jsxs("div",{className:"max-w-7xl mx-auto px-6 lg:px-8",children:[e.jsxs("div",{className:"text-center max-w-3xl mx-auto mb-12",children:[e.jsx(i.h2,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},className:"text-3xl sm:text-4xl lg:text-5xl font-bold text-[#222222] leading-tight mb-6",children:"How Niral.ai Supports Legacy Application Modernization"}),e.jsx(i.p,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{delay:.1},className:"text-lg text-[#222222] leading-relaxed mb-8",children:"Niral.ai acts as a modernization control layer across application portfolios."})]}),e.jsxs("div",{className:"max-w-4xl mx-auto bg-white rounded-2xl border border-[#222222] p-8",children:[e.jsx("h3",{className:"text-xl font-bold text-[#222222] mb-6",children:"It enables enterprises to:"}),e.jsx("div",{className:"space-y-4",children:u.map((a,t)=>e.jsxs(i.div,{initial:{opacity:0,x:-20},whileInView:{opacity:1,x:0},viewport:{once:!0},transition:{delay:t*.1},className:"flex items-start gap-3",children:[e.jsx(n,{className:"w-5 h-5 text-[#FF6D1F] flex-shrink-0 mt-0.5"}),e.jsx("p",{className:"text-[#222222]",children:a})]},t))}),e.jsx(i.p,{initial:{opacity:0,y:10},whileInView:{opacity:1,y:0},viewport:{once:!0},className:"mt-8 text-[#222222] italic",children:"This approach supports legacy application modernization, UI modernization initiatives, and front-end transformation programs without full rewrites."})]})]})}),e.jsx("section",{className:"py-16 lg:py-20 bg-gray-50",children:e.jsxs("div",{className:"max-w-7xl mx-auto px-6 lg:px-8",children:[e.jsx("div",{className:"text-center max-w-3xl mx-auto mb-12",children:e.jsx(i.h2,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},className:"text-3xl sm:text-4xl lg:text-5xl font-bold text-[#222222] leading-tight mb-6",children:"Common Enterprise Modernization Use Cases"})}),e.jsx("div",{className:"grid md:grid-cols-2 gap-6",children:b.map((a,t)=>e.jsxs(i.div,{initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{delay:t*.1},className:"bg-white rounded-2xl border border-[#222222] p-8",children:[e.jsx("div",{className:"w-12 h-12 rounded-xl bg-[#FF6D1F]/10 flex items-center justify-center mb-4",children:e.jsx(a.icon,{className:"w-6 h-6 text-[#FF6D1F]"})}),e.jsx("h3",{className:"text-xl font-bold text-[#222222] mb-3",children:a.title}),e.jsx("p",{className:"text-[#222222]",children:a.description})]},t))})]})}),e.jsx("section",{className:"py-16 lg:py-20 bg-white",children:e.jsxs("div",{className:"max-w-7xl mx-auto px-6 lg:px-8",children:[e.jsxs("div",{className:"text-center max-w-3xl mx-auto mb-12",children:[e.jsx(i.h2,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},className:"text-3xl sm:text-4xl lg:text-5xl font-bold text-[#222222] leading-tight mb-6",children:"Measurable Modernization Outcomes"}),e.jsx(i.p,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{delay:.1},className:"text-lg text-[#222222] leading-relaxed",children:"Organizations using Niral.ai in enterprise modernization programs can achieve:"})]}),e.jsx("div",{className:"max-w-4xl mx-auto",children:e.jsxs("div",{className:"bg-[#FF6D1F]/5 rounded-2xl border border-[#FF6D1F]/20 p-8",children:[e.jsx("div",{className:"space-y-4",children:N.map((a,t)=>e.jsxs(i.div,{initial:{opacity:0,x:-20},whileInView:{opacity:1,x:0},viewport:{once:!0},transition:{delay:t*.1},className:"flex items-start gap-3",children:[e.jsx(d,{className:"w-5 h-5 text-[#FF6D1F] flex-shrink-0 mt-0.5"}),e.jsx("p",{className:"text-[#222222] font-medium",children:a})]},t))}),e.jsxs(i.p,{initial:{opacity:0,y:10},whileInView:{opacity:1,y:0},viewport:{once:!0},className:"mt-8 text-center text-lg font-semibold text-[#222222]",children:["Modernization becomes ",e.jsx("span",{className:"text-[#FF6D1F]",children:"controlled, repeatable, and scalable"}),"."]})]})})]})}),e.jsx("section",{className:"py-16 lg:py-20 bg-[#222222]",children:e.jsxs("div",{className:"max-w-7xl mx-auto px-6 lg:px-8",children:[e.jsxs("div",{className:"text-center max-w-3xl mx-auto mb-12",children:[e.jsx(i.h2,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},className:"text-3xl sm:text-4xl lg:text-5xl font-bold text-white leading-tight mb-6",children:"Why Enterprises Choose Niral.ai for Modernization"}),e.jsx(i.p,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{delay:.1},className:"text-lg text-white/80 leading-relaxed mb-8",children:"Unlike generic AI code generators or design-to-code tools, Niral.ai is purpose-built for enterprise application modernization."})]}

1),e.jsx("div",{className:"max-w-4xl mx-auto space-y-4 mb-12",children:j.map((a,t)=>e.jsxs(i.div,{initial:{opacity:0,x:-20},whileInView:{opacity:1,x:0},viewport:{once:!0},transition:{delay:t*.1},className:"flex items-center gap-4 p-4 rounded-xl bg-white/5 border border-white/10",children:[e.jsx(a.icon,{className:"w-6 h-6 text-[#FF6D1F] flex-shrink-0"}),e.jsx("p",{className:"text-white font-medium",children:a.title})]},t))}),e.jsx(i.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},className:"text-center",children:e.jsxs("p",{className:"text-xl text-white font-semibold mb-2",children:["Modernization shifts from experimentation to ",e.jsx("span",{className:"text-[#FF6D1F]",children:"institutionalized engineering"}),"."]})})]})}),e.jsx(y,{})]})}export{k as default};