On-Demand App Development 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); --shadow-lg: 0 20px 60px rgba(96,97,246,0.14); --radius-card: 20px; --radius-sm: 12px; --radius-pill: 999px; } * { font-family: 'Inter', sans-serif; } .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-small { font-size: 0.825rem; color: var(--muted); line-height: 1.5; } .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-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-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-bento { display: grid; grid-template-columns: 1fr 2fr; gap: 3rem; align-items: start; } .lca-bento-heading { position: sticky; top: 2rem; } .lca-pill { display: inline-block; font-size: 0.75rem; font-weight: 600; color: var(--primary); text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 16px; } .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-split { display: grid; grid-template-columns: 1fr 2fr; gap: 4rem; align-items: start; } @media (max-width: 991px) { .lca-grid-3 { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 767px) { .lca-grid-2, .lca-grid-3, .lca-bento, .lca-split { grid-template-columns: 1fr; gap: 2rem; } .lca-bento-heading { position: static; } } </style> <div class='section_why-ondemand'> <div class='padding-global padding-section-large'> <div class='container-large'> <div class='lca-bento'> <div class='lca-bento-heading'> <span class='lca-pill'>Why On-Demand</span> <h2 class='lca-h2'>When real-time matching is the <strong>core of your business.</strong></h2> <p class='lca-body' style='margin-top:1rem'>On-demand apps feel simple: user requests, provider delivers. Underneath is among the most technically demanding infrastructure. Real-time location, dynamic dispatch, multi-party payments — each a significant challenge.</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='M12 6v6h4.5m4.5 0a9 9 0 11-18 0 9 9 0 0118 0z'/></svg></div> <h3 class='lca-h3'>Real-Time Matching</h3> <p class='lca-body'>Matching algorithms accounting for provider availability, location, ratings, capacity — the engine of your business making intelligent decisions instantly.</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='M15 10.5a3 3 0 11-6 0 3 3 0 016 0z'/><path stroke-linecap='round' stroke-linejoin='round' d='M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1115 0z'/></svg></div> <h3 class='lca-h3'>Geolocation Infrastructure</h3> <p class='lca-body'>GPS tracking, accurate ETAs, route optimization. Location isn't a feature — it's infrastructure that must work reliably across all devices.</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='M12 6v12m-3-2.818l.879.659c1.171.879 3.07.879 4.242 0 1.172-.879 1.172-2.303 0-3.182C13.536 12.219 12.768 12 12 12c-.725 0-1.45-.22-2.003-.659-1.106-.879-1.106-2.303 0-3.182s2.9-.879 4.006 0l.415.33M21 12a9 9 0 11-18 0 9 9 0 0118 0z'/></svg></div> <h3 class='lca-h3'>Dynamic Pricing</h3> <p class='lca-body'>Demand fluctuates. Supply varies. Your platform needs pricing that responds to market conditions and scheduling that optimizes utilization.</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='M15 19.128a9.38 9.38 0 002.625.372 9.337 9.337 0 004.121-.952 4.125 4.125 0 00-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 018.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0111.964-3.07M12 6.375a3.375 3.375 0 11-6.75 0 3.375 3.375 0 016.75 0zm8.25 2.25a2.625 2.625 0 11-5.25 0 2.625 2.625 0 015.25 0z'/></svg></div> <h3 class='lca-h3'>Multi-Sided Experience</h3> <p class='lca-body'>Consumers want simplicity. Providers want earnings and control. Both experiences must be excellent and work together in real time.</p> </div> </div> </div> </div> </div> </div> <div class='section_services' 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 build with <strong>on-demand development.</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='M8.25 18.75a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m3 0h6m-9 0H3.375a1.125 1.125 0 01-1.125-1.125V14.25m17.25 4.5a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m3 0h1.125c.621 0 1.129-.504 1.09-1.124a17.902 17.902 0 00-3.213-9.193 2.056 2.056 0 00-1.58-.86H14.25M16.5 18.75h-2.25m0-11.177v-.958c0-.568-.422-1.048-.987-1.106a48.554 48.554 0 00-10.026 0 1.106 1.106 0 00-.987 1.106v7.635m12-6.677v6.677m0 4.5v-4.5m0 0h-12'/></svg></div> <h3 class='lca-h3'>Delivery & Logistics</h3> <p class='lca-body'>Food, packages, groceries, retail delivery. Real-time tracking, driver dispatch, route optimization, proof of delivery.</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='M11.42 15.17L17.25 21A2.652 2.652 0 0021 17.25l-5.877-5.877M11.42 15.17l2.496-3.03c.317-.384.74-.626 1.208-.766M11.42 15.17l-4.655 5.653a2.548 2.548 0 11-3.586-3.586l6.837-5.63m5.108-.233c.55-.164 1.163-.188 1.743-.14a4.5 4.5 0 004.486-6.336l-3.276 3.277a3.004 3.004 0 01-2.25-2.25l3.276-3.276a4.5 4.5 0 00-6.336 4.486c.091 1.076-.071 2.264-.904 2.95l-.102.085m-1.745 1.437L5.909 7.5H4.5L2.25 3.75l1.5-1.5L7.5 4.5v1.409l4.26 4.26m-1.745 1.437l1.745-1.437m6.615 8.206L15.75 15.75M4.867 19.125h.008v.008h-.008v-.008z'/></svg></div> <h3 class='lca-h3'>Home Services</h3> <p class='lca-body'>Cleaning, repairs, maintenance, installations. Service booking, provider scheduling, job management, in-home workflows.</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='M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5'/></svg></div> <h3 class='lca-h3'>Booking & Scheduling</h3> <p class='lca-body'>Appointments, consultations, sessions. Calendar integration, availability management, reminders, rescheduling workflows.</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='M20.25 14.15v4.25c0 1.094-.787 2.036-1.872 2.18-2.087.277-4.216.42-6.378.42s-4.291-.143-6.378-.42c-1.085-.144-1.872-1.086-1.872-2.18v-4.25m16.5 0a2.18 2.18 0 00.75-1.661V8.706c0-1.081-.768-2.015-1.837-2.175a48.114 48.114 0 00-3.413-.387m4.5 0V5.25A2.25 2.25 0 0014.25 3h-4.5A2.25 2.25 0 007.25 5.25v1.33m9.02 0a48.11 48.11 0 00-3.413.387c-1.07.16-1.837 1.094-1.837 2.175V12.49a2.18 2.18 0 00.75 1.67m9.02 0c.697.174 1.405.26 2.128.26.665 0 1.305-.066 1.92-.194M15 11.25a3 3 0 11-6 0 3 3 0 016 0z'/></svg></div> <h3 class='lca-h3'>Gig Economy</h3> <p class='lca-body'>Task-based work platforms. Job posting, worker matching, time tracking, milestone management, payment processing.</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='M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z'/></svg></div> <h3 class='lca-h3'>Healthcare On-Demand</h3> <p class='lca-body'>Telehealth, home healthcare visits, medical deliveries. HIPAA compliance, provider credentialing, patient scheduling.</p> </div> </div> </div> </div> </div> <div class='section_who-for'> <div class='padding-global padding-section-large'> <div class='container-large'> <div class='lca-split'> <div> <span class='lca-pill'>Ideal Fit</span> <h2 class='lca-h2'>Who is on-demand development <strong>for?</strong></h2> <p class='lca-body' style='margin-top:1rem'>Founders entering on-demand markets. Businesses digitizing service operations. Companies expanding categories. Healthcare launching telehealth.</p> </div> <div> <div class='lca-grid-2'> <div class='lca-card'> <h3 class='lca-h3'>Founders & Startups</h3> <p class='lca-body'>You've identified an on-demand opportunity where real-time matching creates value. You need a team that understands on-demand architecture deeply.</p> </div> <div class='lca-card'> <h3 class='lca-h3'>Service Digitizers</h3> <p class='lca-body'>You run a service business and want to transform it with on-demand tech. Connect your workforce with customers and provide real-time visibility.</p> </div> <div class='lca-card'> <h3 class='lca-h3'>Category Expanders</h3> <p class='lca-body'>You have a working on-demand platform and want to expand to related services. Extend capabilities while maintaining operational coherence.</p> </div> <div class='lca-card'> <h3 class='lca-h3'>Healthcare Innovators</h3> <p class='lca-body'>Entering telehealth or home healthcare with on-demand components. Technology that handles scheduling, matching, and compliance.</p> </div> </div> <div class='lca-callout' style='margin-top:24px;'> <p class='lca-body'><strong>Not the right fit if:</strong> You need a simple appointment booking without real-time features. You don't have access to provider supply. You're not prepared for the operational complexity of real-time services.</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; } * { font-family: 'Inter', sans-serif; } .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-small { font-size: 0.825rem; color: var(--muted); line-height: 1.5; } .lca-pill { display: inline-block; font-size: 0.75rem; font-weight: 600; color: var(--primary); text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 16px; } .lca-tech-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; } .lca-tech-card { background: var(--bg-white); border: 1px solid var(--border); border-radius: 16px; padding: 20px 16px; text-align: center; transition: transform 0.2s ease, box-shadow 0.2s ease; } .lca-tech-card:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(96,97,246,0.12); } .lca-tech-logo { width: 48px; height: 48px; object-fit: contain; margin: 0 auto 12px; display: block; transition: transform 0.2s ease; } .lca-tech-card:hover .lca-tech-logo { transform: scale(1.05); } .lca-tech-name { font-size: 0.9rem; font-weight: 600; color: var(--dark); margin: 0 0 6px; } .lca-tech-desc { font-size: 0.8rem; color: var(--body); margin: 0; line-height: 1.5; } .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 { display: flex; gap: 1.25rem; position: relative; padding-bottom: 2rem; 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:not(:last-child)::after { content: ''; position: absolute; left: 18px; top: 40px; width: 2px; height: calc(100% - 40px); background: var(--border); transform-origin: top; transform: scaleY(0); transition: transform 0.6s ease 0.2s; } .lca-step.lca-visible:not(:last-child)::after { transform: scaleY(1); } .lca-step-num { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: rgba(96,97,246,0.08); color: var(--primary); font-weight: 700; font-size: 0.9rem; flex-shrink: 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:nth-child(7) { transition-delay: 0.6s; } .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.5rem, 3vw, 2rem); 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; } .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); } @media (max-width: 991px) { .lca-tech-grid { grid-template-columns: repeat(3, 1fr); } .lca-pricing-grid { grid-template-columns: 1fr; max-width: 440px; } .lca-price-card.popular { transform: none; } } @media (max-width: 767px) { .lca-grid-2, .lca-bento { grid-template-columns: 1fr; gap: 2rem; } .lca-bento-heading { position: static; } .lca-tech-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 478px) { .lca-tech-grid { grid-template-columns: 1fr; } } </style> <div class='section_tech-stack' 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:0.5rem'>The stack for <strong>on-demand platforms.</strong></h2> <p class='lca-body' style='text-align:center;max-width:600px;margin:0 auto 3rem'>Real-time infrastructure for location tracking, dispatch, payments, and notifications.</p> <div class='lca-tech-grid'> <div class='lca-tech-card'> <img class='lca-tech-logo' src='https://cdn.prod.website-files.com/61cbac3939c94d3d3a94b3d2/6997571dadf9aca92664aea6_9341d55f7781d1c3a7a491d0982a9643_flutterflow-logo.avif' alt='FlutterFlow'> <p class='lca-tech-name'>FlutterFlow</p> <p class='lca-tech-desc'>Cross-platform mobile apps for consumer and provider experiences with real-time location capabilities.</p> </div> <div class='lca-tech-card'> <img class='lca-tech-logo' src='https://cdn.prod.website-files.com/61cbac3939c94d3d3a94b3d2/69975a8113b64d44d4c2be30_664877a4431d0fff81e639b1b3155c55_supabase-logo.avif' alt='Supabase'> <p class='lca-tech-name'>Supabase</p> <p class='lca-tech-desc'>PostgreSQL with real-time subscriptions for live location updates, order status, and availability changes.</p> </div> <div class='lca-tech-card'> <img class='lca-tech-logo' src='https://cdn.prod.website-files.com/61cbac3939c94d3d3a94b3d2/69975a812af118ffef126c0d_stripe-logo.avif' alt='Stripe'> <p class='lca-tech-name'>Stripe Connect</p> <p class='lca-tech-desc'>Multi-party payments for charging customers, taking platform fees, paying providers, handling tips and refunds.</p> </div> <div class='lca-tech-card'> <img class='lca-tech-logo' src='https://cdn.prod.website-files.com/61cbac3939c94d3d3a94b3d2/69975a7d1a8f75ecd913310b_gcp-logo.avif' alt='Google Cloud'> <p class='lca-tech-name'>Google Maps</p> <p class='lca-tech-desc'>Location services, directions API for route optimization, geocoding, and Places API for address autocomplete.</p> </div> <div class='lca-tech-card'> <img class='lca-tech-logo' src='https://cdn.prod.website-files.com/61cbac3939c94d3d3a94b3d2/69975a8105c9666d96cf2984_twilio-logo.avif' alt='Twilio'> <p class='lca-tech-name'>Twilio</p> <p class='lca-tech-desc'>SMS notifications for order updates, driver arrival, verification codes. Voice for support escalations.</p> </div> <div class='lca-tech-card'> <img class='lca-tech-logo' src='https://cdn.prod.website-files.com/61cbac3939c94d3d3a94b3d2/69975a7df1afc9c9ab1b6ab5_a38c1fa6078594e9d67ef8ce21e568bb_firebase-logo.avif' alt='Firebase'> <p class='lca-tech-name'>Firebase</p> <p class='lca-tech-desc'>Cloud Messaging for push notifications, Realtime Database for high-frequency updates, Cloud Functions.</p> </div> <div class='lca-tech-card'> <img class='lca-tech-logo' src='https://cdn.prod.website-files.com/61cbac3939c94d3d3a94b3d2/69975a81dec6090104ea59611_github-logo.avif' alt='GitHub'> <p class='lca-tech-name'>GitHub</p> <p class='lca-tech-desc'>Source control and CI/CD for managing complex on-demand codebase with multiple app variants.</p> </div> <div class='lca-tech-card'> <img class='lca-tech-logo' src='https://cdn.prod.website-files.com/61cbac3939c94d3d3a94b3d2/69975a7f21d54a845ee9e952_make-logo.avif' alt='Make'> <p class='lca-tech-name'>Make</p> <p class='lca-tech-desc'>Integration automation connecting on-demand platforms with CRM, support, and analytics tools.</p> </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'>Typical investment <strong>ranges.</strong></h2> <p class='lca-body' style='text-align:center;max-width:600px;margin:0 auto 3rem'>Pricing depends on real-time complexity, matching algorithm sophistication, and platform scale.</p> <div class='lca-pricing-grid'> <div class='lca-price-card'> <p class='lca-price-tier'>On-Demand MVP</p> <p class='lca-price-range'>$30,000 – $60,000</p> <p class='lca-price-timeline'>10–14 weeks</p> <p class='lca-price-desc'>Core matching, basic payments, single geography. Best for validating on-demand concepts.</p> <ul class='lca-price-features'> <li>Service flow mapping</li> <li>Consumer + provider UX</li> <li>Real-time infrastructure</li> <li>Basic matching & dispatch</li> <li>Stripe Connect payments</li> <li>Location & push notifications</li> <li>30 days support</li> </ul> </div> <div class='lca-price-card popular'> <span class='lca-price-badge'>Most common</span> <p class='lca-price-tier'>Mid-Complexity</p> <p class='lca-price-range'>$60,000 – $120,000</p> <p class='lca-price-timeline'>14–20 weeks</p> <p class='lca-price-desc'>Advanced matching, dynamic pricing, multi-platform, full admin suite for growing platforms.</p> <ul class='lca-price-features'> <li>Advanced matching algorithm</li> <li>Dynamic pricing / surge</li> <li>Complete payment flows</li> <li>Sophisticated scheduling</li> <li>iOS, Android, Web admin</li> <li>Analytics & reporting</li> <li>60 days support</li> </ul> </div> <div class='lca-price-card'> <p class='lca-price-tier'>Full Platform</p> <p class='lca-price-range'>$120,000 – $250,000+</p> <p class='lca-price-timeline'>20–30 weeks</p> <p class='lca-price-desc'>Enterprise on-demand with ML optimization, fraud prevention, operations command center.</p> <ul class='lca-price-features'> <li>Enterprise real-time infra</li> <li>ML-powered matching</li> <li>Complex payment flows</li> <li>Full provider management</li> <li>Operations command center</li> <li>Fraud prevention systems</li> <li>Ongoing operations support</li> </ul> </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'> <div class='lca-bento'> <div class='lca-bento-heading'> <span class='lca-pill'>Our Process</span> <h2 class='lca-h2'>How we build <strong>on-demand platforms.</strong></h2> <p class='lca-body' style='margin-top:1rem'>Seven-phase approach for real-time, location-aware platforms.</p> </div> <div> <div class='lca-step'> <span class='lca-step-num'>1</span> <div> <h3 class='lca-h3'>On-Demand Discovery</h3> <p class='lca-body'>Map the complete service lifecycle: request, matching, notification, delivery, payment. Identify category-specific requirements.</p> <p class='lca-small' style='margin-top:0.5rem'>2–3 weeks</p> </div> </div> <div class='lca-step'> <span class='lca-step-num'>2</span> <div> <h3 class='lca-h3'>Multi-Experience Design</h3> <p class='lca-body'>Separate designs for consumers (simplicity) and providers (earnings/control). Plus admin interfaces for operations management.</p> <p class='lca-small' style='margin-top:0.5rem'>3–5 weeks</p> </div> </div> <div class='lca-step'> <span class='lca-step-num'>3</span> <div> <h3 class='lca-h3'>Real-Time Infrastructure</h3> <p class='lca-body'>Location streaming, status updates, push notifications, matching engine. The backbone that must be reliable before features are added.</p> </div> </div> <div class='lca-step'> <span class='lca-step-num'>4</span> <div> <h3 class='lca-h3'>Core Transaction Development</h3> <p class='lca-body'>Complete transaction flow: booking, matching, dispatch, tracking, completion, payment, rating. Edge cases: cancellations, no-shows, disputes.</p> </div> </div> <div class='lca-step'> <span class='lca-step-num'>5</span> <div> <h3 class='lca-h3'>Operations & Testing</h3> <p class='lca-body'>Operational testing — not just functional. Complete service cycles end-to-end including real-time aspects in actual conditions.</p> </div> </div> <div class='lca-step'> <span class='lca-step-num'>6</span> <div> <h3 class='lca-h3'>Phased Launch</h3> <p class='lca-body'>Launch in limited geographies or categories first. Validate operations at manageable scale before expanding.</p> </div> </div> <div class='lca-step'> <span class='lca-step-num'>7</span> <div> <h3 class='lca-h3'>Operations Support</h3> <p class='lca-body'>Monitor performance, optimize matching algorithms with real data, iterate on consumer and provider experiences based on metrics.</p> </div> </div> </div> </div> </div> </div> </div> <div class='section_qa'> <div class='padding-global padding-section-large'> <div class='container-large'> <h2 class='lca-h2' style='margin-bottom:2.5rem'>How we work with <strong>on-demand.</strong></h2> <div class='lca-grid-2'> <div class='lca-card'> <h3 class='lca-h3'>Q: What makes on-demand architecture different?</h3> <p class='lca-body'>On-demand apps push updates constantly — location changes, status updates. This requires WebSocket connections, real-time databases, and architecture designed for continuous data flow.</p> </div> <div class='lca-card'> <h3 class='lca-h3'>Q: How do you handle matching algorithms?</h3> <p class='lca-body'>Start simple — nearest available provider works for launch. Add sophistication based on operational data: preferences, completion times, ratings, fairness constraints.</p> </div> <div class='lca-card'> <h3 class='lca-h3'>Q: How do you handle multi-party payments?</h3> <p class='lca-body'>Stripe Connect handles the complexity: charge consumers, take platform fees, pay providers, handle tips. We build logic for complex splits when needed.</p> </div> <div class='lca-card'> <h3 class='lca-h3'>Q: Can you build both consumer and provider apps?</h3> <p class='lca-body'>Yes. Typically separate applications when workflows differ significantly. Sometimes role-based views in a single app. We build all sides to work together in real time.</p> </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); --shadow-lg: 0 20px 60px rgba(96,97,246,0.14); --radius-card: 20px; --radius-sm: 12px; --radius-pill: 999px; } * { font-family: 'Inter', sans-serif; } .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-grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; } .lca-testimonials-section { padding: 5rem 5%; background: var(--bg-white); } .lca-testimonials-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; } .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-faqs-section { padding: 5rem 5% 6rem 5%; background: var(--bg-white); border-top: 1px solid #f0f0f0; } .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-testimonials-grid, .lca-faqs-grid { grid-template-columns: 1fr; gap: 2rem; } } .lcsp-viewport{transition:opacity .28s ease,transform .28s ease}.lcsp-slide{display:none;grid-template-columns:1fr 1.05fr;gap:52px;align-items:center}.lcsp-slide.is-active{display:grid}.lcsp-tag{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--primary)}.lcsp-title{font-size:1.7rem;font-weight:700;line-height:1.2;margin:14px 0 16px;color:var(--dark)}.lcsp-quote{font-size:1.15rem;line-height:1.6;color:var(--body);margin:0 0 22px}.lcsp-client{display:flex;align-items:center;gap:12px;margin-bottom:24px}.lcsp-av{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0}.lcsp-av-i{display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;font-weight:700;font-size:.9rem}.lcsp-cn{display:block;font-weight:600;font-size:.95rem;color:var(--dark)}.lcsp-cp{display:block;font-size:.85rem;color:var(--muted)}.lcsp-metrics{display:flex;gap:40px;margin-bottom:26px;flex-wrap:wrap}.lcsp-m{display:flex;flex-direction:column}.lcsp-mv{font-size:2rem;font-weight:800;color:var(--primary);line-height:1}.lcsp-ml{font-size:.82rem;color:var(--muted);margin-top:6px;max-width:180px}.lcsp-link{display:inline-block;color:var(--primary);font-weight:600;text-decoration:none;border-bottom:2px solid var(--primary);padding-bottom:2px}.lcsp-stage{position:relative;display:block;height:460px;border-radius:24px;overflow:hidden;background:radial-gradient(120% 120% at 50% 0%,#f3f2ff 0%,#eceafd 55%,#e7e4fb 100%)}.lcsp-stage img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:drop-shadow(0 22px 44px rgba(80,70,180,.22))}.lcsp-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-top:40px;padding-top:26px;border-top:1px solid var(--border)}.lcsp-tab{text-align:left;background:#fff;border:1px solid var(--border);border-radius:14px;padding:12px 18px;cursor:pointer;font:inherit;transition:border-color .2s,box-shadow .2s}.lcsp-tab:hover{border-color:var(--primary);box-shadow:0 6px 18px rgba(96,97,246,.1)}.lcsp-tab.is-active{border-color:var(--primary);background:var(--bg-tint);box-shadow:0 8px 24px rgba(96,97,246,.14)}.lcsp-tn{display:block;font-weight:600;font-size:.9rem;color:var(--dark)}.lcsp-tab.is-active .lcsp-tn{color:var(--primary)}.lcsp-ti{display:block;font-size:.75rem;color:var(--muted);margin-top:2px}@media(max-width:767px){.lcsp-slide{grid-template-columns:1fr;gap:28px}.lcsp-stage{height:300px}}</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'>LOW/CODE Agency, in action with <strong>on-demand.</strong></h2><div class='lcsp' data-lcsp><div class='lcsp-viewport'><div class='lcsp-slide is-active'><div class='lcsp-copy'><span class='lcsp-tag'>Field Operations</span><h3 class='lcsp-title'>RedZone</h3><p class='lcsp-quote'>“Truly impressed by the technical expertise of the development team at LOW/CODE Agency!”</p><div class='lcsp-client'><span class='lcsp-av lcsp-av-i'>MM</span><div><span class='lcsp-cn'>Matthew Misera</span><span class='lcsp-cp'>Lead Software Engineer</span></div></div><div class='lcsp-metrics'><div class='lcsp-m'><span class='lcsp-mv'>40%</span><span class='lcsp-ml'>Faster completion</span></div><div class='lcsp-m'><span class='lcsp-mv'>Real-time</span><span class='lcsp-ml'>Visibility</span></div></div><a class='lcsp-link' href='https://www.lowcode.agency/case-studies/redzone' target='_blank' rel='noopener'>Read the case study →</a></div><a class='lcsp-stage' href='https://www.lowcode.agency/case-studies/redzone' target='_blank' rel='noopener' aria-label='RedZone'><img src='https://cdn.prod.website-files.com/61cbe22a00483909d327afc6/668efc3573489e65f82b5b4c_666bf29d22a0acc090f0cfa1_Redzone-2%2520(Custom).avif' alt='RedZone' loading='lazy'></a></div><div class='lcsp-slide'><div class='lcsp-copy'><span class='lcsp-tag'>Logistics</span><h3 class='lcsp-title'>Known.dev</h3><p class='lcsp-quote'>“The platform LOW/CODE Agency crafted for us is incredibly professional, a true 10x improvement over our prior system.”</p><div class='lcsp-client'><img class='lcsp-av' src='https://cdn.prod.website-files.com/61cbe22a00483909d327afc6/6658c0fc290e6c97df01bf36_65b1da6f72125d04c8200af2_known-avatar.avif' alt='Dylan Dickman' loading='lazy'><div><span class='lcsp-cn'>Dylan Dickman</span><span class='lcsp-cp'>COO</span></div></div><div class='lcsp-metrics'><div class='lcsp-m'><span class='lcsp-mv'>30%</span><span class='lcsp-ml'>Higher satisfaction</span></div><div class='lcsp-m'><span class='lcsp-mv'>40%</span><span class='lcsp-ml'>Fewer tickets</span></div></div><a class='lcsp-link' href='https://www.lowcode.agency/case-studies/known-dev' target='_blank' rel='noopener'>Read the case study →</a></div><a class='lcsp-stage' href='https://www.lowcode.agency/case-studies/known-dev' target='_blank' rel='noopener' aria-label='Known.dev'><img src='https://cdn.prod.website-files.com/61cbe22a00483909d327afc6/67fc5cd4760b53e12fc79972_cs_redzone_mockup.avif' alt='Known.dev' loading='lazy'></a></div><div class='lcsp-slide'><div class='lcsp-copy'><span class='lcsp-tag'>Creator Economy</span><h3 class='lcsp-title'>Juiced</h3><p class='lcsp-quote'>“We want to thank Jesus, Julia, and the whole team. You helped us make Juiced the go-to platform for TikTok marketing success!”</p><div class='lcsp-client'><img class='lcsp-av' src='https://cdn.prod.website-files.com/61cbe22a00483909d327afc6/6658c0fd3cb3965043bd8ec3_65b1da2fe778294eea8e1359_juiced-avatar.avif' alt='Steven Cravotta' loading='lazy'><div><span class='lcsp-cn'>Steven Cravotta</span><span class='lcsp-cp'>Founder</span></div></div><div class='lcsp-metrics'><div class='lcsp-m'><span class='lcsp-mv'>60%</span><span class='lcsp-ml'>User growth</span></div><div class='lcsp-m'><span class='lcsp-mv'>40%</span><span class='lcsp-ml'>Better completion</span></div></div><a class='lcsp-link' href='https://www.lowcode.agency/case-studies/juiced' target='_blank' rel='noopener'>Read the case study →</a></div><a class='lcsp-stage' href='https://www.lowcode.agency/case-studies/juiced' target='_blank' rel='noopener' aria-label='Juiced'><img src='https://cdn.prod.website-files.com/61cbe22a00483909d327afc6/67fc5c6a01dc826cf4b8f80f_cs_juiced_mockup.avif' alt='Juiced' loading='lazy'></a></div></div><div class='lcsp-tabs'><button class='lcsp-tab is-active' type='button'><span class='lcsp-tn'>RedZone</span><span class='lcsp-ti'>Manufacturing, Transport &amp; Logistics</span></button><button class='lcsp-tab' type='button'><span class='lcsp-tn'>Known.dev</span><span class='lcsp-ti'>Manufacturing, Transport &amp; Logistics</span></button><button class='lcsp-tab' type='button'><span class='lcsp-tn'>Juiced</span><span class='lcsp-ti'>Advertising, Arts &amp; Media</span></button></div></div></div></div></div><script>(function(){var r=document.querySelectorAll('[data-lcsp]');r.forEach(function(root){var vp=root.querySelector('.lcsp-viewport'),sl=root.querySelectorAll('.lcsp-slide'),tb=root.querySelectorAll('.lcsp-tab'),cur=0,timer;if(sl.length<2){return;}function show(i){sl[cur].classList.remove('is-active');if(tb[cur])tb[cur].classList.remove('is-active');cur=i;sl[i].classList.add('is-active');if(tb[i])tb[i].classList.add('is-active');}function go(i){if(i===cur)return;vp.style.opacity='0';vp.style.transform='translateX(-16px)';setTimeout(function(){show(i);vp.style.transition='none';vp.style.transform='translateX(16px)';vp.offsetHeight;vp.style.transition='';vp.style.opacity='1';vp.style.transform='translateX(0)';},280);}tb.forEach(function(b,i){b.addEventListener('click',function(){go(i);reset();});});function nx(){go((cur+1)%sl.length);}function reset(){clearInterval(timer);timer=setInterval(nx,7000);}reset();root.addEventListener('mouseenter',function(){clearInterval(timer);});root.addEventListener('mouseleave',reset);});})();</script><div class='section_faqs'> <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 to the questions we hear most from clients exploring on-demand development.</p> </div> <div class='lca-faq-list'> <div class='lca-faq-item' data-open='false'> <button class='lca-faq-trigger'> <h3>How do you handle poor GPS accuracy?</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>Location smoothing to reduce jitter, fallback to cell tower and Wi-Fi positioning, UX that accounts for uncertainty. Address-based location for destinations while using GPS for live tracking.</p></div></div> </div> <div class='lca-faq-item' data-open='false'> <button class='lca-faq-trigger'> <h3>What happens when no providers are available?</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>Explicit handling: show wait times, allow scheduled requests, expand search radius, notify when providers become available. Approach depends on service category and expectations.</p></div></div> </div> <div class='lca-faq-item' data-open='false'> <button class='lca-faq-trigger'> <h3>How do you handle cancellations and no-shows?</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>Cancellation workflows with configurable policies — fees, restrictions, time limits. Refund processing, availability updates, pattern tracking for both consumers and providers.</p></div></div> </div> <div class='lca-faq-item' data-open='false'> <button class='lca-faq-trigger'> <h3>Can you integrate with existing dispatch systems?</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. If you have existing fleet management or dispatch software, we can integrate. Build consumer-facing layer connecting to your operational backend or extend existing systems.</p></div></div> </div> <div class='lca-faq-item' data-open='false'> <button class='lca-faq-trigger'> <h3>How do you handle provider onboarding?</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>Varies by industry: background check integration for required services, credential verification for professionals, basic identity verification for simpler cases. Balance thoroughness with friction.</p></div></div> </div> <div class='lca-faq-item' data-open='false'> <button class='lca-faq-trigger'> <h3>How do you ensure service quality?</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>Rating and review systems for quality signals. Service checklists and verification — photo documentation, signature capture. Admin tools for reviewing issues and managing provider quality.</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>