shahealamit.github.io/devops-engineer-patna.html at main · shahealamit/shahealamit.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>DevOps Engineer in Patna | Freelance DevOps Engineer – Shahe Alam</title>

  <meta name="description"
    content="Hire a DevOps Engineer in Patna. Freelance DevOps Engineer offering CI/CD pipelines, Jenkins, Docker, AWS cloud deployments, and Linux automation for startups and businesses." />

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <link rel="canonical" href="https://shahealamit.github.io/devops-engineer-patna.html">

   <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">

  <!-- Tailwind (same as main site) -->
  <script src="https://cdn.tailwindcss.com"></script>

  <link rel="stylesheet" href="style.css">
</head>

<body class="bg-slate-950 text-slate-300">

  <!-- HERO -->
<section class="relative min-h-screen flex items-center justify-center px-6 overflow-hidden bg-slate-950">

    <div class="absolute inset-0 z-0">
        <div class="absolute inset-0 bg-[linear-gradient(to_right,#80808012_1px,transparent_1px),linear-gradient(to_bottom,#80808012_1px,transparent_1px)] bg-[size:24px_24px]"></div>
        <div class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 w-[500px] h-[500px] bg-teal-500/20 rounded-full blur-[100px]"></div>
    </div>

    <div class="max-w-4xl mx-auto text-center relative z-10">

        <div class="inline-flex items-center gap-2 mb-6 px-4 py-1.5 text-xs font-semibold text-teal-300 uppercase bg-teal-900/40 border border-teal-500/30 rounded-full shadow-[0_0_15px_rgba(45,212,191,0.3)] backdrop-blur-md">
            <span class="relative flex h-2 w-2">
              <span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-teal-400 opacity-75"></span>
              <span class="relative inline-flex rounded-full h-2 w-2 bg-teal-500"></span>
            </span>
            Available for Projects in Patna
        </div>

        <!-- H1 -->
        <h1 class="text-5xl md:text-7xl font-bold text-white mb-6 tracking-tight leading-tight">
            DevOps Engineer <br>
            <span class="bg-clip-text text-transparent bg-gradient-to-r from-teal-400 via-blue-500 to-purple-500">
                in Patna
            </span>
        </h1>

        <!-- SEO SUPPORT LINE (safe & clean) -->
        <p class="sr-only">
            Hire a DevOps Engineer in Patna for freelance and remote DevOps services including
            CI/CD pipelines, AWS cloud automation, Docker containerization, and Linux infrastructure.
        </p>

        <p class="text-lg md:text-xl text-slate-400 mb-10 max-w-2xl mx-auto leading-relaxed">
            I help startups & enterprises build <strong>unbreakable CI/CD pipelines</strong>, manage
            <strong>AWS Cloud</strong>, and automate workflows.
            Your local DevOps expert in Patna for scalable infrastructure.
        </p>

        <!-- CTA LINKS (FIXED) -->
        <div class="flex flex-col sm:flex-row justify-center gap-4 mb-12">
            <a href="/#contact"
                class="px-8 py-4 bg-teal-500 text-slate-950 rounded-full font-bold hover:bg-teal-400 transition shadow-[0_0_20px_rgba(20,184,166,0.4)] transform hover:-translate-y-1">
                Hire DevOps Engineer
            </a>
            <a href="/index.html"
                class="px-8 py-4 bg-slate-800/50 text-white border border-slate-700 rounded-full font-semibold hover:bg-slate-800 transition backdrop-blur-sm">
                View Portfolio
            </a>
        </div>

        <div class="pt-8 border-t border-slate-800/60">
            <p class="text-xs text-slate-500 uppercase tracking-widest mb-4">Core Technologies</p>
            <div class="flex flex-wrap justify-center gap-6 opacity-60 grayscale hover:grayscale-0 transition-all duration-500">
                <div class="flex items-center gap-2"><span class="text-sm font-semibold">AWS</span></div>
                <div class="flex items-center gap-2"><span class="text-sm font-semibold">Docker</span></div>
                <div class="flex items-center gap-2"><span class="text-sm font-semibold">Linux</span></div>
                <div class="flex items-center gap-2"><span class="text-sm font-semibold">Jenkins</span></div>
                <div class="flex items-center gap-2"><span class="text-sm font-semibold">GitHub</span></div>
            </div>
        </div>

    </div>
</section>


  <!-- SERVICES -->
