first commit

resources/views/templates/maximus/components/menu-footer.blade.php

@@ -0,0 +1,7 @@
+<h3 class="text-lg font-bold mb-4">Products</h3>
+<ul class="space-y-2">
+    <li><a href="#" class="text-gray-400 hover:text-white transition">Swing Sets</a></li>
+    <li><a href="#" class="text-gray-400 hover:text-white transition">Playhouses</a></li>
+    <li><a href="#" class="text-gray-400 hover:text-white transition">Combo Playsets</a></li>
+    <li><a href="#" class="text-gray-400 hover:text-white transition">Accessories</a></li>
+</ul>

resources/views/templates/maximus/components/menu-top.blade.php

@@ -0,0 +1,21 @@
+<div class="hidden md:flex space-x-10 text-white font-medium">
+    <a href="#" class="hover:text-yellow-300 transition">Home 2</a>
+    <a href="#" class="hover:text-yellow-300 transition">Gallery</a>
+    <a href="#" class="hover:text-yellow-300 transition">Products</a>
+    <a href="#" class="hover:text-yellow-300 transition">About</a>
+    <a href="#" class="hover:text-yellow-300 transition">Contact</a>
+</div>
+<div class="md:hidden" x-data="{ open: false }">
+    <button @click="open = !open" class="text-white focus:outline-none">
+        <i class="fa fa-bars text-2xl"></i>
+    </button>
+    <div x-show="open" @click.away="open = false" class="absolute top-20 right-6 bg-white shadow-lg rounded-lg p-6 w-48">
+        <div class="flex flex-col space-y-4">
+            <a href="#" class="hover:text-yellow-500 transition">Home 2</a>
+            <a href="#" class="hover:text-yellow-500 transition">Gallery</a>
+            <a href="#" class="hover:text-yellow-500 transition">Products</a>
+            <a href="#" class="hover:text-yellow-500 transition">About</a>
+            <a href="#" class="hover:text-yellow-500 transition">Contact</a>
+        </div>
+    </div>
+</div>