PageSourceSearch

https://literom.com/index.php

html literom.com collected 2026-10-02 00:30:57 UTC 67,157 bytes, 1,276 lines download raw bytes

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.