remove effect in css

remove span shimmer
enhance changes
2026-04-03 10:43:12 -05:00 · 2026-04-03 10:42:50 -05:00 · 2026-04-03 10:17:13 -05:00 · 2026-04-03 10:16:36 -05:00 · 2026-03-29 20:25:47 -05:00 · 2026-03-18 22:26:46 -05:00
42 changed files with 18981 additions and 4525 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -1 +1,6 @@
-.opencode/**
+node_modules
+dist
+.DS_Store
+server/public
+vite.config.ts.*
+*.tar.gz
--- a/404.html
+++ b/404.html
@@ -19,24 +19,8 @@
    <link
        href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
        rel="stylesheet">
-    <!-- Bootstrap Css -->
-    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
-    <!-- SlickNav Css -->
-    <link href="css/slicknav.min.css" rel="stylesheet">
-    <!-- Swiper Css -->
-    <link rel="stylesheet" href="css/swiper-bundle.min.css">
-    <!-- Font Awesome Icon Css-->
-    <link href="css/all.css" rel="stylesheet" media="screen">
-    <!-- Animated Css -->
-    <link href="css/animate.css" rel="stylesheet">
-    <!-- Magnific Popup Core Css File -->
-    <link rel="stylesheet" href="css/magnific-popup.css">
-    <!-- Mouse Cursor Css File -->
-    <link rel="stylesheet" href="css/mousecursor.css">
-    <!-- Audio Css File -->
-    <link rel="stylesheet" href="css/plyr.css">
-    <!-- Main Custom Css -->
-    <link href="css/custom.css" rel="stylesheet" media="screen">
+    <!-- Bundled CSS -->
+    <link href="css/bundle.css" rel="stylesheet">
 </head>

 <body>
@@ -225,7 +209,7 @@
                            <!-- Footer Info Box Start -->
                            <div class="footer-info-box">
                                <div class="icon-box">
-                                    <img src="images/icon-phone.svg" alt="">
+                                    <img loading="lazy" src="images/icon-phone.svg" alt="">
                                </div>
                                <div class="footer-info-box-content">
                                    <p>(+1) (945) 900-1148</p>
@@ -236,7 +220,7 @@
                            <!-- Footer Info Box Start -->
                            <div class="footer-info-box">
                                <div class="icon-box">
-                                    <img src="images/icon-mail.svg" alt="">
+                                    <img loading="lazy" src="images/icon-mail.svg" alt="">
                                </div>
                                <div class="footer-info-box-content">
                                    <p>texasscholasticcricketboard@gmail.com</p>
@@ -282,38 +266,7 @@


    <!-- Jquery Library File -->
-    <script src="js/jquery-3.7.1.min.js"></script>
-    <!-- Bootstrap js file -->
-    <script src="js/bootstrap.min.js"></script>
-    <!-- Validator js file -->
-    <script src="js/validator.min.js"></script>
-    <!-- SlickNav js file -->
-    <script src="js/jquery.slicknav.js"></script>
-    <!-- Swiper js file -->
-    <script src="js/swiper-bundle.min.js"></script>
-    <!-- Counter js file -->
-    <script src="js/jquery.waypoints.min.js"></script>
-    <script src="js/jquery.counterup.min.js"></script>
-    <!-- Magnific js file -->
-    <script src="js/jquery.magnific-popup.min.js"></script>
-    <!-- SmoothScroll -->
-    <script src="js/SmoothScroll.js"></script>
-    <!-- Parallax js -->
-    <script src="js/parallaxie.js"></script>
-    <!-- MagicCursor js file -->
-    <script src="js/gsap.min.js"></script>
-    <script src="js/magiccursor.js"></script>
-    <!-- Text Effect js file -->
-    <script src="js/SplitText.js"></script>
-    <script src="js/ScrollTrigger.min.js"></script>
-    <!-- YTPlayer js File -->
-    <script src="js/jquery.mb.YTPlayer.min.js"></script>
-    <!-- Audio js File -->
-    <script src="js/plyr.js"></script>
-    <!-- Wow js file -->
-    <script src="js/wow.js"></script>
-    <!-- Main Custom js file -->
-    <script src="js/function.js"></script>
+    <script src="js/bundle-core.js"></script>
 </body>

 </html>
--- a/about.html
+++ b/about.html
@@ -1,6 +1,7 @@
 <!doctype html>
 <html lang="zxx">
-  <head>
+
+<head>
  <!-- Meta -->
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
@@ -17,29 +18,14 @@
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  <link
    href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
-      rel="stylesheet"
-    />
-    <!-- Bootstrap Css -->
-    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen" />
-    <!-- SlickNav Css -->
-    <link href="css/slicknav.min.css" rel="stylesheet" />
-    <!-- Swiper Css -->
-    <link rel="stylesheet" href="css/swiper-bundle.min.css" />
-    <!-- Font Awesome Icon Css-->
-    <link href="css/all.css" rel="stylesheet" media="screen" />
-    <!-- Animated Css -->
-    <link href="css/animate.css" rel="stylesheet" />
-    <!-- Magnific Popup Core Css File -->
-    <link rel="stylesheet" href="css/magnific-popup.css" />
-    <!-- Mouse Cursor Css File -->
-    <link rel="stylesheet" href="css/mousecursor.css" />
-    <!-- Audio Css File -->
-    <link rel="stylesheet" href="css/plyr.css" />
-    <!-- Main Custom Css -->
-    <link href="css/custom.css" rel="stylesheet" media="screen" />
-  </head>
+    rel="stylesheet" />
+  <!-- Preload critical image -->
+  <link rel="preload" href="images/page-header-bg.jpg" as="image">
+  <!-- Bundled CSS -->
+  <link href="css/bundle.css" rel="stylesheet">
+</head>

-  <body>
+<body>
  <!-- Preloader Start -->
  <div class="preloader">
    <div class="loading-container">
@@ -56,11 +42,7 @@
        <div class="container">
          <!-- Logo Start -->
          <a class="navbar-brand" href="./">
-              <img
-                src="images/logo.png"
-                alt="Logo"
-                style="width: 60px; height: auto"
-              />
+            <img src="images/logo.png" alt="Logo" style="width: 60px; height: auto" />
          </a>
          <!-- Logo End -->

@@ -141,17 +123,8 @@
          <div class="about-image">
            <div class="about-img-1">
              <figure class="image-anime reveal">
-                  <img src="images/cricket.png" alt="" />
-                </figure>
-              </div>
-
-              <div class="about-img-2">
-                <figure class="image-anime reveal">
-                  <img
-                    src="images/match.png"
-                    alt=""
-                    style="width: 348px; height: auto"
-                  />
+                <div class="cricket-blur-bg"></div>
+                <img loading="lazy" src="images/about.png" alt="" />
              </figure>
            </div>
          </div>
@@ -191,7 +164,7 @@
                <!-- About List Item Start -->
                <div class="about-list-item wow fadeInUp">
                  <div class="icon-box">
-                      <img src="images/icon-about-list-1.svg" alt="" />
+                    <img loading="lazy" src="images/icon-about-list-1.svg" alt="" />
                  </div>
                  <div class="about-list-item-content">
                    <h3>Play Competitive Matches</h3>
@@ -200,12 +173,9 @@
                <!-- About List Item End -->

                <!-- About List Item Start -->
-                  <div
-                    class="about-list-item wow fadeInUp"
-                    data-wow-delay="0.25s"
-                  >
+                <div class="about-list-item wow fadeInUp" data-wow-delay="0.25s">
                  <div class="icon-box">
-                      <img src="images/icon-about-list-2.svg" alt="" />
+                    <img loading="lazy" src="images/icon-about-list-2.svg" alt="" />
                  </div>
                  <div class="about-list-item-content">
                    <h3>Train the Next Generation</h3>
@@ -214,12 +184,9 @@
                <!-- About List Item End -->

                <!-- About List Item Start -->
-                  <div
-                    class="about-list-item wow fadeInUp"
-                    data-wow-delay="0.5s"
-                  >
+                <div class="about-list-item wow fadeInUp" data-wow-delay="0.5s">
                  <div class="icon-box">
-                      <img src="images/icon-about-list-3.svg" alt="" />
+                    <img loading="lazy" src="images/icon-about-list-3.svg" alt="" />
                  </div>
                  <div class="about-list-item-content">
                    <h3>Connect Statewide Talent</h3>
@@ -228,12 +195,9 @@
                <!-- About List Item End -->

                <!-- About List Item Start -->
-                  <div
-                    class="about-list-item wow fadeInUp"
-                    data-wow-delay="0.75s"
-                  >
+                <div class="about-list-item wow fadeInUp" data-wow-delay="0.75s">
                  <div class="icon-box">
-                      <img src="images/icon-about-list-4.svg" alt="" />
+                    <img loading="lazy" src="images/icon-about-list-4.svg" alt="" />
                  </div>
                  <div class="about-list-item-content">
                    <h3>Build the Cricket Community</h3>
@@ -250,8 +214,8 @@
    </div>
    <!-- About Us Section End -->

-      <p></p>
-      <p></p>
+    <p> ‎ </p>
+    <p>‎ </p>

    <p></p>

@@ -360,17 +324,13 @@
            <div class="about-image">
              <div class="about-img-1">
                <figure class="image-anime reveal">
-                    <img src="images/abhiram.jpg" alt="" />
+                  <img loading="lazy" src="images/abhiram.jpg" alt="" />
                </figure>
              </div>

-                <div class="about-img-2">
+              <div class="about-img-1">
                <figure class="image-anime reveal">
-                    <img
-                      src="images/saim.png"
-                      alt=""
-                      style="width: 348px; height: 454px"
-                    />
+                  <img loading="lazy" src="images/saim.png" alt="" />
                </figure>
              </div>
            </div>
@@ -409,15 +369,15 @@
              <div class="pastors-signature">
                <!-- Pastors Signature Image Start -->
                <div class="pastors-signature-img">
-                    <img src="images/signature.png" alt="" />
-                    <img src="images/saim-sign.png" alt="" />
+                  <img loading="lazy" src="images/signature.png" alt="" />
+                  <img loading="lazy" src="images/saim-sign.png" alt="" />
                </div>
                <!-- Pastors Signature Image End -->

                <!-- Pastors Signature Comtent Start -->
                <div class="pastors-signature-content">
                  <p>
-                      Abhiram Gadiraju and Rana Saim Zahid, Co-Founders, TCSB
+                    Abhiram Charan Gadiraju and Rana Saim Zahid, Co-Founders, TCSB
                  </p>
                </div>
                <!-- Pastors Signature Comtent End -->
@@ -432,7 +392,7 @@
    <!-- Pastors Message Section End -->

    <!-- Our Team Start -->
-      <!-- <div class="our-counter">
+    <div class="our-counter">
      <div class="container">
        <div class="row align-items-center section-row">
          <div class="col-lg-12">
@@ -440,6 +400,9 @@
              <p></p>
              <h3 class="wow fadeInUp">our team</h3>
              <h2 class="text-anime-style-2" data-cursor="-opaque">Meet Our <span>Board</span></h2>
+              <p>The first and largest student-led cricket organization in the United States</p>
+
+
            </div>
          </div>

@@ -447,6 +410,10 @@
        </div>
      </div>

+
+
+
+
      <div class="container">
        <div class="row">
          <div class="col-12 col-sm-6 col-md-6 col-lg-3">
@@ -455,7 +422,7 @@

              <div class="team-image">
                <figure class="image-anime">
-                                    <img src="images/team-1.jpg" alt="">
+                  <img loading="lazy" src="images/pfp-placeholder.jpg" alt="">
                </figure>


@@ -463,9 +430,10 @@



+
              <div class="team-content">
-                                <h3>darlene robertson</h3>
-                                <p>head of worship team</p>
+                <h3>Dhruv Patil</h3>
+                <p><b>Board Director</b></p>
              </div>

            </div>
@@ -478,30 +446,18 @@

              <div class="team-image">
                <figure class="image-anime">
-                                    <img src="images/team-2.jpg" alt="">
+                  <img loading="lazy" src="images/amulya.png" alt="">
                </figure>


-                                <div class="team-social-icon">
-                                    <ul>
-                                        <li><a href="#" class="social-icon"><i class="fa-brands fa-facebook-f"></i></a>
-                                        </li>
-                                        <li><a href="#" class="social-icon"><i class="fa-brands fa-linkedin-in"></i></a>
-                                        </li>
-                                        <li><a href="#" class="social-icon"><i class="fa-brands fa-instagram"></i></a>
-                                        </li>
-                                        <li><a href="#" class="social-icon"><i class="fa-brands fa-x-twitter"></i></a>
-                                        </li>
-                                    </ul>
-                                </div>

              </div>



              <div class="team-content">
-                                <h3>sophia simmons</h3>
-                                <p>pastor</p>
+                <h3>Amulya Singh</h3>
+                <p>Director, Dallas Regionals</p>
              </div>

            </div>
@@ -514,30 +470,16 @@

              <div class="team-image">
                <figure class="image-anime">
-                                    <img src="images/team-3.jpg" alt="">
+                  <img loading="lazy" src="images/pfp-placeholder.jpg" alt="">
                </figure>

-
-                                <div class="team-social-icon">
-                                    <ul>
-                                        <li><a href="#" class="social-icon"><i class="fa-brands fa-facebook-f"></i></a>
-                                        </li>
-                                        <li><a href="#" class="social-icon"><i class="fa-brands fa-linkedin-in"></i></a>
-                                        </li>
-                                        <li><a href="#" class="social-icon"><i class="fa-brands fa-instagram"></i></a>
-                                        </li>
-                                        <li><a href="#" class="social-icon"><i class="fa-brands fa-x-twitter"></i></a>
-                                        </li>
-                                    </ul>
-                                </div>
-
              </div>



              <div class="team-content">
-                                <h3>savannah nguyen</h3>
-                                <p>head of worship team</p>
+                <h3>Suhas Madireddy</h3>
+                <p>Director, Austin Regionals</p>
              </div>

            </div>
@@ -550,63 +492,42 @@

              <div class="team-image">
                <figure class="image-anime">
-                                    <img src="images/team-4.jpg" alt="">
+                  <img loading="lazy" src="images/vrishan.png" alt="">
                </figure>


-                                <div class="team-social-icon">
-                                    <ul>
-                                        <li><a href="#" class="social-icon"><i class="fa-brands fa-facebook-f"></i></a>
-                                        </li>
-                                        <li><a href="#" class="social-icon"><i class="fa-brands fa-linkedin-in"></i></a>
-                                        </li>
-                                        <li><a href="#" class="social-icon"><i class="fa-brands fa-instagram"></i></a>
-                                        </li>
-                                        <li><a href="#" class="social-icon"><i class="fa-brands fa-x-twitter"></i></a>
-                                        </li>
-                                    </ul>
-                                </div>
-
              </div>



              <div class="team-content">
-                                <h3>charlotte wilson</h3>
-                                <p>head of worship team</p>
+                <h3>Vrishan Naregudam</h3>
+                <p>Director, Treasury and Finance</p>
              </div>

            </div>

          </div>

+
+
+
          <div class="col-12 col-sm-6 col-md-6 col-lg-3">

            <div class="team-member-item wow fadeInUp" data-wow-delay="0.8s">

              <div class="team-image">
                <figure class="image-anime">
-                                    <img src="images/team-5.jpg" alt="">
+                  <img loading="lazy" src="images/keshav.png" alt="">
                </figure>


-                                <div class="team-social-icon">
-                                    <ul>
-                                        <li><a href="#" class="social-icon"><i class="fa-brands fa-facebook-f"></i></a>
-                                        </li>
-                                        <li><a href="#" class="social-icon"><i class="fa-brands fa-linkedin-in"></i></a>
-                                        </li>
-                                        <li><a href="#" class="social-icon"><i class="fa-brands fa-instagram"></i></a>
-                                        </li>
-                                        <li><a href="#" class="social-icon"><i class="fa-brands fa-x-twitter"></i></a>
-                                        </li>
-                                    </ul>
-                                </div>
+
              </div>

              <div class="team-content">
-                                <h3>guy hawkins</h3>
-                                <p>head of worship team</p>
+                <h3>Keshav Anand</h3>
+                <p>Director, Technology and Web Development</p>
              </div>
            </div>
          </div>
@@ -615,26 +536,15 @@
            <div class="team-member-item wow fadeInUp" data-wow-delay="1s">
              <div class="team-image">
                <figure class="image-anime">
-                                    <img src="images/team-6.jpg" alt="">
+                  <img loading="lazy" src="images/laksh.png" alt="">
                </figure>

-                                <div class="team-social-icon">
-                                    <ul>
-                                        <li><a href="#" class="social-icon"><i class="fa-brands fa-facebook-f"></i></a>
-                                        </li>
-                                        <li><a href="#" class="social-icon"><i class="fa-brands fa-linkedin-in"></i></a>
-                                        </li>
-                                        <li><a href="#" class="social-icon"><i class="fa-brands fa-instagram"></i></a>
-                                        </li>
-                                        <li><a href="#" class="social-icon"><i class="fa-brands fa-x-twitter"></i></a>
-                                        </li>
-                                    </ul>
-                                </div>
+
              </div>

              <div class="team-content">
-                                <h3>eleanor pena</h3>
-                                <p>pastor</p>
+                <h3>Laksh Ravi</h3>
+                <p>Director, Records and Compliance</p>
              </div>
            </div>
          </div>
@@ -643,26 +553,14 @@
            <div class="team-member-item wow fadeInUp" data-wow-delay="1.2s">
              <div class="team-image">
                <figure class="image-anime">
-                                    <img src="images/team-7.jpg" alt="">
+                  <img loading="lazy" src="images/pfp-placeholder.jpg" alt="">
                </figure>

-                                <div class="team-social-icon">
-                                    <ul>
-                                        <li><a href="#" class="social-icon"><i class="fa-brands fa-facebook-f"></i></a>
-                                        </li>
-                                        <li><a href="#" class="social-icon"><i class="fa-brands fa-linkedin-in"></i></a>
-                                        </li>
-                                        <li><a href="#" class="social-icon"><i class="fa-brands fa-instagram"></i></a>
-                                        </li>
-                                        <li><a href="#" class="social-icon"><i class="fa-brands fa-x-twitter"></i></a>
-                                        </li>
-                                    </ul>
-                                </div>
              </div>

              <div class="team-content">
-                                <h3>robert fox</h3>
-                                <p>head of worship team</p>
+                <h3>Atharva Bhamare</h3>
+                <p>Dallas Reigonal Manager, Records and Compliance</p>
              </div>
            </div>
          </div>
@@ -671,32 +569,56 @@
            <div class="team-member-item wow fadeInUp" data-wow-delay="1.4s">
              <div class="team-image">
                <figure class="image-anime">
-                                    <img src="images/team-8.jpg" alt="">
+                  <img loading="lazy" src="images/pfp-placeholder.jpg" alt="">
                </figure>

-                                <div class="team-social-icon">
-                                    <ul>
-                                        <li><a href="#" class="social-icon"><i class="fa-brands fa-facebook-f"></i></a>
-                                        </li>
-                                        <li><a href="#" class="social-icon"><i class="fa-brands fa-linkedin-in"></i></a>
-                                        </li>
-                                        <li><a href="#" class="social-icon"><i class="fa-brands fa-instagram"></i></a>
-                                        </li>
-                                        <li><a href="#" class="social-icon"><i class="fa-brands fa-x-twitter"></i></a>
-                                        </li>
-                                    </ul>
-                                </div>
+
              </div>

              <div class="team-content">
-                                <h3>arlene mcCoy</h3>
-                                <p>head of worship team</p>
+                <h3>Advaith Paruvella</h3>
+                <p>Austin Regional Manager, Records and Compliance</p>
+              </div>
+            </div>
+          </div>
+
+
+
+          <div class="col-12 col-sm-6 col-md-6 col-lg-3">
+            <div class="team-member-item wow fadeInUp" data-wow-delay="1.2s">
+              <div class="team-image">
+                <figure class="image-anime">
+                  <img loading="lazy" src="images/pfp-placeholder.jpg" alt="">
+                </figure>
+
+              </div>
+
+              <div class="team-content">
+                <h3>Vaibhav Luhar</h3>
+                <p>Director and Dallas Reigonal Manager, Brand and Marketting</p>
+              </div>
+            </div>
+          </div>
+
+          <div class="col-12 col-sm-6 col-md-6 col-lg-3">
+            <div class="team-member-item wow fadeInUp" data-wow-delay="1.4s">
+              <div class="team-image">
+                <figure class="image-anime">
+                  <img loading="lazy" src="images/pfp-placeholder.jpg" alt="">
+                </figure>
+
+
+              </div>
+
+              <div class="team-content">
+                <h3>Manpreet Ravulapati</h3>
+                <p>Austin Regional Manager, Brand and Marketting</p>
+              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
-        </div> -->
    <!-- Page Team End -->

    <!-- Our Team End -->
@@ -726,23 +648,13 @@
              <!-- FAQ Item Start -->
              <div class="accordion-item wow fadeInUp">
                <h2 class="accordion-header" id="headingOne">
-                    <button
-                      class="accordion-button"
-                      type="button"
-                      data-bs-toggle="collapse"
-                      data-bs-target="#collapseOne"
-                      aria-expanded="true"
-                      aria-controls="collapseOne"
-                    >
+                  <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne"
+                    aria-expanded="true" aria-controls="collapseOne">
                    Why was TSCB founded?
                  </button>
                </h2>
-                  <div
-                    id="collapseOne"
-                    class="accordion-collapse collapse show"
-                    aria-labelledby="headingOne"
-                    data-bs-parent="#accordion"
-                  >
+                <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne"
+                  data-bs-parent="#accordion">
                  <div class="accordion-body">
                    <p>
                      To create a self-sustained community of cricketers led
@@ -756,23 +668,13 @@
              <!-- FAQ Item Start -->
              <div class="accordion-item wow fadeInUp" data-wow-delay="0.25s">
                <h2 class="accordion-header" id="headingTwo">
-                    <button
-                      class="accordion-button collapsed"
-                      type="button"
-                      data-bs-toggle="collapse"
-                      data-bs-target="#collapseTwo"
-                      aria-expanded="false"
-                      aria-controls="collapseTwo"
-                    >
+                  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
+                    data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                    What makes TSCB different from existing youth leagues?
                  </button>
                </h2>
-                  <div
-                    id="collapseTwo"
-                    class="accordion-collapse collapse"
-                    aria-labelledby="headingTwo"
-                    data-bs-parent="#accordion"
-                  >
+                <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
+                  data-bs-parent="#accordion">
                  <div class="accordion-body">
                    <p>
                      TSCB exists to provide a free and universal platform to
@@ -789,23 +691,13 @@
              <!-- FAQ Item Start -->
              <div class="accordion-item wow fadeInUp" data-wow-delay="0.5s">
                <h2 class="accordion-header" id="headingThree">
-                    <button
-                      class="accordion-button collapsed"
-                      type="button"
-                      data-bs-toggle="collapse"
-                      data-bs-target="#collapseThree"
-                      aria-expanded="false"
-                      aria-controls="collapseThree"
-                    >
+                  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
+                    data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                    Are there umpires, prizes, and available grounds.
                  </button>
                </h2>
-                  <div
-                    id="collapseThree"
-                    class="accordion-collapse collapse"
-                    aria-labelledby="headingThree"
-                    data-bs-parent="#accordion"
-                  >
+                <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree"
+                  data-bs-parent="#accordion">
                  <div class="accordion-body">
                    <p>
                      Yes, yes, and also yes: TSCB covers everythign through
@@ -819,23 +711,13 @@
              <!-- FAQ Item Start -->
              <div class="accordion-item wow fadeInUp" data-wow-delay="0.75s">
                <h2 class="accordion-header" id="headingfour">
-                    <button
-                      class="accordion-button collapsed"
-                      type="button"
-                      data-bs-toggle="collapse"
-                      data-bs-target="#collapsefour"
-                      aria-expanded="false"
-                      aria-controls="collapsefour"
-                    >
+                  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
+                    data-bs-target="#collapsefour" aria-expanded="false" aria-controls="collapsefour">
                    How can a new team become involved with TSCB
                  </button>
                </h2>
-                  <div
-                    id="collapsefour"
-                    class="accordion-collapse collapse"
-                    aria-labelledby="headingfour"
-                    data-bs-parent="#accordion"
-                  >
+                <div id="collapsefour" class="accordion-collapse collapse" aria-labelledby="headingfour"
+                  data-bs-parent="#accordion">
                  <div class="accordion-body">
                    <p>
                      <a href="contact.html">Contact us</a>, and we will place
@@ -852,23 +734,13 @@
              <!-- FAQ Item Start -->
              <div class="accordion-item wow fadeInUp" data-wow-delay="1s">
                <h2 class="accordion-header" id="headingfive">
-                    <button
-                      class="accordion-button collapsed"
-                      type="button"
-                      data-bs-toggle="collapse"
-                      data-bs-target="#collapsefive"
-                      aria-expanded="false"
-                      aria-controls="collapsefive"
-                    >
+                  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
+                    data-bs-target="#collapsefive" aria-expanded="false" aria-controls="collapsefive">
                    Is this recreational or is there an actual pathway ahead?
                  </button>
                </h2>
-                  <div
-                    id="collapsefive"
-                    class="accordion-collapse collapse"
-                    aria-labelledby="headingfive"
-                    data-bs-parent="#accordion"
-                  >
+                <div id="collapsefive" class="accordion-collapse collapse" aria-labelledby="headingfive"
+                  data-bs-parent="#accordion">
                  <div class="accordion-body">
                    <p>
                      TSCB is not recreational: it is a competitive league
@@ -907,11 +779,7 @@
          <div class="about-footer">
            <!-- Footer Logo Start -->
            <div class="footer-logo">
-                <img
-                  src="images/logo.png"
-                  alt="Footer Logo"
-                  style="width: 100px; height: auto"
-                />
+              <img src="images/logo.png" alt="Footer Logo" style="width: 100px; height: auto" />
            </div>
            <!-- Footer Logo End -->

@@ -946,16 +814,12 @@
            <div class="footer-social-links">
              <ul>
                <li>
-                    <a
-                      href="https://www.instagram.com/texasscholasticcricketboard/"
-                      ><i class="fa-brands fa-instagram"></i
-                    ></a>
+                  <a href="https://www.instagram.com/texasscholasticcricketboard/"><i
+                      class="fa-brands fa-instagram"></i></a>
                </li>
                <li>
-                    <a
-                      href="https://www.youtube.com/channel/UCdFfqkVWDJyFlFEEKfq27wg"
-                      ><i class="fa-brands fa-youtube"></i
-                    ></a>
+                  <a href="https://www.youtube.com/channel/UCdFfqkVWDJyFlFEEKfq27wg"><i
+                      class="fa-brands fa-youtube"></i></a>
                </li>
              </ul>
            </div>
@@ -986,15 +850,11 @@
              <li><a href="/dallas.html">dallas regionals</a></li>
              <li><a href="/austin.html">austin regionals</a></li>
              <li>
-                  <a href="https://cricclubs.com/TexasScholasticCricketBoard"
-                    >dallas cricclubs league</a
-                  >
+                <a href="https://cricclubs.com/TexasScholasticCricketBoard">dallas cricclubs league</a>
              </li>
              <li>
-                  <a
-                    href="https://cricclubs.com/USHSC/series-list/QKoRw7aJTppHXMxmRSTXmg?seriesName=USAHSC%25202026"
-                    >austin cricclubs league</a
-                  >
+                <a href="https://cricclubs.com/USHSC/series-list/QKoRw7aJTppHXMxmRSTXmg?seriesName=USAHSC%25202026">austin
+                  cricclubs league</a>
              </li>
            </ul>
          </div>
@@ -1010,7 +870,7 @@
              <!-- Footer Info Box Start -->
              <div class="footer-info-box">
                <div class="icon-box">
-                    <img src="images/icon-phone.svg" alt="" />
+                  <img loading="lazy" src="images/icon-phone.svg" alt="" />
                </div>
                <div class="footer-info-box-content">
                  <p>(+1) (945) 900-1148</p>
@@ -1021,7 +881,7 @@
              <!-- Footer Info Box Start -->
              <div class="footer-info-box">
                <div class="icon-box">
-                    <img src="images/icon-mail.svg" alt="" />
+                  <img loading="lazy" src="images/icon-mail.svg" alt="" />
                </div>
                <div class="footer-info-box-content">
                  <p>texasscholasticcricketboard@gmail.com</p>
@@ -1055,9 +915,7 @@
              <ul>
                <li>
                  <a
-                      href="https://docs.google.com/document/d/10jrcqdHfUYqF6YBHKVqBewxep7vsUbvrIDLX7ednoCc/edit?tab=t.0#heading=h.xzi71qd5vfcz"
-                      >policies</a
-                    >
+                    href="https://docs.google.com/document/d/10jrcqdHfUYqF6YBHKVqBewxep7vsUbvrIDLX7ednoCc/edit?tab=t.0#heading=h.xzi71qd5vfcz">policies</a>
                </li>
                <li><a href="/liability.html">liability</a></li>
              </ul>
@@ -1072,37 +930,9 @@
  <!-- Footer End -->

  <!-- Jquery Library File -->
-    <script src="js/jquery-3.7.1.min.js"></script>
-    <!-- Bootstrap js file -->
-    <script src="js/bootstrap.min.js"></script>
-    <!-- Validator js file -->
-    <script src="js/validator.min.js"></script>
-    <!-- SlickNav js file -->
-    <script src="js/jquery.slicknav.js"></script>
-    <!-- Swiper js file -->
-    <script src="js/swiper-bundle.min.js"></script>
-    <!-- Counter js file -->
-    <script src="js/jquery.waypoints.min.js"></script>
-    <script src="js/jquery.counterup.min.js"></script>
-    <!-- Magnific js file -->
-    <script src="js/jquery.magnific-popup.min.js"></script>
-    <!-- SmoothScroll -->
-    <script src="js/SmoothScroll.js"></script>
-    <!-- Parallax js -->
-    <script src="js/parallaxie.js"></script>
-    <!-- MagicCursor js file -->
-    <script src="js/gsap.min.js"></script>
-    <script src="js/magiccursor.js"></script>
-    <!-- Text Effect js file -->
-    <script src="js/SplitText.js"></script>
-    <script src="js/ScrollTrigger.min.js"></script>
-    <!-- YTPlayer js File -->
-    <script src="js/jquery.mb.YTPlayer.min.js"></script>
-    <!-- Audio js File -->
-    <script src="js/plyr.js"></script>
-    <!-- Wow js file -->
-    <script src="js/wow.js"></script>
-    <!-- Main Custom js file -->
-    <script src="js/function.js"></script>
-  </body>
+  <script src="js/bundle-core.js"></script>
+  <!-- Enhanced Animations js -->
+  <script src="js/enhance.js"></script>
+</body>
+
 </html>
--- a/austin.html
+++ b/austin.html
@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html lang="zxx">

+
 <head>
    <!-- Meta -->
    <meta charset="utf-8">
@@ -19,24 +20,10 @@
    <link
        href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
        rel="stylesheet">
-    <!-- Bootstrap Css -->
-    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
-    <!-- SlickNav Css -->
-    <link href="css/slicknav.min.css" rel="stylesheet">
-    <!-- Swiper Css -->
-    <link rel="stylesheet" href="css/swiper-bundle.min.css">
-    <!-- Font Awesome Icon Css-->
-    <link href="css/all.css" rel="stylesheet" media="screen">
-    <!-- Animated Css -->
-    <link href="css/animate.css" rel="stylesheet">
-    <!-- Magnific Popup Core Css File -->
-    <link rel="stylesheet" href="css/magnific-popup.css">
-    <!-- Mouse Cursor Css File -->
-    <link rel="stylesheet" href="css/mousecursor.css">
-    <!-- Audio Css File -->
-    <link rel="stylesheet" href="css/plyr.css">
-    <!-- Main Custom Css -->
-    <link href="css/custom.css" rel="stylesheet" media="screen">
+    <!-- Preload critical image -->
+    <link rel="preload" href="images/page-header-bg.jpg" as="image">
+    <!-- Bundled CSS -->
+    <link href="css/bundle.css" rel="stylesheet">
 </head>

 <body>
@@ -125,7 +112,7 @@
            <!-- Text Column -->
            <div class="col-lg-7 wow fadeInLeft">
                <div class="section-title">
-                    <h3>about the regional competition</h3>
+                    <h3>Powered by USAHSC</h3>
                    <h2 class="text-anime-style-2" data-cursor="-opaque">Tech and Cricket in <span>ATX</span></h2>
                </div>
                <div class="about-content">
@@ -181,7 +168,7 @@
                        <!-- Team Image Start -->
                        <div class="team-image">
                            <figure class="image-anime">
-                                <img src="images/mcneil.jpg" alt="McNeil High School">
+                                <img loading="lazy" src="images/mcneil.jpg" alt="McNeil High School">
                            </figure>
                        </div>
                        <!-- Team Image End -->
@@ -203,7 +190,7 @@
                        <!-- Team Image Start -->
                        <div class="team-image">
                            <figure class="image-anime">
-                                <img src="images/vandegrift.webp" alt="Vandegrift High School">
+                                <img loading="lazy" src="images/vandegrift.webp" alt="Vandegrift High School">
                            </figure>
                        </div>
                        <!-- Team Image End -->
@@ -225,7 +212,7 @@
                        <!-- Team Image Start -->
                        <div class="team-image">
                            <figure class="image-anime">
-                                <img src="images/westwodd.jpeg" alt="Westwood High School">
+                                <img loading="lazy" src="images/westwodd.jpeg" alt="Westwood High School">
                            </figure>
                        </div>
                        <!-- Team Image End -->
@@ -247,7 +234,7 @@
                        <!-- Team Image Start -->
                        <div class="team-image">
                            <figure class="image-anime">
-                                <img src="images/cedarridge.jpg" alt="Cedar Ridge High School">
+                                <img loading="lazy" src="images/cedarridge.jpg" alt="Cedar Ridge High School">
                            </figure>
                        </div>
                        <!-- Team Image End -->
@@ -269,7 +256,7 @@
                        <!-- Team Image Start -->
                        <div class="team-image">
                            <figure class="image-anime">
-                                <img src="images/roundrock.jpeg" alt="Round Rock High School">
+                                <img loading="lazy" src="images/roundrock.jpeg" alt="Round Rock High School">
                            </figure>
                        </div>
                        <!-- Team Image End -->
@@ -291,7 +278,7 @@
                        <!-- Team Image Start -->
                        <div class="team-image">
                            <figure class="image-anime">
-                                <img src="images/westlake.jpg" alt="Westlake High School">
+                                <img loading="lazy" src="images/westlake.jpg" alt="Westlake High School">
                            </figure>
                        </div>
                        <!-- Team Image End -->
@@ -313,7 +300,7 @@
                        <!-- Team Image Start -->
                        <div class="team-image">
                            <figure class="image-anime">
-                                <img src="images/leander.jpeg" alt="Leander High School">
+                                <img loading="lazy" src="images/leander.jpeg" alt="Leander High School">
                            </figure>
                        </div>
                        <!-- Team Image End -->
@@ -335,7 +322,7 @@
                        <!-- Team Image Start -->
                        <div class="team-image">
                            <figure class="image-anime">
-                                <img src="images/legacyranch.jpg" alt="Legacy Ranch High School">
+                                <img loading="lazy" src="images/legacyranch.jpg" alt="Legacy Ranch High School">
                            </figure>
                        </div>
                        <!-- Team Image End -->
@@ -357,7 +344,7 @@
                        <!-- Team Image Start -->
                        <div class="team-image">
                            <figure class="image-anime">
-                                <img src="images/rouse.jpg" alt="Rouse High School">
+                                <img loading="lazy" src="images/rouse.jpg" alt="Rouse High School">
                            </figure>
                        </div>
                        <!-- Team Image End -->
@@ -466,7 +453,7 @@
                            <!-- Footer Info Box Start -->
                            <div class="footer-info-box">
                                <div class="icon-box">
-                                    <img src="images/icon-phone.svg" alt="">
+                                    <img loading="lazy" src="images/icon-phone.svg" alt="">
                                </div>
                                <div class="footer-info-box-content">
                                    <p>(+1) (945) 900-1148</p>
@@ -477,7 +464,7 @@
                            <!-- Footer Info Box Start -->
                            <div class="footer-info-box">
                                <div class="icon-box">
-                                    <img src="images/icon-mail.svg" alt="">
+                                    <img loading="lazy" src="images/icon-mail.svg" alt="">
                                </div>
                                <div class="footer-info-box-content">
                                    <p>texasscholasticcricketboard@gmail.com</p>
@@ -522,38 +509,9 @@
    <!-- Footer End -->

    <!-- Jquery Library File -->
-    <script src="js/jquery-3.7.1.min.js"></script>
-    <!-- Bootstrap js file -->
-    <script src="js/bootstrap.min.js"></script>
-    <!-- Validator js file -->
-    <script src="js/validator.min.js"></script>
-    <!-- SlickNav js file -->
-    <script src="js/jquery.slicknav.js"></script>
-    <!-- Swiper js file -->
-    <script src="js/swiper-bundle.min.js"></script>
-    <!-- Counter js file -->
-    <script src="js/jquery.waypoints.min.js"></script>
-    <script src="js/jquery.counterup.min.js"></script>
-    <!-- Magnific js file -->
-    <script src="js/jquery.magnific-popup.min.js"></script>
-    <!-- SmoothScroll -->
-    <script src="js/SmoothScroll.js"></script>
-    <!-- Parallax js -->
-    <script src="js/parallaxie.js"></script>
-    <!-- MagicCursor js file -->
-    <script src="js/gsap.min.js"></script>
-    <script src="js/magiccursor.js"></script>
-    <!-- Text Effect js file -->
-    <script src="js/SplitText.js"></script>
-    <script src="js/ScrollTrigger.min.js"></script>
-    <!-- YTPlayer js File -->
-    <script src="js/jquery.mb.YTPlayer.min.js"></script>
-    <!-- Audio js File -->
-    <script src="js/plyr.js"></script>
-    <!-- Wow js file -->
-    <script src="js/wow.js"></script>
-    <!-- Main Custom js file -->
-    <script src="js/function.js"></script>
+    <script src="js/bundle-core.js"></script>
+    <!-- Enhanced Animations js -->
+    <script src="js/enhance.js"></script>
 </body>

 </html>
--- a/contact.html
+++ b/contact.html
@@ -19,24 +19,10 @@
    <link
        href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
        rel="stylesheet">
-    <!-- Bootstrap Css -->
-    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
-    <!-- SlickNav Css -->
-    <link href="css/slicknav.min.css" rel="stylesheet">
-    <!-- Swiper Css -->
-    <link rel="stylesheet" href="css/swiper-bundle.min.css">
-    <!-- Font Awesome Icon Css-->
-    <link href="css/all.css" rel="stylesheet" media="screen">
-    <!-- Animated Css -->
-    <link href="css/animate.css" rel="stylesheet">
-    <!-- Magnific Popup Core Css File -->
-    <link rel="stylesheet" href="css/magnific-popup.css">
-    <!-- Mouse Cursor Css File -->
-    <link rel="stylesheet" href="css/mousecursor.css">
-    <!-- Audio Css File -->
-    <link rel="stylesheet" href="css/plyr.css">
-    <!-- Main Custom Css -->
-    <link href="css/custom.css" rel="stylesheet" media="screen">
+    <!-- Preload critical image -->
+    <link rel="preload" href="images/page-header-bg.jpg" as="image">
+    <!-- Bundled CSS -->
+    <link href="css/bundle.css" rel="stylesheet">
 </head>

 <body>
@@ -139,7 +125,7 @@
                            <div class="contact-info-item wow fadeInUp" data-wow-delay="0.25s">
                                <!-- Icon Box Start -->
                                <div class="icon-box">
-                                    <img src="images/icon-phone.svg" alt="">
+                                    <img loading="lazy" src="images/icon-phone.svg" alt="">
                                </div>
                                <!-- Icon Box End -->

@@ -156,7 +142,7 @@
                            <div class="contact-info-item wow fadeInUp" data-wow-delay="0.5s">
                                <!-- Icon Box Start -->
                                <div class="icon-box">
-                                    <img src="images/icon-mail.svg" alt="">
+                                    <img loading="lazy" src="images/icon-mail.svg" alt="">
                                </div>
                                <!-- Icon Box End -->

@@ -327,7 +313,7 @@
                            <!-- Footer Info Box Start -->
                            <div class="footer-info-box">
                                <div class="icon-box">
-                                    <img src="images/icon-phone.svg" alt="">
+                                    <img loading="lazy" src="images/icon-phone.svg" alt="">
                                </div>
                                <div class="footer-info-box-content">
                                    <p>(+1) (945) 900-1148</p>
@@ -338,7 +324,7 @@
                            <!-- Footer Info Box Start -->
                            <div class="footer-info-box">
                                <div class="icon-box">
-                                    <img src="images/icon-mail.svg" alt="">
+                                    <img loading="lazy" src="images/icon-mail.svg" alt="">
                                </div>
                                <div class="footer-info-box-content">
                                    <p>texasscholasticcricketboard@gmail.com</p>
@@ -384,38 +370,9 @@


    <!-- Jquery Library File -->
-    <script src="js/jquery-3.7.1.min.js"></script>
-    <!-- Bootstrap js file -->
-    <script src="js/bootstrap.min.js"></script>
-    <!-- Validator js file -->
-    <script src="js/validator.min.js"></script>
-    <!-- SlickNav js file -->
-    <script src="js/jquery.slicknav.js"></script>
-    <!-- Swiper js file -->
-    <script src="js/swiper-bundle.min.js"></script>
-    <!-- Counter js file -->
-    <script src="js/jquery.waypoints.min.js"></script>
-    <script src="js/jquery.counterup.min.js"></script>
-    <!-- Magnific js file -->
-    <script src="js/jquery.magnific-popup.min.js"></script>
-    <!-- SmoothScroll -->
-    <script src="js/SmoothScroll.js"></script>
-    <!-- Parallax js -->
-    <script src="js/parallaxie.js"></script>
-    <!-- MagicCursor js file -->
-    <script src="js/gsap.min.js"></script>
-    <script src="js/magiccursor.js"></script>
-    <!-- Text Effect js file -->
-    <script src="js/SplitText.js"></script>
-    <script src="js/ScrollTrigger.min.js"></script>
-    <!-- YTPlayer js File -->
-    <script src="js/jquery.mb.YTPlayer.min.js"></script>
-    <!-- Audio js File -->
-    <script src="js/plyr.js"></script>
-    <!-- Wow js file -->
-    <script src="js/wow.js"></script>
-    <!-- Main Custom js file -->
-    <script src="js/function.js"></script>
+    <script src="js/bundle-core.js"></script>
+    <!-- Enhanced Animations js -->
+    <script src="js/enhance.js"></script>
 </body>

 </html>
--- a/css/bundle.css
+++ b/css/bundle.css
--- a/css/custom.css
+++ b/css/custom.css
@@ -4534,6 +4534,74 @@ header.main-header .header-sticky.active{
        color: var(--accent-color);
 }

+/************************************/
+/***     35b. Sponsors Section    ***/
+/************************************/
+
+.our-sponsors-section{
+        padding: 70px 0 60px;
+        background-color: var(--white-color);
+}
+
+.sponsors-logo-grid{
+        display: flex;
+        flex-wrap: wrap;
+        align-items: center;
+        justify-content: center;
+        gap: 40px;
+        margin-bottom: 40px;
+}
+
+.sponsor-logo-item{
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        background-color: #fff;
+        border: 1px solid var(--dark-divider-color);
+        border-radius: 12px;
+        padding: 20px 30px;
+        transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out;
+        min-width: 200px;
+        max-width: 260px;
+        width: 100%;
+}
+
+.sponsor-logo-item:hover{
+        box-shadow: 0 8px 30px rgba(0,0,0,0.10);
+        transform: translateY(-3px);
+}
+
+.sponsor-logo-item img{
+        max-width: 100%;
+        max-height: 100px;
+        width: auto;
+        height: auto;
+        object-fit: contain;
+        display: block;
+}
+
+.sponsors-footer{
+        text-align: center;
+        max-width: 600px;
+        margin: 0 auto;
+}
+
+.sponsors-footer p{
+        margin: 0;
+        color: var(--text-color);
+}
+
+.sponsors-footer p a{
+        font-weight: 700;
+        color: var(--accent-color);
+        text-decoration: underline;
+        transition: all 0.3s ease-in-out;
+}
+
+.sponsors-footer p a:hover{
+        color: var(--primary-color);
+}
+
 /************************************/
 /***     36. responsive css       ***/
 /************************************/
