---
// Government IT Solutions / GeM Vendor — keyword-focused service landing page.
// Reuses GuaranteeBand, InlineLeadForm and ServiceFaq, and feeds Service + FAQ
// schema into SEO.astro.
//
// Canonical stats mirror ProofNumbers.astro / /portfolio / SEO.astro:
// 20+ projects · 11+ districts · 50,000+ records · 99.9% uptime · 8+ years.
// (This page's own hero stat shows "11" — the specific Bihar deployment
//  underpinning the company-wide "11+" figure; do not inflate it.)
import BaseLayout from '../../layouts/BaseLayout.astro';
import SEO from '../../components/SEO.astro';
import GuaranteeBand from '../../components/GuaranteeBand.astro';
import InlineLeadForm from '../../components/InlineLeadForm.astro';
import ServiceFaq from '../../components/ServiceFaq.astro';

const pageTitle = 'Government IT Solutions & GeM Vendor';
const pageDescription =
  'GeM-empanelled government IT vendor. WorkRoot builds secure, multi-district public-service platforms — live across 11 Bihar districts at 99.9% uptime. Get a free scope for your tender.';

const serviceName = 'Government IT Solutions';
const serviceDescription =
  'Secure, compliant government IT systems for public bodies and smart-city missions — multi-district deployment, role-based access, audit logging, and data residency. Delivered by a GeM-empanelled vendor with live platforms across 11 districts in Bihar at 99.9% uptime.';

const capabilities = [
  { title: 'Multi-district deployment', body: 'One platform rolled out across districts without rewriting it for each — proven across 11 Bihar districts.' },
  { title: 'Citizen-facing portals', body: 'Public service portals for bookings, applications, and status tracking, built for low-bandwidth access.' },
  { title: 'Audit & compliance', body: 'Audit logging baked into the data layer, role-based access control, and tamper-evident record-keeping.' },
  { title: 'Smart-city systems (SCMS)', body: 'Operational systems for civic facilities — slot booking, real-time availability, and oversight dashboards.' },
  { title: 'Data residency & security', body: 'Hosting in your region under strict security standards — encrypted at rest and in transit.' },
  { title: 'High availability', body: 'Infrastructure engineered for 99.9% uptime on mission-critical public services.' },
];

// Capability / readiness stat block presented as a checklist table.
const readiness = [
  { dimension: 'GeM empanelment', detail: 'Empanelled for relevant IT service categories on the Government e-Marketplace.' },
  { dimension: 'Live government deployments', detail: 'Smart Crematorium Management System for Patna Smart City Limited (PSCL), Bihar Government.' },
  { dimension: 'Multi-district experience', detail: 'Police Management System deployed across 11 districts for the Bihar State Government.' },
  { dimension: 'Records under management', detail: '50,000+ government records managed across live deployments.' },
  { dimension: 'Security posture', detail: 'Role-based access control, full audit trails, OWASP-aligned reviews, encrypted data.' },
  { dimension: 'Uptime track record', detail: '99.9% uptime sustained on critical public-service systems.' },
];

const stats = [
  { value: '11', label: 'Districts deployed' },
  { value: '50,000+', label: 'Government records' },
  { value: '99.9%', label: 'Uptime' },
  { value: 'GeM', label: 'Empanelled vendor' },
];

const faqs = [
  {
    question: 'Is WorkRoot a GeM-empanelled vendor?',
    answer:
      'Yes. WorkRoot is empanelled for relevant IT service categories on the Government e-Marketplace (GeM), and we have delivered platforms used across 11 districts in Bihar. We can respond to GeM bids and government tenders for web, ERP, and smart-city systems.',
  },
  {
    question: 'Have you delivered for government clients before?',
    answer:
      'Yes. We built the Smart Crematorium Management System (SCMS) for Patna Smart City Limited under the Bihar Government, and a Police Management System deployed across 11 districts for the Bihar State Government, handling personnel, case tracking, and FIR digitisation for 15,000+ officers.',
  },
  {
    question: 'How do you handle data residency and security for government systems?',
    answer:
      'Government data stays in your chosen region on infrastructure you control. We apply role-based access control, encrypt data at rest and in transit, log every action for audit, and run OWASP-aligned security reviews. The same controls run our live Bihar government deployments under strict compliance.',
  },
  {
    question: 'Can a single platform serve multiple districts?',
    answer:
      'Yes — that is exactly what our multi-district architecture is built for. We use a database-per-district model with central aggregation and district-specific feature configuration, so one codebase rolls out across districts without a separate rewrite for each.',
  },
  {
    question: 'What uptime can you commit to for public services?',
    answer:
      'We sustain 99.9% uptime on our mission-critical government deployments through high-availability infrastructure, monitoring, and blue-green deployments. We can align an SLA to the criticality of your service during scoping.',
  },
  {
    question: 'What technology do you use for government platforms?',
    answer:
      'We build on Spring Boot, Astro, and Golang with PostgreSQL and MySQL — the stack behind our SCMS and police deployments. The choice favours long-term maintainability, security, and performance under real public load.',
  },
];
---