<section id="services" class="py-24 relative bg-slate-950 overflow-hidden">

  <div class="absolute top-0 left-1/2 -translate-x-1/2 w-full h-full pointer-events-none">
    <div class="absolute top-[-10%] left-[-10%] w-[40%] h-[40%] bg-teal-500/5 blur-[120px] rounded-full"></div>
    <div class="absolute bottom-[-10%] right-[-10%] w-[40%] h-[40%] bg-blue-500/5 blur-[120px] rounded-full"></div>
  </div>

  <div class="max-w-7xl mx-auto px-6 relative z-10">

    <div class="text-center mb-20">
      <span class="inline-block px-4 py-1.5 rounded-full bg-teal-500/10 border border-teal-500/20 text-teal-400 text-xs font-bold tracking-widest uppercase mb-4">
        What I Offer
      </span>

      <h2 class="text-4xl md:text-5xl font-black text-white mb-6 tracking-tight">
        DevOps Services in <span class="bg-gradient-to-r from-teal-400 to-blue-500 bg-clip-text text-transparent">Patna</span>
      </h2>

      <p class="text-slate-400 text-base md:text-lg max-w-2xl mx-auto leading-relaxed">
        I streamline your development lifecycle with automation, secure cloud infrastructure,
        and production-ready DevOps practices tailored for modern businesses.
      </p>
    </div>

    <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-6">

      <div class="group relative bg-slate-900/40 backdrop-blur-md border border-slate-800/60 rounded-3xl p-8 hover:border-teal-500/50 transition-all duration-300 hover:-translate-y-2 hover:shadow-[0_20px_40px_-15px_rgba(20,184,166,0.3)]">
        <div class="w-12 h-12 bg-teal-500/10 rounded-2xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform">
          <svg class="w-6 h-6 text-teal-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"/></svg>
        </div>
        <h3 class="text-xl font-bold text-white mb-4">CI/CD Pipelines</h3>
        <p class="text-slate-400 text-sm leading-relaxed mb-6">
          Automated build and test pipelines that help teams release faster with improved reliability.
        </p>
        <ul class="text-[13px] text-slate-300 space-y-3 mb-8">
          <li class="flex items-center gap-2 font-medium"><span class="w-1.5 h-1.5 rounded-full bg-teal-400"></span> Jenkins & GitHub Actions</li>
          <li class="flex items-center gap-2 font-medium"><span class="w-1.5 h-1.5 rounded-full bg-teal-400"></span> Testing & Validation</li>
        </ul>
        <a href="/jenkins-ci-cd.html" class="inline-flex items-center text-teal-400 font-bold text-xs tracking-widest uppercase hover:gap-2 transition-all">
          Explore CI/CD <span class="ml-1">→</span>
        </a>
      </div>

      <div class="group relative bg-slate-900/40 backdrop-blur-md border border-slate-800/60 rounded-3xl p-8 hover:border-blue-500/50 transition-all duration-300 hover:-translate-y-2 hover:shadow-[0_20px_40px_-15px_rgba(59,130,246,0.3)]">
        <div class="w-12 h-12 bg-blue-500/10 rounded-2xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform">
          <svg class="w-6 h-6 text-blue-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 15a4 4 0 004 4h9a5 5 0 10-.1-9.999 5.002 5.002 0 10-9.78 2.096A4.001 4.001 0 003 15z"/></svg>
        </div>
        <h3 class="text-xl font-bold text-white mb-4">AWS Cloud</h3>
        <p class="text-slate-400 text-sm leading-relaxed mb-6">
          Scalable and cost-optimized AWS infrastructure designed for production-grade workloads.
        </p>
        <ul class="text-[13px] text-slate-300 space-y-3 mb-8">
          <li class="flex items-center gap-2 font-medium"><span class="w-1.5 h-1.5 rounded-full bg-blue-400"></span> EC2, S3, RDS & IAM</li>
          <li class="flex items-center gap-2 font-medium"><span class="w-1.5 h-1.5 rounded-full bg-blue-400"></span> VPC & Network Security</li>
        </ul>
        <a href="/aws-devops-engineer.html" class="inline-flex items-center text-blue-400 font-bold text-xs tracking-widest uppercase hover:gap-2 transition-all">
          Explore AWS <span class="ml-1">→</span>
        </a>
      </div>

      <div class="group relative bg-slate-900/40 backdrop-blur-md border border-slate-800/60 rounded-3xl p-8 hover:border-purple-500/50 transition-all duration-300 hover:-translate-y-2 hover:shadow-[0_20px_40px_-15px_rgba(168,85,247,0.3)]">
        <div class="w-12 h-12 bg-purple-500/10 rounded-2xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform">
          <svg class="w-6 h-6 text-purple-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"/></svg>
        </div>
        <h3 class="text-xl font-bold text-white mb-4">Docker Support</h3>
        <p class="text-slate-400 text-sm leading-relaxed mb-6">
          Containerized deployments for consistent environments across development and production.
        </p>
        <ul class="text-[13px] text-slate-300 space-y-3 mb-8">
          <li class="flex items-center gap-2 font-medium"><span class="w-1.5 h-1.5 rounded-full bg-purple-400"></span> Docker & Orchestration</li>
          <li class="flex items-center gap-2 font-medium"><span class="w-1.5 h-1.5 rounded-full bg-purple-400"></span> Container Optimization</li>
        </ul>
        <a href="/docker-containerization.html" class="inline-flex items-center text-purple-400 font-bold text-xs tracking-widest uppercase hover:gap-2 transition-all">
          Explore Docker <span class="ml-1">→</span>
        </a>
      </div>

      <div class="group relative bg-slate-900/40 backdrop-blur-md border border-slate-800/60 rounded-3xl p-8 hover:border-emerald-500/50 transition-all duration-300 hover:-translate-y-2 hover:shadow-[0_20px_40px_-15px_rgba(16,185,129,0.3)]">
        <div class="w-12 h-12 bg-emerald-500/10 rounded-2xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform">
          <svg class="w-6 h-6 text-emerald-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14M5 12a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v4a2 2 0 01-2 2M5 12a2 2 0 00-2 2v4a2 2 0 002 2h14a2 2 0 002-2v-4a2 2 0 00-2-2m-2-4h.01M17 16h.01"/></svg>
        </div>
        <h3 class="text-xl font-bold text-white mb-4">Linux Automation</h3>
        <p class="text-slate-400 text-sm leading-relaxed mb-6">
          Automated server management, monitoring, and security hardening for cloud stability.
        </p>
        <ul class="text-[13px] text-slate-300 space-y-3 mb-8">
          <li class="flex items-center gap-2 font-medium"><span class="w-1.5 h-1.5 rounded-full bg-emerald-400"></span> Shell Scripting & Bash</li>
          <li class="flex items-center gap-2 font-medium"><span class="w-1.5 h-1.5 rounded-full bg-emerald-400"></span> Security & Hardening</li>
        </ul>
        <a href="/linux-cloud-automation.html" class="inline-flex items-center text-emerald-400 font-bold text-xs tracking-widest uppercase hover:gap-2 transition-all">
          Explore Linux <span class="ml-1">→</span>
        </a>
      </div>

    </div>
  </div>