@@ -5542,6 +5610,24 @@ header.main-header .header-sticky.active{
        margin-bottom: 10px;
    }

+        .our-sponsors-section{
+                padding: 40px 0;
+        }
+
+        .sponsors-logo-grid{
+                gap: 20px;
+        }
+
+        .sponsor-logo-item{
+                min-width: 140px;
+                max-width: 180px;
+                padding: 15px 20px;
+        }
+
+        .sponsor-logo-item img{
+                max-height: 70px;
+        }
+
        .mission-img{
        padding: 0 0 60px 60px;
    }
--- a/css/enhance.css
+++ b/css/enhance.css
@@ -0,0 +1,935 @@
+/* =====================================================
+   TSCB — Enhanced Animations & Visual Excellence
+   ===================================================== */
+
+/* ---- Scroll Progress Bar ---- */
+#tscb-progress {
+    position: fixed;
+    top: 0;
+    left: 0;
+    height: 3px;
+    width: 0%;
+    background: linear-gradient(90deg, #d92800 0%, #ce9c5b 50%, #d92800 100%);
+    background-size: 200% 100%;
+    animation: progressShift 3s ease infinite;
+    z-index: 999999;
+    transition: width 0.08s linear;
+    pointer-events: none;
+}
+
+@keyframes progressShift {
+    0%   { background-position: 0% 50%; }
+    50%  { background-position: 100% 50%; }
+    100% { background-position: 0% 50%; }
+}
+
+/* ---- Hero Section Decorative Orbs ---- */
+.hero {
+    overflow: hidden;
+    position: relative;
+}
+
+.hero-orb-1,
+.hero-orb-2,
+.hero-orb-3 {
+    position: absolute;
+    border-radius: 50%;
+    pointer-events: none;
+    z-index: 0;
+}
+
+.hero-orb-1 {
+    width: 700px;
+    height: 700px;
+    background: radial-gradient(circle, rgba(217, 40, 0, 0.16) 0%, transparent 65%);
+    top: -300px;
+    right: -200px;
+    animation: orbDrift 12s ease-in-out infinite;
+}
+
+.hero-orb-2 {
+    width: 450px;
+    height: 450px;
+    background: radial-gradient(circle, rgba(206, 156, 91, 0.11) 0%, transparent 65%);
+    bottom: -100px;
+    left: -150px;
+    animation: orbDrift 16s ease-in-out infinite reverse;
+}
+
+.hero-orb-3 {
+    width: 250px;
+    height: 250px;
+    background: radial-gradient(circle, rgba(217, 40, 0, 0.07) 0%, transparent 65%);
+    top: 40%;
+    left: 30%;
+    animation: orbDrift 9s ease-in-out infinite 2s;
+}
+
+@keyframes orbDrift {
+    0%, 100% { transform: translate(0px, 0px) scale(1); }
+    33%       { transform: translate(30px, -30px) scale(1.06); }
+    66%       { transform: translate(-20px, 20px) scale(0.96); }
+}
+
+/* ---- Hero subtle grid overlay ---- */
+.hero::before {
+    content: '';
+    position: absolute;
+    inset: 0;
+    background-image:
+        linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px),
+        linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px);
+    background-size: 60px 60px;
+    z-index: 0;
+    pointer-events: none;
+}
+
+.hero .container {
+    position: relative;
+    z-index: 1;
+}
+
+.hero .down-arrow {
+    position: relative;
+    z-index: 1;
+}
+
+/* ---- Down arrow bounce ---- */
+.hero .down-arrow a {
+    animation: arrowBounce 2.2s ease-in-out infinite;
+    display: inline-block;
+}
+
+@keyframes arrowBounce {
+    0%, 100% { transform: translateY(0); }
+    50%       { transform: translateY(12px); }
+}
+
+/* ---- Nav hover underline animation ---- */
+.main-menu .navbar-nav > .nav-item > a {
+    position: relative;
+}
+
+.main-menu .navbar-nav > .nav-item > a::after {
+    content: '';
+    position: absolute;
+    bottom: 6px;
+    left: 15px;
+    right: 15px;
+    height: 2px;
+    background: var(--accent-color);
+    transform: scaleX(0);
+    transform-origin: right;
+    transition: transform 0.35s cubic-bezier(0.76, 0, 0.24, 1);
+}
+
+.main-menu .navbar-nav > .nav-item > a:hover::after,
+.main-menu .navbar-nav > .nav-item.active > a::after {
+    transform: scaleX(1);
+    transform-origin: left;
+}
+
+/* ---- Enhanced sticky header glass effect ---- */
+header.main-header .header-sticky.active {
+    background: rgba(0, 0, 0, 0.90) !important;
+    backdrop-filter: blur(24px) saturate(180%) !important;
+    -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
+    border-bottom: 1px solid rgba(206, 156, 91, 0.25) !important;
+    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5) !important;
+}
+
+/* ---- Enhanced Button Animations ---- */
+.btn-default {
+    letter-spacing: 0.03em;
+    transition: all 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
+    will-change: transform;
+}
+
+.btn-default:active {
+    transform: scale(0.95) !important;
+}
+
+.btn-default::before {
+    transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
+}
+
+/* ---- About image list item hover ---- */
+.about-list-item {
+    transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
+    will-change: transform;
+}
+
+.about-list-item:hover {
+    transform: translateX(8px);
+}
+
+.about-list-item .icon-box {
+    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.4s ease;
+}
+
+.about-list-item:hover .icon-box {
+    transform: scale(1.15) rotate(-5deg);
+    box-shadow: 0 10px 30px rgba(217, 40, 0, 0.35);
+}
+
+/* About image layout overrides are handled below in the FOUNDERS SECTION block. */
+
+/* ---- Counter section enhanced ---- */
+.our-counter {
+    position: relative;
+    overflow: hidden;
+}
+
+.counter-box {
+    position: relative;
+    overflow: hidden;
+}
+
+.counter-box::before {
+    content: '';
+    position: absolute;
+    top: -50%;
+    left: -50%;
+    width: 200%;
+    height: 200%;
+    background: conic-gradient(
+        from 0deg at 50% 50%,
+        transparent 0deg,
+        rgba(255,255,255,0.03) 60deg,
+        transparent 120deg,
+        rgba(255,255,255,0.03) 180deg,
+        transparent 240deg,
+        rgba(255,255,255,0.03) 300deg,
+        transparent 360deg
+    );
+    animation: counterRotate 25s linear infinite;
+    pointer-events: none;
+}
+
+@keyframes counterRotate {
+    from { transform: rotate(0deg); }
+    to   { transform: rotate(360deg); }
+}
+
+.counter-item {
+    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
+    position: relative;
+    z-index: 1;
+    will-change: transform;
+}
+
+.counter-item:hover {
+    transform: translateY(-6px);
+}
+
+.counter-title h2 {
+    font-size: 62px !important;
+    letter-spacing: -0.02em;
+}
+
+/* ---- Service Item enhanced hover ---- */
+.service-item {
+    transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.5s ease !important;
+    box-shadow: 0 4px 20px rgba(0,0,0,0.06);
+    will-change: transform;
+}
+
+.service-item:hover {
+    transform: translateY(-10px) !important;
+    box-shadow: 0 30px 60px rgba(0,0,0,0.18) !important;
+}
+
+.service-item .icon-box img {
+    transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
+}
+
+.service-item:hover .icon-box img {
+    transform: scale(1.1) rotate(-8deg) !important;
+}
+
+/* ---- Service icon shine sweep ---- */
+.service-item .icon-box {
+    overflow: hidden;
+    position: relative;
+}
+
+.service-item .icon-box::after {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: -120%;
+    width: 60%;
+    height: 100%;
+    background: linear-gradient(105deg, transparent 30%, rgba(255,255,255,0.4) 50%, transparent 70%);
+    transform: skewX(-15deg);
+    transition: none;
+}
+
+.service-item:hover .icon-box::after {
+    left: 150%;
+    transition: left 0.5s ease;
+}
+
+/* ---- Services dot background ---- */
+.our-services {
+    position: relative;
+    overflow: hidden;
+}
+
+.our-services::before {
+    content: '';
+    position: absolute;
+    inset: 0;
+    background-image: radial-gradient(circle, rgba(0,0,0,0.06) 1px, transparent 1px);
+    background-size: 28px 28px;
+    pointer-events: none;
+    z-index: 0;
+}
+
+.our-services .container {
+    position: relative;
+    z-index: 1;
+}
+
+/* ---- Service footer slide on hover ---- */
+.service-footer {
+    transition: transform 0.3s ease;
+}
+
+.service-item:hover .service-footer {
+    transform: translateX(5px);
+}
+
+/* ---- Ticker gradient fade edges ---- */
+.service-ticker {
+    position: relative;
+}
+
+.service-ticker::before,
+.service-ticker::after {
+    content: '';
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    width: 120px;
+    z-index: 2;
+    pointer-events: none;
+}
+
+.service-ticker::before {
+    left: 0;
+    background: linear-gradient(90deg, var(--primary-color) 20%, transparent 100%);
+}
+
+.service-ticker::after {
+    right: 0;
+    background: linear-gradient(-90deg, var(--primary-color) 20%, transparent 100%);
+}
+
+/* ---- Sponsor logos — NO default opacity:0, GSAP handles initial state ---- */
+.sponsor-logo-item {
+    position: relative;
+    overflow: hidden;
+    transition: transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1),
+                box-shadow 0.45s ease,
+                border-color 0.3s ease !important;
+    will-change: transform;
+}
+
+/* Shimmer sweep on hover */
+.sponsor-logo-item::after {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: -120%;
+    width: 60%;
+    height: 100%;
+    background: linear-gradient(
+        105deg,
+        transparent 30%,
+        rgba(255, 255, 255, 0.55) 50%,
+        transparent 70%
+    );
+    transform: skewX(-15deg);
+    transition: none;
+    pointer-events: none;
+}
+
+.sponsor-logo-item:hover::after {
+    left: 160%;
+    transition: left 0.65s ease;
+}
+
+.sponsor-logo-item:hover {
+    border-color: var(--accent-color) !important;
+    transform: translateY(-8px) scale(1.03) !important;
+    box-shadow: 0 20px 50px rgba(217, 40, 0, 0.15) !important;
+}
+
+.sponsor-logo-item img {
+    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
+}
+
+.sponsor-logo-item:hover img {
+    transform: scale(1.06) !important;
+}
+
+/* ---- Sponsors section subtle dot background ---- */
+.our-sponsors-section {
+    position: relative;
+    overflow: hidden;
+}
+
+.our-sponsors-section::before {
+    content: '';
+    position: absolute;
+    inset: 0;
+    background-image: radial-gradient(circle, rgba(206, 156, 91, 0.07) 1px, transparent 1px);
+    background-size: 32px 32px;
+    pointer-events: none;
+    z-index: 0;
+}
+
+.our-sponsors-section .container {
+    position: relative;
+    z-index: 1;
+}
+
+/* ---- Mission section ---- */
+.our-mission {
+    position: relative;
+    overflow: hidden;
+}
+
+.our-mission::before {
+    content: '';
+    position: absolute;
+    width: 500px;
+    height: 500px;
+    border-radius: 50%;
+    background: radial-gradient(circle, rgba(206, 156, 91, 0.07) 0%, transparent 65%);
+    top: -100px;
+    right: -150px;
+    pointer-events: none;
+    animation: orbDrift 18s ease-in-out infinite;
+}
+
+.mission-content-body p {
+    border-left: 3px solid var(--accent-color) !important;
+    padding-left: 18px !important;
+    transition: border-color 0.3s ease, padding-left 0.3s ease;
+}
+
+.mission-content-body p:hover {
+    border-left-color: var(--secondary-color) !important;
+    padding-left: 24px !important;
+}
+
+/* ---- CTA Box orb ---- */
+.cta-box {
+    position: relative;
+    overflow: hidden;
+}
+
+.cta-box::before {
+    content: '';
+    position: absolute;
+    width: 500px;
+    height: 500px;
+    border-radius: 50%;
+    background: radial-gradient(circle, rgba(217, 40, 0, 0.10) 0%, transparent 65%);
+    top: -200px;
+    right: 0;
+    pointer-events: none;
+    animation: orbDrift 14s ease-in-out infinite 1s;
+    z-index: 0;
+}
+
+.cta-box .container {
+    position: relative;
+    z-index: 1;
+}
+
+/* ---- Footer glow border ---- */
+.main-footer {
+    position: relative;
+}
+
+.main-footer::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 10%;
+    right: 10%;
+    height: 1px;
+    background: linear-gradient(90deg, transparent, var(--secondary-color), transparent);
+}
+
+/* ---- Footer social links spring ---- */
+.footer-social-links ul li a {
+    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1),
+                box-shadow 0.3s ease !important;
+    will-change: transform;
+}
+
+.footer-social-links ul li a:hover {
+    transform: translateY(-6px) scale(1.15) !important;
+    box-shadow: 0 10px 25px rgba(217, 40, 0, 0.4) !important;
+}
+
+/* ---- Footer links underline ---- */
+.footer-links ul li a {
+    position: relative;
+    transition: color 0.3s ease !important;
+}
+
+.footer-links ul li a::before {
+    content: '';
+    position: absolute;
+    left: 0;
+    bottom: -2px;
+    width: 0;
+    height: 1px;
+    background: var(--accent-color);
+    transition: width 0.35s cubic-bezier(0.76, 0, 0.24, 1);
+}
+
+.footer-links ul li a:hover::before {
+    width: 100%;
+}
+
+/* ---- Page header orb ---- */
+.page-header {
+    position: relative;
+    overflow: hidden;
+}
+
+.page-header::after {
+    content: '';
+    position: absolute;
+    width: 500px;
+    height: 500px;
+    border-radius: 50%;
+    background: radial-gradient(circle, rgba(217, 40, 0, 0.10) 0%, transparent 60%);
+    bottom: -250px;
+    right: -100px;
+    pointer-events: none;
+    animation: orbDrift 15s ease-in-out infinite;
+}
+
+/* ---- Accent spans — solid colour, no gradient tricks ---- */
+.section-title h2 span,
+.section-title h1 span {
+    color: #d92800 !important;
+    background: none !important;
+    -webkit-background-clip: unset !important;
+    background-clip: unset !important;
+    -webkit-text-fill-color: unset !important;
+    animation: none !important;
+}
+
+/* ---- Preloader gradient ---- */
+.preloader {
+    background: linear-gradient(135deg, #d92800 0%, #b01d00 100%) !important;
+}
+
+/* ---- Team member hover ---- */
+.team-member-item {
+    transition: transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.45s ease;
+    will-change: transform;
+}
+
+.team-member-item:hover {
+    transform: translateY(-8px);
+    box-shadow: 0 25px 55px rgba(0,0,0,0.15);
+}
+
+/* ---- Readmore btn spring ---- */
+.readmore-btn {
+    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1),
+                background-color 0.3s ease,
+                box-shadow 0.3s ease !important;
+    will-change: transform;
+}
+
+.readmore-btn:hover {
+    transform: scale(1.15) rotate(45deg) !important;
+    box-shadow: 0 10px 30px rgba(217, 40, 0, 0.45) !important;
+}
+
+/* ---- Logo footer hover ---- */
+.footer-logo img {
+    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
+}
+
+.footer-logo img:hover {
+    transform: scale(1.08) rotate(-3deg);
+}
+
+/* ---- Body smooth scroll ---- */
+html {
+    scroll-behavior: smooth;
+}
+
+/* ---- Smooth body fade in ---- */
+body {
+    animation: bodyReveal 0.4s ease both;
+}
+
+@keyframes bodyReveal {
+    from { opacity: 0; }
+    to   { opacity: 1; }
+}
+
+/* ============================================================
+   ABOUT.HTML — Single-image first section fix
+   .page-about-us now only has .about-img-1 (no overlay).
+   Remove the padding-top that was there for the second image
+   and make the image fill the column properly.
+   ============================================================ */
+
+.page-about-us .about-image {
+    padding-top: 0 !important;
+    max-width: 100% !important;
+    position: relative !important;
+}
+
+.page-about-us .about-img-1 {
+    width: 100% !important;
+}
+
+/* Pastors section: remove inline dimension override, let CSS size it */
+.pastors-message .about-img-2 img {
+    width: 100% !important;
+    height: auto !important;
+}
+
+/* ============================================================
+   TABLET  (≤ 1024px)
+   ============================================================ */
+@media (max-width: 1024px) {
+    /* Shrink orbs so they don't cause scrollbar */
+    .hero-orb-1 { width: 500px; height: 500px; }
+    .hero-orb-2 { width: 350px; height: 350px; }
+
+    /* Mission life circle is decorative — hide on tablet to simplify */
+    .mission-life-circle {
+        display: none !important;
+    }
+}
+
+/* ============================================================
+   TABLET PORTRAIT  (≤ 991px)
+   ============================================================ */
+@media (max-width: 991px) {
+    /* About single-image: center and constrain */
+    .page-about-us .about-image {
+        max-width: 580px !important;
+        margin: 0 auto 35px !important;
+    }
+
+    /* Counter items: remove divider borders at tablet */
+    .counter-item {
+        border-right: none !important;
+        padding-right: 15px !important;
+    }
+
+    /* CTA button: center on smaller screens */
+    .cta-box-btn {
+        text-align: center !important;
+        margin-top: 20px !important;
+    }
+
+    .cta-box-btn::before {
+        display: none !important;
+    }
+
+    /* Service items: consistent margin when they wrap */
+    .service-item {
+        margin-bottom: 24px !important;
+    }
+}
+
+/* ============================================================
+   MOBILE  (≤ 767px)
+   ============================================================ */
+@media (max-width: 767px) {
+    /* Orbs: shrink and simplify */
+    .hero-orb-1 { width: 300px; height: 300px; top: -150px; right: -100px; }
+    .hero-orb-2 { width: 220px; height: 220px; bottom: -80px; left: -80px; }
+    .hero-orb-3 { display: none; }
+
+    /* Hero: prevent overflow */
+    .hero { overflow: hidden; }
+    .hero .container { overflow: visible; }
+
+    /* Counter h2 */
+    .counter-title h2 { font-size: 42px !important; }
+
+    /* Ticker fade edges narrower */
+    .service-ticker::before,
+    .service-ticker::after { width: 50px; }
+
+    /* Sponsors grid: 2 col on mobile */
+    .sponsors-logo-grid {
+        gap: 16px !important;
+    }
+    .sponsor-logo-item {
+        min-width: 130px !important;
+        max-width: 48% !important;
+        padding: 14px 16px !important;
+    }
+
+    /* About single-image mobile */
+    .page-about-us .about-image {
+        max-width: 100% !important;
+        margin-bottom: 30px !important;
+    }
+    .page-about-us .about-img-1 img {
+        aspect-ratio: 16 / 10 !important;
+    }
+
+    /* Mission content first on mobile */
+    .our-mission .col-lg-6:last-child {
+        margin-top: 30px !important;
+    }
+
+    /* CTA text smaller */
+    .cta-box-content .section-title h2 {
+        font-size: 22px !important;
+    }
+
+    /* Footer: better spacing */
+    .footer-widget {
+        margin-bottom: 30px !important;
+    }
+
+    /* Nav "Our Partners" button in header: hide on very small */
+    .header-btn .btn-default {
+        display: none !important;
+    }
+}
+
+/* ============================================================
+   SMALL MOBILE  (≤ 575px)
+   ============================================================ */
+@media (max-width: 575px) {
+    /* Hero title size */
+    .section-title h1,
+    .hero-content h1 {
+        font-size: 30px !important;
+        line-height: 1.18 !important;
+    }
+
+    /* Counter: stack to 1 column, show divider lines */
+    .counter-title h2 { font-size: 34px !important; }
+
+    .counter-item {
+        border-right: none !important;
+        border-bottom: 1px solid rgba(255,255,255,0.12) !important;
+        padding-bottom: 24px !important;
+        margin-bottom: 24px !important;
+    }
+
+    .counter-box .col-lg-3:last-child .counter-item {
+        border-bottom: none !important;
+        margin-bottom: 0 !important;
+    }
+
+    /* Sponsors: single column */
+    .sponsor-logo-item {
+        min-width: calc(50% - 12px) !important;
+        max-width: calc(50% - 12px) !important;
+    }
+
+    /* Hero buttons: stack */
+    .hero-content-body {
+        display: flex !important;
+        flex-direction: column !important;
+        gap: 12px !important;
+        align-items: flex-start !important;
+    }
+
+    .hero-content-body .btn-default {
+        margin-left: 0 !important;
+        width: auto !important;
+    }
+
+    /* About list items: single column */
+    .about-content-body {
+        grid-template-columns: 1fr !important;
+    }
+
+    /* Section title padding */
+    .section-title {
+        margin-bottom: 24px !important;
+    }
+}
+
+/* ============================================================
+   CRICKET IMAGE — blurred-backdrop frame
+   The .cricket-blur-bg div fills the full column with a blurred
+   version of the same image; the real img sits centered on top
+   at its natural aspect ratio so no void remains.
+   ============================================================ */
+.page-about-us .about-img-1 figure {
+    position: relative !important;
+    overflow: hidden !important;
+    border-radius: 18px !important;
+    height: 490px !important;
+    display: flex !important;
+    align-items: center !important;
+    justify-content: center !important;
+    box-shadow:
+        0 0 0 2px rgba(217, 40, 0, 0.35),
+        0 0 0 5px rgba(206, 156, 91, 0.15),
+        0 16px 56px rgba(0, 0, 0, 0.45) !important;
+}
+
+.page-about-us .about-img-1 .cricket-blur-bg {
+    position: absolute !important;
+    inset: -40px !important;
+    background: url('../images/cricket.webp') center / cover no-repeat !important;
+    filter: blur(28px) brightness(0.55) saturate(1.4) !important;
+    z-index: 0 !important;
+    pointer-events: none !important;
+}
+
+.page-about-us .about-img-1 img {
+    position: relative !important;
+    z-index: 1 !important;
+    width: auto !important;
+    max-width: 100% !important;
+    height: 100% !important;
+    object-fit: contain !important;
+    display: block !important;
+    aspect-ratio: unset !important;
+    filter: drop-shadow(0 6px 28px rgba(0, 0, 0, 0.5)) !important;
+}
+
+@media (max-width: 767px) {
+    .page-about-us .about-img-1 figure {
+        height: 320px !important;
+    }
+}
+
+/* ============================================================
+   FOUNDERS SECTION — Equal-sized side-by-side layout
+   Both founders shown at identical size with matching borders.
+   Stacks vertically on mobile.
+   ============================================================ */
+
+.pastors-message .about-image {
+    padding-top: 0 !important;
+    display: flex !important;
+    flex-direction: row !important;
+    align-items: stretch !important;
+    gap: 12px !important;
+}
+
+/* Both images exactly equal width */
+.pastors-message .about-img-1,
+.pastors-message .about-img-2 {
+    position: static !important;
+    top: auto !important;
+    right: auto !important;
+    width: 50% !important;
+    flex: 0 0 50% !important;
+    margin-top: 0 !important;
+}
+
+.pastors-message .about-img-1 figure,
+.pastors-message .about-img-2 figure {
+    display: block !important;
+    height: 100% !important;
+    border-radius: 16px !important;
+    overflow: hidden !important;
+}
+
+/* Identical treatment on both images */
+.pastors-message .about-img-1 img,
+.pastors-message .about-img-2 img {
+    width: 100% !important;
+    height: 100% !important;
+    aspect-ratio: 3 / 4 !important;
+    object-fit: cover !important;
+    object-position: top center !important;
+    border-radius: 16px !important;
+    border: 4px solid rgba(255, 255, 255, 0.85) !important;
+    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.16) !important;
+}
+
+/* ---- Founders: tablet (≤ 991px) ---- */
+@media (max-width: 991px) {
+    .pastors-message .about-image {
+        max-width: 520px !important;
+        margin: 0 auto 35px !important;
+        gap: 10px !important;
+    }
+
+    .pastors-message .about-img-1,
+    .pastors-message .about-img-2 {
+        width: 50% !important;
+        flex: 0 0 50% !important;
+    }
+}
+
+/* ---- Founders: mobile (≤ 767px) ---- */
+@media (max-width: 767px) {
+    .pastors-message .about-image {
+        max-width: 420px !important;
+        gap: 8px !important;
+    }
+
+    .pastors-message .about-img-1 img,
+    .pastors-message .about-img-2 img {
+        border-width: 3px !important;
+    }
+}
+
+/* ---- Founders: small mobile (≤ 575px) — stack vertically ---- */
+@media (max-width: 575px) {
+    .pastors-message .about-image {
+        flex-direction: column !important;
+        max-width: 100% !important;
+        gap: 10px !important;
+        margin: 0 0 30px !important;
+    }
+
+    .pastors-message .about-img-1,
+    .pastors-message .about-img-2 {
+        width: 100% !important;
+        flex: 0 0 100% !important;
+    }
+
+    .pastors-message .about-img-1 img,
+    .pastors-message .about-img-2 img {
+        aspect-ratio: 4 / 3 !important;
+        border-width: 3px !important;
+        border-radius: 12px !important;
+    }
+}
+
+/* ============================================================
+   COUNTER HOVER — Distinct color change (not orange/cream)
+   The default cream (#f3dbbb) blends into the accent color.
+   On hover: crisp white with a blue-tinted glow to contrast.
+   ============================================================ */
+.counter-item:hover .counter-title h2 {
+    color: #ffffff !important;
+    text-shadow: 0 0 24px rgba(130, 200, 255, 0.55),
+                 0 0 8px rgba(130, 200, 255, 0.35) !important;
+    transition: color 0.35s ease, text-shadow 0.35s ease !important;
+}
+
+.counter-item:hover .counter-content h3 {
+    color: #ffffff !important;
+    transition: color 0.35s ease !important;
+}
+
+.counter-title h2,
+.counter-content h3 {
+    transition: color 0.35s ease, text-shadow 0.35s ease;
+}
+
+
--- a/dallas.html
+++ b/dallas.html
@@ -19,24 +19,10 @@
    <link
        href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
        rel="stylesheet">
