1<!DOCTYPE html> 2<html lang="en" data-bs-theme="light"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>Literom Tech Solutions | 360° Enterprise Technology & Software Solutions</title> 7 <meta name="description" content="Literom Tech Solutions Pvt. Ltd. is a full-service technology company providing Education ERP, SAMS Incubation, TegPath Field Manager, WhatsLit WhatsApp Automation, Custom Web & Mobile App Development."> 8 <meta name="keywords" content="Literom Tech Solutions, Full Stack Tech Company, Education ERP, SAMS Accelerator, TegPath, WhatsLit, Custom Software Development, Mobile App Development"> 9 10 <!-- Favicon --> 11 <link rel="icon" href="Literom-logo/3-removebg-preview.png" type="image/png"> 12 13 <!-- Google Fonts: Plus Jakarta Sans --> 14 <link rel="preconnect" href="https://fonts.googleapis.com"> 15 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 16 <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap" rel="stylesheet"> 17 18 <!-- Bootstrap 5.3 CSS --> 19 <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"> 20 21 <!-- FontAwesome 6 Icons --> 22 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"> 23 24 <!-- Animate.css --> 25 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"> 26 27 <!-- Custom Stylesheet --> 28 <link rel="stylesheet" href="css/style.css"> 29</head> 30<body> 31 32 <!-- Top Announcement Bar --> 33 <div class="top-announcement-bar text-center"> 34 <div class="container d-flex justify-content-between align-items-center"> 35 <span class="mx-auto"> 36 <i class="fas fa-sparkles me-2"></i> Empowering Businesses with <strong>360° Custom Software, Mobile Apps & Enterprise Automation</strong>! 37 <a href="index.php#contact" class="text-white text-decoration-underline ms-2">Book Free Consultation <i class="fas fa-arrow-right fs-xs"></i></a> 38 </span> 39 </div> 40 </div> 41 42 <!-- Main Header & Navbar --> 43 <header class="sticky-top glass-nav"> 44 <nav class="navbar navbar-expand-lg py-2"> 45 <div class="container align-items-center"> 46 <!-- Brand Logo Image (Light & Dark Theme Switchable) --> 47 <a class="navbar-brand d-flex align-items-center gap-2 me-3 me-xl-4" href="index.php"> 48 <img src="Literom-logo/1-removebg-preview.png" alt="Literom Tech Solutions Logo" class="brand-logo-img logo-light-mode"> 49 <img src="Literom-logo/3-removebg-preview.png" alt="Literom Tech Solutions Logo" class="brand-logo-img logo-dark-mode"> 50 </a> 51 52 <!-- Mobile Toggler --> 53 <button class="navbar-toggler border-0" type="button" data-bs-toggle="collapse" data-bs-target="#navbarContent"> 54 <span class="navbar-toggler-icon"></span> 55 </button> 56 57 <!-- Nav Links (Consistent Everywhere) --> 58 <div class="collapse navbar-collapse" id="navbarContent"> 59 <ul class="navbar-nav mx-auto mb-2 mb-lg-0 align-items-lg-center"> 60 <li class="nav-item"> 61 <a class="nav-link active" href="index.php#home">Home</a> 62 </li> 63 64 <!-- Products Dropdown --> 65 <li class="nav-item dropdown"> 66 <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">Products</a> 67 <ul class="dropdown-menu glass-card border-0 shadow-lg"> 68 <li><a class="dropdown-item py-2 fw-semibold" href="index.php#products"><i class="fas fa-graduation-cap text-primary me-2"></i> Education ERP (School & College)</a></li> 69 <li><a class="dropdown-item py-2 fw-semibold" href="index.php#products"><i class="fas fa-rocket text-purple me-2"></i> SAMS (Startup Accelerator System)</a></li> 70 <li><a class="dropdown-item py-2 fw-semibold" href="index.php#products"><i class="fas fa-map-marked-alt text-warning me-2"></i> TegPath (Field Ops & Tracking)</a></li> 71 <li><a class="dropdown-item py-2 fw-semibold" href="index.php#products"><i class="fab fa-whatsapp text-success me-2"></i> WhatsLit (WhatsApp Business Automation)</a></li> 72 </ul> 73 </li> 74 75 <!-- Services Dropdown --> 76 <li class="nav-item dropdown"> 77 <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">Services</a> 78 <ul class="dropdown-menu glass-card border-0 shadow-lg"> 79 <li><a class="dropdown-item py-2" href="index.php#services"><i class="fas fa-laptop-code me-2 text-primary"></i> Custom Software Engineering</a></li> 80 <li><a class="dropdown-item py-2" href="index.php#services"><i class="fas fa-mobile-alt me-2 text-info"></i> Mobile App Development (iOS & Android)</a></li> 81 <li><a class="dropdown-item py-2" href="index.php#services"><i class="fas fa-cloud me-2 text-purple"></i>
81 Cloud Server Hosting & Infrastructure</a></li> 82 <li><a class="dropdown-item py-2" href="index.php#services"><i class="fas fa-bullhorn me-2 text-success"></i> 360° Digital Marketing & Branding</a></li> 83 </ul> 84 </li> 85 86 <li class="nav-item"><a class="nav-link" href="index.php#services">All Services</a></li> 87 <li class="nav-item"><a class="nav-link" href="index.php#simulator">Live Demo</a></li> 88 <li class="nav-item"><a class="nav-link" href="index.php#roi">ROI Calculator</a></li> 89 <li class="nav-item"><a class="nav-link" href="team.php">Our Team</a></li> 90 <li class="nav-item"><a class="nav-link" href="index.php#contact">Contact Us</a></li> 91 </ul> 92 93 <!-- Right Action Items --> 94 <div class="d-flex align-items-center gap-3"> 95 <!-- Theme Toggle --> 96 <button class="theme-switch-btn" id="themeToggleBtn" title="Toggle Light/Dark Theme"> 97 <i class="fas fa-sun text-warning" id="themeIcon"></i> 98 </button> 99 100 <!-- Book Demo Button --> 101 <button class="btn btn-primary rounded-pill px-4 fw-bold shadow-sm" data-bs-toggle="modal" data-bs-target="#demoModal"> 102 <i class="fas fa-calendar-check me-2"></i> Book Consultation 103 </button> 104 </div> 105 </div> 106 </div> 107 </nav> 108 </header> 109 110 <!-- Hero Section --> 111 <section id="home" class="hero-wrapper"> 112 <div class="container"> 113 <div class="row align-items-center gy-5"> 114 <div class="col-lg-6"> 115 <div class="hero-badge animate__animated animate__fadeInDown"> 116 <i class="fas fa-laptop-code text-primary me-1"></i> 360° Full-Service Technology & Software House 117 </div> 118 <h1 class="hero-title animate__animated animate__fadeInUp"> 119 Complete Technology Solutions & <span class="text-gradient-primary">Custom Enterprise Software</span> 120 </h1> 121 <p class="hero-subtitle animate__animated animate__fadeInUp"> 122 From flagship platforms like Education ERP, SAMS Incubator, TegPath Field Manager, and WhatsLit WhatsApp Automation to bespoke Mobile Apps, Web Development, Cloud Infrastructure, and Digital MarketingâLiterom Tech Solutions delivers all-in-one digital transformation. 123 </p> 124 125 <div class="d-flex flex-wrap gap-3 mb-4 animate__animated animate__fadeInUp"> 126 <button class="btn btn-primary btn-lg rounded-pill px-4 fw-bold shadow-lg" data-bs-toggle="modal" data-bs-target="#demoModal"> 127 <i class="fas fa-rocket me-2"></i> Book Free Tech Demo 128 </button> 129 <a href="#services" class="btn btn-outline-secondary btn-lg rounded-pill px-4 fw-bold"> 130 <i class="fas fa-cogs me-2 text-primary"></i> Explore All Tech Services 131 </a> 132 </div> 133 134 <!-- Feature Bullets --> 135 <div class="d-flex flex-wrap gap-4 text-muted-custom fw-semibold fs-sm"> 136 <span><i class="fas fa-check-circle text-success me-1"></i> Custom Software & Mobile Apps</span> 137 <span><i class="fas fa-check-circle text-success me-1"></i> Cloud & Enterprise ERP</span> 138 <span><i class="fas fa-check-circle text-success me-1"></i> 24/7 Dedicated Tech Support</span> 139 </div> 140 </div> 141 142 <!-- Hero Interactive Graphic / Dashboard Window --> 143 <div class="col-lg-6"> 144 <div class="dashboard-preview-window animate__animated animate__zoomIn"> 145 <div class="window-header-bar"> 146 <div class="window-dots"> 147 <span class="window-dot dot-red"></span> 148 <span class="window-dot dot-yellow"></span> 149 <span class="window-dot dot-green"></span> 150 </div> 151 <span class="fs-xs fw-bold text-muted-custom"><i class="fas fa-shield-alt me-1 text-success"></i> Literom 360° Tech Hub - Operations Control</span> 152 <span class="badge bg-success-subtle text-success border border-success-subtle">Online</span> 153 </div> 154 <div class="window-body"> 155 <!-- Grid Stats Header --> 156 <div class="row g-3 mb-3"> 157 <div class="col-6 col-sm-3"> 158 <div class="metric-card">
159 <span class="fs-xs text-muted-custom fw-semibold">Projects Done</span> 160 <div class="fs-4 fw-extrabold text-primary">500+</div> 161 <span class="fs-xs text-success"><i class="fas fa-check-double"></i> Delivered</span> 162 </div> 163 </div> 164 <div class="col-6 col-sm-3"> 165 <div class="metric-card"> 166 <span class="fs-xs text-muted-custom fw-semibold">Enterprise Clients</span> 167 <div class="fs-4 fw-extrabold text-warning">150+</div> 168 <span class="fs-xs text-warning">Active Retainers</span> 169 </div> 170 </div> 171 <div class="col-6 col-sm-3"> 172 <div class="metric-card"> 173 <span class="fs-xs text-muted-custom fw-semibold">Cloud Infrastructure</span> 174 <div class="fs-4 fw-extrabold text-success">99.99%</div> 175 <span class="fs-xs text-success">AWS Uptime</span> 176 </div> 177 </div> 178 <div class="col-6 col-sm-3"> 179 <div class="metric-card"> 180 <span class="fs-xs text-muted-custom fw-semibold">Tech Engineers</span> 181 <div class="fs-4 fw-extrabold text-info">50+</div> 182 <span class="fs-xs text-info">Full-Stack Team</span> 183 </div> 184 </div> 185 </div> 186 187 <!-- Interactive Chart Preview --> 188 <div class="glass-card p-3 mb-3"> 189 <div class="d-flex justify-content-between align-items-center mb-2"> 190 <span class="fw-bold fs-sm"><i class="fas fa-cubes text-primary me-2"></i> 360° Technology Capability Index</span> 191 <span class="badge bg-primary-subtle text-primary">Active Stack</span> 192 </div> 193 <div class="progress-stack d-flex flex-column gap-2"> 194 <div> 195 <div class="d-flex justify-content-between fs-xs fw-semibold mb-1"> 196 <span>Enterprise ERP & Institutional Automation</span> 197 <span>98%</span> 198 </div> 199 <div class="progress" style="height: 8px;"> 200 <div class="progress-bar bg-primary" style="width: 98%"></div> 201 </div> 202 </div> 203 <div> 204 <div class="d-flex justify-content-between fs-xs fw-semibold mb-1"> 205 <span>Custom Mobile & Web Application Engineering</span> 206 <span>96%</span> 207 </div> 208 <div class="progress" style="height: 8px;"> 209 <div class="progress-bar bg-success" style="width: 96%"></div> 210 </div> 211 </div> 212 <div> 213 <div class="d-flex justify-content-between fs-xs fw-semibold mb-1"> 214 <span>WhatsLit WhatsApp & TegPath Operations Suite</span> 215 <span>95%</span> 216 </div> 217 <div class="progress" style="height: 8px;"> 218 <div class="progress-bar bg-warning" style="width: 95%"></div> 219 </div> 220 </div> 221 </div> 222 </div> 223 224 <!-- Quick Status Footer --> 225 <div class="d-flex justify-content-between align-items-center fs-xs text-muted-custom"> 226 <span><i class="fas fa-server text-success me-1"></i> Cloud Server Latency: 12ms</span> 227 <span><i class="fas fa-code-branch text-primary me-1"></i> CI/CD Continuous Delivery</span> 228 </div> 229 </div> 230 </div> 231 </div> 232 </div> 233 234 <!-- Counter Metrics Row --> 235 <div class="row g-4 mt-5 pt-3"> 236 <div class="col-6 col-md-3"> 237 <div class="metric-card"> 238 <div class="metric-number counter-val" data-target="500" data-suffix="+">0</div> 239 <div class="fw-bold text-main mt-1">Tech Projects Delivered</div> 240 <div class="fs-xs text-muted-custom">Across Multiple Sectors</div> 241 </div> 242 </div> 243 <div class="col-6 col-md-3"> 244 <div class="metric-card"> 245 <div class="metric-number counter-val" data-target="500" data-suffix="k+">0</div> 246 <div class="fw-bold text-main mt-1">Active End Users</div> 247 <div class="fs-xs text-muted-custom">Daily Platform Usage</div> 248 </div> 249 </div> 250 <div class="col-6 col-md-3"> 251 <div class="metric-card"> 252 <div class="metric-number counter-val" data-target="99.99" data-suffix="%">0</div> 253 <div class="fw-bold text-main mt-1">Cloud Service Uptime</div> 254 <div class="fs-xs text-muted-custom">SOC 2 & ISO Standard</div> 255 </div> 256 </div> 257 <div class="col-6 col-md-3"> 258 <div class="metric-card"> 259 <div class="metric-number counter-val" data-target="100" data-suffix="%">0</div> 260 <div class="fw-bold text-main mt-1">Custom Tech Delivery</div> 261 <div class="fs-xs text-muted-custom">Tailored Software Solutions</div> 262 </div> 263 </div> 264 </div> 265 </div> 266 </section> 267 268 <!-- Client Logos & Trust Section --> 269 <section class="py-4 border-top border-bottom bg-surface"> 270 <div class="container"> 271 <div class="text-center mb-3">
272 <span class="fs-xs text-muted-custom uppercase fw-bold" style="letter-spacing: 0.1em;">TRUSTED BY LEADING UNIVERSITIES, INCUBATORS, STARTUPS & ENTERPRISES</span> 273 </div> 274 <div class="d-flex flex-wrap justify-content-center align-items-center gap-5 opacity-75"> 275 <div class="fw-bold fs-5 text-muted-custom"><i class="fas fa-university me-2 text-primary"></i> NIMS University</div> 276 <div class="fw-bold fs-5 text-muted-custom"><i class="fas fa-school me-2 text-success"></i> Vydehi School of Excellence</div> 277 <div class="fw-bold fs-5 text-muted-custom"><i class="fas fa-rocket me-2 text-purple"></i> SAMS Accelerator</div> 278 <div class="fw-bold fs-5 text-muted-custom"><i class="fas fa-map-marked-alt me-2 text-warning"></i> TegPath Ops</div> 279 <div class="fw-bold fs-5 text-muted-custom"><i class="fab fa-whatsapp me-2 text-success"></i> WhatsLit Business</div> 280 </div> 281 </div> 282 </section> 283 284 <!-- Products Suite Section --> 285 <section id="products" class="section-padding"> 286 <div class="container"> 287 <div class="text-center max-w-3xl mx-auto mb-5"> 288 <span class="section-tag">FLAGSHIP SOFTWARE SUITES</span> 289 <h2 class="section-title">Engineered for High-Growth Institutions & Enterprises</h2> 290 <p class="text-muted-custom fs-5"> 291 Literom delivers specialized software platforms alongside our full-spectrum custom technology services. 292 </p> 293 </div> 294 295 <!-- Product Tabs --> 296 <div class="product-tabs text-center mb-5"> 297 <ul class="nav nav-pills" id="productTab" role="tablist"> 298 <li class="nav-item" role="presentation"> 299 <button class="nav-link active" id="edu-tab" data-bs-toggle="pill" data-bs-target="#tab-edu" type="button" role="tab"> 300 <i class="fas fa-graduation-cap me-2"></i> Education ERP 301 </button> 302 </li> 303 <li class="nav-item" role="presentation"> 304 <button class="nav-link" id="sams-tab" data-bs-toggle="pill" data-bs-target="#tab-sams" type="button" role="tab"> 305 <i class="fas fa-rocket me-2"></i> SAMS (Startup Incubation) 306 </button> 307 </li> 308 <li class="nav-item" role="presentation"> 309 <button class="nav-link" id="tegpath-tab" data-bs-toggle="pill" data-bs-target="#tab-tegpath" type="button" role="tab"> 310 <i class="fas fa-map-marked-alt me-2"></i> TegPath (Field Ops) 311 </button> 312 </li> 313 <li class="nav-item" role="presentation"> 314 <button class="nav-link" id="whatslit-tab" data-bs-toggle="pill" data-bs-target="#tab-whatslit" type="button" role="tab"> 315 <i class="fab fa-whatsapp me-2"></i> WhatsLit (WhatsApp Bot) 316 </button> 317 </li> 318 </ul> 319 </div> 320 321 <!-- Tab Contents --> 322 <div class="tab-content" id="productTabContent"> 323 <!-- Tab 1: Education ERP --> 324 <div class="tab-pane fade show active" id="tab-edu" role="tabpanel"> 325 <div class="row align-items-center gy-4"> 326 <div class="col-lg-6"> 327 <div class="glass-card p-4 p-md-5"> 328 <span class="badge bg-primary-subtle text-primary fw-bold mb-3 px-3 py-2">School, College & University ERP</span> 329 <h3 class="fw-bold mb-3">All-In-One Institutional Operating System</h3> 330 <p class="text-muted-custom mb-4"> 331 Over a decade of industry expertise powering seamless online and offline operations. Eliminate administrative headaches with automated admissions, fee collection, gradebook generation, and parent communication. 332 </p> 333 334 <div class="row g-3"> 335 <div class="col-sm-6"> 336 <ul class="feature-check-list"> 337 <li>Online Admission Portal</li> 338 <li>Automated Fee Gateway & Receipts</li> 339 <li>Biometric & Smart Card Attendance</li> 340 <li>Examination & Report Cards</li> 341 </ul> 342 </div> 343 <div class="col-sm-6"> 344 <ul class="feature-check-list"> 345 <li>Dedicated Parent/Teacher Apps</li> 346 <li>Library & Inventory Store</li> 347 <li>
347Hostel & Fleet Transport Track</li> 348 <li>Payroll & HR Management</li> 349 </ul> 350 </div> 351 </div> 352 353 <div class="mt-4 pt-3 border-top d-flex gap-3"> 354 <button class="btn btn-primary rounded-pill px-4" data-bs-toggle="modal" data-bs-target="#demoModal"> 355 Request ERP Demo 356 </button> 357 <a href="#simulator" class="btn btn-outline-secondary rounded-pill px-4">See Simulator</a> 358 </div> 359 </div> 360 </div> 361 <div class="col-lg-6"> 362 <div class="glass-card p-4 text-center"> 363 <div class="p-3 bg-body-tertiary rounded-4 mb-3 border"> 364 <div class="d-flex justify-content-between align-items-center mb-3"> 365 <div class="fw-bold"><i class="fas fa-id-card text-primary me-2"></i> Student Digital Portal</div> 366 <span class="badge bg-success">Active Session</span> 367 </div> 368 <div class="row g-2 text-start"> 369 <div class="col-6"> 370 <div class="p-2 border rounded bg-surface"> 371 <span class="fs-xs text-muted-custom d-block">Student Name</span> 372 <strong class="fs-sm">Aarav Sharma</strong> 373 </div> 374 </div> 375 <div class="col-6"> 376 <div class="p-2 border rounded bg-surface"> 377 <span class="fs-xs text-muted-custom d-block">Class / Roll No.</span> 378 <strong class="fs-sm">Class XII-A (#42)</strong> 379 </div> 380 </div> 381 <div class="col-12"> 382 <div class="p-2 border rounded bg-surface d-flex justify-content-between align-items-center"> 383 <div> 384 <span class="fs-xs text-muted-custom d-block">Term 1 Fee Status</span> 385 <span class="badge bg-success-subtle text-success">Paid via UPI Receipt #8941</span> 386 </div> 387 <i class="fas fa-check-circle fs-4 text-success"></i> 388 </div> 389 </div> 390 </div> 391 </div> 392 <span class="fs-xs text-muted-custom"><i class="fas fa-lock me-1"></i> End-to-end 256-Bit SSL Encrypted Campus Data</span> 393 </div> 394 </div> 395 </div> 396 </div> 397 398 <!-- Tab 2: SAMS (Startup Incubation) --> 399 <div class="tab-pane fade" id="tab-sams" role="tabpanel"> 400 <div class="row align-items-center gy-4"> 401 <div class="col-lg-6"> 402 <div class="glass-card p-4 p-md-5"> 403 <span class="badge bg-purple-subtle text-purple fw-bold mb-3 px-3 py-2">Startup Accelerator System</span> 404 <h3 class="fw-bold mb-3">Empower Incubators, Accelerators & Startups</h3> 405 <p class="text-muted-custom mb-4"> 406 SAMS revolutionizes startup cohort management with structured selection funnels, transparent investor updates, mentor 1-on-1 sessions, and financial metrics tracking. 407 </p> 408 409 <div class="row g-3"> 410 <div class="col-sm-6"> 411 <ul class="feature-check-list"> 412 <li>4-Phase Selection Funnel</li> 413 <li>Master Form & Pitch Screening</li> 414 <li>Cohort Launch Management</li> 415 </ul> 416 </div> 417 <div class="col-sm-6"> 418 <ul class="feature-check-list"> 419 <li>Investor Portfolio Dashboard</li> 420 <li>Mentorship & Zoom Integration</li> 421 <li>Quarterly Financial Audit</li> 422 </ul> 423 </div> 424 </div> 425 426 <div class="mt-4 pt-3 border-top">
427 <button class="btn btn-purple rounded-pill px-4 text-white" style="background: var(--purple-accent);" data-bs-toggle="modal" data-bs-target="#demoModal"> 428 Explore SAMS Platform 429 </button> 430 </div> 431 </div> 432 </div> 433 <div class="col-lg-6"> 434 <div class="glass-card p-4 text-center"> 435 <div class="p-3 bg-body-tertiary rounded-4 mb-3 border text-start"> 436 <div class="fw-bold mb-2"><i class="fas fa-funnel-dollar text-purple me-2"></i> Startup Selection Pipeline</div> 437 <div class="d-flex flex-column gap-2"> 438 <div class="p-2 border rounded bg-surface d-flex justify-content-between align-items-center"> 439 <span>Level 1: Initial Screening</span> 440 <span class="badge bg-primary">124 Applications</span> 441 </div> 442 <div class="p-2 border rounded bg-surface d-flex justify-content-between align-items-center"> 443 <span>Level 2: Master Form Review</span> 444 <span class="badge bg-info">42 Shortlisted</span> 445 </div> 446 <div class="p-2 border rounded bg-surface d-flex justify-content-between align-items-center"> 447 <span>Level 3: 1-on-1 Mentor Pitch</span> 448 <span class="badge bg-purple">18 Scheduled</span> 449 </div> 450 <div class="p-2 border rounded bg-surface d-flex justify-content-between align-items-center"> 451 <span>Level 4: Final Cohort Selection</span> 452 <span class="badge bg-success">8 Incubation Ready</span> 453 </div> 454 </div> 455 </div> 456 </div> 457 </div> 458 </div> 459 </div> 460 461 <!-- Tab 3: TegPath (Field Operations) --> 462 <div class="tab-pane fade" id="tab-tegpath" role="tabpanel"> 463 <div class="row align-items-center gy-4"> 464 <div class="col-lg-6"> 465 <div class="glass-card p-4 p-md-5"> 466 <span class="badge bg-warning-subtle text-warning fw-bold mb-3 px-3 py-2">Field Manager & Ops System</span> 467 <h3 class="fw-bold mb-3">TegPath - Field Workforce & Route Operations</h3> 468 <p class="text-muted-custom mb-4"> 469 TegPath provides complete visibility over field staff operations, GPS geotagged attendance, dynamic route assignment, and real-time task completion tracking for field teams and inspectors. 470 </p> 471 472 <div class="row g-3"> 473 <div class="col-sm-6"> 474 <ul class="feature-check-list"> 475 <li>Real-time GPS & Geofenced Punch</li> 476 <li>Dynamic Route & Task Assignment</li> 477 <li>On-Field Photo & Proof Upload</li> 478 </ul> 479 </div> 480 <div class="col-sm-6"> 481 <ul class="feature-check-list"> 482 <li>Live Field Executive Locator</li> 483 <li>Automated Travel Expense Audit</li> 484 <li>Offline Mode Data Capture</li> 485 </ul> 486 </div> 487 </div> 488 489 <div class="mt-4 pt-3 border-top"> 490 <button class="btn btn-warning rounded-pill px-4 text-dark fw-bold" data-bs-toggle="modal" data-bs-target="#demoModal"> 491 Explore TegPath Ops 492 </button> 493 </div> 494 </div> 495 </div> 496 <div class="col-lg-6"> 497 <div class="glass-card p-4"> 498 <div class="p-3 bg-body-tertiary rounded-4 border text-start"> 499 <div class="fw-bold mb-3"><i class="fas fa-map-marked-alt text-warning me-2"></i> TegPath Live Field Control</div> 500 <div class="p-3 border rounded bg-surface mb-2 d-flex justify-content-between align-items-center"> 501 <div> 502 <strong class="d-block text-main fs-sm">Executive Vikram Singh (Zone 4)</strong>
503 <span class="fs-xs text-muted-custom"><i class="fas fa-location-arrow text-warning me-1"></i> Site Inspection at North Campus</span> 504 </div> 505 <span class="badge bg-success-subtle text-success">Task Completed</span> 506 </div> 507 <div class="p-3 border rounded bg-surface d-flex justify-content-between align-items-center"> 508 <div> 509 <strong class="d-block text-main fs-sm">Executive Rahul Sharma (Zone 1)</strong> 510 <span class="fs-xs text-muted-custom"><i class="fas fa-walking me-1"></i> In Transit to Site B</span> 511 </div> 512 <span class="badge bg-warning-subtle text-warning">En Route</span> 513 </div> 514 </div> 515 </div> 516 </div> 517 </div> 518 </div> 519 520 <!-- Tab 4: WhatsLit (WhatsApp Business Automation) --> 521 <div class="tab-pane fade" id="tab-whatslit" role="tabpanel"> 522 <div class="row align-items-center gy-4"> 523 <div class="col-lg-6"> 524 <div class="glass-card p-4 p-md-5"> 525 <span class="badge bg-success-subtle text-success fw-bold mb-3 px-3 py-2">WhatsApp Official API Platform</span> 526 <h3 class="fw-bold mb-3">WhatsLit - Smart WhatsApp Automation & Team Inbox</h3> 527 <p class="text-muted-custom mb-4"> 528 WhatsLit empowers schools, businesses, and support teams with shared multi-agent WhatsApp inboxes, automated AI chatbots, broadcast messaging, and instant fee/alert notifications. 529 </p> 530 531 <div class="row g-3"> 532 <div class="col-sm-6"> 533 <ul class="feature-check-list"> 534 <li>Shared Multi-Agent Team Inbox</li> 535 <li>Official WhatsApp Business API</li> 536 <li>Automated AI Chatbot Replies</li> 537 </ul> 538 </div> 539 <div class="col-sm-6"> 540 <ul class="feature-check-list"> 541 <li>Bulk WhatsApp Broadcasts</li> 542 <li>Automated Fee & Attendance Alerts</li> 543 <li>Template Approval & Analytics</li> 544 </ul> 545 </div> 546 </div> 547 548 <div class="mt-4 pt-3 border-top"> 549 <button class="btn btn-success rounded-pill px-4 fw-bold" data-bs-toggle="modal" data-bs-target="#demoModal"> 550 Connect WhatsLit API 551 </button> 552 </div> 553 </div> 554 </div> 555 <div class="col-lg-6"> 556 <div class="glass-card p-4 text-center"> 557 <div class="p-3 bg-body-tertiary rounded-4 border text-start"> 558 <div class="d-flex align-items-center justify-content-between mb-3 border-bottom pb-2"> 559 <div class="fw-bold text-success"><i class="fab fa-whatsapp me-2 fs-5"></i> WhatsLit Live Team Inbox</div> 560 <span class="badge bg-success">Connected Number: +91 98765 00000</span> 561 </div> 562 <div class="p-2 border rounded bg-surface mb-2 fs-xs"> 563 <div class="d-flex justify-content-between fw-bold mb-1"> 564 <span>Parent: Sunita Sharma</span> 565 <span class="text-muted-custom">10:42 AM</span> 566 </div> 567 <p class="m-0 text-muted-custom">"Hi, please send my child's Term 1 exam scorecard PDF."</p> 568 <div class="badge bg-primary-subtle text-primary mt-1">Bot Auto-Replied: Scorecard Delivered â </div> 569 </div> 570 </div> 571 </div> 572 </div> 573 </div> 574 </div> 575 </div> 576 </div> 577 </section> 578 579 <!-- Live Interactive Software Simulator --> 580 <section id="simulator" class="section-padding bg-surface border-top border-bottom"> 581 <div class="container"> 582 <div class="text-center max-w-3xl mx-auto mb-5">
583 <span class="section-tag">LIVE INTERACTIVE DEMO</span> 584 <h2 class="section-title">Test Drive Literom's Platforms Right Now</h2> 585 <p class="text-muted-custom fs-5"> 586 Experience the clean, lightning-fast user interface. Click between tabs to test simulated workflows. 587 </p> 588 </div> 589 590 <div class="simulator-box shadow-lg"> 591 <!-- Simulator Navigation Toolbar --> 592 <div class="simulator-toolbar d-flex flex-wrap justify-content-between align-items-center gap-2"> 593 <div class="d-flex align-items-center gap-2"> 594 <span class="window-dot dot-red"></span> 595 <span class="window-dot dot-yellow"></span> 596 <span class="window-dot dot-green"></span> 597 <span class="ms-2 fs-xs fw-bold text-muted-custom">Literom Live Sandbox Simulator</span> 598 </div> 599 600 <div class="d-flex flex-wrap gap-2"> 601 <button class="btn btn-primary sim-btn sim-tab-btn active" data-sim-target="sim-view-erp"> 602 <i class="fas fa-school me-1"></i> Education ERP 603 </button> 604 <button class="btn btn-outline-secondary sim-btn sim-tab-btn" data-sim-target="sim-view-sams"> 605 <i class="fas fa-rocket me-1"></i> SAMS Cohorts 606 </button> 607 <button class="btn btn-outline-secondary sim-btn sim-tab-btn" data-sim-target="sim-view-tegpath"> 608 <i class="fas fa-map-marked-alt me-1"></i> TegPath Ops 609 </button> 610 <button class="btn btn-outline-secondary sim-btn sim-tab-btn" data-sim-target="sim-view-whatslit"> 611 <i class="fab fa-whatsapp me-1"></i> WhatsLit Bot 612 </button> 613 </div> 614 </div> 615 616 <!-- Simulator Viewport --> 617 <div class="p-4 p-md-5 bg-body"> 618 <!-- View 1: ERP --> 619 <div id="sim-view-erp" class="sim-view"> 620 <div class="row g-3"> 621 <div class="col-md-4"> 622 <div class="glass-card p-3"> 623 <h6 class="fw-bold mb-3"><i class="fas fa-cash-register text-success me-2"></i> Fee Collection Module</h6> 624 <form onsubmit="event.preventDefault(); alert('Receipt #10842 Generated Successfully!');"> 625 <label class="fs-xs fw-bold text-muted-custom mb-1">Student Roll No.</label> 626 <input type="text" class="form-control form-control-sm mb-2" value="2026-CS-042" readonly> 627 <label class="fs-xs fw-bold text-muted-custom mb-1">Amount Due</label> 628 <input type="text" class="form-control form-control-sm mb-3" value="â¹24,500" readonly> 629 <button class="btn btn-success btn-sm w-100 fw-bold">Generate Digital Receipt</button> 630 </form> 631 </div> 632 </div> 633 634 <div class="col-md-8"> 635 <div class="glass-card p-3"> 636 <div class="d-flex justify-content-between align-items-center mb-3"> 637 <h6 class="fw-bold m-0"><i class="fas fa-user-check text-primary me-2"></i> Class XII-A Attendance Log</h6> 638 <span class="badge bg-primary">38 Present / 2 Absent</span> 639 </div> 640 <div class="table-responsive"> 641 <table class="table table-sm align-middle fs-xs m-0"> 642 <thead> 643 <tr> 644 <th>Roll</th> 645 <th>Student Name</th> 646 <th>Biometric Time</th> 647 <th>Status</th> 648 </tr> 649 </thead> 650 <tbody> 651 <tr> 652 <td>01</td> 653 <td>Aarav Mehta</td> 654 <td>08:42 AM</td> 655 <td><span class="badge bg-success-subtle text-success">Present</span></td> 656 </tr> 657 <tr> 658 <td>02</td> 659 <td>Ananya Roy</td> 660 <td>08:45 AM</td> 661 <td><span class="badge bg-success-subtle text-success">Present</span></td> 662 </tr> 663 <tr> 664 <td>03</td> 665 <td>Devansh Kumar</td> 666 <td>-</td> 667 <td><span class="badge bg-danger-subtle text-danger">Absent (WhatsLit Alert Sent)</span></td> 668 </tr> 669 </tbody> 670 </table> 671 </div> 672 </div> 673 </div> 674 </div> 675 </div> 676 677 <!-- View 2: SAMS --> 678 <div id="sim-view-sams" class="sim-view d-none"> 679 <div class="glass-card p-4"> 680 <div class="d-flex justify-content-between align-items-center mb-3"> 681 <h5 class="fw-bold m-0"><i class="fas fa-lightbulb text-purple me-2"></i> Startup Cohort 2026 Screening Panel</h5>
682 <span class="badge bg-purple">SAMS Active Cohort</span> 683 </div> 684 <div class="row g-3"> 685 <div class="col-md-4"> 686 <div class="p-3 border rounded bg-surface"> 687 <div class="fw-bold text-primary mb-1">EcoTech Innovations</div> 688 <p class="fs-xs text-muted-custom mb-2">Sustainable AI-driven waste management.</p> 689 <div class="d-flex justify-content-between fs-xs"> 690 <span>Rating: â 4.8/5</span> 691 <span class="badge bg-success">Approved for Pitch</span> 692 </div> 693 </div> 694 </div> 695 <div class="col-md-4"> 696 <div class="p-3 border rounded bg-surface"> 697 <div class="fw-bold text-primary mb-1">HealthPulse SaaS</div> 698 <p class="fs-xs text-muted-custom mb-2">Remote patient monitoring app.</p> 699 <div class="d-flex justify-content-between fs-xs"> 700 <span>Rating: â 4.6/5</span> 701 <span class="badge bg-info">Master Form Review</span> 702 </div> 703 </div> 704 </div> 705 <div class="col-md-4"> 706 <div class="p-3 border rounded bg-surface"> 707 <div class="fw-bold text-primary mb-1">FinLit Tech</div> 708 <p class="fs-xs text-muted-custom mb-2">Micro-financing for rural entrepreneurs.</p> 709 <div class="d-flex justify-content-between fs-xs"> 710 <span>Rating: â 4.9/5</span> 711 <span class="badge bg-purple">Mentor Scheduled</span> 712 </div> 713 </div> 714 </div> 715 </div> 716 </div> 717 </div> 718 719 <!-- View 3: TegPath --> 720 <div id="sim-view-tegpath" class="sim-view d-none"> 721 <div class="glass-card p-4"> 722 <h5 class="fw-bold mb-3"><i class="fas fa-location-dot text-warning me-2"></i> TegPath Geofenced Field Inspector Simulator</h5> 723 <div class="p-3 border rounded bg-surface text-center"> 724 <p class="fs-sm mb-2 text-main">Simulate GPS Geofenced Punch for Field Agent #08</p> 725 <button class="btn btn-warning fw-bold px-4 rounded-pill" onclick="alert('ð GPS Geofence Verified! Punch Recorded: Latitude 26.238, Longitude 73.024');"> 726 <i class="fas fa-crosshairs me-2"></i> Record Field Location Punch 727 </button> 728 </div> 729 </div> 730 </div> 731 732 <!-- View 4: WhatsLit --> 733 <div id="sim-view-whatslit" class="sim-view d-none"> 734 <div class="glass-card p-4 text-center"> 735 <h5 class="fw-bold mb-2"><i class="fab fa-whatsapp text-success me-2"></i> WhatsLit Broadcast Campaign Simulation</h5> 736 <p class="fs-xs text-muted-custom mb-3">Simulate sending a WhatsApp Fee Reminder Broadcast to 1,200 Parents</p> 737 <button class="btn btn-success fw-bold px-4 rounded-pill" onclick="alert('ð¬ WhatsLit Campaign Dispatched! 1,200 WhatsApp Messages Delivered Instantly.');"> 738 <i class="fas fa-paper-plane me-2"></i> Dispatch WhatsApp Broadcast 739 </button> 740 </div> 741 </div> 742 </div> 743 </div> 744 </div> 745 </section> 746 747 <!-- Full Digital Services Grid --> 748 <section id="services" class="section-padding"> 749 <div class="container"> 750 <div class="text-center max-w-3xl mx-auto mb-5"> 751 <span class="section-tag">360° TECHNOLOGY SERVICES</span> 752 <h2 class="section-title">All Types of Technology & Custom Software Development</h2> 753 <p class="text-muted-custom fs-5"> 754 Literom Tech Solutions provides complete end-to-end technology services for businesses, institutions, and enterprises. 755 </p> 756 </div> 757 758 <div class="row g-4"> 759 <!-- Service 1 --> 760 <div class="col-md-6 col-lg-4"> 761 <div class="glass-card p-4 h-100"> 762 <div class="service-icon-wrapper"> 763 <i class="fas fa-desktop"></i> 764 </div> 765 <h4 class="fw-bold mb-2">Customized ERP & Enterprise Systems</h4> 766 <p class="text-muted-custom fs-sm mb-3"> 767 Tailored workflow modules, ERP solutions, and administrative software built specifically for your unique operational requirements. 768 </p> 769 </div> 770 </div> 771 772 <!-- Service 2 --> 773 <div class="col-md-6 col-lg-4"> 774 <div class="glass-card p-4 h-100"> 775 <div class="service-icon-wrapper"> 776 <i class="fas fa-code"></i> 777 </div> 778 <h4 class="fw-bold mb-2">Full-Stack Web Development</h4> 779 <p class="text-muted-custom fs-sm mb-3"> 780 Modern, fast, scalable websites, progressive web applications (PWAs), and custom SaaS web platforms built with cutting-edge stacks. 781 </p> 782 </div> 783 </div> 784 785 <!-- Service 3 --> 786 <div class="col-md-6 col-lg-4"> 787 <div class="glass-card p-4 h-100"> 788 <div class="service-icon-wrapper"> 789 <i class="fas fa-mobile-alt"></i> 790 </div> 791 <h4 class="fw-bold mb-2">Mobile App Development</h4> 792 <p class="text-muted-custom fs-sm mb-3"> 793 Native iOS and Android mobile apps for Enterprise Field Ops, Parent/Teacher Portals, E-commerce, and Custom Workflows. 794 </p> 795 </div> 796 </div> 797 798 <!-- Service 4 --> 799 <div class="col-md-6 col-lg-4"> 800 <div class="glass-card p-4 h-100"> 801 <div class="service-icon-wrapper"> 802 <i class="fas fa-cloud"></i> 803 </div> 804 <h4 class="fw-bold mb-2">Cloud Server Hosting & DevOps</h4> 805 <p class="text-muted-custom fs-sm mb-3"> 806 High-availability AWS/Azure cloud server hosting, CI/CD pipelines, automated daily backups, and 99.99% uptime guarantees. 807 </p> 808 </div> 809 </div> 810 811 <!-- Service 5 --> 812 <div class="col-md-6 col-lg-4"> 813 <div class="glass-card p-4 h-100"> 814 <div class="service-icon-wrapper"> 815 <i class="fas fa-plug"></i> 816 </div> 817 <h4 class="fw-bold mb-2">Third-Party API Integration</h4> 818 <p class="text-muted-custom fs-sm mb-3"> 819 Seamlessly connect payment gateways (Razorpay, Paytm), Biometric hardware, WhatsLit WhatsApp API, and Zoom video meetings. 820 </p> 821 </div> 822 </div> 823 824 <!-- Service 6 --> 825 <div class="col-md-6 col-lg-4"> 826 <div class="glass-card p-4 h-100"> 827 <div class="service-icon-wrapper"> 828 <i class="fas fa-shield-alt"></i> 829 </div> 830 <h4 class="fw-bold mb-2">Cybersecurity & Data Protection</h4> 831 <p class="text-muted-custom fs-sm mb-3"> 832 SOC 2 & ISO standard data protection, penetration testing, SSL encryption, and role-based access control. 833 </p> 834 </div> 835 </div> 836 837 <!-- Service 7 --> 838 <div class="col-md-6 col-lg-4"> 839 <div class="glass-card p-4 h-100"> 840 <div class="service-icon-wrapper"> 841 <i class="fas fa-paper-plane"></i> 842 </div> 843 <h4 class="fw-bold mb-2">Bulk Messaging & WhatsApp API</h4> 844 <p class="text-muted-custom fs-sm mb-3"> 845 Transactional and promotional SMS & WhatsApp delivery via WhatsLit API for instant notifications and automated alerts. 846 </p> 847 </div> 848 </div> 849 850 <!-- Service 8 --> 851 <div class="col-md-6 col-lg-4"> 852 <div class="glass-card p-4 h-100"> 853 <div class="service-icon-wrapper"> 854 <i class="fas fa-bullhorn"></i> 855 </div> 856 <h4 class="fw-bold mb-2">360° Digital Marketing & SEO</h4> 857 <p class="text-muted-custom fs-sm mb-3"> 858 Boost your online brand visibility, generate qualified business leads, and scale digital marketing campaigns across social media. 859 </p> 860 </div> 861 </div> 862 863 <!-- Service 9 --> 864 <div class="col-md-6 col-lg-4"> 865 <div class="glass-card p-4 h-100"> 866 <div class="service-icon-wrapper"> 867 <i class="fas fa-rocket"></i> 868 </div> 869 <h4 class="fw-bold mb-2">Startup Tech Incubation (SAMS)</h4> 870 <p class="text-muted-custom fs-sm mb-3"> 871 Dedicated technology advisory, MVP product engineering, and incubation tools for rising technology startups. 872 </p> 873 </div> 874 </div> 875 </div> 876 </div> 877 </section> 878 879 <!-- Interactive ROI & Savings Calculator Section --> 880 <section id="roi" class="section-padding bg-surface border-top border-bottom"> 881 <div class="container"> 882 <div class="row align-items-center gy-5"> 883 <div class="col-lg-6">
884 <span class="section-tag">VALUE CALCULATOR</span> 885 <h2 class="section-title">Calculate Your Organization's Time & Cost Savings</h2> 886 <p class="text-muted-custom fs-5 mb-4"> 887 Adjust the sliders to see how much manual work, paper expense, and administrative time Literom's technology solutions save every month. 888 </p> 889 890 <div class="glass-card p-4 border-start border-primary border-4"> 891 <div class="d-flex align-items-center gap-3"> 892 <i class="fas fa-lightbulb fs-2 text-warning"></i> 893 <div> 894 <strong class="d-block">Did You Know?</strong> 895 <span class="fs-xs text-muted-custom">Organizations adopting Literom Tech Solutions achieve 100% ROI within the first 4 months.</span> 896 </div> 897 </div> 898 </div> 899 </div> 900 901 <div class="col-lg-6"> 902 <div class="calculator-card"> 903 <h4 class="fw-bold mb-4"><i class="fas fa-calculator text-primary me-2"></i> Interactive Savings Estimator</h4> 904 905 <!-- Slider 1 --> 906 <div class="mb-4"> 907 <div class="d-flex justify-content-between align-items-center mb-2"> 908 <label class="fw-bold text-main">Number of Users / Staff / Students</label> 909 <span class="badge bg-primary fs-6 px-3" id="roiStudentVal">2,500</span> 910 </div> 911 <input type="range" class="form-range" id="roiStudentCount" min="100" max="10000" step="100" value="2500"> 912 <div class="d-flex justify-content-between fs-xs text-muted-custom"> 913 <span>100 Users</span> 914 <span>10,000+ Users</span> 915 </div> 916 </div> 917 918 <!-- Result Badges --> 919 <div class="result-badge mb-4"> 920 <div class="row text-center g-3"> 921 <div class="col-4"> 922 <span class="fs-xs text-muted-custom d-block fw-bold">Hours Saved</span> 923 <div class="fs-4 fw-extrabold text-primary" id="roiHoursSaved">2,125 hrs/mo</div> 924 </div> 925 <div class="col-4"> 926 <span class="fs-xs text-muted-custom d-block fw-bold">Cost Saved</span> 927 <div class="fs-4 fw-extrabold text-success" id="roiCostSaved">â¹550.0k /mo</div> 928 </div> 929 <div class="col-4"> 930 <span class="fs-xs text-muted-custom d-block fw-bold">Efficiency</span> 931 <div class="fs-4 fw-extrabold text-purple" id="roiEfficiency">88%</div> 932 </div> 933 </div> 934 </div> 935 936 <button class="btn btn-primary btn-lg w-100 rounded-pill fw-bold" data-bs-toggle="modal" data-bs-target="#demoModal"> 937 Claim Your Customized Savings Report 938 </button> 939 </div> 940 </div> 941 </div> 942 </div> 943 </section> 944 945 <!-- Testimonials & Client Stories --> 946 <section class="section-padding bg-surface border-top border-bottom"> 947 <div class="container"> 948 <div class="text-center max-w-3xl mx-auto mb-5"> 949 <span class="section-tag">TESTIMONIALS</span> 950 <h2 class="section-title">What Enterprise Leaders Say</h2> 951 </div> 952 953 <div class="row g-4"> 954 <!-- Testimonial 1: Richa Sharma --> 955 <div class="col-md-4"> 956 <div class="testimonial-card"> 957 <div class="text-warning mb-3"> 958 <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i> 959 </div> 960 <p class="fst-italic text-muted-custom mb-4"> 961 "As a thriving cafe, managing our operations efficiently is paramount. From inventory management to sales tracking, LITEROM provides a comprehensive overview, ensuring we stay ahead in the competitive cafe scene. The user-friendly interface, along with insightful reporting, has revolutionized how we handle our daily tasks." 962 </p> 963 <div class="d-flex align-items-center gap-3"> 964 <img src="images/testimonials/richa-sharma.png" alt="Richa Sharma" class="author-avatar" style="width: 54px; height: 54px; object-fit: cover; border-radius: 50%; border: 2px solid var(--primary-color);"> 965 <div> 966 <strong class="d-block">Richa Sharma</strong>
967 <span class="fs-xs text-muted-custom">Founder & CEO, First Crack Coffee Roasters</span> 968 </div> 969 </div> 970 </div> 971 </div> 972 973 <!-- Testimonial 2: Surashree Rahane --> 974 <div class="col-md-4"> 975 <div class="testimonial-card"> 976 <div class="text-warning mb-3"> 977 <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i> 978 </div> 979 <p class="fst-italic text-muted-custom mb-4"> 980 "At Yearbook Canvas, handling the vast data landscape of numerous schools, colleges, and universities demanded a robust solution. LITEROM's ERP proved to be the answer, streamlining our operations at a large scale. The system's efficiency in managing diverse data sets, coupled with its seamless integration, has been instrumental for our operations." 981 </p> 982 <div class="d-flex align-items-center gap-3"> 983 <img src="images/testimonials/surashree-rahane.png" alt="Surashree Rahane" class="author-avatar" style="width: 54px; height: 54px; object-fit: cover; border-radius: 50%; border: 2px solid var(--primary-color);"> 984 <div> 985 <strong class="d-block">Surashree Rahane</strong> 986 <span class="fs-xs text-muted-custom">Founder & CEO, Yearbook Canvas</span> 987 </div> 988 </div> 989 </div> 990 </div> 991 992 <!-- Testimonial 3: Lavender Singh Rathore --> 993 <div class="col-md-4"> 994 <div class="testimonial-card"> 995 <div class="text-warning mb-3"> 996 <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i> 997 </div> 998 <p class="fst-italic text-muted-custom mb-4"> 999 "At Sarathi Healthcare, where the fusion of technology and healthcare is our mission, L
999ITEROM has been a strategic partner. Managing the intricate web of patient records, health reports, and operational data across multiple healthcare facilities demanded a solution that could match our ambition." 1000 </p> 1001 <div class="d-flex align-items-center gap-3"> 1002 <img src="images/testimonials/lavender-singh.png" alt="Lavender Singh Rathore" class="author-avatar" style="width: 54px; height: 54px; object-fit: cover; border-radius: 50%; border: 2px solid var(--primary-color);"> 1003 <div> 1004 <strong class="d-block">Lavender Singh Rathore</strong> 1005 <span class="fs-xs text-muted-custom">Founder & CEO, Sarathi Healthcare</span> 1006 </div> 1007 </div> 1008 </div> 1009 </div> 1010 </div> 1011 </div> 1012 </section> 1013 1014 <!-- FAQ Accordion --> 1015 <section class="section-padding"> 1016 <div class="container"> 1017 <div class="text-center max-w-3xl mx-auto mb-5"> 1018 <span class="section-tag">FREQUENTLY ASKED QUESTIONS</span> 1019 <h2 class="section-title">Everything You Need to Know</h2> 1020 </div> 1021 1022 <div class="max-w-3xl mx-auto"> 1023 <div class="accordion accordion-flush" id="faqAccordion"> 1024 <div class="accordion-item glass-card mb-3 border"> 1025 <h2 class="accordion-header"> 1026 <button class="accordion-button collapsed fw-bold" type="button" data-bs-toggle="collapse" data-bs-target="#faq1"> 1027 What technology services does Literom Tech Solutions provide? 1028 </button> 1029 </h2> 1030 <div id="faq1" class="accordion-collapse collapse" data-bs-parent="#faqAccordion"> 1031 <div class="accordion-body text-muted-custom fs-sm"> 1032 Literom provides 360° technology solutions including Custom Software Development, Mobile Apps (iOS & Android), Cloud Server Hosting, Education ERP, SAMS Incubator Systems, TegPath Field Ops, and WhatsLit WhatsApp Automation. 1033 </div> 1034 </div> 1035 </div> 1036 1037 <div class="accordion-item glass-card mb-3 border"> 1038 <h2 class="accordion-header"> 1039 <button class="accordion-button collapsed fw-bold" type="button" data-bs-toggle="collapse" data-bs-target="#faq2"> 1040 What is TegPath Field Ops and how does it help? 1041 </button> 1042 </h2> 1043 <div id="faq2" class="accordion-collapse collapse" data-bs-parent="#faqAccordion"> 1044 <div class="accordion-body text-muted-custom fs-sm"> 1045 TegPath is a field management platform with GPS geofencing, route assignment, site inspection logs, and real-time field staff tracking for institutions and corporate field teams. 1046 </div> 1047 </div> 1048 </div> 1049 1050 <div class="accordion-item glass-card mb-3 border"> 1051 <h2 class="accordion-header"> 1052 <button class="accordion-button collapsed fw-bold" type="button" data-bs-toggle="collapse" data-bs-target="#faq3"> 1053 How does WhatsLit WhatsApp Automation work? 1054 </button> 1055 </h2> 1056 <div id="faq3" class="accordion-collapse collapse" data-bs-parent="#faqAccordion"> 1057 <div class="accordion-body text-muted-custom fs-sm"> 1058 WhatsLit connects your official WhatsApp Business API with a shared multi-agent inbox, automated AI chatbots, and instant broadcast capabilities for fee alerts, report cards, and student announcements. 1059 </div> 1060 </div> 1061 </div> 1062 </div> 1063 </div> 1064 </div> 1065 </section> 1066 1067 <!-- Contact & Book Demo Section --> 1068 <section id="contact" class="section-padding bg-surface border-top"> 1069 <div class="container"> 1070 <div class="row align-items-center gy-5"> 1071 <div class="col-lg-5"> 1072 <span class="section-tag">GET IN TOUCH</span> 1073 <h2 class="section-title">Ready to Transform Your Technology Stack?</h2> 1074 <p class="text-muted-custom fs-5 mb-4"> 1075 Speak with our senior technology consultants today. We'll outline a custom solution proposal for your business or institution. 1076 </p> 1077 1078 <div class="d-flex flex-column gap-3"> 1079 <div class="d-flex align-items-center gap-3"> 1080 <div class="service-icon-wrapper m-0"> 1081 <i class="fas fa-envelope"></i> 1082 </div> 1083 <div>
1084 <span class="fs-xs text-muted-custom d-block">Email Us</span> 1085 <strong class="fs-sm"><a href="mailto:[email protected]" class="text-reset text-decoration-none">[email protected]</a></strong> 1086 </div> 1087 </div> 1088 1089 <div class="d-flex align-items-center gap-3"> 1090 <div class="service-icon-wrapper m-0"> 1091 <i class="fas fa-phone-alt"></i> 1092 </div> 1093 <div> 1094 <span class="fs-xs text-muted-custom d-block">Call Our Helpline</span> 1095 <strong class="fs-sm"><a href="tel:+919799638999" class="text-reset text-decoration-none">+91 97996 38999</a></strong> 1096 </div> 1097 </div> 1098 1099 <div class="d-flex align-items-center gap-3"> 1100 <div class="service-icon-wrapper m-0"> 1101 <i class="fas fa-map-marker-alt"></i> 1102 </div> 1103 <div> 1104 <span class="fs-xs text-muted-custom d-block">Head Office Address</span> 1105 <strong class="fs-sm">CYB-5 HIA, RIICO Cyber Park, Near Jodhpur Saras Dairy, Heavy Industrial Area-II, Jodhpur, Rajasthan - 342003</strong> 1106 </div> 1107 </div> 1108 </div> 1109 </div> 1110 1111 <div class="col-lg-7"> 1112 <div class="glass-card p-4 p-md-5"> 1113 <h4 class="fw-bold mb-3"><i class="fas fa-calendar-check text-primary me-2"></i> Book Free Tech Consultation</h4> 1114 <div class="alert alert-success d-none" id="formSuccessAlert"> 1115 <i class="fas fa-check-circle me-2"></i> Thank you! Your tech consultation request has been received. Our expert will contact you shortly. 1116 </div> 1117 1118 <form id="bookDemoForm"> 1119 <div class="row g-3"> 1120 <div class="col-md-6"> 1121 <label class="form-label fs-xs fw-bold">Full Name *</label> 1122 <input type="text" name="name" class="form-control" placeholder="e.g. Rajesh Kumar" required> 1123 </div> 1124 <div class="col-md-6"> 1125 <label class="form-label fs-xs fw-bold">Official Email *</label> 1126 <input type="email" name="email" class="form-control" placeholder="[email protected]" required> 1127 </div> 1128 <div class="col-md-6"> 1129 <label class="form-label fs-xs fw-bold">Phone Number *</label> 1130 <input type="tel" name="phone" class="form-control phone-input" placeholder="10-digit Mobile Number (e.g. 9799638999)" pattern="^(?:\+91|91|0)?[6-9]\d{9}$" minlength="10" maxlength="15" inputmode="tel" required> 1131 <div class="invalid-feedback fs-xs">Please enter a valid 10-digit mobile number starting with 6, 7, 8, or 9.</div> 1132 </div> 1133 <div class="col-md-6"> 1134 <label class="form-label fs-xs fw-bold">Organization Name *</label> 1135 <input type="text" name="organization" class="form-control" placeholder="e.g. Apex Tech Corp" required> 1136 </div> 1137 <div class="col-12"> 1138 <label class="form-label fs-xs fw-bold">Service / Software Required *</label> 1139 <select name="service" class="form-select" required> 1140 <option value="Custom Software / App">Custom Software & Mobile App Development</option> 1141 <option value="Education ERP">Education ERP (School / College)</option> 1142 <option value="SAMS Accelerator">SAMS (Startup Incubation System)</option> 1143 <option value="TegPath Ops">TegPath (Field Ops & Route Manager)</option> 1144 <option value="WhatsLit API">WhatsLit (WhatsApp Automation & Bot)</option> 1145 <option value="Cloud / Digital Marketing">Cloud Server Infrastructure & Marketing</option> 1146 </select> 1147 </div> 1148 <div class="col-12"> 1149 <label class="form-label fs-xs fw-bold">Project Details / Requirements</label> 1150 <textarea name="message" class="form-control" rows="3" placeholder="Tell us about your technical goals or software needs..."></textarea> 1151 </div> 1152 <div class="col-12"> 1153 <button type="submit" class="btn btn-primary btn-lg w-100 rounded-pill fw-bold shadow-lg"> 1154 Submit Tech Request <i class="fas fa-paper-plane ms-2"></i> 1155 </button> 1156 </div> 1157 </div> 1158 </form> 1159 </div> 1160 </div> 1161 </div> 1162 </div> 1163 </section> 1164 1165 <!-- Modal: Book Demo --> 1166 <div class="modal fade" id="demoModal" tabindex="-1">
1167 <div class="modal-dialog modal-dialog-centered modal-lg"> 1168 <div class="modal-content glass-card p-2 border-0"> 1169 <div class="modal-header border-0"> 1170 <h5 class="modal-title fw-bold"><i class="fas fa-rocket text-primary me-2"></i> Schedule Tech Consultation</h5> 1171 <button type="button" class="btn-close" data-bs-dismiss="modal"></button> 1172 </div> 1173 <div class="modal-body"> 1174 <p class="text-muted-custom fs-sm mb-3">Our tech specialist will demonstrate how Literom builds end-to-end custom solutions for your organization.</p> 1175 <form id="modalDemoForm"> 1176 <div class="row g-3"> 1177 <div class="col-md-6"> 1178 <input type="text" name="name" class="form-control" placeholder="Your Name" required> 1179 </div> 1180 <div class="col-md-6"> 1181 <input type="email" name="email" class="form-control" placeholder="Work Email" required> 1182 </div> 1183 <div class="col-md-6"> 1184 <input type="tel" name="phone" class="form-control phone-input" placeholder="10-digit Mobile Number" pattern="^(?:\+91|91|0)?[6-9]\d{9}$" minlength="10" maxlength="15" inputmode="tel" required> 1185 <div class="invalid-feedback fs-xs">Valid 10-digit mobile required.</div> 1186 </div> 1187 <div class="col-md-6"> 1188 <select name="service" class="form-select"> 1189 <option value="Custom Mobile & Web Apps">Custom Mobile & Web Apps</option> 1190 <option value="Education ERP">Education ERP</option> 1191 <option value="SAMS Accelerator">SAMS Accelerator</option> 1192 <option value="TegPath Field Ops">TegPath Field Ops</option> 1193 <option value="WhatsLit Automation">WhatsLit Automation</option> 1194 </select> 1195 </div> 1196 <div class="col-12"> 1197 <button type="submit" class="btn btn-primary w-100 rounded-pill fw-bold">Confirm Booking</button> 1198 </div> 1199 </div> 1200 </form> 1201 </div> 1202 </div> 1203 </div> 1204 </div> 1205 1206 <!-- Floating Quick-Action Button --> 1207 <button class="floating-contact-btn pulse-glow" data-bs-toggle="modal" data-bs-target="#demoModal"> 1208 <i class="fas fa-calendar-alt"></i> Book Free Demo 1209 </button> 1210 1211 <!-- Main Footer --> 1212 <footer class="footer-wrapper"> 1213 <div class="container"> 1214 <div class="row gy-4 mb-5"> 1215 <div class="col-lg-4"> 1216 <div class="d-flex align-items-center gap-2 mb-3"> 1217 <img src="Literom-logo/1-removebg-preview.png" alt="Literom Logo" class="brand-logo-img logo-light-mode" style="height: 65px;"> 1218 <img src="Literom-logo/3-removebg-preview.png" alt="Literom Logo" class="brand-logo-img logo-dark-mode" style="height: 65px;"> 1219 </div> 1220 <p class="text-muted-custom fs-sm mb-4"> 1221 Literom Tech Solutions Pvt. Ltd. provides complete 360° technology services, custom software engineering, mobile app development, Education ERP, SAMS Incubator Systems, TegPath, and WhatsLit platforms. 1222 </p> 1223 <div class="d-flex gap-3 fs-5 text-muted-custom"> 1224 <a href="#" class="text-muted-custom"><i class="fab fa-linkedin"></i></a> 1225 <a href="#" class="text-muted-custom"><i class="fab fa-twitter"></i></a> 1226 <a href="#" class="text-muted-custom"><i class="fab fa-facebook"></i></a> 1227 <a href="#" class="text-muted-custom"><i class="fab fa-youtube"></i></a> 1228 </div> 1229 </div> 1230 1231 <div class="col-6 col-lg-3"> 1232 <h6 class="fw-bold mb-3">Head Office Address</h6> 1233 <p class="text-muted-custom fs-xs lh-lg m-0"> 1234 <i class="fas fa-building text-primary me-2"></i> <strong>CYB-5 HIA, RIICO Cyber Park</strong><br> 1235 Near Jodhpur Saras Dairy, Heavy Industrial Area-II,<br> 1236 Jodhpur, Rajasthan - 342003 1237 </p> 1238 </div> 1239 1240 <div class="col-6 col-lg-2"> 1241 <h6 class="fw-bold mb-3">Quick Links</h6> 1242 <ul class="list-unstyled m-0 fs-sm"> 1243 <li><a href="index.php" class="footer-link">Home</a></li> 1244 <li><a href="index.php#products" class="footer-link">Products</a></li> 1245 <li><a href="index.php#services" class="footer-link">Services</a></li> 1246 <li><a href="team.php" class="footer-link">Our Team</a></li> 1247 <li><a href="privacy-policy.php" class="footer-link">Privacy Policy</a></li> 1248 <li><a href="index.php#contact" class="footer-link">Contact Us</a></li> 1249 </ul> 1250 </div> 1251 1252 <div class="col-lg-3"> 1253 <h6 class="fw-bold mb-3">Helpline & Support</h6> 1254 <p class="text-muted-custom fs-xs mb-2"><i class="fas fa-phone text-success me-2"></i> <a href="tel:+919799638999" class="text-reset text-decoration-none">+91 97996 38999</a></p> 1255 <p class="text-muted-custom fs-xs mb-2"><i class="fas fa-envelope text-primary me-2"></i> <a href="mailto:[email protected]" class="text-reset text-decoration-none">[email protected]</a></p> 1256 </div> 1257 </div> 1258 1259 <div class="border-top pt-4 text-center text-muted-custom fs-xs d-flex flex-wrap justify-content-between align-items-center gap-2">
1260 <span>© 2026 Literom Tech Solutions Pvt. Ltd. All rights reserved.</span> 1261 <div class="d-flex gap-3"> 1262 <a href="index.php" class="text-muted-custom">Home</a> 1263 <a href="team.php" class="text-muted-custom">Team</a> 1264 <a href="privacy-policy.php" class="text-muted-custom">Privacy Policy</a> 1265 </div> 1266 </div> 1267 </div> 1268 </footer> 1269 1270 <!-- Bootstrap 5 JS Bundle --> 1271
1271<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
1271 1272 1273 <!-- Custom Main JS (v1.5 Cache-Buster) --> 1274
1274<script src="js/main.js?v=1.5"></script>
1274 1275</body> 1276</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.