Audition Info Page Added

app/Http/Controllers/AuditionInformationPage.php

@@ -6,5 +6,8 @@ use Illuminate\Http\Request;
 
 class AuditionInformationPage extends Controller
 {
-    //
+    public function __invoke()
+    {
+        return view('audition-information');
+    }
 }

app/View/Components/Layout/App.php

@@ -16,9 +16,13 @@ class App extends Component
     public function __construct()
     {
         $this->links = [
+            [
+                'name' => 'Home',
+                'link' => route('welcome'),
+            ],
             [
                 'name' => 'Audition Information',
-                'link' => '#',
+                'link' => route('audition-information'),
             ],
             [
                 'name' => 'Clinic Information',

resources/views/audition-information.blade.php

@@ -0,0 +1,25 @@
+<x-layout.app>
+    <div class="w-full max-w-4xl mx-auto space-y-6">
+        <x-card>
+            <x-slot:header>HS / JH / 7th / Jazz Auditions</x-slot:header>
+            <div class="space-y-3">
+                <p>January 12, 2026</p>
+                <p>Wagoner High School</p>
+                <p>Entry fee is $10.00 per entry</p>
+                <p>9th Graders may audition for the Jr. High and/or HS Band. Those auditioning for both bands must pay a
+                    $10.00 audition fee for each instrument they audition on for each band. (A 9th grade trumpet player
+                    auditioning for the Jr. High and HS band would pay $20.00; a 9th grade sax player auditioning on
+                    alto
+                    and tenor for the Jr. High and HS band would pay $40.00).</p>
+                <p>9th Graders, auditioning for both Jr. High and HS, who score well enough to be in the HS band will be
+                    placed
+                    in the HS band.</p>
+            </div>
+        </x-card>
+        <x-card>
+            <x-slot:header>First / Second Year Nominations</x-slot:header>
+            <p>Students are selected by director recommendation. Directors may being up to 9 students for each band, but
+                no more than one drummer or two alto saxes for either. Entry fee is $10.00 and includes lunch.</p>
+        </x-card>
+    </div>
+</x-layout.app>

resources/views/components/card.blade.php

@@ -1,12 +1,18 @@
-@props(['header' => null])
-<div class="h-full flex flex-col">
+@props(['header' => null, 'body' => null])
+<div {{ $attributes->merge(['class' => 'h-full flex flex-col']) }}>
     @if($header)
         <div {{ $header->attributes->merge(['class'=>'bg-gray-700 text-white p-3 font-semibold rounded-t-md']) }}>
             {{ $header }}
         </div>
     @endif
 
-    <div {{ $attributes->merge(['class'=>'bg-gray-400 text-gray-800 p-3 flex-grow']) }}>
+    @if($body)
+        <div {{ $body->attributes->merge(['class'=>'bg-gray-400 text-gray-800 p-3']) }}>
+            {{ $body }}
+        </div>
+    @else
+        <div class="bg-gray-400 text-gray-800 p-3">
             {{ $slot }}
         </div>
+    @endif
 </div>

resources/views/welcome.blade.php

@@ -1,23 +1,28 @@
 <x-layout.app>
     <div class="grid sm:grid-cols-2 lg:grid-cols-4 gap-5">
-        <x-card>
-            <x-slot:header>Audition Info</x-slot:header>
+        <x-card class="h-full flex flex-col">
+            <x-slot:header class="jim">Audition Info</x-slot:header>
+            <x-slot:body class="grow">
                 <dl>
                     <dt>Audition Date</dt>
                     <dd>{{ $concertAuditionDate }}</dd>
                     <dt>Audition Location</dt>
                     <dd>{{ $concertAuditionLocation }}</dd>
                 </dl>
+            </x-slot:body>
         </x-card>
 
-        <x-card>
+        <x-card class="h-full flex flex-col">
             <x-slot:header>Entry Deadlines</x-slot:header>
+            <x-slot:body class="grow">
                 <p>Concert/Jazz: {{ $concertEntryDeadline }}</p>
                 <p class="mt-3">First/Second Year: {{ $beginnerEntryDeadline }}</p>
+            </x-slot:body>
         </x-card>
 
-        <x-card>
+        <x-card class="h-full flex flex-col">
             <x-slot:header>Clinic Info</x-slot:header>
+            <x-slot:body class="grow">
                 <dl>
                     <dt>Concert Band Clinic</dt>
                     <dd>
@@ -31,16 +36,19 @@
                     </dd>
 
                 </dl>
+            </x-slot:body>
         </x-card>
 
-        <x-card>
+        <x-card class="h-full flex flex-col">
             <x-slot:header>Officers</x-slot:header>
+            <x-slot:body class="grow">
                 <dl>
                     @foreach($officers as $officer)
                         <dt>{{ $officer['office'] }}</dt>
                         <dd>{{ $officer['name'] }}, {{ $officer['school'] }}</dd>
                     @endforeach
                 </dl>
+            </x-slot:body>
         </x-card>
 
         <div class="sm:col-span-2 lg:col-start-2 mt-5">

routes/web.php

@@ -1,6 +1,8 @@
 <?php
 
+use App\Http\Controllers\AuditionInformationPage;
 use App\Http\Controllers\WelcomeController;
 use Illuminate\Support\Facades\Route;
 
 Route::get('/', WelcomeController::class)->name('welcome');
+Route::get('/audition-information', AuditionInformationPage::class)->name('audition-information');