-    <!-- Bootstrap Css -->
-    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
-    <!-- SlickNav Css -->
-    <link href="css/slicknav.min.css" rel="stylesheet">
-    <!-- Swiper Css -->
-    <link rel="stylesheet" href="css/swiper-bundle.min.css">
-    <!-- Font Awesome Icon Css-->
-    <link href="css/all.css" rel="stylesheet" media="screen">
-    <!-- Animated Css -->
-    <link href="css/animate.css" rel="stylesheet">
-    <!-- Magnific Popup Core Css File -->
-    <link rel="stylesheet" href="css/magnific-popup.css">
-    <!-- Mouse Cursor Css File -->
-    <link rel="stylesheet" href="css/mousecursor.css">
-    <!-- Audio Css File -->
-    <link rel="stylesheet" href="css/plyr.css">
-    <!-- Main Custom Css -->
-    <link href="css/custom.css" rel="stylesheet" media="screen">
+    <!-- Preload critical image -->
+    <link rel="preload" href="images/page-header-bg.jpg" as="image">
+    <!-- Bundled CSS -->
+    <link href="css/bundle.css" rel="stylesheet">
 </head>

 <body>
@@ -124,7 +110,7 @@
            <!-- Text Column -->
            <div class="col-lg-7 wow fadeInLeft">
                <div class="section-title">