</section>

  <!-- FREELANCE SECTION (ANCHOR TARGET) -->
  <section id="freelance" class="py-24 bg-slate-900 border-y border-slate-800 relative overflow-hidden">

    <!-- Background Accent -->
    <div class="absolute right-0 top-0 w-1/3 h-full bg-gradient-to-l from-slate-800/20 to-transparent pointer-events-none"></div>

    <div class="max-w-6xl mx-auto px-6">
        <div class="grid md:grid-cols-2 gap-12 items-center">

            <!-- LEFT CONTENT -->
            <div class="relative z-10">

                <div
                    class="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-teal-500/10
                    text-teal-400 text-xs font-bold uppercase tracking-wide mb-6 border border-teal-500/20">
                    <span class="w-2 h-2 rounded-full bg-teal-400 animate-pulse"></span>
                    Open to Work
                </div>

                <h2 class="text-3xl md:text-5xl font-bold text-white mb-6 leading-tight">
                    Freelance DevOps <br>
                    <span class="text-slate-500">Expert in</span>
                    <span class="text-teal-400">Patna</span>
                </h2>

                <!-- SEO SUPPORT -->
                <p class="sr-only">
                    Freelance DevOps Engineer in Patna providing CI/CD pipelines,
                    AWS cloud infrastructure, Docker automation, and Linux support.
                </p>

                <p class="text-slate-400 text-lg leading-relaxed mb-8">
                    Finding a reliable DevOps engineer locally can be hard.
                    I bring <strong>enterprise-grade automation</strong> and
                    production-ready DevOps practices to startups and businesses
                    in Patna and remotely across India.
                </p>

                <ul class="space-y-4 mb-10 text-slate-300">
                    <li>
                        <strong class="text-white block">1.6+ Years Experience</strong>
                        <span class="text-slate-500 text-sm">
                            Hands-on experience with DevOps & QA automation workflows.
                        </span>
                    </li>

                    <li>
                        <strong class="text-white block">Cost-Effective & Scalable</strong>
                        <span class="text-slate-500 text-sm">
                            Hire for a project, contract, or flexible DevOps support.
                        </span>
                    </li>

                    <li>
                        <strong class="text-white block">Hybrid Availability</strong>
                        <span class="text-slate-500 text-sm">
                            Available for on-site work in Patna or remote collaboration.
                        </span>
                    </li>
                </ul>

                <a href="/#contact"
                    class="inline-flex items-center gap-2 text-white font-semibold
                    border-b-2 border-teal-500 pb-1 hover:text-teal-400 transition-colors">
                    Discuss Your Project →
                </a>
            </div>

            <!-- RIGHT CODE CARD -->
            <div class="relative group">
                <div
                    class="absolute -inset-1 bg-gradient-to-r from-teal-500 to-blue-600
                    rounded-2xl blur opacity-20 group-hover:opacity-40 transition duration-1000">
                </div>

                <div
                    class="relative bg-slate-950 rounded-2xl border border-slate-800
                    shadow-2xl p-6 font-mono text-sm leading-relaxed overflow-hidden">

                    <div class="flex gap-2 mb-6 border-b border-slate-800 pb-4">
                        <div class="w-3 h-3 rounded-full bg-red-500"></div>
                        <div class="w-3 h-3 rounded-full bg-yellow-500"></div>
                        <div class="w-3 h-3 rounded-full bg-green-500"></div>
                        <div class="ml-auto text-xs text-slate-600">profile.json</div>
                    </div>

                    <div class="text-slate-300">
                        <p><span class="text-purple-400">const</span> <span class="text-yellow-200">developer</span> = {</p>

                        <div class="pl-6 space-y-1">
                            <p>name: <span class="text-green-400">"Md Shahe Alam"</span>,</p>
                            <p>role: <span class="text-green-400">"DevOps Engineer"</span>,</p>
                            <p>location: <span class="text-green-400">"Patna, India"</span>,</p>
                            <p>experience: <span class="text-blue-400">1.6</span>,</p>
                            <p>skills: [</p>
                            <p class="pl-4">
                                <span class="text-green-400">"AWS"</span>,
                                <span class="text-green-400">"Jenkins"</span>,
                                <span class="text-green-400">"Docker"</span>
                            </p>
                            <p class="pl-4">
                                <span class="text-green-400">"CI/CD"</span>,
                                <span class="text-green-400">"Linux"</span>
                            </p>
                            <p>],</p>
                            <p>hired: <span class="text-purple-400">false</span>
                                <span class="text-slate-500">// Ready to start?</span>
                            </p>
                        </div>

                        <p>};</p>
                        <p class="mt-4 text-teal-400 animate-pulse">_</p>
                    </div>

                </div>
            </div>

        </div>
    </div>
