Add new sponsors and update website pages

Adds two new sponsors, Samvidh Technologies and Radio Surabhi, to the homepage and sponsors page. Updates the state tournament page to include a dedicated sponsor section with interactive tooltips displaying partner roles.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: c39b933d-232d-4e2a-9cf0-eff0e819674d
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 908e6874-3f84-4506-9307-3cf7426e8fa5
Replit-Helium-Checkpoint-Created: true

index.html

@@ -447,12 +447,18 @@
             </div>
 
             <div class="sponsors-logo-grid wow fadeInUp" data-wow-delay="0.25s">
+                <div class="sponsor-logo-item">
+                    <img loading="lazy" src="images/samvidh.jpeg" alt="Samvidh Technologies">
+                </div>
                 <div class="sponsor-logo-item">
                     <img loading="lazy" src="images/ncca.jpg" alt="NCCA">
                 </div>
                 <div class="sponsor-logo-item">
                     <img loading="lazy" src="images/hit-fantasy.jpg" alt="Hit Fantasy">
                 </div>
+                <div class="sponsor-logo-item">
+                    <img loading="lazy" src="images/radio-surabhi.jpeg" alt="Radio Surabhi">
+                </div>
                 <div class="sponsor-logo-item">
                     <img loading="lazy" src="images/srisports.png" alt="Sri Sports">
                 </div>

sponsors.html

@@ -169,67 +169,74 @@
 
         <!-- Team Grid Start -->
         <div class="row">
-          <!-- Team 1: Plano East Panthers -->
+          <!-- Samvidh Technologies -->
           <div class="col-12 col-sm-6 col-md-6 col-lg-4">
-            <!-- Team Member Item Start -->
             <div class="team-member-item wow fadeInUp">
-              <!-- Team Image Start -->
+              <div class="team-image">
+                <figure class="image-anime">
+                  <img loading="lazy" src="images/samvidh.jpeg" alt="Samvidh Technologies" />
+                </figure>
+              </div>
+              <div class="team-content">
+                <h3>Samvidh Technologies</h3>
+              </div>
+            </div>
+          </div>
+
+          <!-- Radio Surabhi -->
+          <div class="col-12 col-sm-6 col-md-6 col-lg-4">
+            <div class="team-member-item wow fadeInUp" data-wow-delay="0.2s">
+              <div class="team-image">
+                <figure class="image-anime">
+                  <img loading="lazy" src="images/radio-surabhi.jpeg" alt="Radio Surabhi" />
+                </figure>
+              </div>
+              <div class="team-content">
+                <h3>Radio Surabhi</h3>
+              </div>
+            </div>
+          </div>
+
+          <!-- Sri Sports -->
+          <div class="col-12 col-sm-6 col-md-6 col-lg-4">
+            <div class="team-member-item wow fadeInUp" data-wow-delay="0.4s">
               <div class="team-image">
                 <figure class="image-anime">
                   <img loading="lazy" src="images/srisports.png" alt="Sri Sports" />
                 </figure>
               </div>
-              <!-- Team Image End -->
-
-              <!-- Team Content Start -->
               <div class="team-content">
                 <h3>Sri Sports</h3>
               </div>
-              <!-- Team Content End -->
             </div>
-            <!-- Team Member Item End -->
           </div>
 
-          <!-- Team 2: Frisco Lone Star -->
+          <!-- NCCA -->
           <div class="col-12 col-sm-6 col-md-6 col-lg-4">
-            <!-- Team Member Item Start -->
+            <div class="team-member-item wow fadeInUp" data-wow-delay="0.6s">
-            <div class="team-member-item wow fadeInUp" data-wow-delay="0.2s">
-              <!-- Team Image Start -->
               <div class="team-image">
                 <figure class="image-anime">
                   <img loading="lazy" src="images/ncca.jpg" alt="National College Cricket Association" />
                 </figure>
               </div>
-              <!-- Team Image End -->
-
-              <!-- Team Content Start -->
               <div class="team-content">
                 <h3>National College Cricket Association</h3>
               </div>
-              <!-- Team Content End -->
             </div>
-            <!-- Team Member Item End -->
           </div>
 