-                    <h3>about the regional competition</h3>
+                    <h3>Powered by Dallas Cricket Board</h3>
                    <h2 class="text-anime-style-2" data-cursor="-opaque">More than cowboys in <span>D-Town</span></h2>
                </div>
                <div class="about-content">
@@ -180,7 +166,7 @@
                        <!-- Team Image Start -->
                        <div class="team-image">
                            <figure class="image-anime">
-                                <img src="images/pesh.jpeg" alt="Plano East Panthers">
+                                <img loading="lazy" src="images/pesh.jpeg" alt="Plano East Panthers">
                            </figure>
                        </div>
                        <!-- Team Image End -->
@@ -202,7 +188,7 @@
                        <!-- Team Image Start -->
                        <div class="team-image">
                            <figure class="image-anime">
-                                <img src="images/ranchview.jpg" alt="Ranchview Wolves">
+                                <img loading="lazy" src="images/ranchview.jpg" alt="Ranchview Wolves">
                            </figure>
                        </div>
                        <!-- Team Image End -->
@@ -224,7 +210,7 @@
                        <!-- Team Image Start -->
                        <div class="team-image">
                            <figure class="image-anime">
-                                <img src="images/friscofury.webp" alt="Frisco Fury">
+                                <img loading="lazy" src="images/friscofury.webp" alt="Frisco Fury">
                            </figure>
                        </div>
                        <!-- Team Image End -->