</section>

  <!-- LOCAL TRUST -->
  <section class="py-24 bg-slate-950 px-6 relative overflow-hidden">

    <div class="max-w-5xl mx-auto">

        <div class="text-center mb-16">
            <h2 class="text-3xl md:text-5xl font-bold text-white mb-4">
                Why Hire a DevOps Engineer <br>
                in <span class="text-transparent bg-clip-text bg-gradient-to-r from-teal-400 to-blue-500">Patna?</span>
            </h2>
            <p class="text-slate-400 text-lg">
                Local expertise with enterprise-grade standards.
            </p>
        </div>

        <div class="grid md:grid-cols-2 gap-6">

            <div class="group relative bg-slate-900/40 border border-slate-800 p-8 rounded-2xl overflow-hidden hover:border-teal-500/30 transition-colors duration-300">
                <span class="absolute -bottom-6 -right-4 text-9xl font-bold text-slate-800/30 select-none group-hover:text-teal-500/10 transition-colors duration-300">
                    01
                </span>
                <div class="relative z-10">
                    <h3 class="text-xl font-bold text-white mb-2 border-l-4 border-teal-500 pl-4">Local Support in Patna</h3>
                    <p class="text-slate-400 text-sm leading-relaxed pl-5">
                        No timezone gaps. I am available locally in Bihar for face-to-face meetings, seamless communication, and immediate troubleshooting.
                    </p>
                </div>
            </div>

            <div class="group relative bg-slate-900/40 border border-slate-800 p-8 rounded-2xl overflow-hidden hover:border-blue-500/30 transition-colors duration-300">
                <span class="absolute -bottom-6 -right-4 text-9xl font-bold text-slate-800/30 select-none group-hover:text-blue-500/10 transition-colors duration-300">
                    02
                </span>
                <div class="relative z-10">
                    <h3 class="text-xl font-bold text-white mb-2 border-l-4 border-blue-500 pl-4">Cost-Effective Model</h3>
                    <p class="text-slate-400 text-sm leading-relaxed pl-5">
                        Get enterprise-level DevOps expertise without the overhead of a full-time employee. Perfect for startups and growing agencies.
                    </p>
                </div>
            </div>

            <div class="group relative bg-slate-900/40 border border-slate-800 p-8 rounded-2xl overflow-hidden hover:border-purple-500/30 transition-colors duration-300">
                <span class="absolute -bottom-6 -right-4 text-9xl font-bold text-slate-800/30 select-none group-hover:text-purple-500/10 transition-colors duration-300">
                    03
                </span>
                <div class="relative z-10">
                    <h3 class="text-xl font-bold text-white mb-2 border-l-4 border-purple-500 pl-4">Full-Stack DevOps</h3>
                    <p class="text-slate-400 text-sm leading-relaxed pl-5">
                        Deep expertise in the complete ecosystem: Jenkins for CI/CD, Docker for containers, AWS for cloud, and Linux for automation.
                    </p>
                </div>
            </div>

            <div class="group relative bg-slate-900/40 border border-slate-800 p-8 rounded-2xl overflow-hidden hover:border-orange-500/30 transition-colors duration-300">
                <span class="absolute -bottom-6 -right-4 text-9xl font-bold text-slate-800/30 select-none group-hover:text-orange-500/10 transition-colors duration-300">
                    04
                </span>
                <div class="relative z-10">
                    <h3 class="text-xl font-bold text-white mb-2 border-l-4 border-orange-500 pl-4">Production Experience</h3>
                    <p class="text-slate-400 text-sm leading-relaxed pl-5">
                        I don't just write scripts; I manage live environments. My focus is on uptime, security, and reliable release cycles.
                    </p>
                </div>
            </div>

        </div>
    </div>
