From 72ed2381d6d769e3c9845ec35d5aea570d6414d9 Mon Sep 17 00:00:00 2001
From: Akshay <akshay.allen26200@gmail.com>
Date: Mon, 10 Feb 2025 09:46:28 +0530
Subject: [PATCH] feat: Update service section content for better relevance

---
 index.html | 70 ++++++++++++++----------------------------------------
 1 file changed, 18 insertions(+), 52 deletions(-)

diff --git a/index.html b/index.html
index 8dd77e9..c1aa338 100644
--- a/index.html
+++ b/index.html
@@ -172,129 +172,95 @@ <h1 class="h1 hero-title">
 
       <section class="section service" id="service" aria-label="service">
         <div class="container">
-
           <p class="section-subtitle has-before text-center">Our Services</p>
-
-          <h2 class="h2 section-title text-center">Managing you business with our <span class="has-before">best
-              service</span></h2>
-
+          <h2 class="h2 section-title text-center">
+            Elevate Your Business with Our <span class="has-before">Expert Solutions</span>
+          </h2>
           <ul class="grid-list">
-
             <li>
               <div class="service-card" style="--color: 174, 77%, 50%">
-
                 <div class="card-icon">
                   <img src="./assets/images/service-icon-1.png" width="30" height="30" loading="lazy"
-                    alt="service icon">
+                    alt="Product Management Icon">
                 </div>
-
                 <h3 class="h3">
-                  <a href="#" class="card-title">Product Management</a>
+                  <a href="#" class="card-title">Product Strategy & Management</a>
                 </h3>
-
               </div>
             </li>
-
             <li>
               <div class="service-card" style="--color: 267, 76%, 57%">
-
                 <div class="card-icon">
                   <img src="./assets/images/service-icon-2.png" width="30" height="30" loading="lazy"
-                    alt="service icon">
+                    alt="Web & Mobile Development Icon">
                 </div>
-
                 <h3 class="h3">
-                  <a href="#" class="card-title">Web & Mobile Development</a>
+                  <a href="#" class="card-title">Web & Mobile App Development</a>
                 </h3>
-
               </div>
             </li>
-
             <li>
               <div class="service-card" style="--color: 17, 100%, 68%">
-
                 <div class="card-icon">
                   <img src="./assets/images/service-icon-3.png" width="30" height="30" loading="lazy"
-                    alt="service icon">
+                    alt="Customer Support Icon">
                 </div>
-
                 <h3 class="h3">
-                  <a href="#" class="card-title">Fast Customer Support</a>
+                  <a href="#" class="card-title">24/7 Customer Support</a>
                 </h3>
-
               </div>
             </li>
-
             <li>
               <div class="service-card" style="--color: 343, 98%, 60%">
-
                 <div class="card-icon">
                   <img src="./assets/images/service-icon-4.png" width="30" height="30" loading="lazy"
-                    alt="service icon">
+                    alt="Human Resources Icon">
                 </div>
-
                 <h3 class="h3">
-                  <a href="#" class="card-title">Human Resources</a>
+                  <a href="#" class="card-title">Talent Acquisition & HR Solutions</a>
                 </h3>
-
               </div>
             </li>
-
             <li>
               <div class="service-card" style="--color: 210, 100%, 53%">
-
                 <div class="card-icon">
                   <img src="./assets/images/service-icon-5.png" width="30" height="30" loading="lazy"
-                    alt="service icon">
+                    alt="Design & Creatives Icon">
                 </div>
-
                 <h3 class="h3">
-                  <a href="#" class="card-title">Design and Vreatives</a>
+                  <a href="#" class="card-title">Creative Design & Branding</a>
                 </h3>
-
               </div>
             </li>
-
             <li>
               <div class="service-card" style="--color: 157, 89%, 44%">
-
                 <div class="card-icon">
                   <img src="./assets/images/service-icon-6.png" width="30" height="30" loading="lazy"
-                    alt="service icon">
+                    alt="Marketing & Communication Icon">
                 </div>
-
                 <h3 class="h3">
-                  <a href="#" class="card-title">Meketing and Communication</a>
+                  <a href="#" class="card-title">Digital Marketing & Communication</a>
                 </h3>
-
               </div>
             </li>
-
             <li>
               <div class="service-card" style="--color: 52, 98%, 50%">
-
                 <div class="card-icon">
                   <img src="./assets/images/service-icon-7.png" width="30" height="30" loading="lazy"
-                    alt="service icon">
+                    alt="Business Development Icon">
                 </div>
-
                 <h3 class="h3">
-                  <a href="#" class="card-title">Business Development</a>
+                  <a href="#" class="card-title">Business Growth Strategies</a>
                 </h3>
-
               </div>
             </li>
-
             <li>
               <a href="#" class="link-card" style="--color: 203, 97%, 75%">
-                <span class="span">04 More Service</span>
-
+                <span class="span">Explore More Services</span>
                 <ion-icon name="arrow-forward" aria-hidden="true"></ion-icon>
               </a>
             </li>
-
           </ul>
-
         </div>
       </section>