From a605397b3fcb6d55d1ad9dedbddfc153c8c5a7f2 Mon Sep 17 00:00:00 2001
From: Isaac Onyemaechi Ugwu <Amaechiisaac450@gmail.com>
Date: Tue, 23 Dec 2025 16:37:59 +0100
Subject: [PATCH 1/2] fix: correct rocket animation rotation and improve easing
 for smoother transitions (#331)

---
 app/components/Footer.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/app/components/Footer.tsx b/app/components/Footer.tsx
index 9d604f3b..5cb159f3 100644
--- a/app/components/Footer.tsx
+++ b/app/components/Footer.tsx
@@ -91,19 +91,20 @@ export const Footer = () => {
     },
     fulfilled: {
       y: [0, -5, 5, 0],
-      rotate: [-20, -15, -25, -20],
+      rotate: [20, 15, 25, 20],
       scale: 1.15,
       filter: "drop-shadow(0 4px 0 #FFD700)",
       transition: {
         repeat: Infinity,
         duration: 0.1,
-        ease: "linear",
+        ease: "easeInOut",
         filter: { duration: 0.5 },
       },
     },
     settled: {
       x: "-175vw",
-      y: "-45vw",
+      y: "-95vw",
+      rotate: [20, 15, 25, 20],
       filter: "drop-shadow(0 8px 32px #FFD700)",
       transition: {
         x: { duration: 1.2, ease: "easeIn" },

From 8ad2eb118fb192c0024e6a614c2f19e35dde80da Mon Sep 17 00:00:00 2001
From: Isaac Onyemaechi <amaechiisaac450@gmail.com>
Date: Wed, 7 Jan 2026 14:20:14 +0100
Subject: [PATCH 2/2] fix: update footer rocket illustration and adjust navbar
 layout for better alignment

---
 app/components/Footer.tsx |  9 ++++-----
 app/components/Navbar.tsx | 42 ++++++---------------------------------
 2 files changed, 10 insertions(+), 41 deletions(-)

diff --git a/app/components/Footer.tsx b/app/components/Footer.tsx
index 5cb159f3..a0eeea31 100644
--- a/app/components/Footer.tsx
+++ b/app/components/Footer.tsx
@@ -91,7 +91,7 @@ export const Footer = () => {
     },
     fulfilled: {
       y: [0, -5, 5, 0],
-      rotate: [20, 15, 25, 20],
+      rotate: [-20, -15, -25, -20],
       scale: 1.15,
       filter: "drop-shadow(0 4px 0 #FFD700)",
       transition: {
@@ -103,8 +103,7 @@ export const Footer = () => {
     },
     settled: {
       x: "-175vw",
-      y: "-95vw",
-      rotate: [20, 15, 25, 20],
+      y: "-45vw",
       filter: "drop-shadow(0 8px 32px #FFD700)",
       transition: {
         x: { duration: 1.2, ease: "easeIn" },
@@ -204,8 +203,8 @@ export const Footer = () => {
         </div>
         <motion.img
           key={rocketStatus}
-          src="/images/footer-santa-illustration.svg"
-          alt="Footer Santa Image"
+          src="/images/footer-rocket-illustration.svg"
+          alt="Footer Rocket Image"
           height={100}
           width={100}
           initial="pending"
diff --git a/app/components/Navbar.tsx b/app/components/Navbar.tsx
index c5fbc468..17cff2aa 100644
--- a/app/components/Navbar.tsx
+++ b/app/components/Navbar.tsx
@@ -111,7 +111,7 @@ export const Navbar = () => {
       >
         <div className="flex items-start gap-2 lg:flex-1">
           <div
-            className={`relative flex ${IS_MAIN_PRODUCTION_DOMAIN ? "items-end" : "items-end"} gap-5`}
+            className={`relative flex ${IS_MAIN_PRODUCTION_DOMAIN ? "items-center" : "items-start"} gap-5`}
             ref={dropdownRef}
           >
             <div
@@ -141,43 +141,13 @@ export const Navbar = () => {
               >
                 {IS_MAIN_PRODUCTION_DOMAIN ? (
                   <>
-                    {/* <NoblocksLogo className="max-sm:hidden" /> */}
-
-                    <Image
-                      src="/logos/noblocks-xmas.svg"
-                      alt="Noblocks Logo"
-                      className="max-sm:hidden"
-                      width={120}
-                      height={28}
-                    />
-                    {/* <NoblocksLogoIcon className="size-[18px] sm:hidden" /> */}
-                    <Image
-                      src="/logos/noblocks-xmas-mobile.svg"
-                      alt="Noblocks Logo"
-                      className="size-[28px] sm:hidden"
-                      width={120}
-                      height={28}
-                    />
+                    <NoblocksLogo className="max-sm:hidden" />
+                    <NoblocksLogoIcon className="size-[18px] sm:hidden" />
                   </>
                 ) : (
                   <>
-                    {/* <NoblocksBetaLogo className="max-sm:hidden" />*/}
-
-                    <Image
-                      src="/logos/noblocks-xmas.svg"
-                      alt="Noblocks Logo"
-                      className="max-sm:hidden"
-                      width={120}
-                      height={28}
-                    />
-                    {/* <NoblocksLogoIcon className="size-[18px] sm:hidden" /> */}
-                    <Image
-                      src="/logos/noblocks-xmas-mobile.svg"
-                      alt="Noblocks Logo"
-                      className="size-[28px] sm:hidden"
-                      width={120}
-                      height={28}
-                    />
+                    <NoblocksBetaLogo className="max-sm:hidden" />
+                    <NoblocksLogoIcon className="size-[18px] sm:hidden" />
                   </>
                 )}
               </button>
@@ -186,7 +156,7 @@ export const Navbar = () => {
                 className={classNames(
                   "size-5 cursor-pointer text-icon-outline-secondary transition-transform duration-200 dark:text-white/50 max-sm:hidden",
                   isDropdownOpen ? "rotate-0" : "-rotate-90",
-                  IS_MAIN_PRODUCTION_DOMAIN ? "mt-[10px]" : "mt-[10px]", // this adjusts the arrow position for beta logo
+                  IS_MAIN_PRODUCTION_DOMAIN ? "" : "!-mt-[15px]", // this adjusts the arrow position for beta logo
                 )}
                 onClick={(e) => {
                   e.preventDefault();