@@ -246,7 +232,7 @@
                        <!-- Team Image Start -->
                        <div class="team-image">
                            <figure class="image-anime">
-                                <img src="images/heritage.webp" alt="Heritage Coyotes">
+                                <img loading="lazy" src="images/heritage.webp" alt="Heritage Coyotes">
                            </figure>
                        </div>
                        <!-- Team Image End -->
@@ -268,7 +254,7 @@
                        <!-- Team Image Start -->
                        <div class="team-image">
                            <figure class="image-anime">
-                                <img src="images/lebanon.jpeg" alt="Lebanon Trail Challengers">
+                                <img loading="lazy" src="images/lebanon.jpeg" alt="Lebanon Trail Challengers">
                            </figure>
                        </div>
                        <!-- Team Image End -->
@@ -290,7 +276,7 @@
                        <!-- Team Image Start -->
                        <div class="team-image">
                            <figure class="image-anime">
-                                <img src="images/liberty.jpeg" alt="Frisco Titans">
+                                <img loading="lazy" src="images/liberty.jpeg" alt="Frisco Titans">
                            </figure>
                        </div>
                        <!-- Team Image End -->
@@ -312,7 +298,7 @@
                        <!-- Team Image Start -->
                        <div class="team-image">
                            <figure class="image-anime">
-                                <img src="images/prosper.webp" alt="Prosper Eagles">
+                                <img loading="lazy" src="images/prosper.webp" alt="Prosper Eagles">
                            </figure>
                        </div>
                        <!-- Team Image End -->
@@ -334,7 +320,7 @@
                        <!-- Team Image Start -->
                        <div class="team-image">
                            <figure class="image-anime">
-                                <img src="images/rockhill.jpeg" alt="Rock Hill Bluehawks">
+                                <img loading="lazy" src="images/rockhill.jpeg" alt="Rock Hill Bluehawks">
                            </figure>
                        </div>
                        <!-- Team Image End -->
@@ -356,7 +342,7 @@
                        <!-- Team Image Start -->
                        <div class="team-image">
                            <figure class="image-anime">
-                                <img src="images/walnut.webp" alt="Walnut Grove Wildcats">
+                                <img loading="lazy" src="images/walnut.webp" alt="Walnut Grove Wildcats">
                            </figure>
                        </div>
                        <!-- Team Image End -->
@@ -465,7 +451,7 @@
                            <!-- Footer Info Box Start -->
                            <div class="footer-info-box">
                                <div class="icon-box">
-                                    <img src="images/icon-phone.svg" alt="">
+                                    <img loading="lazy" src="images/icon-phone.svg" alt="">
                                </div>
                                <div class="footer-info-box-content">
                                    <p>(+1) (945) 900-1148</p>
@@ -476,7 +462,7 @@
                            <!-- Footer Info Box Start -->
                            <div class="footer-info-box">
                                <div class="icon-box">
-                                    <img src="images/icon-mail.svg" alt="">
+                                    <img loading="lazy" src="images/icon-mail.svg" alt="">
                                </div>
                                <div class="footer-info-box-content">
                                    <p>texasscholasticcricketboard@gmail.com</p>
@@ -522,38 +508,9 @@


    <!-- Jquery Library File -->
-    <script src="js/jquery-3.7.1.min.js"></script>
-    <!-- Bootstrap js file -->
-    <script src="js/bootstrap.min.js"></script>
-    <!-- Validator js file -->
-    <script src="js/validator.min.js"></script>
-    <!-- SlickNav js file -->
-    <script src="js/jquery.slicknav.js"></script>
-    <!-- Swiper js file -->
-    <script src="js/swiper-bundle.min.js"></script>
-    <!-- Counter js file -->
-    <script src="js/jquery.waypoints.min.js"></script>
-    <script src="js/jquery.counterup.min.js"></script>
-    <!-- Magnific js file -->
-    <script src="js/jquery.magnific-popup.min.js"></script>
-    <!-- SmoothScroll -->
-    <script src="js/SmoothScroll.js"></script>
-    <!-- Parallax js -->
-    <script src="js/parallaxie.js"></script>
-    <!-- MagicCursor js file -->
-    <script src="js/gsap.min.js"></script>
-    <script src="js/magiccursor.js"></script>
-    <!-- Text Effect js file -->
-    <script src="js/SplitText.js"></script>
-    <script src="js/ScrollTrigger.min.js"></script>
-    <!-- YTPlayer js File -->
-    <script src="js/jquery.mb.YTPlayer.min.js"></script>
-    <!-- Audio js File -->
-    <script src="js/plyr.js"></script>
-    <!-- Wow js file -->
-    <script src="js/wow.js"></script>
-    <!-- Main Custom js file -->
-    <script src="js/function.js"></script>
+    <script src="js/bundle-core.js"></script>
+    <!-- Enhanced Animations js -->
+    <script src="js/enhance.js"></script>
 </body>

 </html>
--- a/images/abhiram.jpg
+++ b/images/abhiram.jpg
--- a/images/about.gif
+++ b/images/about.gif
--- a/images/about.png
+++ b/images/about.png
--- a/images/amulya.png
+++ b/images/amulya.png
--- a/images/favicon.png
+++ b/images/favicon.png
--- a/images/footer-logo.svg
+++ b/images/footer-logo.svg
@@ -1,16 +0,0 @@
-<svg width="194" height="50" viewBox="0 0 194 50" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M193.751 49.9542H187.11L181.146 41.46L175.182 49.9542H168.54L177.802 36.716L168.54 23.4326H175.182L181.146 31.9267L184.218 27.5441L187.11 23.4326H193.751L187.562 32.2882L184.489 36.716L193.751 49.9542Z" fill="#FE6035"/>
-<path d="M164.785 23.4785V49.9549H159.364V23.4785H164.785Z" fill="#FE6035"/>
-<path d="M135.197 35.045V41.6415V49.9549H129.775V37.1233V30.5268V23.4785L147.802 38.3884V23.4785H153.269V42.9066V49.9549L135.197 35.045Z" fill="#FE6035"/>
-<path d="M105.073 28.9455V23.4785H110.495H124.004V28.9455H110.495V30.075V33.4184V34.0058H124.004V39.4728H110.495V40.0149V43.3584V44.5331H124.004V49.9549H110.495H109.817H109.14H108.462H107.784H107.106H106.429H105.751H105.073V44.5331V43.3584V40.0149V39.4728V34.0058V33.4184V30.075V28.9455Z" fill="white"/>
-<path d="M94.8427 42.5896L92.1318 49.9542H86.3034L83.4118 42.0022L80.5201 34.0051L76.6797 23.4326H82.463L85.8516 32.6948L89.2402 42.0022L91.9059 34.5924L95.9722 23.4326H101.801L94.8427 42.5896Z" fill="white"/>
-<path d="M64.4251 31.3846L57.6479 49.9993L51.8646 49.9542L61.4883 23.4326H67.3167L76.9856 49.9542L71.1572 49.9993L64.4251 31.3846Z" fill="white"/>
-<path d="M2.7336 40.501C2.7336 43.5408 5.19797 46.0052 8.2378 46.0052C8.23803 42.9654 5.77366 40.501 2.7336 40.501Z" fill="#FE6035"/>
-<path d="M0 48.1092C2.14952 50.2587 5.63462 50.2587 7.78414 48.1092C5.63462 45.9597 2.14952 45.9597 0 48.1092Z" fill="#FE6035"/>
-<path d="M36.6307 40.501C33.5909 40.501 31.1265 42.9654 31.1265 46.0052C34.1666 46.0052 36.6307 43.5408 36.6307 40.501Z" fill="#FE6035"/>
-<path d="M31.5802 48.1092C33.7297 50.2587 37.2148 50.2587 39.3646 48.1092C37.2151 45.9597 33.7299 45.9597 31.5802 48.1092Z" fill="#FE6035"/>
-<path d="M11.106 40.2303V50.0005H16.2387V45.5443C16.2387 42.7685 17.4598 40.0839 19.6824 37.9716C21.905 40.0839 23.126 42.7685 23.126 45.5443V50.0005H28.2588V40.2303L19.6824 31.6768L11.106 40.2303Z" fill="#FE6035"/>
-<path d="M19.6824 40.501C18.4334 41.6878 17.7476 43.1964 17.7476 44.756V49.9798H21.6172V44.756C21.6172 43.1964 20.9311 41.6878 19.6824 40.501Z" fill="#FE6035"/>
-<path d="M24.8347 32.2802V21.5347L19.6822 14.9199L14.5299 21.5347V32.2802L6.76552 39.9975H8.98304L19.6822 29.3631L30.3813 39.9975H32.5988L24.8347 32.2802ZM18.7614 20.4248C18.7614 19.9162 19.1738 19.504 19.6824 19.504C20.191 19.504 20.6035 19.9162 20.6035 20.4248V23.5322H18.7616L18.7614 20.4248Z" fill="#FE6035"/>
-<path d="M19.2166 10.7418L10.8214 21.5194H12.9574L19.6822 12.8859L26.4069 21.5194H28.5429L20.1479 10.7418V5.71659H21.9528L23.2201 6.98395L24.9533 5.25083L23.2201 3.51771L21.9528 4.78506H20.1479V3.00047L21.4153 1.73312L19.6822 0L17.949 1.73312L19.2164 3.00047V4.78506H17.4118L16.1444 3.51771L14.4113 5.25083L16.1444 6.98395L17.4118 5.71659H19.2164V10.7418H19.2166ZM23.2201 4.83513L23.6358 5.25083L23.2201 5.66652L22.8044 5.25083L23.2201 4.83513ZM19.6824 1.31742L20.0981 1.73312L19.6824 2.14882L19.2667 1.73312L19.6824 1.31742ZM16.1444 5.66629L15.7287 5.25059L16.1444 4.8349L16.5601 5.25059L16.1444 5.66629Z" fill="#FE6035"/>
-</svg>
--- a/images/hero-bg.jpg
+++ b/images/hero-bg.jpg
--- a/images/hit-fantasy.jpg
+++ b/images/hit-fantasy.jpg
--- a/images/keshav.png
+++ b/images/keshav.png
--- a/images/laksh.png
+++ b/images/laksh.png
--- a/images/logo.png
+++ b/images/logo.png
--- a/images/mission-image.jpg
+++ b/images/mission-image.jpg
--- a/images/ncca.png
+++ b/images/ncca.png
--- a/images/page-header-bg.jpg
+++ b/images/page-header-bg.jpg
--- a/images/pfp-placeholder.jpg
+++ b/images/pfp-placeholder.jpg
--- a/images/ram-headshot.png
+++ b/images/ram-headshot.png
--- a/images/saim-headshot.png
+++ b/images/saim-headshot.png
--- a/images/saim-sign.png
+++ b/images/saim-sign.png
--- a/images/saim.png
+++ b/images/saim.png
--- a/images/saim.webp
+++ b/images/saim.webp
--- a/images/signature.png
+++ b/images/signature.png
--- a/images/srisports.png
+++ b/images/srisports.png
--- a/images/usa-cricket.png
+++ b/images/usa-cricket.png
--- a/images/victory.png
+++ b/images/victory.png
--- a/images/vrishan.png
+++ b/images/vrishan.png
--- a/index.html
+++ b/index.html
@@ -1,6 +1,5 @@
 <!DOCTYPE html>
 <html lang="zxx">
-
 <head>
    <!-- Meta -->
    <meta charset="utf-8">
@@ -19,26 +18,13 @@
    <link
        href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
        rel="stylesheet">
-    <!-- Bootstrap Css -->
-    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
-    <!-- SlickNav Css -->
-    <link href="css/slicknav.min.css" rel="stylesheet">
-    <!-- Swiper Css -->
-    <link rel="stylesheet" href="css/swiper-bundle.min.css">
-    <!-- Font Awesome Icon Css-->
-    <link href="css/all.css" rel="stylesheet" media="screen">
-    <!-- Animated Css -->
-    <link href="css/animate.css" rel="stylesheet">
-    <!-- Magnific Popup Core Css File -->
-    <link rel="stylesheet" href="css/magnific-popup.css">
-    <!-- Mouse Cursor Css File -->
-    <link rel="stylesheet" href="css/mousecursor.css">
-    <!-- Audio Css File -->
-    <link rel="stylesheet" href="css/plyr.css">
-    <!-- Main Custom Css -->
-    <link href="css/custom.css" rel="stylesheet" media="screen">
+    <!-- Preload critical image -->
+    <link rel="preload" href="images/hero-bg.jpg" as="image">
+    <!-- Bundled CSS -->
+    <link href="css/bundle.css" rel="stylesheet">
 </head>
    
+
 <body>

    <!-- Preloader Start -->
@@ -120,9 +106,7 @@
                </div>
            </div>
        </div>
-        <div class="down-arrow">
-            <a href="#home-about"><i class="fa-solid fa-arrow-down-long"></i></a>
-        </div>
+
    </div>


@@ -155,7 +139,7 @@
                            <!-- About List Item Start -->
                            <div class="about-list-item wow fadeInUp">
                                <div class="icon-box">
-                                    <img src="images/icon-about-list-1.svg" alt="">
+                                    <img loading="lazy" src="images/icon-about-list-1.svg" alt="">
                                </div>
                                <div class="about-list-item-content">
                                    <h3>Play Competitive Matches</h3>
@@ -166,7 +150,7 @@
                            <!-- About List Item Start -->
                            <div class="about-list-item wow fadeInUp" data-wow-delay="0.25s">
                                <div class="icon-box">
