created about page and added link to navbar

resources/views/about.blade.php

@@ -0,0 +1,6 @@
+@extends('layout')
+@section('content')
+
+Test
+
+@endsection

resources/views/homepage.blade.php

@@ -1,7 +1,7 @@
 @extends('layout')
 @section('content')
-<main class="relative min-h-screen flex flex-col justify-center bg-white overflow-hidden">
-    <div class="w-full max-w-6xl mx-auto px-4 md:px-6 py-24">
+
+<div class="w-full max-w-6xl mx-auto px-4 md:px-6 py-24">
     <div class="flex justify-center">
 
         <article class="max-w-[40rem] mx-auto">
@@ -48,7 +48,7 @@
         </article>
 
     </div>
-    </div>
-</main>
+</div>
+
 
 @endsection

resources/views/layout.blade.php

@@ -10,6 +10,7 @@
     @include('partials.navbar')
 
     <!-- Main Content Wrapper -->
+    <main class="relative min-h-screen flex flex-col justify-center bg-white overflow-hidden">
         <!--<div class="flex flex-1 min-h-screen">-->
         <div class="grid grid-cols-6 min-h-screen">    
             <!-- Sidebar -->
@@ -18,11 +19,11 @@
             </aside>
 
             <!-- Main content area -->
-        <main class="col-span-5">
+            <div class="col-span-5">
                 @yield('content')
-        </main>
             </div>
- 
+        </div>   
+    </main>
     <!-- Footer -->
     <footer class="mt-auto">
         @include('partials.footer')

resources/views/partials/navbar.blade.php

@@ -17,7 +17,7 @@
           <nav aria-label="Global">
             <ul class="flex items-center gap-6 text-sm">
               <li>
-                <a class="text-gray-500 transition hover:text-gray-500/75" href="#"> About </a>
+                <a class="text-gray-500 transition hover:text-gray-500/75" href="/about"> About </a>
               </li>
   
               <li>

routes/web.php

@@ -16,3 +16,7 @@ use Illuminate\Support\Facades\Route;
 Route::get('/', function () {
     return view('homepage');
 });
+
+Route::get('/about', function () {
+    return view('about');
+});