diff --git a/src/pages/soccer.astro b/src/pages/soccer.astro
new file mode 100644
index 0000000..cb80167
--- /dev/null
+++ b/src/pages/soccer.astro
@@ -0,0 +1,293 @@
+---
+// No frontmatter needed for this simple page
+---
+
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Soccer Team Schedule - juchatz.com</title>
+  <style>
+    body {
+      margin: 0;
+      padding: 20px;
+      background: linear-gradient(135deg, #667eea 0%, #764ba2 25%, #f093fb 50%, #f5576c 75%, #4facfe 100%);
+      background-size: 400% 400%;
+      animation: gradientShift 15s ease infinite;
+      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+      min-height: 100vh;
+    }
+
+    @keyframes gradientShift {
+      0% { background-position: 0% 50%; }
+      50% { background-position: 100% 50%; }
+      100% { background-position: 0% 50%; }
+    }
+
+    .container {
+      max-width: 1200px;
+      margin: 0 auto;
+    }
+
+    h1 {
+      text-align: center;
+      color: white;
+      margin-bottom: 40px;
+      font-size: 2.5rem;
+      text-shadow: 0 4px 8px rgba(0,0,0,0.3);
+      font-weight: 700;
+      letter-spacing: 2px;
+    }
+
+    .section-card {
+      margin-bottom: 30px;
+      background: rgba(255, 255, 255, 0.95);
+      backdrop-filter: blur(10px);
+      border-radius: 15px;
+      padding: 25px;
+      box-shadow: 0 8px 32px rgba(0,0,0,0.2);
+      border: 1px solid rgba(255, 255, 255, 0.2);
+      transition: transform 0.3s ease, box-shadow 0.3s ease;
+    }
+
+    .section-card:hover {
+      transform: translateY(-5px);
+      box-shadow: 0 12px 40px rgba(0,0,0,0.25);
+    }
+
+    .section-title {
+      color: #333;
+      font-size: 1.8rem;
+      font-weight: 700;
+      margin-bottom: 20px;
+      text-transform: uppercase;
+      letter-spacing: 1px;
+      border-bottom: 3px solid #4facfe;
+      padding-bottom: 10px;
+    }
+
+    .important-date {
+      background: linear-gradient(135deg, #ff6b6b, #ee5a24);
+      color: white;
+      padding: 20px;
+      border-radius: 12px;
+      margin-bottom: 15px;
+      box-shadow: 0 4px 20px rgba(255, 107, 107, 0.3);
+    }
+
+    .date-title {
+      font-size: 1.4rem;
+      font-weight: 700;
+      margin-bottom: 10px;
+      text-shadow: 0 2px 4px rgba(0,0,0,0.3);
+    }
+
+    .date-details {
+      list-style: none;
+      padding: 0;
+      margin: 10px 0 0 0;
+    }
+
+    .date-details li {
+      margin: 8px 0;
+      padding-left: 20px;
+      position: relative;
+    }
+
+    .date-details li:before {
+      content: "⚽";
+      position: absolute;
+      left: 0;
+      font-size: 1.1rem;
+    }
+
+    .training-item, .game-item {
+      background: rgba(255, 255, 255, 0.8);
+      padding: 15px;
+      margin: 12px 0;
+      border-radius: 10px;
+      border-left: 5px solid #22c55e;
+      box-shadow: 0 2px 10px rgba(0,0,0,0.1);
+    }
+
+    .training-item.cancelled {
+      border-left-color: #ef4444;
+      background: rgba(239, 68, 68, 0.1);
+    }
+
+    .game-item {
+      border-left-color: #3b82f6;
+    }
+
+    .game-item.bye {
+      border-left-color: #f59e0b;
+      background: rgba(245, 158, 11, 0.1);
+    }
+
+    .item-title {
+      font-weight: 700;
+      color: #333;
+      margin-bottom: 5px;
+      font-size: 1.1rem;
+    }
+
+    .item-details {
+      color: #666;
+      font-size: 0.95rem;
+      margin: 5px 0;
+    }
+
+    .cancelled-label {
+      background: #ef4444;
+      color: white;
+      padding: 3px 8px;
+      border-radius: 12px;
+      font-size: 0.8rem;
+      font-weight: 600;
+      margin-left: 10px;
+    }
+
+    .bye-label {
+      background: #f59e0b;
+      color: white;
+      padding: 3px 8px;
+      border-radius: 12px;
+      font-size: 0.8rem;
+      font-weight: 600;
+      margin-left: 10px;
+    }
+
+    @media (max-width: 768px) {
+      h1 {
+        font-size: 2rem;
+      }
+      
+      body {
+        padding: 10px;
+      }
+
+      .section-card {
+        padding: 20px;
+      }
+
+      .section-title {
+        font-size: 1.5rem;
+      }
+    }
+  </style>
+</head>
+<body>
+  <div class="container">
+    <h1>⚽ Soccer Team Schedule</h1>
+    
+    <div class="section-card">
+      <h2 class="section-title">📅 The Pro's Schedule</h2>
+      
+      <div class="training-item cancelled">
+        <div class="item-title">
+          Monday 8/18 - Training
+          <span class="cancelled-label">CANCELLED</span>
+        </div>
+        <div class="item-details">Due to games now 1 training and 1 game day per week</div>
+      </div>
+
+      <div class="training-item">
+        <div class="item-title">Wednesday 8/20 - Training at DEWEY</div>
+        <div class="item-details">Carnegie not ready yet</div>
+      </div>
+
+      <div class="game-item">
+        <div class="item-title">Thursday 8/22 - U6-U8 Game #2</div>
+        <div class="item-details">5:30 pm</div>
+      </div>
+
+      <div class="important-date" style="margin: 15px 0; padding: 15px;">
+        <div class="date-title" style="font-size: 1.2rem; margin-bottom: 8px;">📸 Monday 8/25 - Picture Day</div>
+        <div style="font-size: 1rem; margin: 5px 0;">5:20pm at Fair Oaks Park</div>
+        <ul class="date-details" style="font-size: 0.9rem;">
+          <li>Arrive in uniform 15 minutes before timeslot</li>
+          <li>Lawn area near playground behind library</li>
+          <li>All please have gold jerseys</li>
+        </ul>
+      </div>
+
+      <div class="training-item">
+        <div class="item-title">Wednesday 8/27 - Training at CARNEGIE</div>
+      </div>
+
+      <div class="game-item bye">
+        <div class="item-title">
+          Thursday 8/29 - U6-U8 
+          <span class="bye-label">BYE</span>
+        </div>
+        <div class="item-details">Labor Day Weekend (no games)</div>
+      </div>
+
+      <div class="training-item">
+        <div class="item-title">Wednesday 9/3 - Training at CARNEGIE</div>
+      </div>
+
+      <div class="game-item">
+        <div class="item-title">Thursday 9/5 - U6-U8 Game #3</div>
+      </div>
+
+      <div class="training-item">
+        <div class="item-title">Wednesday 9/10 - Training at CARNEGIE</div>
+      </div>
+
+      <div class="game-item">
+        <div class="item-title">Thursday 9/12 - U6-U8 Game #4</div>
+      </div>
+
+      <div class="training-item">
+        <div class="item-title">Wednesday 9/17 - Training at CARNEGIE</div>
+      </div>
+
+      <div class="game-item">
+        <div class="item-title">Thursday 9/19 - U6-U8 Game #5</div>
+      </div>
+
+      <div class="training-item">
+        <div class="item-title">Wednesday 9/24 - Training at CARNEGIE</div>
+      </div>
+
+      <div class="game-item">
+        <div class="item-title">Thursday 9/26 - U6-U8 Game #6</div>
+      </div>
+
+      <div class="training-item">
+        <div class="item-title">Wednesday 10/1 - Training at CARNEGIE</div>
+      </div>
+
+      <div class="game-item">
+        <div class="item-title">Thursday 10/3 - U6-U8 Game #7</div>
+      </div>
+
+      <div class="training-item">
+        <div class="item-title">Wednesday 10/8 - Training at CARNEGIE</div>
+      </div>
+
+      <div class="game-item">
+        <div class="item-title">Thursday 10/10 - U6-U8 Game #8</div>
+      </div>
+
+      <div class="training-item">
+        <div class="item-title">Wednesday 10/15 - Training at CARNEGIE</div>
+      </div>
+
+      <div class="game-item">
+        <div class="item-title">Thursday 10/17 - U6-U8 Game #9</div>
+      </div>
+
+      <div class="training-item">
+        <div class="item-title">Wednesday 10/22 - Training at CARNEGIE</div>
+      </div>
+
+      <div class="game-item">
+        <div class="item-title">Thursday 10/24 - U6-U8 Game #10</div>
+        <div class="item-details">Final game of the season</div>
+      </div>
+    </div>
+  </div>
+</body>
+</html>