<BaseLayout title={pageTitle} description={pageDescription}>
  <SEO
    slot="head"
    type="Service"
    breadcrumbs={[
      { name: 'Home', url: '/' },
      { name: 'Services', url: '/services' },
      { name: 'Government IT Solutions', url: '/services/government-it-solutions-gem-vendor' },
    ]}
    service={{ name: serviceName, description: serviceDescription }}
    faq={faqs}
  />

  <!-- Hero -->
  <section class="relative bg-gradient-to-br from-secondary-900 via-secondary-800 to-secondary-900 py-20 lg:py-28 overflow-hidden">
    <div class="absolute inset-0 overflow-hidden pointer-events-none" aria-hidden="true">
      <div class="absolute top-1/4 left-0 w-80 h-80 bg-red-500/10 rounded-full blur-3xl animate-pulse-slower"></div>
      <div class="absolute bottom-0 right-1/4 w-96 h-96 bg-orange-500/10 rounded-full blur-3xl animate-pulse-slow"></div>
      <div class="absolute inset-0 opacity-5" style="background-image: linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px); background-size: 60px 60px;"></div>
    </div>
    <div class="container-wrapper relative">
      <div class="max-w-3xl">
        <nav aria-label="Breadcrumb" class="mb-6">
          <ol class="flex flex-wrap items-center gap-2 text-sm text-secondary-400">
            <li><a href="/" class="hover:text-primary-300">Home</a></li>
            <li aria-hidden="true">/</li>
            <li><a href="/services" class="hover:text-primary-300">Services</a></li>
            <li aria-hidden="true">/</li>
            <li class="text-secondary-200" aria-current="page">Government IT Solutions</li>
          </ol>
        </nav>
        <span class="inline-flex items-center gap-2 px-4 py-1.5 mb-6 text-sm font-semibold text-red-300 bg-red-500/10 rounded-full border border-red-500/20">
          <span class="w-1.5 h-1.5 rounded-full bg-red-400 animate-pulse" aria-hidden="true"></span>
          GeM-empanelled · Government IT
        </span>
        <h1 class="text-4xl sm:text-5xl lg:text-6xl font-bold text-white mb-6 leading-tight">
          Government IT systems that
          <span class="text-transparent bg-clip-text bg-gradient-to-r from-red-400 via-orange-300 to-amber-300"> roll out across districts and stay up.</span>
        </h1>
        <p class="text-lg sm:text-xl text-secondary-300 max-w-2xl mb-8 leading-relaxed">
          A GeM-empanelled vendor with secure, audit-ready platforms already live across 11 Bihar districts at 99.9% uptime.
          Built on Spring Boot, Astro, Golang and PostgreSQL — with the role-based access, data residency, and compliance public
          services demand.
        </p>
        <div class="flex flex-col sm:flex-row gap-4">
          <a href="#inline-lead-form" data-cta="gov-hero-primary" class="inline-flex items-center justify-center rounded-xl bg-gradient-to-r from-primary-500 to-primary-600 px-8 py-4 text-base font-bold text-white shadow-lg hover:shadow-xl hover:scale-105 transition-all focus:outline-none focus:ring-2 focus:ring-primary-400 focus:ring-offset-2 focus:ring-offset-secondary-900">
            Scope my government project
            <svg class="ml-2 w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M17 8l4 4m0 0l-4 4m4-4H3" /></svg>
          </a>
          <a href="tel:+919561417403" data-cta="gov-hero-call" class="inline-flex items-center justify-center rounded-xl border-2 border-white/30 bg-white/5 px-8 py-4 text-base font-bold text-white hover:bg-white/10 transition-all focus:outline-none focus:ring-2 focus:ring-white/50">
            Talk to our team
          </a>
        </div>
      </div>

      <div class="mt-14 grid grid-cols-2 sm:grid-cols-4 gap-4 lg:gap-6">
        {stats.map((stat) => (
          <div class="bg-white/5 backdrop-blur-sm rounded-xl p-4 lg:p-5 text-center border border-white/10">
            <p class="text-2xl lg:text-3xl font-bold text-white">{stat.value}</p>
            <p class="text-secondary-400 text-sm mt-1">{stat.label}</p>
          </div>
        ))}
      </div>
    </div>
  </section>

  <!-- Overview -->
  <section class="py-16 lg:py-24 bg-white dark:bg-secondary-900">
    <div class="container-wrapper">
      <div class="max-w-3xl mx-auto">
        <span class="text-red-500 dark:text-red-400 font-semibold text-sm uppercase tracking-wider">Why public bodies choose us</span>
        <h2 class="text-3xl sm:text-4xl font-bold text-secondary-900 dark:text-secondary-100 mt-2 mb-6">Digitise public services without the rewrite-for-each-district tax</h2>
        <div class="space-y-5 text-lg text-secondary-700 dark:text-secondary-300 leading-relaxed">
          <p>
            Public-sector technology fails in predictable ways: a system built for one office can’t scale to the next district,
            paper processes survive alongside half-finished portals, and security or audit requirements get bolted on too late.
            WorkRoot builds government platforms the other way around — multi-district from day one, with audit logging and
            role-based access designed into the data layer rather than retrofitted.
          </p>
          <p>
            We are empanelled on the Government e-Marketplace (GeM) and have delivered for real public clients. For
            <strong> Patna Smart City Limited</strong> under the Bihar Government we built and shipped a Smart Crematorium
            Management System that now manages <strong>50,000+ records</strong> across 10+ facilities. For the Bihar State
            Government we delivered a Police Management System deployed across <strong>11 districts</strong>, digitising FIRs,
            case tracking, and personnel administration for <strong>15,000+ officers</strong>. Both run at 99.9% uptime.
          </p>
          <p>
            Our architecture is deliberately conservative where it counts. We favour a database-per-district model with central
            aggregation so each district’s data stays isolated while leadership still gets a consolidated view. Offline-resilient
            design keeps field-critical modules working through patchy connectivity. Every sensitive action is written to an
            immutable audit log, access is governed by role-based permissions, and data is encrypted both at rest and in transit.
            Data residency stays under your control — on-premise, in your government cloud, or managed by us within your region.
          </p>
          <p>
            Just as importantly, you own what we build. Full source-code ownership, documentation, and deployment access are part
            of delivery, so your department is never hostage to a single vendor. That combination — GeM empanelment, a real
            multi-district track record, and clean handover — is why public bodies trust us with services citizens depend on.
          </p>
        </div>
      </div>
    </div>
  </section>

  <!-- Capabilities grid -->
  <section class="py-16 lg:py-24 bg-secondary-50 dark:bg-secondary-800/50">
    <div class="container-wrapper">
      <div class="text-center max-w-2xl mx-auto mb-12">
        <h2 class="text-3xl sm:text-4xl font-bold text-secondary-900 dark:text-secondary-100 mb-4">What we deliver for government</h2>
        <p class="text-secondary-600 dark:text-secondary-400 text-lg">Every capability below is running in a live public-sector deployment today.</p>
      </div>
      <div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-6">
        {capabilities.map((c) => (
          <div class="bg-white dark:bg-secondary-800 rounded-2xl p-7 border border-secondary-100 dark:border-secondary-700 shadow-sm hover:shadow-lg transition-shadow">
            <div class="w-12 h-12 rounded-xl bg-red-50 dark:bg-red-900/30 text-red-600 dark:text-red-300 flex items-center justify-center mb-4" aria-hidden="true">
              <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" /></svg>
            </div>
            <h3 class="text-lg font-bold text-secondary-900 dark:text-secondary-100 mb-2">{c.title}</h3>
            <p class="text-secondary-600 dark:text-secondary-400 text-sm leading-relaxed">{c.body}</p>
          </div>
        ))}
      </div>
    </div>
  </section>

  <!-- Readiness table -->
  <section class="py-16 lg:py-24 bg-white dark:bg-secondary-900">
    <div class="container-wrapper">
      <div class="max-w-4xl mx-auto">
        <div class="text-center mb-10">
          <h2 class="text-3xl sm:text-4xl font-bold text-secondary-900 dark:text-secondary-100 mb-4">Tender-ready at a glance</h2>
          <p class="text-secondary-600 dark:text-secondary-400 text-lg">What we bring to a government engagement.</p>
        </div>
        <div class="overflow-x-auto rounded-2xl border border-secondary-200 dark:border-secondary-700 shadow-sm">
          <table class="w-full text-left border-collapse min-w-[560px]">
            <caption class="sr-only">WorkRoot government IT readiness and track record</caption>
            <thead>
              <tr class="bg-secondary-50 dark:bg-secondary-800">
                <th scope="col" class="px-5 py-4 text-sm font-bold text-secondary-700 dark:text-secondary-200">Criterion</th>
                <th scope="col" class="px-5 py-4 text-sm font-bold text-primary-700 dark:text-primary-300">WorkRoot</th>
              </tr>
            </thead>
            <tbody>
              {readiness.map((row, i) => (
                <tr class={i % 2 === 0 ? 'bg-white dark:bg-secondary-900' : 'bg-secondary-50/50 dark:bg-secondary-800/40'}>
                  <th scope="row" class="px-5 py-4 text-sm font-semibold text-secondary-900 dark:text-secondary-100 align-top w-1/3">{row.dimension}</th>
                  <td class="px-5 py-4 text-sm text-secondary-700 dark:text-secondary-200 align-top">
                    <span class="inline-flex items-start gap-2">
                      <svg class="w-4 h-4 mt-0.5 flex-shrink-0 text-emerald-500" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /></svg>
                      {row.detail}
                    </span>
                  </td>
                </tr>
              ))}
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </section>

  <!-- Case studies (two government projects) -->
  <section class="py-16 lg:py-24 bg-gradient-to-br from-secondary-900 via-secondary-800 to-secondary-900">
    <div class="container-wrapper">
      <div class="max-w-5xl mx-auto">
        <div class="text-center mb-12">
          <span class="inline-flex items-center gap-2 px-4 py-1.5 mb-4 text-sm font-semibold text-red-300 bg-red-500/10 rounded-full border border-red-500/20">Government case studies</span>
          <h2 class="text-3xl sm:text-4xl font-bold text-white">Live public-sector deployments</h2>
        </div>
        <div class="grid lg:grid-cols-2 gap-8">
          <!-- SCMS -->
          <article class="bg-white/5 border border-white/10 rounded-2xl p-8">
            <h3 class="text-xl font-bold text-white mb-2">SCMS for PSCL, Bihar Government</h3>
            <p class="text-sm text-secondary-400 mb-4">Patna Smart City Limited · Astro · Golang · PostgreSQL</p>
            <p class="text-secondary-300 leading-relaxed mb-6">
              A Smart Crematorium Management System digitising slot booking, real-time availability, digital record-keeping, and
              automated reporting — cutting booking from hours to minutes across 10+ facilities.
            </p>
            <div class="grid grid-cols-3 gap-3">
              {[{ v: '10+', l: 'Facilities' }, { v: '50,000+', l: 'Records' }, { v: '99.9%', l: 'Uptime' }].map((s) => (
                <div class="bg-white/5 rounded-lg p-3 text-center">
                  <p class="text-xl font-bold text-white">{s.v}</p>
                  <p class="text-secondary-400 text-xs mt-1">{s.l}</p>
                </div>
              ))}
            </div>
            <a href="/portfolio#scms-pscl" class="mt-6 inline-flex items-center gap-2 text-primary-300 font-semibold hover:text-primary-200 text-sm">
              Full case study
              <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" /></svg>
            </a>
          </article>
          <!-- Police -->
          <article class="bg-white/5 border border-white/10 rounded-2xl p-8">
            <h3 class="text-xl font-bold text-white mb-2">Police Management System — Bihar</h3>
            <p class="text-sm text-secondary-400 mb-4">Bihar State Government · Spring Boot · Angular · MySQL</p>
            <p class="text-secondary-300 leading-relaxed mb-6">
              A centralised system across 11 districts handling personnel management, FIR digitisation, case tracking, and duty
              roster scheduling — with role-based access and strict security compliance for thousands of concurrent users.
            </p>
            <div class="grid grid-cols-3 gap-3">
              {[{ v: '11', l: 'Districts' }, { v: '15,000+', l: 'Officers' }, { v: '100,000+', l: 'Cases' }].map((s) => (
                <div class="bg-white/5 rounded-lg p-3 text-center">
                  <p class="text-xl font-bold text-white">{s.v}</p>
                  <p class="text-secondary-400 text-xs mt-1">{s.l}</p>
                </div>
              ))}
            </div>
            <a href="/services/police-management-system" class="mt-6 inline-flex items-center gap-2 text-primary-300 font-semibold hover:text-primary-200 text-sm">
              Police system details
              <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" /></svg>
            </a>
          </article>
        </div>
      </div>
    </div>
  </section>

  <ServiceFaq
    faqs={faqs}
    eyebrow="For government buyers"
    heading="Government IT &amp; GeM — your questions answered"
    subheading="Empanelment, track record, security, data residency, and multi-district rollout."
  />

  <GuaranteeBand />
  <InlineLeadForm />
</BaseLayout>
