improved services section

Author: ghost

index.html

@@ -675,22 +675,113 @@ <h4>Solution</h4>
 
 
     <h1>Services</h1>
-    <p>
-    <ul id="services-list" title="Services Offered"
-      style="list-style-type: disc; text-align: start; padding-left: 10%;"><b>
-        <li><strong>Cloud Security Quick‑Win:</strong> 10‑day IAM, S3, and GuardDuty review with actionable roadmap
-        </li>
-        <li><strong>AWS Cost & Risk Audit:</strong> 30‑day snapshot identifying 20–40% savings potential</li>
-        <li>Cloud solution design and migration</li>
-        <li>Cloud security reviews and compliance consulting (GDPR, HIPAA, ISO 27001)</li>
-        <li>Resilient and fault‑tolerant architecture design for high availability</li>
-        <li>Cloud cost optimization and monitoring setup</li>
-        <li>Data analytics and reporting solutions</li>
-    </ul>
-    <br>
-    <a href="#tally-form"><i>Book free discovery call now! Contact me</i> 👇</a>
-    </b>
+    <p style="color:#495057; max-width:800px; line-height:1.6; margin:0 auto 1.5rem auto;">
+      Focused cloud security and migration services for teams that need stronger AWS security, lower risk, and better
+      architectural decisions.
+    </p>
+
+    <div class="services-grid" style="
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
+  gap: 1.5rem;
+  margin: 2rem 0;
+">
+
+      <div class="service-card" style="
+    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
+    border-radius: 12px;
+    padding: 1.5rem;
+    border-top: 4px solid #007BFF;
+    box-shadow: 0 4px 12px rgba(0,123,255,0.1);
+    transition: all 0.3s ease;
+  ">
+        <h3 style="color: #007BFF; margin: 0 0 0.75rem 0; font-size: 1.25rem;">Cloud Security Audit</h3>
+        <p style="color: #495057; line-height: 1.6; margin-bottom: 1rem;">
+          10-day review of IAM, storage, and threat detection controls with written findings and a practical remediation
+          roadmap.
+        </p>
+        <div style="font-weight: 600; color: #007BFF; font-size: 1.1rem;">
+          From USD 5,000
+        </div>
+      </div>
+
+      <div class="service-card" style="
+    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
+    border-radius: 12px;
+    padding: 1.5rem;
+    border-top: 4px solid #28a745;
+    box-shadow: 0 4px 12px rgba(40,167,69,0.1);
+    transition: all 0.3s ease;
+  ">
+        <h3 style="color: #28a745; margin: 0 0 0.75rem 0; font-size: 1.25rem;">Secure Cloud Data Migration</h3>
+        <p style="color: #495057; line-height: 1.6; margin-bottom: 1rem;">
+          Secure migration of business data to AWS or multi-cloud environments with planning, encryption, integrity
+          checks, validation, and cutover support.
+        </p>
+        <div style="font-weight: 600; color: #28a745; font-size: 1.1rem;">
+          From USD 7,500
+        </div>
+      </div>
+
+      <div class="service-card" style="
+    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
+    border-radius: 12px;
+    padding: 1.5rem;
+    border-top: 4px solid #17a2b8;
+    box-shadow: 0 4px 12px rgba(23,162,184,0.1);
+    transition: all 0.3s ease;
+  ">
+        <h3 style="color: #17a2b8; margin: 0 0 0.75rem 0; font-size: 1.25rem;">Cloud Architecture & Design Review</h3>
+        <p style="color: #495057; line-height: 1.6; margin-bottom: 1rem;">
+          Review and design of secure, scalable AWS architecture covering networking, IAM, data, resiliency, and cost
+          optimization.
+        </p>
+        <div style="font-weight: 600; color: #17a2b8; font-size: 1.1rem;">
+          From USD 7,000
+        </div>
+      </div>
+
+      <div class="service-card" style="
+    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
+    border-radius: 12px;
+    padding: 1.5rem;
+    border-top: 4px solid #ffc107;
+    box-shadow: 0 4px 12px rgba(255,193,7,0.1);
+    transition: all 0.3s ease;
+  ">
+        <h3 style="color: #b8860b; margin: 0 0 0.75rem 0; font-size: 1.25rem;">Compliance Readiness Assessment</h3>
+        <p style="color: #495057; line-height: 1.6; margin-bottom: 1rem;">
+          Cloud compliance review for SOC 2, ISO 27001, GDPR, and similar frameworks, with gap analysis and prioritized
+          next steps.
+        </p>
+        <div style="font-weight: 600; color: #b8860b; font-size: 1.1rem;">
+          From USD 8,000
+        </div>
+      </div>
+
+    </div>
+
+    <p style="margin-top:1rem;">
+      <a href="#tally-form"
+        style="background:#007BFF; color:white; padding:12px 24px; border-radius:30px; text-decoration:none; font-weight:600; display:inline-block;">
+        Book Free Discovery Call
+      </a>
     </p>
+
+    <style>
+      .service-card:hover {
+        transform: translateY(-4px);
+        box-shadow: 0 8px 25px rgba(0, 123, 255, 0.16) !important;
+      }
+
+      @media (max-width: 768px) {
+        .services-grid {
+          grid-template-columns: 1fr !important;
+          gap: 1rem !important;
+        }
+      }
+    </style>
+
     <hr>
     <h1>Free Quick Self Assessments</h1>
     <span style="font-size: 2em; display: inline-block;">👉</span>