From bbd0f9c948f9c545f28893149bec5abf5e211126 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Sun, 15 Mar 2026 11:17:28 +0000
Subject: [PATCH 1/2] Initial plan


From 7bd8509413f307610b5b89c30729e0334cd7bc9e Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Sun, 15 Mar 2026 11:19:26 +0000
Subject: [PATCH 2/2] Fix FlowingMenu trailing whitespace on wide screens

Co-authored-by: DavidHDev <48634587+DavidHDev@users.noreply.github.com>
---
 .../Components/FlowingMenu/FlowingMenu.vue    | 26 ++++++++++---------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/src/content/Components/FlowingMenu/FlowingMenu.vue b/src/content/Components/FlowingMenu/FlowingMenu.vue
index 05df948..900dd2a 100644
--- a/src/content/Components/FlowingMenu/FlowingMenu.vue
+++ b/src/content/Components/FlowingMenu/FlowingMenu.vue
@@ -20,18 +20,20 @@
           class="absolute top-0 left-0 w-full h-full overflow-hidden pointer-events-none bg-white translate-y-[101%]"
           :ref="el => (marqueeRefs[idx] = el as HTMLDivElement)"
         >
-          <div class="h-full w-[200%] flex" :ref="el => (marqueeInnerRefs[idx] = el as HTMLDivElement)">
-            <div class="flex items-center relative h-full w-[200%] will-change-transform animate-marquee">
-              <template v-for="i in 4" :key="`${idx}-${i}`">
-                <span class="text-[#0b0b0b] uppercase font-normal text-[4vh] leading-[1.2] p-[1vh_1vw_0]">
-                  {{ item.text }}
-                </span>
+          <div class="h-full flex" :ref="el => (marqueeInnerRefs[idx] = el as HTMLDivElement)">
+            <div class="flex items-center relative h-full w-max will-change-transform animate-marquee">
+              <div v-for="g in 2" :key="`${idx}-g${g}`" class="flex items-center h-full shrink-0">
+                <template v-for="i in 8" :key="`${idx}-g${g}-${i}`">
+                  <span class="text-[#0b0b0b] uppercase font-normal text-[4vh] leading-[1.2] p-[1vh_1vw_0] whitespace-nowrap">
+                    {{ item.text }}
+                  </span>
 
-                <div
-                  class="w-[200px] h-[7vh] my-[2em] mx-[2vw] p-[1em_0] rounded-[50px] bg-cover bg-center"
-                  :style="{ backgroundImage: `url(${item.image})` }"
-                />
-              </template>
+                  <div
+                    class="w-[200px] h-[7vh] my-[2em] mx-[2vw] p-[1em_0] rounded-[50px] bg-cover bg-center shrink-0"
+                    :style="{ backgroundImage: `url(${item.image})` }"
+                  />
+                </template>
+              </div>
             </div>
           </div>
         </div>
@@ -121,6 +123,6 @@ const handleMouseLeave = (ev: MouseEvent, idx: number) => {
 }
 
 .animate-marquee {
-  animation: marquee 15s linear infinite;
+  animation: marquee 30s linear infinite;
 }
 </style>