</section>

  <!-- CTA -->
 <section class="py-24 px-6 relative overflow-hidden bg-slate-950">

    <!-- Soft Glow -->
    <div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2
        w-[600px] h-[600px] bg-teal-500/10 rounded-full blur-[100px] pointer-events-none">
    </div>

    <div class="max-w-4xl mx-auto relative z-10">

        <div
            class="bg-slate-900/50 border border-slate-800 rounded-3xl
            p-10 md:p-16 text-center backdrop-blur-sm shadow-2xl shadow-black/50">

            <!-- Availability -->
            <div
                class="inline-flex items-center gap-3 mb-8 px-4 py-2
                bg-slate-950 border border-slate-800 rounded-full">
                <span class="relative flex h-3 w-3">
                  <span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-green-400 opacity-75"></span>
                  <span class="relative inline-flex rounded-full h-3 w-3 bg-green-500"></span>
                </span>
                <span class="text-slate-300 text-sm font-medium tracking-wide">
                    Available for New Projects
                </span>
            </div>

            <!-- Heading -->
            <h2 class="text-3xl md:text-5xl font-bold text-white mb-6 leading-tight">
                Ready to Automate Your <br>
                <span class="text-transparent bg-clip-text bg-gradient-to-r from-teal-400 to-blue-500">
                    Infrastructure?
                </span>
            </h2>

            <!-- SEO SUPPORT -->
            <p class="sr-only">
                Hire a DevOps Engineer in Patna to automate infrastructure,
                build CI/CD pipelines, and manage AWS cloud deployments.
            </p>

            <p class="text-slate-400 text-lg mb-10 max-w-2xl mx-auto">
                Stop worrying about server crashes and manual deployments.
                Let’s build a robust, scalable DevOps pipeline for your business in Patna.
            </p>

            <!-- CTA -->
            <div class="flex flex-col sm:flex-row justify-center gap-4">
                <a href="/#contact"
                    class="px-10 py-4 bg-teal-500 text-slate-900 rounded-full
                    font-bold text-lg hover:bg-teal-400 hover:scale-105
                    transition-all duration-300 shadow-[0_0_30px_-5px_rgba(20,184,166,0.4)]">
                    Start a Project
                </a>

                <a href="mailto:shahealam.it@gmail.com"
                    class="px-10 py-4 bg-transparent border border-slate-700
                    text-white rounded-full font-semibold
                    hover:bg-slate-800 transition-colors">
                    Send Email
                </a>
            </div>

        </div>
    </div>
</section>

</body>
</html>