Mobile App Maintenance Services

<style> :root { --primary: #6061f6; --accent: #c5ef48; --dark: #111827; --body: #4b5563; --muted: #6b7280; --bg-light: #f8f9fa; --bg-white: #ffffff; --bg-tint: #fafbff; --border: rgba(0,0,0,0.06); --shadow-sm: 0 4px 24px rgba(0,0,0,0.05); --shadow-md: 0 12px 40px rgba(96,97,246,0.10); --radius-card: 20px; --radius-sm: 12px; --radius-pill: 999px; } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } .lca-block1 { font-family: 'Inter', sans-serif; color: var(--dark); background: var(--bg-white); } .lca-h2 { font-size: clamp(1.5rem, 3vw, 2.25rem); font-weight: 400; color: var(--dark); margin: 0 0 1rem 0; letter-spacing: -0.02em; line-height: 1.2; } .lca-h2 strong { font-weight: 700; color: var(--primary); } .lca-h3 { font-size: clamp(0.95rem, 1.8vw, 1.1rem); font-weight: 600; color: var(--dark); margin: 0 0 0.5rem 0; line-height: 1.3; } .lca-body { font-size: clamp(0.875rem, 1.4vw, 0.975rem); color: var(--body); line-height: 1.7; margin: 0; } .lca-icon-wrap { width: 48px; height: 48px; border-radius: 14px; background: rgba(96,97,246,0.08); display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-bottom: 16px; } .lca-icon-wrap svg { width: 24px; height: 24px; color: var(--primary); } .lca-card { background: var(--bg-white); border-radius: var(--radius-card); border: 1px solid var(--border); box-shadow: var(--shadow-sm); padding: 28px 24px; position: relative; overflow: hidden; transition: background 0.25s ease, box-shadow 0.25s ease; } .lca-card::before { content: ''; position: absolute; left: 0; top: 0; width: 3px; height: 0; background: var(--primary); border-radius: 20px 0 0 20px; transition: height 0.25s ease; } .lca-card:hover::before { height: 100%; } .lca-card:hover { background: var(--bg-tint); box-shadow: var(--shadow-md); } .lca-grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; } .lca-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; } .lca-split { display: grid; grid-template-columns: 1fr 2fr; gap: 4rem; align-items: start; } .lca-bento { display: grid; grid-template-columns: 1fr 2fr; gap: 3rem; align-items: start; } .lca-bento-heading { position: sticky; top: 2rem; } .lca-callout { background: var(--bg-light); border-left: 3px solid var(--primary); border-radius: 0 var(--radius-sm) var(--radius-sm) 0; padding: 24px 28px; } .lca-pill { display: inline-block; background: rgba(96,97,246,0.1); color: var(--primary); font-size: 0.75rem; font-weight: 600; padding: 4px 12px; border-radius: var(--radius-pill); margin-right: 8px; margin-bottom: 8px; } .lca-tag { display: inline-block; font-size: 0.75rem; font-weight: 600; color: var(--muted); text-transform: uppercase; letter-spacing: 0.05em; margin-right: 12px; } @media (max-width: 991px) { .lca-grid-3 { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 767px) { .lca-grid-2, .lca-grid-3, .lca-split, .lca-bento { grid-template-columns: 1fr; gap: 2rem; } .lca-bento-heading { position: static; } } </style> <div class='section_why-maintenance'> <div class='padding-global padding-section-large'> <div class='container-large'> <div class='lca-split'> <div> <h2 class='lca-h2'>Why maintenance <strong>matters.</strong></h2> <p class='lca-body'>Launching an app is one milestone. Keeping it working — across iOS updates, Android fragmentation, App Store policy changes, evolving user expectations, and growing user bases — is a continuous commitment.</p> </div> <div class='lca-callout'> <p class='lca-body'>Most apps without an active maintenance plan become liabilities within 12-18 months: crashes increase, features break, stores reject updates, and users leave. We treat maintenance as a distinct service, not an afterthought.</p> </div> </div> </div> </div> </div> <div class='section_what-maintain' style='background: var(--bg-light);'> <div class='padding-global padding-section-large'> <div class='container-large'> <h2 class='lca-h2' style='text-align: center; margin-bottom: 3rem;'>What we <strong>maintain.</strong></h2> <div class='lca-grid-3'> <div class='lca-card'> <div class='lca-icon-wrap'> <svg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5'><path stroke-linecap='round' stroke-linejoin='round' d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/></svg> </div> <h3 class='lca-h3'>Bug Fixes & Crash Resolution</h3> <p class='lca-body'>We monitor crash reports, investigate issues, and deploy fixes. We prioritize by user impact — crashes affecting many users get immediate attention.</p> </div> <div class='lca-card'> <div class='lca-icon-wrap'> <svg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5'><path stroke-linecap='round' stroke-linejoin='round' d='M10.5 1.5H8.25A2.25 2.25 0 006 3.75v16.5a2.25 2.25 0 002.25 2.25h7.5A2.25 2.25 0 0018 20.25V3.75a2.25 2.25 0 00-2.25-2.25H13.5m-3 0V3h3V1.5m-3 0h3m-3 18.75h3'/></svg> </div> <h3 class='lca-h3'>iOS & Android OS Updates</h3> <p class='lca-body'>We test apps against new OS betas before public release. We update for deprecated APIs, new permissions, and changed platform behaviors.</p> </div> <div class='lca-card'> <div class='lca-icon-wrap'> <svg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5'><path stroke-linecap='round' stroke-linejoin='round' d='M3.75 13.5l10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75z'/></svg> </div> <h3 class='lca-h3'>Performance Optimization</h3> <p class='lca-body'>We analyze app performance — startup time, memory usage, network efficiency. We identify bottlenecks and optimize systematically.</p> </div> <div class='lca-card'> <div class='lca-icon-wrap'> <svg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5'><path stroke-linecap='round' stroke-linejoin='round' d='M9 12.75L11.25 15 15 9.75m-3-7.036A11.959 11.959 0 013.598 6 11.99 11.99 0 003 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285z'/></svg> </div> <h3 class='lca-h3'>Security Patching</h3> <p class='lca-body'>We monitor for security vulnerabilities in dependencies. We patch known vulnerabilities and update libraries proactively.</p> </div> <div class='lca-card'> <div class='lca-icon-wrap'> <svg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5'><path stroke-linecap='round' stroke-linejoin='round' d='M2.25 18L9 11.25l4.306 4.307a11.95 11.95 0 015.814-5.519l2.74-1.22m0 0l-5.94-2.28m5.94 2.28l-2.28 5.941'/></svg> </div> <h3 class='lca-h3'>Feature Development</h3> <p class='lca-body'>Maintenance isn't just keeping things working — it's evolving the product. We add features, improve functionality, and support your roadmap.</p> </div> <div class='lca-card'> <div class='lca-icon-wrap'> <svg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5'><path stroke-linecap='round' stroke-linejoin='round' d='M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z'/></svg> </div> <h3 class='lca-h3'>App Store Compliance</h3> <p class='lca-body'>Apple and Google change their guidelines regularly. We monitor policy changes and update apps before submissions get rejected.</p> </div> </div> </div> </div> </div> <div class='section_who-maintenance'> <div class='padding-global padding-section-large'> <div class='container-large'> <div class='lca-bento'> <div class='lca-bento-heading'> <span class='lca-pill'>Ideal Fit</span> <h2 class='lca-h2'>Who is mobile app maintenance <strong>for?</strong></h2> <p class='lca-body' style='margin-top: 1rem;'>Maintenance is the right choice when your app needs ongoing care and evolution.</p> </div> <div class='lca-grid-2'> <div class='lca-card'> <span class='lca-tag'>01</span> <h3 class='lca-h3'>Companies Whose Dev Team Moved On</h3> <p class='lca-body'>The agency that built your app has moved to other projects. Your in-house developer left. You have a live product with users and no one maintaining it.</p> </div> <div class='lca-card'> <span class='lca-tag'>02</span> <h3 class='lca-h3'>Apps That 'Just Need to Keep Working'</h3> <p class='lca-body'>Your app isn't a strategic priority — it just needs to work. You need bug fixes, OS updates, and basic care without requiring your attention.</p> </div> <div class='lca-card'> <span class='lca-tag'>03</span> <h3 class='lca-h3'>Teams Whose App Is Becoming a Liability</h3> <p class='lca-body'>Performance is degrading. Crashes are increasing. App store submissions are getting rejected. Technical debt has accumulated.</p> </div> <div class='lca-card'> <span class='lca-tag'>04</span> <h3 class='lca-h3'>Organizations Planning App Evolution</h3> <p class='lca-body'>Your app works, but you have a roadmap for improvements. You need a team that can maintain what exists while developing what's next.</p> </div> </div> </div> </div> </div> </div>

<style> :root { --primary: #6061f6; --accent: #c5ef48; --dark: #111827; --body: #4b5563; --muted: #6b7280; --bg-light: #f8f9fa; --bg-white: #ffffff; --bg-tint: #fafbff; --border: rgba(0,0,0,0.06); --shadow-sm: 0 4px 24px rgba(0,0,0,0.05); --shadow-md: 0 12px 40px rgba(96,97,246,0.10); --shadow-lg: 0 20px 60px rgba(96,97,246,0.14); --radius-card: 20px; --radius-sm: 12px; --radius-pill: 999px; } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } .lca-block2 { font-family: 'Inter', sans-serif; color: var(--dark); background: var(--bg-white); } .lca-h2 { font-size: clamp(1.5rem, 3vw, 2.25rem); font-weight: 400; color: var(--dark); margin: 0 0 1rem 0; letter-spacing: -0.02em; line-height: 1.2; } .lca-h2 strong { font-weight: 700; color: var(--primary); } .lca-h3 { font-size: clamp(0.95rem, 1.8vw, 1.1rem); font-weight: 600; color: var(--dark); margin: 0 0 0.5rem 0; line-height: 1.3; } .lca-body { font-size: clamp(0.875rem, 1.4vw, 0.975rem); color: var(--body); line-height: 1.7; margin: 0; } .lca-icon-wrap { width: 48px; height: 48px; border-radius: 14px; background: rgba(96,97,246,0.08); display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-bottom: 16px; } .lca-icon-wrap svg { width: 24px; height: 24px; color: var(--primary); } .lca-card { background: var(--bg-white); border-radius: var(--radius-card); border: 1px solid var(--border); box-shadow: var(--shadow-sm); padding: 28px 24px; position: relative; overflow: hidden; transition: background 0.25s ease, box-shadow 0.25s ease; } .lca-card::before { content: ''; position: absolute; left: 0; top: 0; width: 3px; height: 0; background: var(--primary); border-radius: 20px 0 0 20px; transition: height 0.25s ease; } .lca-card:hover::before { height: 100%; } .lca-card:hover { background: var(--bg-tint); box-shadow: var(--shadow-md); } .lca-grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; } .lca-bento { display: grid; grid-template-columns: 1fr 2fr; gap: 3rem; align-items: start; } .lca-bento-heading { position: sticky; top: 2rem; } .lca-step { position: relative; padding-left: 60px; padding-bottom: 40px; opacity: 0; transform: translateY(24px); transition: opacity 0.5s ease, transform 0.5s ease; } .lca-step.lca-visible { opacity: 1; transform: translateY(0); } .lca-step:nth-child(2) { transition-delay: 0.1s; } .lca-step:nth-child(3) { transition-delay: 0.2s; } .lca-step:nth-child(4) { transition-delay: 0.3s; } .lca-step:nth-child(5) { transition-delay: 0.4s; } .lca-step:nth-child(6) { transition-delay: 0.5s; } .lca-step::before { content: ''; position: absolute; left: 18px; top: 36px; bottom: 0; width: 2px; background: rgba(96,97,246,0.15); transform-origin: top; transform: scaleY(0); transition: transform 0.6s ease 0.2s; } .lca-step.lca-visible::before { transform: scaleY(1); } .lca-step:last-child { padding-bottom: 0; } .lca-step:last-child::before { display: none; } .lca-step-num { position: absolute; left: 0; top: 0; width: 36px; height: 36px; border-radius: 50%; background: rgba(96,97,246,0.08); color: var(--primary); font-weight: 700; font-size: 0.9rem; display: flex; align-items: center; justify-content: center; } .lca-step-content h3 { font-size: 1.1rem; font-weight: 600; color: var(--dark); margin: 0 0 0.5rem; } .lca-step-content p { font-size: 0.95rem; color: var(--body); line-height: 1.6; margin: 0 0 0.75rem; } .lca-pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; max-width: 1060px; margin: 0 auto; } .lca-price-card { background: var(--bg-white); border-radius: var(--radius-card); border: 1px solid var(--border); padding: 36px 28px; display: flex; flex-direction: column; position: relative; transition: transform 0.25s ease, box-shadow 0.25s ease; } .lca-price-card:hover { transform: scale(1.02); box-shadow: var(--shadow-md); } .lca-price-card.popular { border: 2px solid var(--primary); box-shadow: var(--shadow-lg); transform: scale(1.03); } .lca-price-card.popular:hover { transform: scale(1.05); } .lca-price-badge { display: inline-block; background: var(--primary); color: #fff; font-size: 0.75rem; font-weight: 600; padding: 4px 12px; border-radius: var(--radius-pill); margin-bottom: 16px; text-transform: uppercase; letter-spacing: 0.05em; } .lca-price-tier { font-size: 0.85rem; font-weight: 600; color: var(--muted); text-transform: uppercase; letter-spacing: 0.05em; margin: 0 0 8px; } .lca-price-range { font-size: clamp(1.25rem, 2.5vw, 1.75rem); font-weight: 700; color: var(--dark); margin: 0 0 8px; } .lca-price-timeline { font-size: 0.85rem; color: var(--muted); margin: 0 0 16px; } .lca-price-desc { font-size: 0.925rem; color: var(--body); line-height: 1.6; margin: 0 0 20px; flex-grow: 1; } .lca-price-features { list-style: none; padding: 0; margin: 0; } .lca-price-features li { font-size: 0.875rem; color: var(--body); padding: 6px 0; padding-left: 20px; position: relative; line-height: 1.5; } .lca-price-features li::before { content: ''; position: absolute; left: 0; top: 11px; width: 8px; height: 8px; border-radius: 50%; background: var(--primary); opacity: 0.5; } @media (max-width: 991px) { .lca-grid-2, .lca-bento { grid-template-columns: 1fr; gap: 2rem; } .lca-bento-heading { position: static; } .lca-pricing-grid { grid-template-columns: 1fr; max-width: 440px; } .lca-price-card.popular { transform: none; } } </style> <div class='section_qa'> <div class='padding-global padding-section-large'> <div class='container-large'> <div class='lca-bento'> <div class='lca-bento-heading'> <h2 class='lca-h2'>We get asked this <strong>all the time.</strong></h2> <p class='lca-body' style='margin-top:1rem'>Straightforward answers about how we approach mobile app maintenance.</p> </div> <div class='lca-grid-2'> <div class='lca-card'> <div class='lca-icon-wrap'> <svg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5'><path stroke-linecap='round' stroke-linejoin='round' d='M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9 5.25h.008v.008H12v-.008z'/></svg> </div> <h3 class='lca-h3'>How do you take over an existing app?</h3> <p class='lca-body'>We start with a code audit. We review the codebase to understand architecture, dependencies, and problem areas. We document what we find and set up our development environment. Onboarding takes 1-2 weeks.</p> </div> <div class='lca-card'> <div class='lca-icon-wrap'> <svg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5'><path stroke-linecap='round' stroke-linejoin='round' d='M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9 5.25h.008v.008H12v-.008z'/></svg> </div> <h3 class='lca-h3'>What if the original code is poor quality?</h3> <p class='lca-body'>Most codebases we take over have issues. We assess severity: some apps need immediate stabilization, others gradual refactoring, some benefit from rebuilds. We present options with trade-offs.</p> </div> <div class='lca-card'> <div class='lca-icon-wrap'> <svg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5'><path stroke-linecap='round' stroke-linejoin='round' d='M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9 5.25h.008v.008H12v-.008z'/></svg> </div> <h3 class='lca-h3'>How do you handle urgent vs planned work?</h3> <p class='lca-body'>We define severity levels: critical (app crashing) gets immediate response, high priority gets addressed within days, normal work is planned into cycles. Retainer level determines response time.</p> </div> <div class='lca-card'> <div class='lca-icon-wrap'> <svg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5'><path stroke-linecap='round' stroke-linejoin='round' d='M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9 5.25h.008v.008H12v-.008z'/></svg> </div> <h3 class='lca-h3'>How do you communicate about maintenance work?</h3> <p class='lca-body'>We provide regular reports covering what we worked on, what we found, and what we recommend. Basic retainers get monthly summaries, higher tiers get weekly updates. For urgent issues, we communicate immediately.</p> </div> </div> </div> </div> </div> </div> <div class='section_process' style='background: var(--bg-light);'> <div class='padding-global padding-section-large'> <div class='container-medium'> <h2 class='lca-h2' style='text-align: center; margin-bottom: 3rem;'>Our maintenance <strong>process.</strong></h2> <div class='lca-steps'> <div class='lca-step'> <span class='lca-step-num'>1</span> <div class='lca-step-content'> <h3>Code Audit & Onboarding</h3> <p>We review the existing codebase thoroughly. We document architecture, dependencies, and technical debt. We identify immediate risks and set up our development environment.</p> </div> </div> <div class='lca-step'> <span class='lca-step-num'>2</span> <div class='lca-step-content'> <h3>Monitoring Setup</h3> <p>We ensure crash reporting, performance monitoring, and analytics are properly configured. We need visibility into app health to maintain proactively.</p> </div> </div> <div class='lca-step'> <span class='lca-step-num'>3</span> <div class='lca-step-content'> <h3>Stabilization (if needed)</h3> <p>Some apps need immediate stabilization — critical bugs, frequent crashes, performance problems. We address these first before moving to other work.</p> </div> </div> <div class='lca-step'> <span class='lca-step-num'>4</span> <div class='lca-step-content'> <h3>Ongoing Maintenance Cycles</h3> <p>We work in regular cycles — typically monthly or bi-weekly. Each cycle includes bug fixes, dependency updates, performance monitoring, and planned improvements.</p> </div> </div> <div class='lca-step'> <span class='lca-step-num'>5</span> <div class='lca-step-content'> <h3>Platform Update Response</h3> <p>When iOS or Android releases new versions, we test against betas and deploy compatibility updates before the new OS reaches wide distribution.</p> </div> </div> <div class='lca-step'> <span class='lca-step-num'>6</span> <div class='lca-step-content'> <h3>Feature Development</h3> <p>For retainers including feature work, we plan and execute new functionality alongside maintenance. We balance keeping the app stable with moving it forward.</p> </div> </div> </div> </div> </div> </div> <div class='section_pricing'> <div class='padding-global padding-section-large'> <div class='container-large'> <h2 class='lca-h2' style='text-align: center; margin-bottom: 0.5rem;'>Maintenance <strong>retainers.</strong></h2> <p class='lca-body' style='text-align: center; max-width: 600px; margin: 0 auto 3rem;'>Choose the level of support that matches your app's needs and your peace of mind requirements.</p> <div class='lca-pricing-grid'> <div class='lca-price-card'> <p class='lca-price-tier'>Basic Retainer</p> <p class='lca-price-range'>$1,500 – $3,000/month</p> <p class='lca-price-desc'>Bug fixes and crash resolution, OS compatibility updates, security patches, App Store compliance, monthly health report, 48-hour response for critical issues.</p> <ul class='lca-price-features'> <li>Bug fixes & crashes</li> <li>iOS/Android OS updates</li> <li>Security patches</li> <li>Monthly reports</li> </ul> </div> <div class='lca-price-card popular'> <span class='lca-price-badge'>Most common</span> <p class='lca-price-tier'>Growth Retainer</p> <p class='lca-price-range'>$3,000 – $6,000/month</p> <p class='lca-price-desc'>Everything in Basic, plus performance monitoring, weekly health reviews, small feature additions (10-20 hours/month), dependency updates, 24-hour response for critical issues.</p> <ul class='lca-price-features'> <li>Performance optimization</li> <li>Weekly reviews</li> <li>Small feature additions</li> <li>Slack/Teams support</li> </ul> </div> <div class='lca-price-card'> <p class='lca-price-tier'>Full Product Retainer</p> <p class='lca-price-range'>$6,000 – $12,000+/month</p> <p class='lca-price-desc'>Everything in Growth, plus dedicated team member, full feature development capacity (40+ hours/month), beta OS testing, quarterly roadmap planning, 4-hour response for critical issues.</p> <ul class='lca-price-features'> <li>Dedicated team member</li> <li>Full feature development</li> <li>Beta OS testing</li> <li>Priority scheduling</li> </ul> </div> </div> </div> </div> </div> <script> (function(){ var steps = document.querySelectorAll('.lca-step'); if (!steps.length) return; var observer = new IntersectionObserver(function(entries) { entries.forEach(function(entry) { if (entry.isIntersecting) { entry.target.classList.add('lca-visible'); } }); }, { threshold: 0.15 }); steps.forEach(function(step) { observer.observe(step); }); })(); </script>

<style> :root { --primary: #6061f6; --accent: #c5ef48; --dark: #111827; --body: #4b5563; --muted: #6b7280; --bg-light: #f8f9fa; --bg-white: #ffffff; --bg-tint: #fafbff; --border: rgba(0,0,0,0.06); --shadow-sm: 0 4px 24px rgba(0,0,0,0.05); --shadow-md: 0 12px 40px rgba(96,97,246,0.10); --radius-card: 20px; --radius-sm: 12px; } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } .lca-block3 { font-family: 'Inter', sans-serif; color: var(--dark); background: var(--bg-white); } .lca-h2 { font-size: clamp(1.5rem, 3vw, 2.25rem); font-weight: 400; color: var(--dark); margin: 0 0 1rem 0; letter-spacing: -0.02em; line-height: 1.2; } .lca-h2 strong { font-weight: 700; color: var(--primary); } .lca-h3 { font-size: clamp(0.95rem, 1.8vw, 1.1rem); font-weight: 600; color: var(--dark); margin: 0 0 0.5rem 0; line-height: 1.3; } .lca-body { font-size: clamp(0.875rem, 1.4vw, 0.975rem); color: var(--body); line-height: 1.7; margin: 0; } .lca-testimonial-card { background: var(--bg-white); border: 1px solid var(--border); border-radius: var(--radius-card); padding: 32px 28px; position: relative; overflow: hidden; transition: background 0.25s ease, box-shadow 0.25s ease; } .lca-testimonial-card::before { content: ''; position: absolute; left: 0; top: 0; width: 3px; height: 0; background: var(--primary); border-radius: 20px 0 0 20px; transition: height 0.25s ease; } .lca-testimonial-card:hover::before { height: 100%; } .lca-testimonial-card:hover { background: var(--bg-tint); box-shadow: var(--shadow-md); } .lca-testimonial-tag { display: inline-block; font-size: 0.75rem; font-weight: 600; color: var(--muted); text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 12px; transition: color 0.25s ease; } .lca-testimonial-card:hover .lca-testimonial-tag { color: var(--primary); } .lca-testimonial-title { font-size: 1.1rem; font-weight: 600; color: var(--dark); margin: 0 0 8px; line-height: 1.3; } .lca-testimonial-desc { font-size: 0.925rem; color: var(--body); line-height: 1.6; margin: 0 0 20px; } .lca-testimonial-metrics { display: flex; gap: 24px; } .lca-testimonial-metric { display: flex; flex-direction: column; } .lca-testimonial-metric-value { font-size: 1.25rem; font-weight: 700; color: var(--primary); } .lca-testimonial-metric-label { font-size: 0.8rem; color: var(--muted); } .lca-grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; } .lca-faqs-grid { display: grid; grid-template-columns: 1fr 2fr; gap: 4rem; align-items: start; } .lca-faq-list { display: flex; flex-direction: column; } .lca-faq-item { border-bottom: 1px solid #eaeaea; } .lca-faq-trigger { display: flex; justify-content: space-between; align-items: center; padding: 1.5rem 0; cursor: pointer; width: 100%; background: none; border: none; text-align: left; } .lca-faq-trigger:hover h3 { color: var(--primary); } .lca-faq-trigger h3 { font-size: 1.05rem; font-weight: 600; color: var(--dark); margin: 0; padding-right: 1.5rem; transition: color 0.2s; line-height: 1.4; } .lca-faq-arrow { width: 24px; height: 24px; flex-shrink: 0; transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); color: var(--primary); } .lca-faq-item[data-open='true'] .lca-faq-arrow { transform: rotate(180deg); } .lca-faq-collapse { overflow: hidden; height: 0; transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .lca-faq-answer { padding: 0 0 1.5rem 0; } .lca-faq-answer p { font-size: 0.975rem; color: var(--body); margin: 0; line-height: 1.7; } @media (max-width: 767px) { .lca-grid-2, .lca-faqs-grid { grid-template-columns: 1fr; gap: 2rem; } } </style> <div class='section_case-studies'> <div class='padding-global padding-section-large'> <div class='container-large'> <h2 class='lca-h2' style='margin-bottom: 2.5rem;'>LowCode Agency, in action with <strong>maintenance.</strong></h2> <div class='lca-grid-2'> <div class='lca-testimonial-card'> <span class='lca-testimonial-tag'>Field Operations</span> <h3 class='lca-testimonial-title'>RedZone — Ongoing Field Operations</h3> <p class='lca-testimonial-desc'>We provide ongoing maintenance for the RedZone application — monitoring performance as user base grows, updating for platform changes, and adding features to support expanding field operations.</p> <div class='lca-testimonial-metrics'> <div class='lca-testimonial-metric'> <span class='lca-testimonial-metric-value'>Continuous</span> <span class='lca-testimonial-metric-label'>App stability</span> </div> <div class='lca-testimonial-metric'> <span class='lca-testimonial-metric-value'>Scaled</span> <span class='lca-testimonial-metric-label'>Performance</span> </div> </div> </div> <div class='lca-testimonial-card'> <span class='lca-testimonial-tag'>Community Platform</span> <h3 class='lca-testimonial-title'>SuperQueer — Platform Stability & Evolution</h3> <p class='lca-testimonial-desc'>We provide maintenance retainer services including bug fixes, performance monitoring, app store compliance updates, and feature additions based on community feedback.</p> <div class='lca-testimonial-metrics'> <div class='lca-testimonial-metric'> <span class='lca-testimonial-metric-value'>72%</span> <span class='lca-testimonial-metric-label'>Engagement maintained</span> </div> <div class='lca-testimonial-metric'> <span class='lca-testimonial-metric-value'>440+</span> <span class='lca-testimonial-metric-label'>Partner relationships</span> </div> </div> </div> </div> </div> </div> </div> <div class='section_faqs' style='background: var(--bg-white); border-top: 1px solid #f0f0f0;'> <div class='padding-global padding-section-large'> <div class='container-large'> <div class='lca-faqs-grid'> <div> <h2 class='lca-h2'>We get asked this <strong>all the time.</strong></h2> <p class='lca-body' style='margin-top: 1rem;'>Straightforward answers about mobile app maintenance.</p> </div> <div class='lca-faq-list'> <div class='lca-faq-item' data-open='false'> <button class='lca-faq-trigger'> <h3>Can you maintain an app built by another agency?</h3> <svg class='lca-faq-arrow' fill='none' viewBox='0 0 24 24' stroke='currentColor' stroke-width='2'><path stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/></svg> </button> <div class='lca-faq-collapse'><div class='lca-faq-answer'><p>Yes. This is the majority of our maintenance work. We take over apps built with Flutter, React Native, native iOS (Swift/Objective-C), and native Android (Kotlin/Java). The code audit ensures we understand the codebase.</p></div></div> </div> <div class='lca-faq-item' data-open='false'> <button class='lca-faq-trigger'> <h3>What if the existing code is undocumented?</h3> <svg class='lca-faq-arrow' fill='none' viewBox='0 0 24 24' stroke='currentColor' stroke-width='2'><path stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/></svg> </button> <div class='lca-faq-collapse'><div class='lca-faq-answer'><p>Most code we take over is poorly documented. Part of our audit is creating documentation that doesn't exist. We document architecture, key decisions, and operational procedures as we learn the codebase.</p></div></div> </div> <div class='lca-faq-item' data-open='false'> <button class='lca-faq-trigger'> <h3>How long does onboarding take?</h3> <svg class='lca-faq-arrow' fill='none' viewBox='0 0 24 24' stroke='currentColor' stroke-width='2'><path stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/></svg> </button> <div class='lca-faq-collapse'><div class='lca-faq-answer'><p>Typically 1-2 weeks. Simpler apps with good code take less time. Complex apps with legacy code take longer. We provide a timeline estimate after initial assessment.</p></div></div> </div> <div class='lca-faq-item' data-open='false'> <button class='lca-faq-trigger'> <h3>Can we pause or cancel a maintenance retainer?</h3> <svg class='lca-faq-arrow' fill='none' viewBox='0 0 24 24' stroke='currentColor' stroke-width='2'><path stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/></svg> </button> <div class='lca-faq-collapse'><div class='lca-faq-answer'><p>Yes. We require 30 days notice for cancellation. We don't lock clients into long-term contracts. Maintenance relationships should continue because they're valuable, not because of contractual obligation.</p></div></div> </div> <div class='lca-faq-item' data-open='false'> <button class='lca-faq-trigger'> <h3>Do you guarantee uptime or SLAs?</h3> <svg class='lca-faq-arrow' fill='none' viewBox='0 0 24 24' stroke='currentColor' stroke-width='2'><path stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/></svg> </button> <div class='lca-faq-collapse'><div class='lca-faq-answer'><p>We guarantee response times for critical issues. Uptime depends on factors outside our control. For business-critical apps, we can discuss SLA arrangements with appropriate infrastructure and pricing.</p></div></div> </div> </div> </div> </div> </div> </div> <script> (function(){var d=300;function o(i){var c=i.querySelector('.lca-faq-collapse');if(!c)return;i.dataset.open='true';c.style.overflow='hidden';c.style.height='0px';requestAnimationFrame(function(){c.style.height=c.scrollHeight+'px';setTimeout(function(){if(i.dataset.open==='true'){c.style.height='auto';}},d);});}function f(i){var c=i.querySelector('.lca-faq-collapse');if(!c)return;i.dataset.open='false';c.style.overflow='hidden';c.style.height=c.getBoundingClientRect().height+'px';requestAnimationFrame(function(){c.style.height='0px';});}var w=document.querySelectorAll('.lca-faq-list');w.forEach(function(l){var items=Array.prototype.slice.call(l.querySelectorAll('.lca-faq-item'));items.forEach(function(i){var t=i.querySelector('.lca-faq-trigger');var c=i.querySelector('.lca-faq-collapse');if(!t||!c)return;i.dataset.open='false';c.style.overflow='hidden';c.style.height='0px';c.style.transition='height '+d+'ms cubic-bezier(0.4, 0, 0.2, 1)';t.addEventListener('click',function(e){e.preventDefault();var s=i.dataset.open==='true';items.forEach(function(x){if(x!==i&&x.dataset.open==='true')f(x);});s?f(i):o(i);});});});})(); </script>