-                                    <img src="images/icon-about-list-2.svg" alt="">
+                                    <img loading="lazy" src="images/icon-about-list-2.svg" alt="">
                                </div>
                                <div class="about-list-item-content">
                                    <h3>Train the Next Generation</h3>
@@ -177,7 +161,7 @@
                            <!-- About List Item Start -->
                            <div class="about-list-item wow fadeInUp" data-wow-delay="0.5s">
                                <div class="icon-box">
-                                    <img src="images/icon-about-list-3.svg" alt="">
+                                    <img loading="lazy" src="images/icon-about-list-3.svg" alt="">
                                </div>
                                <div class="about-list-item-content">
                                    <h3>Connect Statewide Talent</h3>
@@ -188,7 +172,7 @@
                            <!-- About List Item Start -->
                            <div class="about-list-item wow fadeInUp" data-wow-delay="0.75s">
                                <div class="icon-box">
-                                    <img src="images/icon-about-list-4.svg" alt="">
+                                    <img loading="lazy" src="images/icon-about-list-4.svg" alt="">
                                </div>
                                <div class="about-list-item-content">
                                    <h3>Build the Cricket Community</h3>
@@ -337,14 +321,14 @@
                        <!-- Mission Image Start -->
                        <div class="mission-img">
                            <figure class="image-anime reveal">
-                                <img src="images/about.gif" style="width: 450px; height: 750px;" alt="">
+                                <img loading="lazy" src="images/victory.png" alt="">
                            </figure>
                        </div>
                        <!-- Mission Image End -->

                        <!-- Mission Life Circle Start -->
                        <div class="mission-life-circle">
-                            <img src="images/hero-bg.jpg" alt="" style="width: 160px; height: auto;">
+                            <img loading="lazy" src="images/hero-bg.jpg" alt="" style="width: 160px; height: auto;">
                        </div>
                        <!-- Mission Life Circle End -->
                    </div>
@@ -374,7 +358,7 @@
                    <div class="service-item wow fadeInUp">
                        <!-- Icon Box Start -->
                        <div class="icon-box">
-                            <img src="images/dallas.png" alt="">
+                            <img loading="lazy" src="images/dallas.png" alt="">
                        </div>
                        <!-- Icon Box End -->

@@ -388,10 +372,10 @@
                        <!-- Service Footer Start -->
                        <div class="service-footer">
                            <div class="service-content">
-                                <h3>Dallas Regionals</h3>
+                                <h3>Dallas Regionals: powered by Dallas Cricket Board </h3>
                            </div>
                            <div class="service-btn">
-                                <a href="/dallas.html" class="readmore-btn"><img src="images/arrow-white.svg" alt=""></a>
+                                <a href="/dallas.html" class="readmore-btn"><img loading="lazy" src="images/arrow-white.svg" alt=""></a>
                            </div>
                        </div>
                        <!-- Service Footer End -->
@@ -406,7 +390,7 @@
                    <div class="service-item wow fadeInUp" data-wow-delay="0.75s">
                        <!-- Icon Box Start -->
                        <div class="icon-box">
-                            <img src="images/austin.png" alt="">
+                            <img loading="lazy" src="images/austin.png" alt="">
                        </div>
                        <!-- Icon Box End -->

@@ -420,10 +404,10 @@
                        <!-- Service Footer Start -->
                        <div class="service-footer">
                            <div class="service-content">
-                                <h3>austin regionals</h3>
+                                <h3>austin regionals: powered by USAHSC</h3>
                            </div>
                            <div class="service-btn">
-                                <a href="/austin.html" class="readmore-btn"><img src="images/arrow-white.svg" alt=""></a>
+                                <a href="/austin.html" class="readmore-btn"><img loading="lazy" src="images/arrow-white.svg" alt=""></a>
                            </div>
                        </div>
                        <!-- Service Footer End -->
@@ -440,84 +424,47 @@
        <div class="scrolling-ticker">
            <div class="scrolling-ticker-box">
                <div class="scrolling-content">
-                    <span><img src="images/icon-asterisk.svg" alt="">Cricket</span>
-                    <span><img src="images/icon-asterisk.svg" alt="">Leadership</span>
-                    <span><img src="images/icon-asterisk.svg" alt="">Community</span>
-                    <span><img src="images/icon-asterisk.svg" alt="">Youth Involvement</span>
-                    <span><img src="images/icon-asterisk.svg" alt="">Fun</span>
+                    <span><img loading="lazy" src="images/icon-asterisk.svg" alt="">Cricket</span>
+                    <span><img loading="lazy" src="images/icon-asterisk.svg" alt="">Leadership</span>
+                    <span><img loading="lazy" src="images/icon-asterisk.svg" alt="">Community</span>
+                    <span><img loading="lazy" src="images/icon-asterisk.svg" alt="">Youth Involvement</span>
+                    <span><img loading="lazy" src="images/icon-asterisk.svg" alt="">Fun</span>
                </div>
            </div>
        </div>
    </div>
    <!-- Service Ticker End -->

-    <p></p>
-    <p></p>
-
-    <!-- Our Ministries Section Start -->
-    <div class="our-ministries">
+    <!-- Sponsors Section Start -->
+    <div class="our-sponsors-section">
        <div class="container">
            <div class="row section-row">
-                <!-- Section Title Start -->
                <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>
-                <!-- Section Title End -->
            </div>

-            <div class="service-single-slider">
-                <div class="swiper">
-                    <div class="swiper-wrapper">
-                        <!-- Service Image Slide Start -->
-                        <div class="swiper-slide">
-                            <div class="service-slider-image">
-                                <figure>
-                                    <img src="images/ncca.jpg"" alt="">
-                                </figure>
+            <div class="sponsors-logo-grid wow fadeInUp" data-wow-delay="0.25s">
+                <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>
-                        <!-- Service Image Slide End -->
-
-                        <!-- Service Image Slide Start -->
-                        <div class=" swiper-slide">
-                                    <div class="service-slider-image">
-                                        <figure>
-                                            <img src="images/hit-fantasy.jpg" alt="">
-                                        </figure>
-                                    </div>
-                            </div>
-                            <!-- Service Image Slide End -->
-
-                            <!-- Service Image Slide Start -->
-                            <div class="swiper-slide">
-                                <div class="service-slider-image">
-                                    <figure>
-                                        <img src="images/srisports.png" style="width: 1200px; height: 1200px;" alt="">
-                                    </figure>
-                                </div>
-                            </div>
-                            <!-- Service Image Slide End -->
-                        </div>
-                        <div class="service-single-btn">
-                            <div class="service-single-button-prev"></div>
-                            <div class="service-single-button-next"></div>
-                        </div>
+                <div class="sponsor-logo-item">
+                    <img loading="lazy" src="images/srisports.png" alt="Sri Sports">
                </div>
            </div>

-                <div class="col-lg-12">
-                    <div class="our-ministries-footer wow fadeInUp" data-wow-delay="0.75s">
-                        <p> We sincerely thank all of our sponsors who have allowed our community to function.
-                            Their support enables teams to join with no barrier to entry. <a href="/sponsors.html">View
-                                All
-                                Our Sponsors</a></p>
+            <div class="sponsors-footer wow fadeInUp" data-wow-delay="0.5s">
+                <p>We sincerely thank all of our sponsors who have allowed our community to function.
+                    Their support enables teams to join with no barrier to entry.
+                    <a href="/sponsors.html">View All Our Sponsors</a></p>
            </div>
        </div>
    </div>
-        </div>
-    </div>
-    <!-- Our Ministries Section End -->
+    <!-- Sponsors Section End -->



@@ -716,7 +663,7 @@
                            <!-- Footer Info Box Start -->
                            <div class="footer-info-box">
                                <div class="icon-box">
-                                    <img src="images/icon-phone.svg" alt="">
+                                    <img loading="lazy" src="images/icon-phone.svg" alt="">
                                </div>
                                <div class="footer-info-box-content">
                                    <p>(+1) (945) 900-1148</p>
@@ -727,7 +674,7 @@
                            <!-- Footer Info Box Start -->
                            <div class="footer-info-box">
                                <div class="icon-box">
-                                    <img src="images/icon-mail.svg" alt="">
+                                    <img loading="lazy" src="images/icon-mail.svg" alt="">
                                </div>
                                <div class="footer-info-box-content">
                                    <p>texasscholasticcricketboard@gmail.com</p>
@@ -772,38 +719,11 @@
    <!-- Footer End -->

    <!-- Jquery Library File -->
-    <script src="js/jquery-3.7.1.min.js"></script>
-    <!-- Bootstrap js file -->
-    <script src="js/bootstrap.min.js"></script>
-    <!-- Validator js file -->
-    <script src="js/validator.min.js"></script>
-    <!-- SlickNav js file -->
-    <script src="js/jquery.slicknav.js"></script>
-    <!-- Swiper js file -->
-    <script src="js/swiper-bundle.min.js"></script>
-    <!-- Counter js file -->
-    <script src="js/jquery.waypoints.min.js"></script>
-    <script src="js/jquery.counterup.min.js"></script>
-    <!-- Magnific js file -->
-    <script src="js/jquery.magnific-popup.min.js"></script>
-    <!-- SmoothScroll -->
-    <script src="js/SmoothScroll.js"></script>
-    <!-- Parallax js -->
-    <script src="js/parallaxie.js"></script>
-    <!-- MagicCursor js file -->
-    <script src="js/gsap.min.js"></script>
-    <script src="js/magiccursor.js"></script>
-    <!-- Text Effect js file -->
-    <script src="js/SplitText.js"></script>
-    <script src="js/ScrollTrigger.min.js"></script>
-    <!-- YTPlayer js File -->
-    <script src="js/jquery.mb.YTPlayer.min.js"></script>
-    <!-- Audio js File -->
-    <script src="js/plyr.js"></script>
-    <!-- Wow js file -->
-    <script src="js/wow.js"></script>
-    <!-- Main Custom js file -->
-    <script src="js/function.js"></script>
+    <script src="js/bundle-core.js"></script>
+    <!-- Enhanced Animations js -->
+    <script src="js/enhance.js"></script>
+    <!-- Homepage GSAP Masterpiece (index.html only) -->
+    <script src="js/home-animations.js"></script>
 </body>

 </html>
--- a/js/bundle-core.js
+++ b/js/bundle-core.js
--- a/js/enhance.js
+++ b/js/enhance.js
@@ -0,0 +1,81 @@
+/* =====================================================
+   TSCB — Cross-page Utilities
+   ===================================================== */
+
+(function () {
+    'use strict';
+
+    /* ---- Scroll Progress Bar ---- */
+    (function () {
+        var bar = document.createElement('div');
+        bar.id = 'tscb-progress';
+        document.body.appendChild(bar);
+
+        function onScroll() {
+            var scrollTop = window.scrollY || document.documentElement.scrollTop;
+            var docHeight = document.documentElement.scrollHeight - document.documentElement.clientHeight;
+            var pct = docHeight > 0 ? (scrollTop / docHeight) * 100 : 0;
+            bar.style.width = pct + '%';
+        }
+
+        window.addEventListener('scroll', onScroll, { passive: true });
+    })();
+
+    /* ---- Hero Decorative Orbs ---- */
+    (function () {
+        var hero = document.querySelector('.hero');
+        if (!hero) return;
+        [1, 2, 3].forEach(function (n) {
+            var orb = document.createElement('div');
+            orb.className = 'hero-orb-' + n;
+            hero.appendChild(orb);
+        });
+    })();
+
+    /* ---- Magnetic Buttons ---- */
+    (function () {
+        var btns = document.querySelectorAll('.btn-default, .readmore-btn, .circular-arrow');
+        btns.forEach(function (btn) {
+            btn.addEventListener('mousemove', function (e) {
+                var rect = btn.getBoundingClientRect();
+                var cx = rect.left + rect.width / 2;
+                var cy = rect.top + rect.height / 2;
+                var dx = (e.clientX - cx) * 0.25;
+                var dy = (e.clientY - cy) * 0.25;
+                btn.style.transform = 'translate(' + dx + 'px, ' + dy + 'px)';
+            });
+            btn.addEventListener('mouseleave', function () {
+                btn.style.transform = '';
+            });
+        });
+    })();
+
+    /* ---- Active nav link ---- */
+    (function () {
+        var currentFile = window.location.pathname.split('/').pop() || 'index.html';
+        var links = document.querySelectorAll('.navbar-nav .nav-link');
+        links.forEach(function (link) {
+            var href = link.getAttribute('href') || '';
+            var file = href.split('/').pop();
+            if (file === currentFile || (currentFile === '' && file === 'index.html')) {
+                var item = link.closest('.nav-item');
+                if (item) item.classList.add('active');
+            }
+        });
+    })();
+
+    /* ---- Ticker pause on hover ---- */
+    (function () {
+        var ticker = document.querySelector('.ticker-wrap');
+        if (!ticker) return;
+        var inner = ticker.querySelector('.ticker');
+        if (!inner) return;
+        ticker.addEventListener('mouseenter', function () {
+            inner.style.animationPlayState = 'paused';
+        });
+        ticker.addEventListener('mouseleave', function () {
+            inner.style.animationPlayState = '';
+        });
+    })();
+
+})();
--- a/js/function.js
+++ b/js/function.js
@@ -317,7 +317,20 @@
        /* Contact form validation end */

        /* Animated Wow Js */
