Implement sidebar v2

- removed old sidebar from pages
- completely deleted old sidebar
+ added poultry sidebar v2
+ added lamb sidebar v2
+ added recipes page
+ added recipes sidebar v2

package-lock.json

@@ -1,5 +1,5 @@
 {
-    "name": "my-website",
+    "name": "my-website-2",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {

resources/views/about.blade.php

@@ -1,6 +1,77 @@
 @extends('layout')
 @section('content')
 
-Test
+<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>
 
-@endsection
+               <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">
+        <div class="relative z-10 lg:py-16">
+          <div class="relative h-64 sm:h-80 lg:h-80">
+            <img
+            alt=""
+            src="{{asset('images/meat-team.jpg')}}"
+            class="absolute inset-0 h-full w-full object-cover rounded-xl"
+            />
+          </div>
+        </div>
+  
+        <div class="relative flex items-center bg-gray-100">
+          <span
+            class="hidden lg:absolute lg:inset-y-0 lg:-start-16 lg:block lg:w-16 lg:bg-gray-100"
+          ></span>
+  
+          <div class="p-8 sm:p-16 lg:p-24">
+            <h2 class="text-2xl font-bold sm:text-3xl">
+                Meet the Meat Team: Passionate Pioneers of Culinary Education
+            </h2>
+  
+            <p class="mt-4 text-gray-600">
+                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 class="mt-4 text-gray-600">
+                "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>
+            
+            <p class="mt-4 text-gray-600">
+                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>
+
+            <p class="mt-4 text-gray-600">
+                "Tell me what you eat, and I will tell you what you are," Brillat-Savarin once stated. In embracing this mantra, we not only focus on the what and how of meat but also the why, exploring the cultural and historical significance of various meats and their preparations across the globe.
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+
+-->
+  @endsection

resources/views/beef.blade.php

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

resources/views/homepage.blade.php

@@ -6,43 +6,40 @@
 
         <article class="max-w-[40rem] mx-auto">
             <header class="mb-4">
-                <h1 class="text-4xl font-extrabold text-slate-900">How I Became Who I Am Today</h1>
+                <h1 class="text-4xl font-extrabold text-slate-900">Discover the World of Premium Meat Cuts</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>
-                    Once upon a time, in a bustling city, Alex lived and breathed software development. The world of coding fascinated me, and I was <strong>determined to leave my mark on it</strong>. With a passion for <a href="#0">innovation</a> and a desire to create, I embarked on a journey that would forever change my life.
+                    Welcome to our culinary journey where we celebrate the art of butchery and the diverse world of meat. From the rich flavors of perfectly aged beef to the delicate nuances of expertly prepared poultry, our website is a treasure trove for meat lovers and culinary enthusiasts alike.
                 </p>
                 <div class="space-y-6 sm:flex sm:items-center sm:space-x-8 sm:space-y-0 md:-ml-12">
                     <figure class="shrink-0 sm:max-w-[270px]">
-                        <img class="object-cover h-[180px] sm:h-auto" width="640" height="426" src="https://cruip-tutorials.vercel.app/negative-margins//article-01.jpg" alt="Article 01" />
+                        <img class="object-cover h-[180px] sm:h-auto" width="640" height="426" src="{{ asset('images/meat-cut-spread.jpg')}}" alt="Delicious meat cut spread on a butcher block" />
+                        <figcaption>Good food is the foundation of genuine happiness.</figcaption>
                     </figure>
-                    <blockquote>
-                        <p>Looking back on my journey, I realized that becoming popular wasn't just about the numbers or the recognition—it was about the impact I had on others and the possibility of helping by sharing my personal and professional knowledge.</p>
-                    </blockquote>
-                </div>
                     <p>
-                    In the heart of a vibrant city, amidst the hustle and bustle, there I was, Alex, completely immersed in the world of software development. The realm of coding held an irresistible allure, captivating my every thought and action. Driven by a profound passion for innovation and an unwavering desire to make a lasting impact, I set forth on a transformative journey that would shape the course of my existence.
+                        Here, we delve deep into the various cuts of meat, understanding their unique characteristics, and how they can be used to elevate your cooking. Whether you are a seasoned chef or a curious foodie, our insights into beef, pork, lamb, goat, and exotic meats will inspire your next culinary creation.
                     </p>
+                </div>
                 <div class="space-y-6 sm:flex sm:items-center sm:space-x-8 sm:space-y-0 md:-mr-12">
                     <p>
-                        Today, as a successful software developer with two thriving startups under my belt, I continue to embrace new challenges and opportunities. But above all, I remain committed to <strong>sharing my knowledge</strong>, empowering others, and making a lasting impact on the world.
+                        We believe that every cut of meat has a story to tell, from the lush pastures where the animals graze to the skilled hands that prepare them for your table. Our mission is to bring those stories to you, connecting you with the origins of your food and celebrating the diversity of global meat traditions.    
                     </p>
                     <figure class="shrink-0 sm:max-w-[270px]">
-                        <img class="object-cover h-[180px] sm:h-auto" width="640" height="426" src="https://cruip-tutorials.vercel.app/negative-margins//article-02.jpg" alt="Article 02" />
+                        <img class="object-cover h-[180px] sm:h-auto" width="640" height="426" src="{{ asset('images/meat-cutting-butcher.jpg')}}" alt="Butcher cutting delicious meat on butcher block" />
+                        <figcaption>Respect for food is a respect for life, for who we are and what we do." - Thomas Keller</figcaption>
                     </figure>
                     </div>
                 <p>
-                    Driven by unwavering determination, I took a leap of faith and founded my first startup. Days turned into nights as I <a href="#0">poured my heart</a> and soul into transforming my idea into reality. Failure was not an option. With relentless effort, sleepless nights, and an unwavering belief in my vision, I launched my product into the world.
-                </p>
-                <p>
-                    The sleepless nights spent debugging, the <strong>countless hours spent refining algorithms</strong> — all were stepping stones along my path of growth.
+                    This quote encapsulates our philosophy. We're not just about selling meat; we're about fostering a community of respect and appreciation for the culinary arts and the resources we have.    
                 </p>
+                
                 <figure class="md:-mx-12">
-                    <img class="object-cover h-[180px] sm:h-auto" width="736" height="240" src="https://cruip-tutorials.vercel.app/negative-margins//article-03.jpg" alt="Article 03" />
-                    <figcaption>Moments of tranquility amidst nature's beauty</figcaption>
+                    <img class="object-cover h-[180px] sm:h-auto" width="736" height="240" src="{{ asset('images/meat-cuts-panorama.jpg')}}" alt="Panoramic view of an assortment of meat cuts on a rustic wooden table in a modern kitchen setting, with tags indicating names and cooking methods, highlighting the diversity and culinary art of meat preparation." />
+                    <figcaption>Exploring the Art of Meat: A Culinary Guide to Cuts and Preparation</figcaption>
                 </figure>
                 <p>
-                    As I delved deeper into the intricacies of programming, a whole new universe of possibilities unfurled before me. Lines of code danced across my screen like a symphony, each keystroke resonating with the potential to bring my visions to life. From the early days of tinkering with simple programs to the <a href="#0">ambitious projects</a> that followed, my thirst for knowledge and creative expression grew insatiable.
+                    As you embark on this culinary journey with us, remember that each cut of meat carries its own story, flavor, and tradition. Our mission is to guide you through the intricate world of meats, from the classic cuts that grace our tables to the exotic selections that intrigue our palates. With every slice, dice, and serving, we invite you to explore the rich tapestry of tastes and techniques that make meat preparation an art form. Join us in celebrating the diversity and beauty of meat, and let's transform ordinary meals into extraordinary culinary experiences. Welcome to a world where quality, education, and flavor converge—welcome to your ultimate guide to meat.
                 </p>
             </div>
         </article>

resources/views/lamb.blade.php

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

resources/views/layout.blade.php

@@ -12,17 +12,21 @@
     <!-- 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="flex-grow">
             <div class="grid grid-cols-6 min-h-screen">    
                 <!-- Sidebar -->
-            <aside class="col-span-1">
-                @include('partials.sidebar')
-            </aside>
+                @include('partials.sidebar_v2')
 
                 <!-- Main content area -->
+                @if ( empty($sidebarContent) )
+                    <div class="col-span-6">
+                @else
                     <div class="col-span-5">
+                @endif
                     @yield('content')
                 </div>
             </div>
+        </div>   
     </main>
     <!-- Footer -->
     <footer class="mt-auto">

resources/views/partials/footer.blade.php

@@ -25,7 +25,9 @@
       <div class="lg:flex lg:items-end lg:justify-between">
         <div>
           <div class="flex justify-center text-red-600 lg:justify-start">
+            <a href="/">
                 <x-gameicon-steak class="h-10"/>
+            </a>
           </div>
   
           <p class="mx-auto mt-6 max-w-md text-center leading-relaxed text-gray-500 lg:text-left">

resources/views/partials/navbar.blade.php

@@ -16,23 +16,23 @@
               </li>
   
               <li>
-                <a class="text-gray-500 transition hover:text-gray-500/75" href="#"> Careers </a>
+                <a class="text-gray-500 transition hover:text-gray-500/75" href="/beef"> Beef </a>
               </li>
   
               <li>
-                <a class="text-gray-500 transition hover:text-gray-500/75" href="#"> History </a>
+                <a class="text-gray-500 transition hover:text-gray-500/75" href="/poultry"> Poultry </a>
               </li>
   
               <li>
-                <a class="text-gray-500 transition hover:text-gray-500/75" href="#"> Services </a>
+                <a class="text-gray-500 transition hover:text-gray-500/75" href="/pork"> Pork </a>
               </li>
   
               <li>
-                <a class="text-gray-500 transition hover:text-gray-500/75" href="#"> Projects </a>
+                <a class="text-gray-500 transition hover:text-gray-500/75" href="/lamb"> Lamb </a>
               </li>
 
               <li>
-                <a class="text-gray-500 transition hover:text-gray-500/75" href="#"> Blog </a>
+                <a class="text-gray-500 transition hover:text-gray-500/75" href="/recipes"> Recipes </a>
               </li>
             </ul>
           </nav>

resources/views/partials/sidebar.blade.php

@@ -1,138 +0,0 @@
-<!--<ul class="space-y-1">-->
-
-    <div class="flex h-full flex-col justify-between border-e bg-white">
-        <div class="px-4 py-6">
-          <span class="grid h-10 w-32 place-content-center rounded-lg bg-gray-100 text-xs text-gray-600">
-            Logo
-          </span>
-      
-          <ul class="mt-6 space-y-1">
-            <li>
-              <a
-                href="#"
-                class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
-              >
-                General
-              </a>
-            </li>
-      
-            <li>
-              <details class="group [&_summary::-webkit-details-marker]:hidden">
-                <summary
-                  class="flex cursor-pointer items-center justify-between rounded-lg px-4 py-2 text-gray-500 hover:bg-gray-100 hover:text-gray-700"
-                >
-                  <span class="text-sm font-medium"> Teams </span>
-      
-                  <span class="shrink-0 transition duration-300 group-open:-rotate-180">
-                    <svg
-                      xmlns="http://www.w3.org/2000/svg"
-                      class="h-5 w-5"
-                      viewBox="0 0 20 20"
-                      fill="currentColor"
-                    >
-                      <path
-                        fill-rule="evenodd"
-                        d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                        clip-rule="evenodd"
-                      />
-                    </svg>
-                  </span>
-                </summary>
-      
-                <ul class="mt-2 space-y-1 px-4">
-                  <li>
-                    <a
-                      href="#"
-                      class="block rounded-lg px-4 py-2 text-sm font-medium text-gray-500 hover:bg-gray-100 hover:text-gray-700"
-                    >
-                      Banned Users
-                    </a>
-                  </li>
-      
-                  <li>
-                    <a
-                      href="#"
-                      class="block rounded-lg px-4 py-2 text-sm font-medium text-gray-500 hover:bg-gray-100 hover:text-gray-700"
-                    >
-                      Calendar
-                    </a>
-                  </li>
-                </ul>
-              </details>
-            </li>
-      
-            <li>
-              <a
-                href="#"
-                class="block rounded-lg px-4 py-2 text-sm font-medium text-gray-500 hover:bg-gray-100 hover:text-gray-700"
-              >
-                Billing
-              </a>
-            </li>
-      
-            <li>
-              <a
-                href="#"
-                class="block rounded-lg px-4 py-2 text-sm font-medium text-gray-500 hover:bg-gray-100 hover:text-gray-700"
-              >
-                Invoices
-              </a>
-            </li>
-      
-            <li>
-              <details class="group [&_summary::-webkit-details-marker]:hidden">
-                <summary
-                  class="flex cursor-pointer items-center justify-between rounded-lg px-4 py-2 text-gray-500 hover:bg-gray-100 hover:text-gray-700"
-                >
-                  <span class="text-sm font-medium"> Account </span>
-      
-                  <span class="shrink-0 transition duration-300 group-open:-rotate-180">
-                    <svg
-                      xmlns="http://www.w3.org/2000/svg"
-                      class="h-5 w-5"
-                      viewBox="0 0 20 20"
-                      fill="currentColor"
-                    >
-                      <path
-                        fill-rule="evenodd"
-                        d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                        clip-rule="evenodd"
-                      />
-                    </svg>
-                  </span>
-                </summary>
-      
-                <ul class="mt-2 space-y-1 px-4">
-                  <li>
-                    <a
-                      href="#"
-                      class="block rounded-lg px-4 py-2 text-sm font-medium text-gray-500 hover:bg-gray-100 hover:text-gray-700"
-                    >
-                      Details
-                    </a>
-                  </li>
-      
-                  <li>
-                    <a
-                      href="#"
-                      class="block rounded-lg px-4 py-2 text-sm font-medium text-gray-500 hover:bg-gray-100 hover:text-gray-700"
-                    >
-                      Security
-                    </a>
-                  </li>
-      
-                  <li>
-                    <form action="#">
-                      <button
-                        type="submit"
-                        class="w-full rounded-lg px-4 py-2 text-sm font-medium text-gray-500 [text-align:_inherit] hover:bg-gray-100 hover:text-gray-700"
-                      >
-                        Logout
-                      </button>
-                    </form>
-                  </li>
-                </ul>
-              </details>
-            </li>
-          </ul>
-        </div>

resources/views/partials/sidebar_v2.blade.php

@@ -0,0 +1,18 @@
+@if ( !empty($sidebarContent) )
+    <aside class="col-span-1">
+        <div class="flex h-full flex-col justify-between border-e bg-white">
+            <div class="px-4 py-6">
+        
+                <ul class="mt-6 space-y-1">
+                    @foreach ($sidebarContent as $item)
+                        <li>
+                            <a href="/{{ $item['href'] }}" class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700">
+                                {{ $item['name'] }}
+                            </a>
+                        </li>
+                    @endforeach
+                </ul>
+            </div>
+        </div>
+    </aside>
+@endif

resources/views/pork.blade.php

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

resources/views/poultry.blade.php

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

resources/views/recipes.blade.php

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

routes/web.php

@@ -20,3 +20,186 @@ Route::get('/', function () {
 Route::get('/about', function () {
     return view('about');
 });
+
+Route::get('/beef', function() {
+
+    return view('beef', [
+        "sidebarContent" => [
+            [
+                "name" => "Ribeye",
+                "href" => "ribeye",
+            ],
+            [
+                "name" => "Sirloin",
+                "href" => "sirloin",
+            ],
+            [
+                "name" => "T-Bone",
+                "href" => "tbone",
+            ],
+            [
+                "name" => "Filet Mignon",
+                "href" => "filetmignon",
+            ],
+            [
+                "name" => "Brisket",
+                "href" => "brisket",
+            ],
+            [
+                "name" => "Chuck",
+                "href" => "chuck",
+            ],
+            [
+                "name" => "Round",
+                "href" => "round",
+            ],
+            [
+                "name" => "Flank",
+                "href" => "flank",
+            ],
+            [
+                "name" => "Skirt",
+                "href" => "skirt",
+            ],
+            [
+                "name" => "Short Ribs",
+                "href" => "short-ribs",
+            ],
+        ],
+    ]);
+
+});
+
+Route::get('/poultry', function() {
+    return view('poultry', [
+        "sidebarContent" => [
+            [
+                "name" => "Chicken Breast",
+                "href" => "chicken-breast",
+            ],
+            [
+                "name" => "Chicken Thighs",
+                "href" => "chicken-thighs",
+            ],
+            [
+                "name" => "Chicken Wings",
+                "href" => "chicken-wings",
+            ],
+            [
+                "name" => "Whole Chicken",
+                "href" => "whole-chicken",
+            ],
+            [
+                "name" => "Turkey Breast",
+                "href" => "turkey-breast",
+            ],
+            [
+                "name" => "Duck Breast",
+                "href" => "duck-breast",
+            ],
+            [
+                "name" => "Duck Confit",
+                "href" => "duck-confit",
+            ],
+            [
+                "name" => "Quail",
+                "href" => "quail",
+            ],
+            [
+                "name" => "Cornish Hen",
+                "href" => "cornish-hen",
+            ]
+        ],
+    ]);
+});
+
+Route::get('/pork', function() {
+
+    return view('pork', [
+        "sidebarContent" => [
+            [
+                "name" => "Pork Shoulder (Boston Butt)",
+                "href" => "pork-shoulder",
+            ],
+            [
+                "name" => "Pork Belly",
+                "href" => "pork-belly",
+            ],
+            [
+                "name" => "Pork Chops",
+                "href" => "pork-chops",
+            ],
+            [
+                "name" => "Pork Loin",
+                "href" => "pork-loin",
+            ],
+            [
+                "name" => "Pork Ribs (Spareribs and Bay Back Ribs)",
+                "href" => "pork-ribs",
+            ],
+            [
+                "name" => "Ham",
+                "href" => "ham",
+            ],
+            [
+                "name" => "Pork Tenderloin",
+                "href" => "pork-tenderloin",
+            ]
+        ]
+    ]);
+
+});
+
+Route::get('/lamb', function() {
+    return view('lamb', [
+        "sidebarContent" => [
+            [
+                "name" => "Lamb Shoulder",
+                "href" => "lamb-shoulder",
+            ],
+            [
+                "name" => "Lamb Chops (Loin & Rib Chops)",
+                "href" => "lamb-chops",
+            ],
+            [
+                "name" => "Lamb Leg",
+                "href" => "lamb-leg",
+            ],
+            [
+                "name" => "Rack of Lamb",
+                "href" => "rack-of-lamb",
+            ],
+            [
+                "name" => "Ground Lamb",
+                "href" => "ground-lamb",
+            ],
+            [
+                "name" => "Lamb Shank",
+                "href" => "lamb-shank",
+            ]
+        ]
+    ]);
+});
+
+Route::get('/recipes', function() {
+    return view('recipes', [
+        "sidebarContent" => [
+            [
+                "name" => "Beef Recipes",
+                "href" => "beef-recipes",
+            ],
+            [
+                "name" => "Poultry Recipes",
+                "href" => "poultry-recipes",
+            ],
+            [
+                "name" => "Pork Recipes",
+                "href" => "pork-recipes",
+            ],
+            [
+                "name" => "Lamb Recipes",
+                "href" => "lamb-recipes",
+            ],
+        ]
+    ]);
+});