hero, about, recent works

resources/views/partials/navbar.blade.php

@@ -1,42 +1,20 @@
-<header class="bg-gray-50">
-    <div class="mx-auto max-w-screen-xl px-4 py-8 sm:px-6 sm:py-12 lg:px-8">
-      <div class="sm:flex sm:items-center sm:justify-between">
-        <div class="text-center sm:text-left">
-          <h1 class="text-2xl font-bold text-gray-900 sm:text-3xl">Welcome Back, Barry!</h1>
-  
-          <p class="mt-1.5 text-sm text-gray-500">Let's write a new blog post! 🎉</p>
-        </div>
-  
-        <div class="mt-4 flex flex-col gap-4 sm:mt-0 sm:flex-row sm:items-center">
-          <button
-            class="inline-flex items-center justify-center gap-1.5 rounded-lg border border-gray-200 bg-white px-5 py-3 text-gray-500 transition hover:text-gray-700 focus:outline-none focus:ring"
-            type="button"
-          >
-            <span class="text-sm font-medium"> View Website </span>
-  
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              class="h-4 w-4"
-              fill="none"
-              viewBox="0 0 24 24"
-              stroke="currentColor"
-              stroke-width="2"
-            >
-              <path
-                stroke-linecap="round"
-                stroke-linejoin="round"
-                d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
-              />
-            </svg>
-          </button>
-  
-          <button
-            class="block rounded-lg bg-indigo-600 px-5 py-3 text-sm font-medium text-white transition hover:bg-indigo-700 focus:outline-none focus:ring"
-            type="button"
-          >
-            Create Post
-          </button>
-        </div>
-      </div>
+<nav class="top-0 absolute z-10 flex  justify-between w-full pl-[80px] pr-[80px] pt-[26px]">
+    <div>
+        <a href="https://www.google.com" target="_blank">
+            <p class="text-black text-para-medium">
+                @Ivacsony Szilard
+            </p>
+        </a>
     </div>
-  </header>
+    <div class="flex justify-between gap-[40px]">
+        <a href="">
+            <p class="text-para-medium">About</p>
+        </a>
+        <a href="">
+            <p class="text-para-medium]">Work</p>
+        </a>
+        <a href="">
+            <p class="text-para-medium">Contact</p>
+        </a>
+    </div>
+</nav>