From 5cd83faad34131aae71eba50c1dc802036969e89 Mon Sep 17 00:00:00 2001
From: ivke995 <ivanivic842@gmail.com>
Date: Fri, 22 Aug 2025 13:50:27 +0200
Subject: [PATCH 1/5] fix: nav href and text logo style - check if pathname is
 /contact

---
 apps/website/src/components/navigation.astro | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/apps/website/src/components/navigation.astro b/apps/website/src/components/navigation.astro
index 99fd7de0..edfe2cea 100644
--- a/apps/website/src/components/navigation.astro
+++ b/apps/website/src/components/navigation.astro
@@ -9,6 +9,8 @@ const optimizedLogo = await getImage({
   height: 51,
   format: "webp",
 });
+
+const isContact = Astro.url.pathname === "/contact"
 ---
 
 <header
@@ -110,8 +112,8 @@ const optimizedLogo = await getImage({
           data-navhidden="true"
           id="book-a-call-action"
           class="invisible w-fit font-medium h-[39px] items-center px-4 py-2 rounded-md text-base text-center whitespace-nowrap bg-[#545664] text-[#ffffff] hover:opacity-90"
-          href="/#book-a-call-section"
-        >
+          href={isContact ? "/#book-a-call-section" : "#book-a-call-section"}
+          >
           Book a call
         </a>
       </li>
@@ -153,7 +155,8 @@ const optimizedLogo = await getImage({
             text-base text-center
             whitespace-nowrap
              bg-[#545664] text-[#ffffff] hover:opacity-90"
-      href="/#book-a-call-section">Book a call</a
+             href={isContact ? "/#book-a-call-section" : "#book-a-call-section"}
+             >Book a call</a
     >
     <a
       class="font-medium

From 2f8ad71eee5d42231871a755cc17dd49605a4717 Mon Sep 17 00:00:00 2001
From: ivke995 <ivanivic842@gmail.com>
Date: Fri, 22 Aug 2025 14:18:35 +0200
Subject: [PATCH 2/5] fix: nav href and text logo style - remove HTML
 attributes height and width

---
 apps/website/src/components/navigation.astro | 2 --
 1 file changed, 2 deletions(-)

diff --git a/apps/website/src/components/navigation.astro b/apps/website/src/components/navigation.astro
index edfe2cea..f8b7807b 100644
--- a/apps/website/src/components/navigation.astro
+++ b/apps/website/src/components/navigation.astro
@@ -56,8 +56,6 @@ const isContact = Astro.url.pathname === "/contact"
       />
       <img
         id="logo"
-        width={153}
-        height={24}
         alt="Crocoder Text Logo"
         src="/images/crocoder-text.svg"
         class="pl-[14px] h-6 w-auto hidden md:flex"

From d2c5e29c8e870b2fd64e00260fb843c639a486cb Mon Sep 17 00:00:00 2001
From: ivke995 <ivanivic842@gmail.com>
Date: Fri, 22 Aug 2025 15:49:30 +0200
Subject: [PATCH 3/5] fix: nav href and text logo style - change width of text
 logo

---
 apps/website/src/components/navigation.astro | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/apps/website/src/components/navigation.astro b/apps/website/src/components/navigation.astro
index f8b7807b..0c1cf5f7 100644
--- a/apps/website/src/components/navigation.astro
+++ b/apps/website/src/components/navigation.astro
@@ -49,8 +49,6 @@ const isContact = Astro.url.pathname === "/contact"
       <img
         src={optimizedLogo.src}
         alt="Crocoder Crocodile Logo"
-        width="63"
-        height="51"
         class="h-[51px] w-auto"
         loading="eager"
       />
@@ -58,7 +56,7 @@ const isContact = Astro.url.pathname === "/contact"
         id="logo"
         alt="Crocoder Text Logo"
         src="/images/crocoder-text.svg"
-        class="pl-[14px] h-6 w-auto hidden md:flex"
+        class="pl-[14px] h-6 w-[154px] hidden md:flex"
         data-navhidden="false"
       />
     </a>

From 9c26db20f1b03c317ebbf7d8c4ee96f043c924bc Mon Sep 17 00:00:00 2001
From: ivke995 <ivanivic842@gmail.com>
Date: Mon, 25 Aug 2025 15:00:56 +0200
Subject: [PATCH 4/5] fix: nav href and text logo style - navigation width
 increased and important auto width

---
 apps/website/src/components/navigation.astro | 2 +-
 apps/website/src/styles/navigation.css       | 7 +++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/apps/website/src/components/navigation.astro b/apps/website/src/components/navigation.astro
index 0c1cf5f7..b04c76e2 100644
--- a/apps/website/src/components/navigation.astro
+++ b/apps/website/src/components/navigation.astro
@@ -38,7 +38,7 @@ const isContact = Astro.url.pathname === "/contact"
       relative
       gap:12
       max-md:has-[input:checked]:bg-secondary
-      md:w-[600px]"
+      md:w-[660px]"
     data-navhidden="false"
   >
     <a
diff --git a/apps/website/src/styles/navigation.css b/apps/website/src/styles/navigation.css
index fe3e2a04..4f079f93 100644
--- a/apps/website/src/styles/navigation.css
+++ b/apps/website/src/styles/navigation.css
@@ -130,9 +130,12 @@
     animation-direction: normal;
   }
 
-  .animated-button,
+  .animated-button {
+    animation-name: visible-animation;
+  }
+
   .animated-text {
     width: auto !important;
     animation-name: visible-animation;
   }
-}
\ No newline at end of file
+}

From b63538e0d26691e5ae80337348dbea61d73e5ff7 Mon Sep 17 00:00:00 2001
From: ivke995 <ivanivic842@gmail.com>
Date: Mon, 25 Aug 2025 15:33:22 +0200
Subject: [PATCH 5/5] fix: nav href and text logo style - add tailwind md
 breakpoint for hidden attribute

---
 apps/website/src/components/navigation.astro | 9 ++++-----
 apps/website/src/styles/navigation.css       | 2 +-
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/apps/website/src/components/navigation.astro b/apps/website/src/components/navigation.astro
index b04c76e2..345b3937 100644
--- a/apps/website/src/components/navigation.astro
+++ b/apps/website/src/components/navigation.astro
@@ -38,7 +38,7 @@ const isContact = Astro.url.pathname === "/contact"
       relative
       gap:12
       max-md:has-[input:checked]:bg-secondary
-      md:w-[660px]"
+      md:w-[680px]"
     data-navhidden="false"
   >
     <a
@@ -202,8 +202,7 @@ const isContact = Astro.url.pathname === "/contact"
     classes are added first time the handle scroll is triggered*/
     if (!navElem.classList.contains("animated-navigation")) {
       navElem.classList.add("animated-navigation");
-      navElem.classList.remove("md:w-[600px]");
-      logoElem.classList.add("animated-button");
+      navElem.classList.remove("md:w-[680px]");
       forCtoElem.classList.add("animated-text");
       blogElem.classList.add("animated-text");
       bookACallAction.classList.add("animated-button", "w-fit");
@@ -249,8 +248,8 @@ const isContact = Astro.url.pathname === "/contact"
       switch (node.getAttribute("id")) {
         case "logo":
           condition = node.getAttribute("data-navhidden") === "false";
-          logoElem.classList.toggle("hidden", condition);
-          logoElem.classList.toggle("!w-0", condition);
+          logoElem.classList.toggle("md:hidden", condition);
+          logoElem.classList.toggle("w-0", condition);
           break;
         case "for-ctos":
           condition = node.getAttribute("data-navhidden") === "true";
diff --git a/apps/website/src/styles/navigation.css b/apps/website/src/styles/navigation.css
index 4f079f93..e10e5eff 100644
--- a/apps/website/src/styles/navigation.css
+++ b/apps/website/src/styles/navigation.css
@@ -1,6 +1,6 @@
 @keyframes navigation-animation {
   0% {
-    width: 600px;
+    width: 680px;
   }
 
   100% {