updated footer and added about page

resources/views/about.blade.php

@@ -0,0 +1,19 @@
+<x-layout>
+    <x-mast>About STEMMechanics</x-mast>
+    <div class="bg-no-repeat bg-cover h-96" style="background-image:url({{asset('about.webp')}})"></div>
+    <x-container class="pt-8">
+        <p class="mb-4">STEMMechanics is a hands on education studio based in Cairns, created and operated by James Collins. Drawing on years of experience delivering digital learning, STEM programs and creative technology workshops across Queensland, James built STEMMechanics to give communities practical, engaging ways to understand technology.</p>
+        <p class="mb-4">James' background includes work with State Library of Queensland, Education Queensland and a wide range of community organisations, where he delivered digital literacy programs, ICT support, eSports events, STEM initiatives and media workshops in both metropolitan and remote regions. This mix of technical, educational and community based experience shaped the approach that defines STEMMechanics today.</p>
+        <p class="mb-4">At its core, STEMMechanics exists because learners understand technology best when they can build, test, break, remake and explore it themselves. James believes in hands on, curiosity driven learning that develops confidence, problem solving skills and genuine interest in STEM. Every program is designed to be practical, creative and accessible.</p>
+        <p class="mb-4">STEMMechanics operates from a dedicated, private workshop in Cairns where James prototypes new ideas, experiments with electronics and mechanical builds, develops software tools and designs the kits used in his workshops. This workshop is the testing ground for everything delivered to schools and communities across the region.</p>
+
+        <x-heading>What STEMMechanics Does</x-heading>
+        <h3 class="ml-4 font-bold">STEM Workshops</h3>
+        <p class="ml-4 mb-4">STEMMechanics delivers a wide range of workshop programs including coding, robotics, Micro:bit activities, cardboard engineering, mechanical motion, paper circuits and hands on build projects. All sessions are tailored to the age group, learning outcomes and context of each community.</p>
+        <h3 class="ml-4 font-bold">Digital Media & Creative Tech</h3>
+        <p class="ml-4 mb-4">Workshops include stop motion animation, filmmaking, digital storytelling and introductory media production. These programs support students in developing both creative and technical skills.</p>
+        <h3 class="ml-4 font-bold">Community & School Programs</h3>
+        <p class="ml-4 mb-4">STEMMechanics partners with schools, regional councils, libraries and community groups to deliver project based STEM initiatives, themed workshop blocks and multi day programs.</p>
+
+    </x-container>
+</x-layout>

resources/views/components/footer.blade.php

@@ -11,6 +11,7 @@
         </ul>
         <ul class="sm:w-1/3 flex flex-col gap-0.5 text-center sm:text-left">
             <li><h3 class="font-bold mb-2">STEMMechanics</h3></li>
+            <li><a href="{{ route('about') }}" class="text-sm hover:text-primary-color">About</a></li>
             <li><a href="{{ route('contact') }}" class="text-sm hover:text-primary-color">Contact Us</a></li>
             <li><a href="{{ route('code-of-conduct') }}" class="text-sm hover:text-primary-color">Code of Conduct</a></li>
             <li><a href="{{ route('terms-conditions') }}" class="text-sm hover:text-primary-color">Terms & Conditions</a></li>

resources/views/components/navbar.blade.php

@@ -25,7 +25,9 @@
                 <div class="hidden sm:ml-6 sm:block mr-4">
                     <div class="flex space-x-2">
 {{--                        <a href="{{ route('post.index') }}" class="text-gray-900 hover:text-sky-500 px-3 py-2 text-sm font-medium transition duration-300 ease-in-out" aria-current="page">Blog</a>--}}
+                        <a href="{{ route('about') }}" class="text-gray-900 hover:text-sky-500 px-3 py-2 text-sm font-medium transition duration-300 ease-in-out">About</a>
                         <a href="{{ route('workshop.index') }}" class="text-gray-900 hover:text-sky-500 px-3 py-2 text-sm font-medium transition duration-300 ease-in-out">Workshops</a>
+                        <a href="{{ route('contact') }}" class="text-gray-900 hover:text-sky-500 px-3 py-2 text-sm font-medium transition duration-300 ease-in-out">Contact</a>
                         <button type="button" class="text-gray-900 hover:text-sky-500 text-sm font-medium transition duration-300 ease-in-out" @click.prevent="showSearch=true">
                             <i class="fa fa-search"></i>
                         </button>

routes/web.php

@@ -41,6 +41,10 @@ Route::get('/register', [AuthController::class, 'showRegister'])->name('register
 Route::post('/register', [AuthController::class, 'postRegister'])->name('register.store');
 Route::get('/update-email', [AuthController::class, 'updateEmail'])->name('update.email');
 
+Route::get('/about', function () {
+    return view('about');
+})->name('about');
+
 Route::get('/contact', function () {
     return view('contact');
 })->name('contact');