From 33a8624f896b447d56a79e4176598db08a4e5057 Mon Sep 17 00:00:00 2001
From: Mackie <iwan.mackie@gmail.com>
Date: Mon, 25 May 2026 02:22:38 +0800
Subject: [PATCH] footer

---
 src/components/HeroPage.tsx | 32 +++++++++++++-------------------
 1 file changed, 13 insertions(+), 19 deletions(-)

diff --git a/src/components/HeroPage.tsx b/src/components/HeroPage.tsx
index 921213b..1ba1a86 100644
--- a/src/components/HeroPage.tsx
+++ b/src/components/HeroPage.tsx
@@ -256,25 +256,19 @@ function LogosSection({ isDark }: { isDark: boolean }) {
       </p>
 
       {/* Marquee track */}
-      <div className="relative flex overflow-hidden">
-        <div
-          className="flex gap-12 items-center"
-          style={{
-            animation: 'marquee 20s linear infinite',
-            whiteSpace: 'nowrap',
-          }}
-        >
-          {/* Duplicate logos for seamless loop */}
-          {[...LOGOS, ...LOGOS].map((l, i) => (
-            <img
-              key={i}
-              src={l.src}
-              alt={l.alt}
-              className={cn('h-5 w-auto flex-shrink-0 transition-all', logoFilter)}
-            />
-          ))}
-        </div>
-      </div>
+<div style={{ overflow: 'hidden', width: '100%' }}>
+  <div style={{ display: 'flex', width: 'max-content', animation: 'marquee 25s linear infinite' }}>
+    {[...LOGOS, ...LOGOS, ...LOGOS, ...LOGOS].map((l, i) => (
+      <img
+        key={i}
+        src={l.src}
+        alt={l.alt}
+        className={cn('h-5 w-auto flex-shrink-0 transition-all', logoFilter)}
+        style={{ marginRight: 64 }}
+      />
+    ))}
+  </div>
+</div>
 
       <style>{`
         @keyframes marquee {