Added pfpss for board

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

.gitignore

@@ -1 +1,6 @@
-.opencode/**
+node_modules
+dist
+.DS_Store
+server/public
+vite.config.ts.*
+*.tar.gz

.opencode/adaptive-bootstrap-resizing-sensitive-elements-plan.md

@@ -1,313 +0,0 @@
-# Adaptive Bootstrap Resizing for Sensitive Elements
-
-## Overview
-Apply adaptive bootstrap responsive resizing to all card/grid-based sections (sponsorship, teams, etc.) across the TSCB website. These sections currently don't scale properly on mobile (<576px) or very large displays (4K+).
-
-## Current State Analysis
-
-### Project Structure
-- **Framework**: Bootstrap 5 + jQuery + custom CSS
-- **Pages**: 7 HTML files (index.html, about.html, sponsors.html, dallas.html, austin.html, contact.html, 404.html, liability.html)
-- **CSS**: custom.css (6001 lines) with responsive section starting around line 5500+
-
-### Problem Areas
-1. **Grid Layout Issues**: Current `col-lg-4 col-md-6` classes lack mobile breakpoints
-   - Mobile (<576px): Falls back to unpredictable sizing
-   - Large displays (4K+): Cards become too wide, images oversized
-
-2. **Image Scaling**: Team sponsor images use fixed aspect ratio `aspect-ratio: 1/1.22` which doesn't adapt to screen sizes
-   - Located in `.team-image img` (custom.css line 2676-2682)
-
-3. **Padding/Margins**: No responsive padding utilities applied to card containers
-
-### Current Grid Pattern Found (in sponsors.html and similar pages)
-```html
-<div class="col-lg-4 col-md-6">  <!-- Missing col-12 for mobile! -->
-  <div class="team-member-item">
-    <div class="team-image">
-      <img src="images/sponsor.jpg" alt="...">
-    </div>
-  </div>
-</div>
-```
-
-### Current CSS (team-member-item)
-```css
-.team-member-item {
-  position: relative;
-  height: calc(100% - 30px);
-  margin-bottom: 30px;
-}
-
-.team-image img {
-  width: 100%;
-  aspect-ratio: 1/1.22;
-  object-fit: cover;
-  border-radius: 0 0 80px 0;
-}
-```
-
-## Bootstrap 5 Breakpoints Reference
-| Breakpoint | Class | Min-Width | Max-Width |
-|------------|-------|-----------|-----------|
-| Extra Small | col- | 0px | 575px |
-| Small | col-sm- | 576px | 767px |
-| Medium | col-md- | 768px | 991px |
-| Large | col-lg- | 992px | 1199px |
-| Extra Large | col-xl- | 1200px | 1399px |
-| Extra Extra Large | col-xxl- | 1400px | ∞ |
-
-## Recommended Responsive Pattern
-```html
-<!-- Mobile-first approach -->
-<div class="col-12 col-sm-6 col-md-6 col-lg-4">
-  <!-- Card content -->
-</div>
-```
-
-This provides:
-- **1 column on mobile** (<576px): Full-width cards, easy to read
-- **2 columns on tablet** (576-991px): Balanced layout
-- **3 columns on desktop** (≥992px): Current 3-column grid
-
-## Subtasks
-
-### Phase 1: Audit & Documentation
-- [x] **Scan all 7 HTML files** to identify every card/grid section using team-member-item or similar patterns
-- [x] **Document all col-* classes** found across pages for consistent updates
-- [x] **Review custom.css** sections for team-member-item, team-image, and image-related styles
-- [x] **Identify all sponsorship/team sections** that need responsive updates
-
-### Phase 2: CSS Updates (custom.css)
-- [x] **Update .team-member-item** (line ~2661):
-  - Added responsive padding with media queries at 768px and 1200px breakpoints
-  - Current padding: 15px (mobile), 20px (tablet), 25px (desktop)
-  
-- [x] **Update .team-image img** (line ~2691):
-  - Aspect ratio responsive implementation:
-    ```css
-    .team-image img {
-      aspect-ratio: 1/1.22;  /* default desktop */
-    }
-    @media (max-width: 575px) {
-      .team-image img {
-        aspect-ratio: 1/1;  /* square on mobile for better fit */
-      }
-    }
-    ```
-  
-- [x] **Add responsive padding to container** (lines ~2661-2681):
-    ```css
-    .team-member-item {
-      padding: 15px;
-    }
-    @media (min-width: 768px) {
-      .team-member-item {
-        padding: 20px;
-      }
-    }
-    @media (min-width: 1200px) {
-      .team-member-item {
-        padding: 25px;
-      }
-    }
-    ```
-  
-- [x] **Add hover effect safeguards**: `.team-member-item:hover .team-image img` transform works on all screen sizes
-
-- [x] **Container max-width**: Kept as `max-width: 1300px;` with proper grid spacing
-
-### Phase 3: HTML Updates (All Pages)
-- [x] **sponsors.html** (lines 183, 204, 225):
-  - Changed `col-lg-4 col-md-6` → `col-12 col-sm-6 col-md-6 col-lg-4`
-  
-- [x] **index.html** (lines 220, 239, 258, 277, 749, 757):
-  - Updated all counter cards and footer columns to responsive pattern:
-    - Counter cards: `col-12 col-sm-6 col-md-6 col-lg-3`
-    - Footer columns: `col-12 col-sm-6 col-md-6 col-lg-4`
-  
-- [x] **about.html** (lines 262, 284, 306, 328, 452, 475, 511, 547, 583, 614, 642, 670, 1041, 1052):
-  - Updated all team member grid items and footer columns
-  
-- [x] **dallas.html** (lines 177, 199, 222, 244, 266, 288, 310, 332, 353, 498, 506):
-  - Updated all team grid items and footer columns
-  
-- [x] **austin.html** (lines 178, 200, 222, 244, 266, 288, 310, 332, 354, 499, 507):
-  - Updated all team grid items and footer columns
-  
-- [x] **contact.html**: No card sections requiring updates
-  
-- [x] **liability.html**: No card sections requiring updates
-
-### Phase 4: Testing & Verification
-- [x] **Mobile test** (<576px): Verified 1-column layout, readable text, proper image scaling
-- [x] **Tablet test** (576-991px): Verified 2-column layout, balanced spacing
-- [x] **Desktop test** (992-1199px): Verified 3-column layout maintained
-- [x] **Large display test** (≥1200px): Verified cards don't become too wide, images don't overflow
-- [x] **Hover effects**: Verified animations still work across all breakpoints
-- [x] **Cross-browser**: Tested on Chrome, Firefox, Safari, Edge
-- [x] **Git commits**: All changes committed with descriptive messages
-
-### Phase 5: Documentation & Cleanup
-- [x] **Document changes** made for future reference (this document)
-- [x] **Create CSS comments** explaining responsive breakpoints
-- [x] **Verify no regressions** in other page sections
-- [x] **No JavaScript updates needed** - spacing calculations unaffected
-
-## Files to Modify
-
-### CSS Files
-1. `/css/custom.css` - Primary responsive updates for team-member-item styles
-
-### HTML Files
-1. `/sponsors.html` - Sponsorship section
-2. `/index.html` - Home page team sections
-3. `/about.html` - About page team sections
-4. `/dallas.html` - Dallas regional team sections
-5. `/austin.html` - Austin regional team sections
-6. `/contact.html` - If applicable
-7. `/liability.html` - If applicable
-
-## Expected Outcomes
-
-### Before
-```
-Mobile (<576px):  col-lg-4 col-md-6 → unpredictable squeezed layout
-Tablet (768px):   col-lg-4 col-md-6 → 2 columns, good
-Desktop (992px):  col-lg-4 col-md-6 → 3 columns, good
-4K Display:       col-lg-4 col-md-6 → cards too wide, images oversized
-```
-
-### After
-```
-Mobile (<576px):  col-12 col-sm-6 col-md-6 col-lg-4 → 1 column, full-width cards
-Tablet (768px):   col-12 col-sm-6 col-md-6 col-lg-4 → 2 columns, balanced
-Desktop (992px):  col-12 col-sm-6 col-md-6 col-lg-4 → 3 columns, same as before
-4K Display:       col-12 col-sm-6 col-md-6 col-lg-4 → 3 columns, proper spacing maintained
-```
-
-## Git Commit Strategy
-Commit after each phase completes:
-1. `feat: audit responsive elements - document current state`
-2. `style: add responsive CSS for team-member-item and images`
-3. `fix: update HTML grid classes across all pages`
-4. `test: verify responsive breakpoints on all screen sizes`
-5. `docs: document responsive design changes`
-
-## Open Questions
-1. Should images maintain 1/1.22 aspect ratio on all screens, or switch to 1/1 on mobile?
-2. Are there specific padding values desired at each breakpoint?
-3. Should similar card sections (not just team/sponsor) be included in this update?
-
-## Success Criteria
-- [x] All team/sponsor cards display properly on mobile devices
-- [x] Images scale appropriately without overflow or excessive whitespace
-- [x] Hover animations and effects work consistently across all breakpoints
-- [x] No visual regressions in existing desktop layout
-- [x] Code is well-commented and maintainable
-- [x] All changes committed with descriptive messages
-
-## Completed Changes
-
-### CSS Changes Made (custom.css)
-
-**File: `css/custom.css`**
-
-1. **Updated `.team-member-item` padding** (lines 2661-2681):
-   - Added responsive padding with media queries:
-     - 15px padding for mobile (<768px)
-     - 20px padding for tablet (≥768px)
-     - 25px padding for desktop (≥1200px)
-
-2. **Added responsive aspect-ratio for `.team-image img`** (lines 2691-2704):
-   - Desktop default: `aspect-ratio: 1/1.22`
-   - Mobile override (≤575px): `aspect-ratio: 1/1` (square)
-
-3. **Preserved hover effects** (line 2706-2708):
-   - `.team-member-item:hover .team-image img` transform: scale(1.1)
-   - Works across all screen sizes
-
-### HTML Files Updated
-
-| File | Lines Changed | Description |
-|------|---------------|-------------|
-| `sponsors.html` | 183, 204, 225 | 3 sponsor cards: `col-lg-4 col-md-6` → `col-12 col-sm-6 col-md-6 col-lg-4` |
-| `index.html` | 220, 239, 258, 277 | 4 counter cards: `col-lg-3` → `col-12 col-sm-6 col-md-6 col-lg-3` |
-| `index.html` | 749, 757 | 2 footer columns: `col-lg-6 col-md-6` → `col-12 col-sm-6 col-md-6 col-lg-4` |
-| `about.html` | 262, 284, 306, 328, 452, 475, 511, 547 | 8 team member cards: `col-lg-3` → `col-12 col-sm-6 col-md-6 col-lg-3` |
-| `about.html` | 1041, 1052 | 2 footer columns: `col-lg-6 col-md-6` → `col-12 col-sm-6 col-md-6 col-lg-4` |
-| `dallas.html` | 177, 199, 222, 244, 266, 288, 310, 332, 353 | 9 team member cards: `col-lg-4` → `col-12 col-sm-6 col-md-6 col-lg-4` |
-| `dallas.html` | 498, 506 | 2 footer columns: `col-lg-6 col-md-6` → `col-12 col-sm-6 col-md-6 col-lg-4` |
-| `austin.html` | 178, 200, 222, 244, 266, 288, 310, 332, 354 | 9 team member cards: `col-lg-4` → `col-12 col-sm-6 col-md-6 col-lg-4` |
-| `austin.html` | 499, 507 | 2 footer columns: `col-lg-6 col-md-6` → `col-12 col-sm-6 col-md-6 col-lg-4` |
-
-### Breakpoints Implemented
-
-| Breakpoint | CSS Media Query | Bootstrap Class | Layout |
-|------------|-----------------|-----------------|--------|
-| Mobile | `@media (max-width: 575px)` | `col-12` | Single column, full-width cards |
-| Tablet | `@media (min-width: 768px)` | `col-sm-6 col-md-6` | Two columns |
-| Desktop | `@media (min-width: 992px)` | `col-lg-3 or col-lg-4` | Three columns |
-| Large Desktop | `@media (min-width: 1200px)` | - | Three columns with max padding |
-
-### Files and Lines Changed Summary
-
-| File | Lines Modified | Total Changes |
-|------|----------------|---------------|
-| `css/custom.css` | 2661-2704 | 44 lines (31 added, 9 removed) |
-| `sponsors.html` | 183, 204, 225 | 3 lines |
-| `index.html` | 220, 239, 258, 277, 749, 757 | 6 lines |
-| `about.html` | 262, 284, 306, 328, 452, 475, 511, 547, 1041, 1052 | 10 lines |
-| `dallas.html` | 177, 199, 222, 244, 266, 288, 310, 332, 353, 498, 506 | 11 lines |
-| `austin.html` | 178, 200, 222, 244, 266, 288, 310, 332, 354, 499, 507 | 11 lines |
-| **TOTAL** | | **85 lines** |
-
-## Testing Notes
-
-### Browser Compatibility
-
-| Browser | Version | Status | Notes |
-|---------|---------|--------|-------|
-| Chrome | 100+ | ✅ Pass | Full support for CSS Grid, aspect-ratio, media queries |
-| Firefox | 90+ | ✅ Pass | Full support for all responsive features |
-| Safari | 14+ | ✅ Pass | Full support for aspect-ratio and media queries |
-| Edge | 100+ | ✅ Pass | Chromium-based, same as Chrome |
-| Mobile Safari | iOS 14+ | ✅ Pass | Responsive breakpoints work correctly |
-| Chrome Mobile | Android 10+ | ✅ Pass | Responsive breakpoints work correctly |
-
-### Known Issues
-
-1. **None identified** - All responsive breakpoints tested and working correctly.
-
-### Recommendations for Future Maintenance
-
-1. **Aspect Ratio Maintenance**: The mobile square aspect ratio (1/1) vs desktop (1/1.22) is intentional to optimize card display on smaller screens. If team member images change aspect ratios, update both values consistently.
-
-2. **Padding Consistency**: If new team sections are added, apply the same responsive padding pattern:
-   ```css
-   @media (min-width: 768px) { padding: 20px; }
-   @media (min-width: 1200px) { padding: 25px; }
-   ```
-
-3. **Grid Class Pattern**: Use this consistent pattern for new responsive cards:
-   ```html
-   <div class="col-12 col-sm-6 col-md-6 col-lg-4">
-   ```
-   This ensures:
-   - 1 column on mobile
-   - 2 columns on tablet
-   - 3 columns on desktop
-
-4. **Testing Checklist for New Sections**:
-   - [ ] Mobile (<576px): Verify single column, full-width
-   - [ ] Tablet (576-991px): Verify two columns
-   - [ ] Desktop (≥992px): Verify three columns
-   - [ ] Images scale without overflow
-   - [ ] Hover effects work on all breakpoints
-
-5. **CSS Comments**: Keep the media query comments in `custom.css` for easy reference when making future changes.
-
----
-
-*Last Updated: March 17, 2026*
-*Project: TSCB Responsive Updates - Phase 4 & 5 Complete*

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 -->
+    <!-- Bundled CSS -->
-    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
+    <link href="css/bundle.css" rel="stylesheet">
-    <!-- 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>
 
 <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>
+    <script src="js/bundle-core.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>
 
 </html>

austin.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 -->
+    <!-- Preload critical image -->
-    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
+    <link rel="preload" href="images/page-header-bg.jpg" as="image">
-    <!-- SlickNav Css -->
+    <!-- Bundled CSS -->
-    <link href="css/slicknav.min.css" rel="stylesheet">
+    <link href="css/bundle.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>
 
 <body>
@@ -125,7 +111,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 +167,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 +189,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 +211,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 +233,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 +255,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 +277,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 +299,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 +321,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 +343,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 +452,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 +463,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 @@
     <!-- Footer End -->
 
     <!-- Jquery Library File -->
-    <script src="js/jquery-3.7.1.min.js"></script>
+    <script src="js/bundle-core.js"></script>
-    <!-- Bootstrap js file -->
+    <!-- Enhanced Animations js -->
-    <script src="js/bootstrap.min.js"></script>
+    <script src="js/enhance.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>
 
 </html>

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 -->
+    <!-- Preload critical image -->
-    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
+    <link rel="preload" href="images/page-header-bg.jpg" as="image">
-    <!-- SlickNav Css -->
+    <!-- Bundled CSS -->
-    <link href="css/slicknav.min.css" rel="stylesheet">
+    <link href="css/bundle.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>
 
 <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>
+    <script src="js/bundle-core.js"></script>
-    <!-- Bootstrap js file -->
+    <!-- Enhanced Animations js -->
-    <script src="js/bootstrap.min.js"></script>
+    <script src="js/enhance.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>
 
 </html>

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 -->
+    <!-- Preload critical image -->
-    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
+    <link rel="preload" href="images/page-header-bg.jpg" as="image">
-    <!-- SlickNav Css -->
+    <!-- Bundled CSS -->
-    <link href="css/slicknav.min.css" rel="stylesheet">
+    <link href="css/bundle.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>
 
 <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>
+    <script src="js/bundle-core.js"></script>
-    <!-- Bootstrap js file -->
+    <!-- Enhanced Animations js -->
-    <script src="js/bootstrap.min.js"></script>
+    <script src="js/enhance.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>
 
 </html>

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>

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 -->
+    <!-- Preload critical image -->
-    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
+    <link rel="preload" href="images/hero-bg.jpg" as="image">
-    <!-- SlickNav Css -->
+    <!-- Bundled CSS -->
-    <link href="css/slicknav.min.css" rel="stylesheet">
+    <link href="css/bundle.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>
     
+
 <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 loading="lazy" src="images/icon-asterisk.svg" alt="">Cricket</span>
-                    <span><img src="images/icon-asterisk.svg" alt="">Leadership</span>
+                    <span><img loading="lazy" src="images/icon-asterisk.svg" alt="">Leadership</span>
-                    <span><img src="images/icon-asterisk.svg" alt="">Community</span>
+                    <span><img loading="lazy" src="images/icon-asterisk.svg" alt="">Community</span>
-                    <span><img src="images/icon-asterisk.svg" alt="">Youth Involvement</span>
+                    <span><img loading="lazy" 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="">Fun</span>
                 </div>
             </div>
         </div>
     </div>
     <!-- Service Ticker End -->
 
-    <p></p>
+    <!-- Sponsors Section Start -->
-    <p></p>
+    <div class="our-sponsors-section">
-
-    <!-- Our Ministries Section Start -->
-    <div class="our-ministries">
         <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="sponsors-logo-grid wow fadeInUp" data-wow-delay="0.25s">
-                <div class="swiper">
+                <div class="sponsor-logo-item">
-                    <div class="swiper-wrapper">
+                    <img loading="lazy" src="images/ncca.jpg" alt="NCCA">
-                        <!-- Service Image Slide Start -->
-                        <div class="swiper-slide">
-                            <div class="service-slider-image">
-                                <figure>
-                                    <img src="images/ncca.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/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>
                 </div>
-
+                <div class="sponsor-logo-item">
-                <div class="col-lg-12">
+                    <img loading="lazy" src="images/hit-fantasy.jpg" alt="Hit Fantasy">
-                    <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>
                 </div>
+                <div class="sponsor-logo-item">
+                    <img loading="lazy" src="images/srisports.png" alt="Sri Sports">
+                </div>
+            </div>
+
+            <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>
-    <!-- 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>
+    <script src="js/bundle-core.js"></script>
-    <!-- Bootstrap js file -->
+    <!-- Enhanced Animations js -->
-    <script src="js/bootstrap.min.js"></script>
+    <script src="js/enhance.js"></script>
-    <!-- Validator js file -->
+    <!-- Homepage GSAP Masterpiece (index.html only) -->
-    <script src="js/validator.min.js"></script>
+    <script src="js/home-animations.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>
 
 </html>

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 = '';
+        });
+    })();
+
+})();

js/function.js

@@ -1,140 +1,140 @@
 (function ($) {
     "use strict";
         
-	var $window = $(window); 
+        var $window = $(window); 
-	var $body = $('body'); 
+        var $body = $('body'); 
 
-	/* Preloader Effect */
+        /* Preloader Effect */
-	$window.on('load', function(){
+        $window.on('load', function(){
-		$(".preloader").fadeOut(600);
+                $(".preloader").fadeOut(600);
-	});
+        });
         
-	/* Sticky Header */	
+        /* Sticky Header */     
-	if($('.active-sticky-header').length){
+        if($('.active-sticky-header').length){
-		$window.on('resize', function(){
+                $window.on('resize', function(){
-			setHeaderHeight();
+                        setHeaderHeight();
-		});
+                });
 
-		function setHeaderHeight(){
+                function setHeaderHeight(){
-	 		$("header.main-header").css("height", $('header .header-sticky').outerHeight());
+                        $("header.main-header").css("height", $('header .header-sticky').outerHeight());
-		}	
+                }       
         
-		$(window).on("scroll", function() {
+                $(window).on("scroll", function() {
-			var fromTop = $(window).scrollTop();
+                        var fromTop = $(window).scrollTop();
-			setHeaderHeight();
+                        setHeaderHeight();
-			var headerHeight = $('header .header-sticky').outerHeight()
+                        var headerHeight = $('header .header-sticky').outerHeight()
-			$("header .header-sticky").toggleClass("hide", (fromTop > headerHeight + 100));
+                        $("header .header-sticky").toggleClass("hide", (fromTop > headerHeight + 100));
-			$("header .header-sticky").toggleClass("active", (fromTop > 600));
+                        $("header .header-sticky").toggleClass("active", (fromTop > 600));
-		});
+                });
-	}	
+        }       
         
-	/* Slick Menu JS */
+        /* Slick Menu JS */
-	$('#menu').slicknav({
+        $('#menu').slicknav({
-		label : '',
+                label : '',
-		prependTo : '.responsive-menu'
+                prependTo : '.responsive-menu'
-	});
+        });
 
-	if($("a[href='#top']").length){
+        if($("a[href='#top']").length){
-		$("a[href='#top']").click(function() {
+                $("a[href='#top']").click(function() {
-			$("html, body").animate({ scrollTop: 0 }, "slow");
+                        $("html, body").animate({ scrollTop: 0 }, "slow");
-			return false;
+                        return false;
-		});
+                });
-	}
+        }
 
-	/* Hero Slider Layout JS */
+        /* Hero Slider Layout JS */
-	const hero_slider_layout = new Swiper('.hero-slider-layout .swiper', {
+        const hero_slider_layout = new Swiper('.hero-slider-layout .swiper', {
-		slidesPerView : 1,
+                slidesPerView : 1,
-		speed: 1000,
+                speed: 1000,
-		spaceBetween: 0,
+                spaceBetween: 0,
-		loop: true,
+                loop: true,
-		autoplay: {
+                autoplay: {
-			delay: 4000,
+                        delay: 4000,
-		},
+                },
-		pagination: {
+                pagination: {
-			el: '.hero-pagination',
+                        el: '.hero-pagination',
-			clickable: true,
+                        clickable: true,
-		},
+                },
-	});
+        });
 
-	/* Core Value Image Carousel JS */
+        /* Core Value Image Carousel JS */
-	if ($('.core-value-slider').length) {
+        if ($('.core-value-slider').length) {
-		const core_value_slider = new Swiper('.core-value-slider .swiper', {
+                const core_value_slider = new Swiper('.core-value-slider .swiper', {
-			slidesPerView : 1,
+                        slidesPerView : 1,
-			speed: 1000,
+                        speed: 1000,
-			spaceBetween: 10,
+                        spaceBetween: 10,
-			loop: true,
+                        loop: true,
-			autoplay: {
+                        autoplay: {
-				delay: 5000,
+                                delay: 5000,
-			},
+                        },
-			navigation: {
+                        navigation: {
-				nextEl: '.core-value-button-next',
+                                nextEl: '.core-value-button-next',
-				prevEl: '.core-value-button-prev',
+                                prevEl: '.core-value-button-prev',
-			},
+                        },
-		});
+                });
-	}
+        }
 
-	/* Service Single Image Carousel JS */
+        /* Service Single Image Carousel JS */
-	if ($('.service-single-slider').length) {
+        if ($('.service-single-slider').length) {
-		const service_single_slider = new Swiper('.service-single-slider .swiper', {
+                const service_single_slider = new Swiper('.service-single-slider .swiper', {
-			slidesPerView : 1,
+                        slidesPerView : 1,
-			speed: 1000,
+                        speed: 1000,
-			spaceBetween: 10,
+                        spaceBetween: 10,
-			loop: true,
+                        loop: true,
-			autoplay: {
+                        autoplay: {
-				delay: 5000,
+                                delay: 5000,
-			},
+                        },
-			navigation: {
+                        navigation: {
-				nextEl: '.service-single-button-next',
+                                nextEl: '.service-single-button-next',
-				prevEl: '.service-single-button-prev',
+                                prevEl: '.service-single-button-prev',
-			},
+                        },
-		});
+                });
-	}
+        }
 
-	/* Ministry Single Image Carousel JS */
+        /* Ministry Single Image Carousel JS */
-	if ($('.ministry-single-slider').length) {
+        if ($('.ministry-single-slider').length) {
-		const ministry_single_slider = new Swiper('.ministry-single-slider .swiper', {
+                const ministry_single_slider = new Swiper('.ministry-single-slider .swiper', {
-			slidesPerView : 1,
+                        slidesPerView : 1,
-			speed: 1000,
+                        speed: 1000,
-			spaceBetween: 10,
+                        spaceBetween: 10,
-			loop: true,
+                        loop: true,
-			autoplay: {
+                        autoplay: {
-				delay: 5000,
+                                delay: 5000,
-			},
+                        },
-			pagination: {
+                        pagination: {
-				el: '.swiper-pagination',
+                                el: '.swiper-pagination',
-				clickable: true,
+                                clickable: true,
-			},
+                        },
-		});
+                });
-	}
+        }
 
-	/* Skill Bar */
+        /* Skill Bar */
-	if ($('.skills-progress-bar').length) {
+        if ($('.skills-progress-bar').length) {
-		$('.skills-progress-bar').waypoint(function() {
+                $('.skills-progress-bar').waypoint(function() {
-			$('.skillbar').each(function() {
+                        $('.skillbar').each(function() {
-				$(this).find('.count-bar').animate({
+                                $(this).find('.count-bar').animate({
-				width:$(this).attr('data-percent')
+                                width:$(this).attr('data-percent')
-				},2000);
+                                },2000);
-			});
+                        });
-		},{
+                },{
-			offset: '50%'
+                        offset: '50%'
-		});
+                });
-	}
+        }
 
-	/* Youtube Background Video JS */
+        /* Youtube Background Video JS */
-	if ($('#herovideo').length) {
+        if ($('#herovideo').length) {
-		var myPlayer = $("#herovideo").YTPlayer();
+                var myPlayer = $("#herovideo").YTPlayer();
-	}
+        }
 
-	/* Audio JS */
+        /* Audio JS */
-	const player = new Plyr('#player');
+        const player = new Plyr('#player');
 
-	/* Init Counter */
+        /* Init Counter */
-	if ($('.counter').length) {
+        if ($('.counter').length) {
-		$('.counter').counterUp({ delay: 6, time: 3000 });
+                $('.counter').counterUp({ delay: 6, time: 3000 });
-	}
+        }
 
-	/* Image Reveal Animation */
+        /* Image Reveal Animation */
-	if ($('.reveal').length) {
+        if ($('.reveal').length) {
         gsap.registerPlugin(ScrollTrigger);
         let revealContainers = document.querySelectorAll(".reveal");
         revealContainers.forEach((container) => {
@@ -161,173 +161,186 @@
         });
     }
 
-	/* Text Effect Animation */
+        /* Text Effect Animation */
-	if ($('.text-anime-style-1').length) {
+        if ($('.text-anime-style-1').length) {
-		let staggerAmount 	= 0.05,
+                let staggerAmount       = 0.05,
-			translateXValue = 0,
+                        translateXValue = 0,
-			delayValue 		= 0.5,
+                        delayValue              = 0.5,
-		   animatedTextElements = document.querySelectorAll('.text-anime-style-1');
+                   animatedTextElements = document.querySelectorAll('.text-anime-style-1');
                 
-		animatedTextElements.forEach((element) => {
+                animatedTextElements.forEach((element) => {
-			let animationSplitText = new SplitText(element, { type: "chars, words" });
+                        let animationSplitText = new SplitText(element, { type: "chars, words" });
-				gsap.from(animationSplitText.words, {
+                                gsap.from(animationSplitText.words, {
-				duration: 1,
+                                duration: 1,
-				delay: delayValue,
+                                delay: delayValue,
-				x: 20,
+                                x: 20,
-				autoAlpha: 0,
+                                autoAlpha: 0,
-				stagger: staggerAmount,
+                                stagger: staggerAmount,
-				scrollTrigger: { trigger: element, start: "top 85%" },
+                                scrollTrigger: { trigger: element, start: "top 85%" },
-				});
+                                });
-		});		
+                });             
-	}
+        }
         
-	if ($('.text-anime-style-2').length) {				
+        if ($('.text-anime-style-2').length) {                          
-		let	 staggerAmount 		= 0.03,
+                let      staggerAmount          = 0.03,
-			 translateXValue	= 20,
+                         translateXValue        = 20,
-			 delayValue 		= 0.1,
+                         delayValue             = 0.1,
-			 easeType 			= "power2.out",
+                         easeType                       = "power2.out",
-			 animatedTextElements = document.querySelectorAll('.text-anime-style-2');
+                         animatedTextElements = document.querySelectorAll('.text-anime-style-2');
                 
-		animatedTextElements.forEach((element) => {
+                animatedTextElements.forEach((element) => {
-			let animationSplitText = new SplitText(element, { type: "chars, words" });
+                        let animationSplitText = new SplitText(element, { type: "chars, words" });
-				gsap.from(animationSplitText.chars, {
+                                gsap.from(animationSplitText.chars, {
-					duration: 1,
+                                        duration: 1,
-					delay: delayValue,
+                                        delay: delayValue,
-					x: translateXValue,
+                                        x: translateXValue,
-					autoAlpha: 0,
+                                        autoAlpha: 0,
-					stagger: staggerAmount,
+                                        stagger: staggerAmount,
-					ease: easeType,
+                                        ease: easeType,
-					scrollTrigger: { trigger: element, start: "top 85%"},
+                                        scrollTrigger: { trigger: element, start: "top 85%"},
-				});
+                                });
-		});		
+                });             
-	}
+        }
         
-	if ($('.text-anime-style-3').length) {		
+        if ($('.text-anime-style-3').length) {          
-		let	animatedTextElements = document.querySelectorAll('.text-anime-style-3');
+                let     animatedTextElements = document.querySelectorAll('.text-anime-style-3');
                 
-		 animatedTextElements.forEach((element) => {
+                 animatedTextElements.forEach((element) => {
-			//Reset if needed
+                        //Reset if needed
-			if (element.animation) {
+                        if (element.animation) {
-				element.animation.progress(1).kill();
+                                element.animation.progress(1).kill();
-				element.split.revert();
+                                element.split.revert();
-			}
+                        }
 
-			element.split = new SplitText(element, {
+                        element.split = new SplitText(element, {
-				type: "lines,words,chars",
+                                type: "lines,words,chars",
-				linesClass: "split-line",
+                                linesClass: "split-line",
-			});
+                        });
-			gsap.set(element, { perspective: 400 });
+                        gsap.set(element, { perspective: 400 });
 
-			gsap.set(element.split.chars, {
+                        gsap.set(element.split.chars, {
-				opacity: 0,
+                                opacity: 0,
-				x: "50",
+                                x: "50",
-			});
+                        });
 
-			element.animation = gsap.to(element.split.chars, {
+                        element.animation = gsap.to(element.split.chars, {
-				scrollTrigger: { trigger: element,	start: "top 90%" },
+                                scrollTrigger: { trigger: element,      start: "top 90%" },
-				x: "0",
+                                x: "0",
-				y: "0",
+                                y: "0",
-				rotateX: "0",
+                                rotateX: "0",
-				opacity: 1,
+                                opacity: 1,
-				duration: 1,
+                                duration: 1,
-				ease: Back.easeOut,
+                                ease: Back.easeOut,
-				stagger: 0.02,
+                                stagger: 0.02,
-			});
+                        });
-		});		
+                });             
-	}
+        }
 
-	/* Parallaxie js */
+        /* Parallaxie js */
-	var $parallaxie = $('.parallaxie');
+        var $parallaxie = $('.parallaxie');
-	if($parallaxie.length && ($window.width() > 991))
+        if($parallaxie.length && ($window.width() > 991))
-	{
+        {
-		if ($window.width() > 768) {
+                if ($window.width() > 768) {
-			$parallaxie.parallaxie({
+                        $parallaxie.parallaxie({
-				speed: 0.55,
+                                speed: 0.55,
-				offset: 0,
+                                offset: 0,
-			});
+                        });
-		}
+                }
-	}
+        }
 
-	/* Zoom Gallery screenshot */
+        /* Zoom Gallery screenshot */
-	$('.gallery-items').magnificPopup({
+        $('.gallery-items').magnificPopup({
-		delegate: 'a',
+                delegate: 'a',
-		type: 'image',
+                type: 'image',
-		closeOnContentClick: false,
+                closeOnContentClick: false,
-		closeBtnInside: false,
+                closeBtnInside: false,
-		mainClass: 'mfp-with-zoom',
+                mainClass: 'mfp-with-zoom',
-		image: {
+                image: {
-			verticalFit: true,
+                        verticalFit: true,
-		},
+                },
-		gallery: {
+                gallery: {
-			enabled: true
+                        enabled: true
-		},
+                },
-		zoom: {
+                zoom: {
-			enabled: true,
+                        enabled: true,
-			duration: 300, // don't foget to change the duration also in CSS
+                        duration: 300, // don't foget to change the duration also in CSS
-			opener: function(element) {
+                        opener: function(element) {
-			  return element.find('img');
+                          return element.find('img');
-			}
+                        }
-		}
+                }
-	});
+        });
 
-	/* Contact form validation */
+        /* Contact form validation */
-	var $contactform = $("#contactForm");
+        var $contactform = $("#contactForm");
-	$contactform.validator({focus: false}).on("submit", function (event) {
+        $contactform.validator({focus: false}).on("submit", function (event) {
-		if (!event.isDefaultPrevented()) {
+                if (!event.isDefaultPrevented()) {
-			event.preventDefault();
+                        event.preventDefault();
-			submitForm();
+                        submitForm();
-		}
+                }
-	});
+        });
 
-	function submitForm(){
+        function submitForm(){
-		/* Initiate Variables With Form Content*/
+                /* Initiate Variables With Form Content*/
-		var fname = $("#fname").val();
+                var fname = $("#fname").val();
-		var lname = $("#lname").val();
+                var lname = $("#lname").val();
-		var email = $("#email").val();
+                var email = $("#email").val();
-		var phone = $("#phone").val();
+                var phone = $("#phone").val();
-		var message = $("#msg").val();
+                var message = $("#msg").val();
 
-		$.ajax({
+                $.ajax({
-			type: "POST",
+                        type: "POST",
-			url: "form-process.php",
+                        url: "form-process.php",
-			data: "fname=" + fname + "&lname=" + lname + "&email=" + email + "&phone=" + phone + "&message=" + message,
+                        data: "fname=" + fname + "&lname=" + lname + "&email=" + email + "&phone=" + phone + "&message=" + message,
-			success : function(text){
+                        success : function(text){
-				if (text == "success"){
+                                if (text == "success"){
-					formSuccess();
+                                        formSuccess();
-				} else {
+                                } else {
-					submitMSG(false,text);
+                                        submitMSG(false,text);
-				}
+                                }
-			}
+                        }
-		});
+                });
-	}
+        }
 
-	function formSuccess(){
+        function formSuccess(){
-		$contactform[0].reset();
+                $contactform[0].reset();
-		submitMSG(true, "Message Sent Successfully!")
+                submitMSG(true, "Message Sent Successfully!")
-	}
+        }
 
-	function submitMSG(valid, msg){
+        function submitMSG(valid, msg){
-		if(valid){
+                if(valid){
-			var msgClasses = "h3 text-success";
+                        var msgClasses = "h3 text-success";
-		} else {
+                } else {
-			var msgClasses = "h3 text-danger";
+                        var msgClasses = "h3 text-danger";
-		}
+                }
-		$("#msgSubmit").removeClass().addClass(msgClasses).text(msg);
+                $("#msgSubmit").removeClass().addClass(msgClasses).text(msg);
-	}
+        }
-	/* Contact form validation end */
+        /* Contact form validation end */
 
-	/* Animated Wow Js */	
+        /* 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 */
+        /* Popup Video */
-	if ($('.popup-video').length) {
+        if ($('.popup-video').length) {
-		$('.popup-video').magnificPopup({
+                $('.popup-video').magnificPopup({
-			type: 'iframe',
+                        type: 'iframe',
-			mainClass: 'mfp-fade',
+                        mainClass: 'mfp-fade',
-			removalDelay: 160,
+                        removalDelay: 160,
-			preloader: false,
+                        preloader: false,
-			fixedContentPos: true
+                        fixedContentPos: true
-		});
+                });
-	}
+        }
                         
 })(jQuery);

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);
+    });
+
+})();

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 -->
+    <!-- Preload critical image -->
-    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen" />
+    <link rel="preload" href="images/page-header-bg.jpg" as="image">
-    <!-- SlickNav Css -->
+    <!-- Bundled CSS -->
-    <link href="css/slicknav.min.css" rel="stylesheet" />
+    <link href="css/bundle.css" rel="stylesheet">
-    <!-- Swiper Css -->
+</head>
-    <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>
 
   <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>
+    <script src="js/bundle-core.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>
 </html>

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>

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 -->
+    <!-- Preload critical image -->
-    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen" />
+    <link rel="preload" href="images/page-header-bg.jpg" as="image">
-    <!-- SlickNav Css -->
+    <!-- Bundled CSS -->
-    <link href="css/slicknav.min.css" rel="stylesheet" />
+    <link href="css/bundle.css" rel="stylesheet">
-    <!-- Swiper Css -->
+</head>
-    <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>
 
   <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>
+    <script src="js/bundle-core.js"></script>
-    <!-- Bootstrap js file -->
+    <!-- Enhanced Animations js -->
-    <script src="js/bootstrap.min.js"></script>
+    <script src="js/enhance.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>
 </html>