diff --git a/public/images/meat-team.jpg b/public/images/meat-team.jpg
index a197b33..b5cb85e 100644
Binary files a/public/images/meat-team.jpg and b/public/images/meat-team.jpg differ
diff --git a/resources/views/about.blade.php b/resources/views/about.blade.php
index 868645b..0d6a77d 100644
--- a/resources/views/about.blade.php
+++ b/resources/views/about.blade.php
@@ -1,6 +1,34 @@
 @extends('layout')
 @section('content')
 
+<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">
+            <header class="mb-4">
+                <h1 class="text-4xl font-extrabold text-slate-900">Meet the Meat Team: Passionate Pioneers of Culinary Education</h1>
+            </header>
+            <div class="text-slate-600 [&>p]:my-6 [&>p:first-child]:mt-0 [&>p:last-child]:mb-0 [&_strong]:font-medium [&_strong]:text-slate-900 [&_a]:font-medium [&_a]:text-indigo-500 [&_a]:underline [&_a:hover]:no-underline [&_img]:rounded-xl [&_blockquote]:italic [&_blockquote]:before:block [&_blockquote]:before:w-[18px] [&_blockquote]:before:h-[17px] [&_blockquote]:before:bg-[url('./quotes.svg')] [&_blockquote]:before:bg-no-repeat [&_blockquote]:before:mb-2 [&_figcaption]:text-center [&_figcaption]:text-xs [&_figcaption]:italic [&_figcaption]:mt-3">
+               <p>
+                Welcome to the heart of our mission, where the love for meat and education converge into a quest to enlighten culinary enthusiasts and professionals alike. Our team, a diverse group of butchers, chefs, and culinary historians, is united by a single passion: to demystify the world of meat cuts and share the rich heritage behind each slice.
+               </p>
+               <p>
+                "Knowledge is the food of the soul," as Plato once said. This philosophy fuels our journey as we delve deep into the art and science of meat. From the lush pastures to the chef's table, our aim is to bridge the gap between traditional butchery techniques and modern culinary practices. We believe that an informed choice at the butcher's counter can transform an ordinary meal into a masterpiece.
+               </p>
+
+               <figure class="md:-mx-12">
+                        <img class="object-cover h-[180px] sm:h-auto" width="736" height="240" src="{{asset('images/meat-team.jpg')}}" alt="A diverse team of butchers and chefs collaboratively preparing various meat cuts at a wooden table, with a backdrop of culinary books and detailed meat cut charts, illustrating their expertise and dedication to culinary education." />
+                        <figcaption>Unity in Diversity: Our Team in Action</figcaption>
+                </figure>
+                    <p>
+                        Our mission is straightforward yet profound: <strong>to educate everyone about the vast world of meat cuts, their origins, and their best culinary uses.</strong> By doing so, we hope to foster a deeper appreciation for the craft of butchery and the culinary arts, encouraging sustainable and ethical eating practices.
+                    </p>
+            </div>
+            </div>
+            
+        </article>
+    </div>
+</div>
+<!--
 <section>
     <div class="mx-auto max-w-screen-2xl px-4 py-16 sm:px-6 lg:px-8">
       <div class="grid grid-cols-1 lg:h-screen lg:grid-cols-2">
@@ -45,4 +73,5 @@
     </div>
   </section>
 
-@endsection
\ No newline at end of file
+-->
+  @endsection
\ No newline at end of file
diff --git a/resources/views/layout.blade.php b/resources/views/layout.blade.php
index 0e650bb..276cc5c 100644
--- a/resources/views/layout.blade.php
+++ b/resources/views/layout.blade.php
@@ -12,15 +12,17 @@
     <!-- 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 -->
-            <aside class="col-span-1">
-                @include('partials.sidebar')
-            </aside>
+        <div class="flex-grow">
+            <div class="grid grid-cols-6 min-h-screen">    
+                <!-- Sidebar -->
+                <aside class="col-span-1">
+                    @include('partials.sidebar')
+                </aside>
 
-            <!-- Main content area -->
-            <div class="col-span-5">
-                @yield('content')
+                <!-- Main content area -->
+                <div class="col-span-5">
+                    @yield('content')
+                </div>
             </div>
         </div>   
     </main>