-          <!-- Team 3: Prosper Predators -->
+          <!-- Hit Fantasy -->
           <div class="col-12 col-sm-6 col-md-6 col-lg-4">
-            <!-- Team Member Item Start -->
+            <div class="team-member-item wow fadeInUp" data-wow-delay="0.8s">
-            <div class="team-member-item wow fadeInUp" data-wow-delay="0.4s">
-              <!-- Team Image Start -->
               <div class="team-image">
                 <figure class="image-anime">
                   <img loading="lazy" src="images/hit-fantasy.jpg" alt="Hit Fantasy" />
                 </figure>
               </div>
-              <!-- Team Image End -->
-
-              <!-- Team Content Start -->
               <div class="team-content">
                 <h3>Hit Fantasy</h3>
               </div>
-              <!-- Team Content End -->
             </div>
-            <!-- Team Member Item End -->
           </div>
         </div>
         <!-- Team Grid End -->

state-tournament.html

@@ -250,6 +250,98 @@
     </div>
     <!-- Our Teams Section End -->
 
+    <!-- Sponsors Section Start -->
+    <style>
+        .state-sponsor-grid {
+            display: flex;
+            flex-wrap: wrap;
+            justify-content: center;
+            align-items: center;
+            gap: 40px;
+            padding: 20px 0 40px;
+        }
+        .state-sponsor-item {
+            position: relative;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            width: 160px;
+            cursor: default;
+        }
+        .state-sponsor-item img {
+            max-width: 140px;
+            max-height: 80px;
+            object-fit: contain;
+            filter: grayscale(30%);
+            transition: filter 0.3s ease, transform 0.3s ease;
+        }
+        .state-sponsor-item:hover img {
+            filter: grayscale(0%);
+            transform: scale(1.05);
+        }
+        .state-sponsor-tooltip {
+            position: absolute;
+            bottom: calc(100% + 10px);
+            left: 50%;
+            transform: translateX(-50%);
+            background: rgba(10, 10, 10, 0.88);
+            color: #fff;
+            font-size: 12px;
+            font-weight: 600;
+            text-transform: uppercase;
+            letter-spacing: 0.04em;
+            white-space: nowrap;
+            padding: 7px 14px;
+            border-radius: 4px;
+            pointer-events: none;
+            opacity: 0;
+            transition: opacity 0.25s ease;
+            z-index: 10;
+        }
+        .state-sponsor-tooltip::after {
+            content: '';
+            position: absolute;
+            top: 100%;
+            left: 50%;
+            transform: translateX(-50%);
+            border: 6px solid transparent;
+            border-top-color: rgba(10, 10, 10, 0.88);
+        }
+        .state-sponsor-item:hover .state-sponsor-tooltip {
+            opacity: 1;
+        }
+    </style>
+
+    <div class="our-sponsors-section">
+        <div class="container">
+            <div class="row section-row">
+                <div class="section-title">
+                    <h3 class="wow fadeInUp">Our Sponsors</h3>
+                    <h2 class="text-anime-style-2" data-cursor="-opaque">Our Proud <span>Sponsors</span></h2>
+                </div>
+            </div>
+            <div class="state-sponsor-grid wow fadeInUp" data-wow-delay="0.25s">
+                <div class="state-sponsor-item">
+                    <img loading="lazy" src="images/samvidh.jpeg" alt="Samvidh Technologies">
+                    <div class="state-sponsor-tooltip">Title Sponsor</div>
+                </div>
+                <div class="state-sponsor-item">
+                    <img loading="lazy" src="images/ncca.jpg" alt="NCCA">
+                    <div class="state-sponsor-tooltip">Operational and Development Partner</div>
+                </div>
+                <div class="state-sponsor-item">
+                    <img loading="lazy" src="images/radio-surabhi.jpeg" alt="Radio Surabhi">
+                    <div class="state-sponsor-tooltip">Promotions Partner</div>
+                </div>
+                <div class="state-sponsor-item">
+                    <img loading="lazy" src="images/hit-fantasy.jpg" alt="Hit Fantasy">
+                    <div class="state-sponsor-tooltip">Media and Content Partner</div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- Sponsors Section End -->
+
     <!-- Footer Start -->
     <footer class="main-footer">
         <div class="container">