-	new WOW().init();
+        var wowInstance = new WOW({
+            mobile:          true,
+            live:            false,
+            offset:          0,
+            scrollContainer: null
+        });
+        wowInstance.init();
+        /* Re-trigger after page fully loads so elements already in the viewport
+           on scroll-restore also animate (fixes "nothing shows on reload" issue) */
+        $(window).on('load', function () {
+            setTimeout(function () {
+                window.dispatchEvent(new Event('scroll'));
+            }, 200);
+        });

        /* Popup Video */
        if ($('.popup-video').length) {
--- a/js/home-animations.js
+++ b/js/home-animations.js
@@ -0,0 +1,315 @@
+/* =====================================================
+   TSCB — Homepage GSAP Masterpiece
+   Linked ONLY in index.html  |  v1.0
+   ===================================================== */
+
+(function () {
+    'use strict';
+
+    /* Guard: only run when there is a hero section */
+    if (!document.querySelector('.hero')) return;
+
+    /* Register GSAP plugins (safe to call multiple times) */
+    gsap.registerPlugin(ScrollTrigger);
+
+    /* ====================================================
+       1.  HERO — ORBS ENTRANCE + MOUSE PARALLAX
+       ==================================================== */
+
+    /* Orbs drift in after preloader */
+    gsap.from('.hero-orb-1', {
+        scale: 0.2, opacity: 0, duration: 2.8,
+        ease: 'power3.out', delay: 0.85
+    });
+    gsap.from('.hero-orb-2', {
+        scale: 0.2, opacity: 0, duration: 3.2,
+        ease: 'power3.out', delay: 1.0
+    });
+    gsap.from('.hero-orb-3', {
+        scale: 0.2, opacity: 0, duration: 2.2,
+        ease: 'power3.out', delay: 1.3
+    });
+
+    /* Orb glow pulse after preloader (subtle depth feel) */
+    gsap.to('.hero-orb-1', {
+        opacity: 0.85, scale: 1.08,
+        duration: 3, ease: 'sine.inOut',
+        yoyo: true, repeat: -1, delay: 1.8
+    });
+
+    /* Orb scroll parallax */
+    ScrollTrigger.create({
+        trigger: '.hero',
+        start: 'top top',
+        end: 'bottom top',
+        scrub: 1.8,
+        onUpdate: function (self) {
+            var p = self.progress;
+            gsap.set('.hero-orb-1', { y: p * -130, x: p * 45 });
+            gsap.set('.hero-orb-2', { y: p * -90,  x: p * -35 });
+            gsap.set('.hero-orb-3', { y: p * -60,  rotate: p * 50 });
+        }
+    });
+
+    /* Hero mouse parallax — orbs follow the cursor */
+    var heroEl = document.querySelector('.hero');
+    heroEl.addEventListener('mousemove', function (e) {
+        var rect = heroEl.getBoundingClientRect();
+        var xR = (e.clientX - rect.left)  / rect.width  - 0.5;
+        var yR = (e.clientY - rect.top)   / rect.height - 0.5;
+        gsap.to('.hero-orb-1', { x: xR * 55,  y: yR * 35,  duration: 1.8, ease: 'power2.out', overwrite: 'auto' });
+        gsap.to('.hero-orb-2', { x: xR * -40, y: yR * -25, duration: 2.0, ease: 'power2.out', overwrite: 'auto' });
+        gsap.to('.hero-orb-3', { x: xR * 25,  y: yR * 18,  duration: 1.4, ease: 'power2.out', overwrite: 'auto' });
+    });
+
+    /* ====================================================
+       2.  COUNTER SECTION — 3-STAGE DRAMATIC ENTRANCE
+       (counter-item has no .wow class — safe to animate)
+       ==================================================== */
+
+    var counterSection = document.querySelector('.our-counter');
+    if (counterSection) {
+
+        /* Stage 1 — the whole box scales in */
+        gsap.from('.counter-box', {
+            scrollTrigger: { trigger: '.our-counter', start: 'top 78%', once: true },
+            scale: 0.88, opacity: 0, borderRadius: '40px',
+            duration: 1.2, ease: 'power4.out',
+            immediateRender: false
+        });
+
+        /* Stage 2 — individual items slide up with stagger */
+        gsap.from('.counter-item', {
+            scrollTrigger: { trigger: '.our-counter', start: 'top 78%', once: true },
+            y: 60, opacity: 0,
+            duration: 0.85, stagger: 0.18, delay: 0.25,
+            ease: 'back.out(1.6)',
+            immediateRender: false
+        });
+
+        /* Stage 3 — counter h2 numbers pop with elastic */
+        gsap.from('.counter-title h2', {
+            scrollTrigger: { trigger: '.our-counter', start: 'top 78%', once: true },
+            scale: 0.4, opacity: 0,
+            duration: 1.1, stagger: 0.2, delay: 0.55,
+            ease: 'elastic.out(1.1, 0.52)',
+            immediateRender: false
+        });
+
+        /* Counter hover — h2 magnify */
+        document.querySelectorAll('.counter-item').forEach(function (item) {
+            item.addEventListener('mouseenter', function () {
+                gsap.to(item.querySelector('.counter-title h2'), {
+                    scale: 1.12, color: '#d92800',
+                    duration: 0.35, ease: 'back.out(2)'
+                });
+            });
+            item.addEventListener('mouseleave', function () {
+                gsap.to(item.querySelector('.counter-title h2'), {
+                    scale: 1, color: '',
+                    duration: 0.5, ease: 'power2.out'
+                });
+            });
+        });
+    }
+
+    /* ====================================================
+       3.  MISSION IMAGE — SCROLL PARALLAX
+       (the reveal animation in function.js still runs)
+       ==================================================== */
+
+    gsap.to('.mission-img', {
+        scrollTrigger: {
+            trigger: '.our-mission',
+            start: 'top bottom',
+            end: 'bottom top',
+            scrub: 1.8
+        },
+        y: -60, ease: 'none'
+    });
+
+    gsap.to('.mission-life-circle', {
+        scrollTrigger: {
+            trigger: '.our-mission',
+            start: 'top bottom',
+            end: 'bottom top',
+            scrub: 2.5
+        },
+        y: -95, rotate: 35, ease: 'none'
+    });
+
+    /* ====================================================
+       4.  SERVICE TICKER — FADE IN + SUBTLE SCALE
+       ==================================================== */
+
+    gsap.from('.service-ticker', {
+        scrollTrigger: { trigger: '.service-ticker', start: 'top 92%', once: true },
+        opacity: 0, scaleY: 0.6,
+        transformOrigin: 'center center',
+        duration: 0.7, ease: 'back.out(2)',
+        immediateRender: false
+    });
+
+    /* ====================================================
+       5.  SERVICE CARDS — 3D TILT ON HOVER
+       (entrance handled by WOW.js — we layer on tilt only)
+       ==================================================== */
+
+    document.querySelectorAll('.service-item').forEach(function (card) {
+        card.style.transformStyle = 'preserve-3d';
+        card.addEventListener('mousemove', function (e) {
+            var rect = card.getBoundingClientRect();
+            var rotX = ((e.clientY - rect.top  - rect.height / 2) / (rect.height / 2)) * -10;
+            var rotY = ((e.clientX - rect.left - rect.width  / 2) / (rect.width  / 2)) *  10;
+            gsap.to(card, {
+                rotationX: rotX, rotationY: rotY,
+                transformPerspective: 700,
+                duration: 0.35, ease: 'power2.out', overwrite: 'auto'
+            });
+        });
+        card.addEventListener('mouseleave', function () {
+            gsap.to(card, {
+                rotationX: 0, rotationY: 0,
+                duration: 0.75, ease: 'elastic.out(1, 0.45)', overwrite: 'auto'
+            });
+        });
+    });
+
+    /* ====================================================
+       6.  SPONSORS — GUARANTEED VISIBILITY
+       Two-trigger system: ScrollTrigger + load-time check
+       gsap.set() owns initial state (no CSS opacity:0 ever)
+       ==================================================== */
+
+    var sponsorItems = document.querySelectorAll('.sponsor-logo-item');
+    if (sponsorItems.length) {
+
+        /* Immediately set invisible via GSAP — no CSS conflict */
+        gsap.set(sponsorItems, { opacity: 0, y: 60, scale: 0.78, rotationY: 15 });
+
+        var sponsorsPlayed = false;
+        function playSponsors() {
+            if (sponsorsPlayed) return;
+            sponsorsPlayed = true;
+            gsap.to(sponsorItems, {
+                opacity: 1, y: 0, scale: 1, rotationY: 0,
+                duration: 0.9, stagger: 0.22,
+                ease: 'back.out(1.8)',
+                clearProps: 'rotationY'
+            });
+        }
+
+        /* Trigger 1: normal scroll */
+        ScrollTrigger.create({
+            trigger: '.our-sponsors-section',
+            start: 'top 88%',
+            once: true,
+            onEnter: playSponsors
+        });
+
+        /* Trigger 2: already visible when page finishes loading */
+        window.addEventListener('load', function () {
+            setTimeout(function () {
+                var sec = document.querySelector('.our-sponsors-section');
+                if (!sec) return;
+                var rect = sec.getBoundingClientRect();
+                if (rect.top < window.innerHeight * 0.92) {
+                    playSponsors();
+                }
+            }, 980);
+        });
+
+        /* 3D tilt on hover — works after animation completes */
+        sponsorItems.forEach(function (card) {
+            card.style.transformStyle = 'preserve-3d';
+            card.addEventListener('mousemove', function (e) {
+                var rect = card.getBoundingClientRect();
+                var rotX = ((e.clientY - rect.top  - rect.height / 2) / (rect.height / 2)) * -8;
+                var rotY = ((e.clientX - rect.left - rect.width  / 2) / (rect.width  / 2)) *  8;
+                gsap.to(card, {
+                    rotationX: rotX, rotationY: rotY,
+                    transformPerspective: 500,
+                    duration: 0.3, ease: 'power2.out', overwrite: 'auto'
+                });
+            });
+            card.addEventListener('mouseleave', function () {
+                gsap.to(card, {
+                    rotationX: 0, rotationY: 0,
+                    duration: 0.65, ease: 'elastic.out(1, 0.45)', overwrite: 'auto'
+                });
+            });
+        });
+    }
+
+    /* ====================================================
+       7.  CTA BOX — SPLIT ENTRANCE
+       (cta-box-btn has .wow — we animate cta-box-content only)
+       ==================================================== */
+
+    gsap.from('.cta-box-content', {
+        scrollTrigger: { trigger: '.cta-box', start: 'top 82%', once: true },
+        x: -70, opacity: 0,
+        duration: 1.1, ease: 'power4.out',
+        immediateRender: false
+    });
+
+    /* ====================================================
+       8.  GLOBAL SCROLL PROGRESS + SECTION FLASH
+       Brief red flash on the progress bar when entering a section
+       ==================================================== */
+
+    var sectionFlashSections = document.querySelectorAll('.our-counter, .our-services, .our-sponsors-section, .cta-box');
+    sectionFlashSections.forEach(function (sec) {
+        ScrollTrigger.create({
+            trigger: sec,
+            start: 'top 60%',
+            once: true,
+            onEnter: function () {
+                var bar = document.getElementById('tscb-progress');
+                if (!bar) return;
+                gsap.fromTo(bar, { boxShadow: '0 0 0 0 rgba(217,40,0,0)' },
+                    { boxShadow: '0 0 18px 4px rgba(217,40,0,0.7)', duration: 0.3, yoyo: true, repeat: 1, ease: 'power2.inOut' });
+            }
+        });
+    });
+
+    /* ====================================================
+       9.  ABOUT-LIST ICON BOXES — STAGGER SPIN-IN
+       (icons inside .about-list-item — no .wow class on the icon)
+       ==================================================== */
+
+    gsap.from('#home-about .about-list-item .icon-box', {
+        scrollTrigger: { trigger: '#home-about .about-content-body', start: 'top 82%', once: true },
+        scale: 0, rotate: -180, opacity: 0,
+        duration: 0.75, stagger: 0.2, delay: 0.15,
+        ease: 'back.out(2)',
+        immediateRender: false
+    });
+
+    /* ====================================================
+       10.  SCROLL-TRIGGERED BACKGROUND GRADIENT SHIFT
+            on the hero as user scrolls away
+       ==================================================== */
+
+    ScrollTrigger.create({
+        trigger: '.hero',
+        start: 'top top',
+        end: 'bottom top',
+        scrub: 1,
+        onUpdate: function (self) {
+            heroEl.style.filter = 'brightness(' + (1 - self.progress * 0.18) + ')';
+        }
+    });
+
+    /* ====================================================
+       FINALIZE: refresh ScrollTrigger after full load
+       (handles lazy images and font layout shifts)
+       ==================================================== */
+
+    window.addEventListener('load', function () {
+        setTimeout(function () {
+            ScrollTrigger.refresh();
+        }, 300);
+    });
+
+})();
--- a/liability.html
+++ b/liability.html
@@ -19,25 +19,11 @@
      href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
      rel="stylesheet"
    />
-    <!-- Bootstrap Css -->
-    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen" />
-    <!-- SlickNav Css -->
-    <link href="css/slicknav.min.css" rel="stylesheet" />
-    <!-- Swiper Css -->
-    <link rel="stylesheet" href="css/swiper-bundle.min.css" />
-    <!-- Font Awesome Icon Css-->
-    <link href="css/all.css" rel="stylesheet" media="screen" />
-    <!-- Animated Css -->
-    <link href="css/animate.css" rel="stylesheet" />
-    <!-- Magnific Popup Core Css File -->
-    <link rel="stylesheet" href="css/magnific-popup.css" />
-    <!-- Mouse Cursor Css File -->
-    <link rel="stylesheet" href="css/mousecursor.css" />
-    <!-- Audio Css File -->
-    <link rel="stylesheet" href="css/plyr.css" />
-    <!-- Main Custom Css -->
-    <link href="css/custom.css" rel="stylesheet" media="screen" />
-  </head>
+    <!-- Preload critical image -->
+    <link rel="preload" href="images/page-header-bg.jpg" as="image">
+    <!-- Bundled CSS -->
+    <link href="css/bundle.css" rel="stylesheet">
+</head>

  <body>
    <!-- Preloader Start -->
@@ -440,7 +426,7 @@
                <!-- Footer Info Box Start -->
                <div class="footer-info-box">
                  <div class="icon-box">
-                    <img src="images/icon-phone.svg" alt="" />
+                    <img loading="lazy" src="images/icon-phone.svg" alt="" />
                  </div>
                  <div class="footer-info-box-content">
                    <p>(+1) (945) 900-1148</p>
@@ -451,7 +437,7 @@
                <!-- Footer Info Box Start -->
                <div class="footer-info-box">
                  <div class="icon-box">
-                    <img src="images/icon-mail.svg" alt="" />
+                    <img loading="lazy" src="images/icon-mail.svg" alt="" />
                  </div>
                  <div class="footer-info-box-content">
                    <p>texasscholasticcricketboard@gmail.com</p>
@@ -502,37 +488,6 @@
    <!-- Footer End -->

    <!-- Jquery Library File -->
-    <script src="js/jquery-3.7.1.min.js"></script>
-    <!-- Bootstrap js file -->
-    <script src="js/bootstrap.min.js"></script>
-    <!-- Validator js file -->
-    <script src="js/validator.min.js"></script>
-    <!-- SlickNav js file -->
-    <script src="js/jquery.slicknav.js"></script>
-    <!-- Swiper js file -->
-    <script src="js/swiper-bundle.min.js"></script>
-    <!-- Counter js file -->
-    <script src="js/jquery.waypoints.min.js"></script>
-    <script src="js/jquery.counterup.min.js"></script>
-    <!-- Magnific js file -->
-    <script src="js/jquery.magnific-popup.min.js"></script>
-    <!-- SmoothScroll -->
-    <script src="js/SmoothScroll.js"></script>
-    <!-- Parallax js -->
-    <script src="js/parallaxie.js"></script>
-    <!-- MagicCursor js file -->
-    <script src="js/gsap.min.js"></script>
-    <script src="js/magiccursor.js"></script>
-    <!-- Text Effect js file -->
-    <script src="js/SplitText.js"></script>
-    <script src="js/ScrollTrigger.min.js"></script>
-    <!-- YTPlayer js File -->
-    <script src="js/jquery.mb.YTPlayer.min.js"></script>
-    <!-- Audio js File -->
-    <script src="js/plyr.js"></script>
-    <!-- Wow js file -->
-    <script src="js/wow.js"></script>
-    <!-- Main Custom js file -->
-    <script src="js/function.js"></script>
+    <script src="js/bundle-core.js"></script>
  </body>
 </html>
--- a/sitemap.xml
+++ b/sitemap.xml
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+  <url>
+    <loc>https://tscb.cricket/</loc>
+    <priority>1.0</priority>
+    <changefreq>weekly</changefreq>
+  </url>
+  <url>
+    <loc>https://tscb.cricket/about.html</loc>
+    <priority>0.8</priority>
+    <changefreq>monthly</changefreq>
+  </url>
+  <url>
+    <loc>https://tscb.cricket/austin.html</loc>
+    <priority>0.8</priority>
+    <changefreq>weekly</changefreq>
+  </url>
+  <url>
+    <loc>https://tscb.cricket/dallas.html</loc>
+    <priority>0.8</priority>
+    <changefreq>weekly</changefreq>
+  </url>
+  <url>
+    <loc>https://tscb.cricket/contact.html</loc>
+    <priority>0.6</priority>
+    <changefreq>monthly</changefreq>
+  </url>
+  <url>
+    <loc>https://tscb.cricket/sponsors.html</loc>
+    <priority>0.6</priority>
+    <changefreq>monthly</changefreq>
+  </url>
+  <url>
+    <loc>https://tscb.cricket/liability.html</loc>
+    <priority>0.4</priority>
+    <changefreq>yearly</changefreq>
+  </url>
+</urlset>
--- a/sponsors.html
+++ b/sponsors.html
@@ -19,25 +19,11 @@
      href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
      rel="stylesheet"
    />
-    <!-- Bootstrap Css -->
-    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen" />
-    <!-- SlickNav Css -->
-    <link href="css/slicknav.min.css" rel="stylesheet" />
-    <!-- Swiper Css -->
-    <link rel="stylesheet" href="css/swiper-bundle.min.css" />
-    <!-- Font Awesome Icon Css-->
-    <link href="css/all.css" rel="stylesheet" media="screen" />
-    <!-- Animated Css -->
-    <link href="css/animate.css" rel="stylesheet" />
-    <!-- Magnific Popup Core Css File -->
-    <link rel="stylesheet" href="css/magnific-popup.css" />
-    <!-- Mouse Cursor Css File -->
-    <link rel="stylesheet" href="css/mousecursor.css" />
-    <!-- Audio Css File -->
-    <link rel="stylesheet" href="css/plyr.css" />
-    <!-- Main Custom Css -->
-    <link href="css/custom.css" rel="stylesheet" media="screen" />
-  </head>
+    <!-- Preload critical image -->
+    <link rel="preload" href="images/page-header-bg.jpg" as="image">
+    <!-- Bundled CSS -->
+    <link href="css/bundle.css" rel="stylesheet">
+</head>

  <body>
    <!-- Preloader Start -->
@@ -186,7 +172,7 @@
              <!-- Team Image Start -->
              <div class="team-image">
                <figure class="image-anime">
-                  <img src="images/srisports.png" alt="Sri Sports" />
+                  <img loading="lazy" src="images/srisports.png" alt="Sri Sports" />
                </figure>
              </div>
              <!-- Team Image End -->
@@ -207,7 +193,7 @@
              <!-- Team Image Start -->
              <div class="team-image">
                <figure class="image-anime">
-                  <img src="images/ncca.jpg" alt="National College Cricket Association" />
+                  <img loading="lazy" src="images/ncca.jpg" alt="National College Cricket Association" />
                </figure>
              </div>
              <!-- Team Image End -->
@@ -228,7 +214,7 @@
              <!-- Team Image Start -->
              <div class="team-image">
                <figure class="image-anime">
-                  <img src="images/hit-fantasy.jpg" alt="Hit Fantasy" />
+                  <img loading="lazy" src="images/hit-fantasy.jpg" alt="Hit Fantasy" />
                </figure>
              </div>
              <!-- Team Image End -->
@@ -359,7 +345,7 @@
                <!-- Footer Info Box Start -->
                <div class="footer-info-box">
                  <div class="icon-box">
-                    <img src="images/icon-phone.svg" alt="" />
+                    <img loading="lazy" src="images/icon-phone.svg" alt="" />
                  </div>
                  <div class="footer-info-box-content">
                    <p>(+1) (945) 900-1148</p>
@@ -370,7 +356,7 @@
                <!-- Footer Info Box Start -->
                <div class="footer-info-box">
                  <div class="icon-box">
-                    <img src="images/icon-mail.svg" alt="" />
+                    <img loading="lazy" src="images/icon-mail.svg" alt="" />
                  </div>
                  <div class="footer-info-box-content">
                    <p>texasscholasticcricketboard@gmail.com</p>
@@ -421,37 +407,8 @@
    <!-- Footer End -->

    <!-- Jquery Library File -->
-    <script src="js/jquery-3.7.1.min.js"></script>
-    <!-- Bootstrap js file -->
-    <script src="js/bootstrap.min.js"></script>
-    <!-- Validator js file -->
-    <script src="js/validator.min.js"></script>
-    <!-- SlickNav js file -->
-    <script src="js/jquery.slicknav.js"></script>
-    <!-- Swiper js file -->
-    <script src="js/swiper-bundle.min.js"></script>
-    <!-- Counter js file -->
-    <script src="js/jquery.waypoints.min.js"></script>
-    <script src="js/jquery.counterup.min.js"></script>
-    <!-- Magnific js file -->
-    <script src="js/jquery.magnific-popup.min.js"></script>
-    <!-- SmoothScroll -->
-    <script src="js/SmoothScroll.js"></script>
-    <!-- Parallax js -->
-    <script src="js/parallaxie.js"></script>
-    <!-- MagicCursor js file -->
-    <script src="js/gsap.min.js"></script>
-    <script src="js/magiccursor.js"></script>
-    <!-- Text Effect js file -->
-    <script src="js/SplitText.js"></script>
-    <script src="js/ScrollTrigger.min.js"></script>
-    <!-- YTPlayer js File -->
-    <script src="js/jquery.mb.YTPlayer.min.js"></script>
-    <!-- Audio js File -->
-    <script src="js/plyr.js"></script>
-    <!-- Wow js file -->
-    <script src="js/wow.js"></script>
-    <!-- Main Custom js file -->
-    <script src="js/function.js"></script>
+    <script src="js/bundle-core.js"></script>
+    <!-- Enhanced Animations js -->
+    <script src="js/enhance.js"></script>
  </body>
 </html>
Author	SHA1	Message	Date
KeshavAnandCode	71b0897f48	remove effect in css	2026-04-03 10:43:12 -05:00
KeshavAnandCode	48fb1a585f	remove span shimmer	2026-04-03 10:42:50 -05:00
KeshavAnandCode	45f7c690e1	enhance changes	2026-04-03 10:17:13 -05:00
KeshavAnandCode	cad8a343ef	bundle	2026-04-03 10:16:36 -05:00
KeshavAnandCode	17da901a23	test	2026-03-29 20:25:47 -05:00
KeshavAnandCode	784e7712af	Added pfpss for board	2026-03-18 22:26:46 -05:00
KeshavAnandCode	598e393084	test	2026-03-18 14:56:28 -05:00
KeshavAnandCode	c028da9f0f	test	2026-03-18 14:53:51 -05:00
KeshavAnandCode	9335a29fb7	sitemap	2026-03-17 23:55:02 -05:00
KeshavAnandCode	b232367d88	fixed signs	2026-03-17 23:15:17 -05:00
KeshavAnandCode	1eb4ae4785	changed a few images	2026-03-17 22:54:18 -05:00
KeshavAnandCode	245102513f	fixed img	2026-03-17 18:28:59 -05:00
KeshavAnandCode	503907a605	Center the homepage mission image on mobile devices Update CSS to ensure the mission image is centered and fully visible on mobile viewports by overriding GSAP animation styles. Replit-Commit-Author: Agent Replit-Commit-Session-Id: d075e7a4-f667-4f28-b24a-2d29e4931850 Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Event-Id: a4ff629e-a0c5-4ff8-9450-c5b4de6efab5 Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/e2c5cd18-6007-4bb1-a111-e14cc125923d/d075e7a4-f667-4f28-b24a-2d29e4931850/W9XaVKV Replit-Helium-Checkpoint-Created: true	2026-03-17 22:52:31 +00:00
KeshavAnandCode	af273c1a4b	Fix homepage image display and animation issues Update CSS to correct mobile display of the mission image and JavaScript to ensure animations trigger correctly on page load and prevent spamming. Replit-Commit-Author: Agent Replit-Commit-Session-Id: d075e7a4-f667-4f28-b24a-2d29e4931850 Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Event-Id: 5e85e2ff-f77c-4bb3-983c-222800a23422 Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/e2c5cd18-6007-4bb1-a111-e14cc125923d/d075e7a4-f667-4f28-b24a-2d29e4931850/W9XaVKV Replit-Helium-Checkpoint-Created: true	2026-03-17 22:51:17 +00:00
KeshavAnandCode	7e6f3fc0c5	Restored to 'f05d289edb8ae4d0d34f6679f8fd4aa4f4f27d21' Replit-Restored-To: `f05d289edb`	2026-03-17 22:43:09 +00:00
KeshavAnandCode	e201938faf	Saved your changes before starting work Replit-Commit-Author: Agent Replit-Commit-Session-Id: d075e7a4-f667-4f28-b24a-2d29e4931850 Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Event-Id: 51fd54df-1258-4125-9ba5-faab65b3356e	2026-03-17 22:43:07 +00:00
KeshavAnandCode	809b083967	Improve homepage layout and animations for mobile devices Update CSS and JavaScript to enhance mobile responsiveness, fix image alignment issues, and refine animations for a better user experience on smaller screens. Replit-Commit-Author: Agent Replit-Commit-Session-Id: 8e995c99-f0dc-4535-89de-ddffaca13380 Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Event-Id: 9c30b65d-1fff-4139-8042-cad809186f1b Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/e2c5cd18-6007-4bb1-a111-e14cc125923d/8e995c99-f0dc-4535-89de-ddffaca13380/imQgZBK Replit-Helium-Checkpoint-Created: true	2026-03-17 22:40:21 +00:00
KeshavAnandCode	78b848fda8	Improve website responsiveness and appearance on smaller screens Update `css/enhance.css` to refine the website's layout and styling across various mobile breakpoints (tablet, large phone, small phone). Includes adjustments to hero section padding, button alignment, image aspect ratios, and text sizing. Also updates `tsx` dependency in `package.json`. Replit-Commit-Author: Agent Replit-Commit-Session-Id: 8e995c99-f0dc-4535-89de-ddffaca13380 Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Event-Id: e1ed3d26-6466-4b2e-ba25-934afd2bb460 Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/e2c5cd18-6007-4bb1-a111-e14cc125923d/8e995c99-f0dc-4535-89de-ddffaca13380/hn5LR9d Replit-Helium-Checkpoint-Created: true	2026-03-17 22:30:10 +00:00
KeshavAnandCode	873cbf4071	finished v2	2026-03-17 22:09:07 +00:00
KeshavAnandCode	169100e0a2	Add space to about section to improve visual spacing Add non-breaking spaces in the about section to create visual separation. Replit-Commit-Author: Agent Replit-Commit-Session-Id: 1cf11e65-6deb-45c8-b84b-15ffb586a42f Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Event-Id: 84efe383-31dc-4829-8876-1a04da183e04 Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/ef74882e-373e-40b4-93c7-cf128544a855/1cf11e65-6deb-45c8-b84b-15ffb586a42f/ZDkY1x7 Replit-Helium-Checkpoint-Created: true	2026-03-17 22:06:05 +00:00
KeshavAnandCode	3b5eae7e86	Adjust image sizing to maintain aspect ratio and fit content Modify CSS for the cricket image to ensure it displays with its natural aspect ratio, constraining its height to align with adjacent text while allowing its width to adjust proportionally. Replit-Commit-Author: Agent Replit-Commit-Session-Id: 1cf11e65-6deb-45c8-b84b-15ffb586a42f Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Event-Id: 1693786b-1a78-40ff-bda7-bbae9e47519e Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/ef74882e-373e-40b4-93c7-cf128544a855/1cf11e65-6deb-45c8-b84b-15ffb586a42f/ZDkY1x7 Replit-Helium-Checkpoint-Created: true	2026-03-17 22:01:32 +00:00
KeshavAnandCode	abdbbfe137	Improve image display and counter hover effects on the homepage and about page Refactor CSS to correct image aspect ratios, equalize founder image sizes with consistent borders, and update counter hover state color for better contrast. Replit-Commit-Author: Agent Replit-Commit-Session-Id: 1cf11e65-6deb-45c8-b84b-15ffb586a42f Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Event-Id: 2aec9677-3784-4e92-8b41-c655a2a3ab1a Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/ef74882e-373e-40b4-93c7-cf128544a855/1cf11e65-6deb-45c8-b84b-15ffb586a42f/S9Ta7w0 Replit-Helium-Checkpoint-Created: true	2026-03-17 21:58:51 +00:00
KeshavAnandCode	1f3c0df8b7	Improve image display and layout across the about page for all devices Update the 'about us' page styling to fix image overlay issues, adjust image sizes, and implement responsive layouts for improved appearance on all devices. Add lazy loading to images. Replit-Commit-Author: Agent Replit-Commit-Session-Id: 1cf11e65-6deb-45c8-b84b-15ffb586a42f Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Event-Id: 52941381-a76f-408f-bea0-146e6f493c34 Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/ef74882e-373e-40b4-93c7-cf128544a855/1cf11e65-6deb-45c8-b84b-15ffb586a42f/jjGOhXu Replit-Helium-Checkpoint-Created: true	2026-03-17 21:53:16 +00:00
KeshavAnandCode	57cf4b4852	Fix application crash by correctly bundling CSS and JavaScript files Correctly concatenates CSS and JS files by removing duplicate charset declarations and adding necessary separators to prevent parsing errors. Replit-Commit-Author: Agent Replit-Commit-Session-Id: 1cf11e65-6deb-45c8-b84b-15ffb586a42f Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Event-Id: df972d97-9eaf-4b40-938f-e525c13ebb19 Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/ef74882e-373e-40b4-93c7-cf128544a855/1cf11e65-6deb-45c8-b84b-15ffb586a42f/SOT3Dby Replit-Helium-Checkpoint-Created: true	2026-03-17 21:45:42 +00:00
KeshavAnandCode	aebfb9d9d8	Optimize website performance by bundling assets and optimizing images Combines multiple CSS and JavaScript files into single bundles (bundle.css, bundle-core.js), adds lazy loading to images, and optimizes image formats and sizes across various HTML pages. Includes preload hints for critical background images and adjusts image loading attributes. Replit-Commit-Author: Agent Replit-Commit-Session-Id: 1cf11e65-6deb-45c8-b84b-15ffb586a42f Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Event-Id: 176f25a3-e1e0-4712-8b99-06084f7cc51d Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/ef74882e-373e-40b4-93c7-cf128544a855/1cf11e65-6deb-45c8-b84b-15ffb586a42f/Q4c5QN3 Replit-Helium-Checkpoint-Created: true	2026-03-17 21:22:54 +00:00
KeshavAnandCode	e862bebe9c	Improve image display and responsiveness across all devices Remove inline image styles and apply comprehensive CSS for responsive adjustments across multiple breakpoints, including specific fixes for the about page's single-image layout and general improvements for mobile, tablet, and desktop views. Replit-Commit-Author: Agent Replit-Commit-Session-Id: f13f685e-aa76-4721-bd29-73edf2f9795d Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Event-Id: 25530331-7c60-4bc9-8ff3-d322ef9fb8e7 Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/705de26f-a3c1-41e6-845d-88f96627134c/f13f685e-aa76-4721-bd29-73edf2f9795d/iA1wIFJ Replit-Helium-Checkpoint-Created: true	2026-03-17 21:08:35 +00:00
KeshavAnandCode	bfd5a3e1e7	Enhance homepage animations and fix visual glitches Refactor CSS and JavaScript to implement advanced GSAP animations, resolve image overlay issues, and ensure sponsor visibility. Replit-Commit-Author: Agent Replit-Commit-Session-Id: f13f685e-aa76-4721-bd29-73edf2f9795d Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Event-Id: c95103aa-b9ba-4a37-8cab-7bb946a4dee9 Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/705de26f-a3c1-41e6-845d-88f96627134c/f13f685e-aa76-4721-bd29-73edf2f9795d/2yHlFNO Replit-Helium-Checkpoint-Created: true	2026-03-17 21:02:24 +00:00
KeshavAnandCode	2f22cd23aa	Improve homepage animations and fix sponsor display issues Update index.html to enhance animations, fix sponsor visibility, and modify the mission image source. Replit-Commit-Author: Agent Replit-Commit-Session-Id: f13f685e-aa76-4721-bd29-73edf2f9795d Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Event-Id: 6a787c2a-4901-4c90-9cd6-64a81b86e3d8 Replit-Helium-Checkpoint-Created: true	2026-03-17 20:46:41 +00:00
KeshavAnandCode	3391a59432	Restored to 'e1bb749c802b35c26f8a6370a4d07c66c95c5d08' Replit-Restored-To: `e1bb749c80`	2026-03-17 20:41:17 +00:00
KeshavAnandCode	77b1b7cdc2	Improve website performance by optimizing images and scripts Add `defer` attribute to all script tags, implement lazy loading for images, and replace a large GIF with a smaller JPG to significantly reduce page load times. Replit-Commit-Author: Agent Replit-Commit-Session-Id: 8702cea6-5379-4542-9446-7e71f9f057ab Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Event-Id: 2b20dec5-94a9-483a-a567-1547f23caa2f Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/705de26f-a3c1-41e6-845d-88f96627134c/8702cea6-5379-4542-9446-7e71f9f057ab/ejKynqE Replit-Helium-Checkpoint-Created: true	2026-03-17 20:40:23 +00:00
KeshavAnandCode	42eb7c7906	Add next-level animations and visual enhancements to the website Integrates CSS and JavaScript for enhanced animations, including scroll progress, floating orbs, magnetic buttons, and animated gradients, while also fixing responsive image display issues on the About Us page. Replit-Commit-Author: Agent Replit-Commit-Session-Id: 8702cea6-5379-4542-9446-7e71f9f057ab Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Event-Id: 0d23a4eb-ce23-497a-86bc-d3de3958ac06 Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/705de26f-a3c1-41e6-845d-88f96627134c/8702cea6-5379-4542-9446-7e71f9f057ab/ejKynqE Replit-Helium-Checkpoint-Created: true	2026-03-17 20:37:29 +00:00
KeshavAnandCode	7fb7f8c122	Improve styling for images and sponsor section presentation Update CSS to fix image display issues, adjust the sponsors section layout, and resolve minor styling inconsistencies. Replit-Commit-Author: Agent Replit-Commit-Session-Id: 8702cea6-5379-4542-9446-7e71f9f057ab Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Event-Id: 8201fba5-a9b5-45f9-8405-e7872874ad43 Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/705de26f-a3c1-41e6-845d-88f96627134c/8702cea6-5379-4542-9446-7e71f9f057ab/ejKynqE Replit-Helium-Checkpoint-Created: true	2026-03-17 20:27:33 +00:00
KeshavAnandCode	dc55475694	Extracted stack files	2026-03-17 20:23:49 +00:00
Krishna Ayyalasomayajula	8137a70503	cleanup	2026-03-17 15:09:54 -05:00
Krishna Ayyalasomayajula	ac7df4c6d4	all done	2026-03-17 15:08:27 -05:00
Krishna Ayyalasomayajula	5db23ce28f	docs: complete Phase 4 & 5 - testing report and documentation	2026-03-17 15:01:48 -05:00
Krishna Ayyalasomayajula	1e91d66c81	fix: add responsive grid classes to austin page team members and footer	2026-03-17 15:00:06 -05:00
Krishna Ayyalasomayajula	8f5fd5cee1	fix: add responsive grid classes to dallas page team members and footer	2026-03-17 14:58:55 -05:00
Krishna Ayyalasomayajula	0d6ba59b05	fix: add responsive grid classes to about page team members and footer	2026-03-17 14:57:49 -05:00
Krishna Ayyalasomayajula	fa4153bf5e	fix: add responsive grid classes to counter cards and footer	2026-03-17 14:56:20 -05:00
Krishna Ayyalasomayajula	d0389f1a92	fix: add responsive grid classes to sponsor cards	2026-03-17 14:54:57 -05:00
Krishna Ayyalasomayajula	72c0785830	style: add responsive CSS for team-member-item and images	2026-03-17 14:54:11 -05:00
KeshavAnandCode	c852181aa1	typo	2026-03-17 12:27:24 -05:00
KeshavAnandCode	8ea61cbd6a	href fix	2026-03-17 00:26:41 -05:00
KeshavAnandCode	ebbf23db38	image cleanup	2026-03-17 00:18:47 -05:00
KeshavAnandCode	e844ae6851	added liability page	2026-03-17 00:05:18 -05:00
KeshavAnandCode	a235d2a866	cleanup html	2026-03-16 23:55:15 -05:00
KeshavAnandCode	a1e8ce30b8	fixed header, footer, austin and dallas all good	2026-03-16 23:54:04 -05:00
KeshavAnandCode	bcea516f31	fixes	2026-03-16 23:34:07 -05:00
KeshavAnandCode	44ecb7ace0	AI and contact fixed	2026-03-14 15:07:36 -05:00
KeshavAnandCode	59308775ec	working ig	2026-03-11 18:55:33 -05:00
Krishna Ayyalasomayajula	780045eaa9	nav link fix	2026-03-09 23:04:27 -05:00
Krishna Ayyalasomayajula	760900f991	new files	2026-03-09 22:54:28 -05:00
Krishna Ayyalasomayajula	84d531d54d	first pass through the proprietary orchestration structure	2026-03-09 22:52:44 -05:00
KeshavAnandCode	38f806d304	added footer, 404	2026-03-09 20:34:36 -05:00
KeshavAnandCode	8ef7038930	about us finished with placeholding	2026-03-09 20:24:07 -05:00
KeshavAnandCode	afe1020554	fixed footer, added about founder's message	2026-03-09 19:47:42 -05:00
KeshavAnandCode	b18b5d5d85	about in progress	2026-03-09 19:06:17 -05:00
KeshavAnandCode	ec0300f782	finished homepage	2026-03-08 20:28:41 -05:00
KeshavAnandCode	2107084af3	almost finished w/ homepage	2026-03-08 20:17:29 -05:00
KeshavAnandCode	c73ed4890e	regionals taken care of, mission statement	2026-03-08 19:45:20 -05:00