From d3de0ad70b2e54dd3e9afd82bbfc6e967afceec3 Mon Sep 17 00:00:00 2001
From: Ember <197652334@qq.com>
Date: Sun, 2 Nov 2025 00:17:19 +0800
Subject: [PATCH] =?UTF-8?q?fix(web):=20=E4=BC=98=E5=8C=96=E8=90=BD?=
 =?UTF-8?q?=E5=9C=B0=E9=A1=B5=E5=86=85=E5=AE=B9=E2=80=94=E7=A7=BB=E9=99=A4?=
 =?UTF-8?q?=E5=A4=9A=E4=BD=99=E7=A9=BA=E8=A1=8C=EF=BC=8C=E7=AE=80=E5=8C=96?=
 =?UTF-8?q?=E5=9B=BE=E7=89=87=E7=BB=84=E4=BB=B6=EF=BC=8C=E6=9B=B4=E6=96=B0?=
 =?UTF-8?q?=E6=94=AF=E6=8C=81=E6=96=B9=E5=88=97=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/components/LandingPage.tsx | 47 +++++++++++++-----------------
 1 file changed, 20 insertions(+), 27 deletions(-)

diff --git a/web/src/components/LandingPage.tsx b/web/src/components/LandingPage.tsx
index 12b65a67..214d4fd2 100644
--- a/web/src/components/LandingPage.tsx
+++ b/web/src/components/LandingPage.tsx
@@ -60,7 +60,6 @@ export function LandingPage() {
         color: 'var(--brand-light-gray)',
       }}
     >
-
       {/* Navbar */}
       <nav className='fixed top-0 w-full z-50 header-bar'>
         <div className='max-w-7xl mx-auto px-4 sm:px-6 lg:px-8'>
@@ -226,7 +225,9 @@ export function LandingPage() {
               >
                 Read the Market.
                 <br />
-                <span style={{ color: 'var(--brand-yellow)' }}>Write the Trade.</span>
+                <span style={{ color: 'var(--brand-yellow)' }}>
+                  Write the Trade.
+                </span>
               </h1>
 
               <motion.p
@@ -292,30 +293,14 @@ export function LandingPage() {
             </motion.div>
 
             {/* Right Content - Visual */}
-            <motion.div
-              className='relative'
-              initial={{ opacity: 0, x: 100 }}
-              animate={{ opacity: 1, x: 0 }}
-              transition={{ duration: 0.8, delay: 0.2 }}
-            >
-              <motion.div
-                className='rounded-2xl p-8 relative z-10'
-                style={{
-                  background: 'var(--panel-bg)',
-                  border: '1px solid var(--panel-border)',
-                }}
-                animate={floatingAnimation}
-              >
-                <motion.img
-                  src='/images/main.png'
-                  alt='NOFX Platform'
-                  className='w-full opacity-90'
-                  whileHover={{ scale: 1.05, rotate: 5 }}
-                  transition={{ type: 'spring', stiffness: 300 }}
-                />
-              </motion.div>
 
-            </motion.div>
+            <motion.img
+              src='/images/main.png'
+              alt='NOFX Platform'
+              className='w-full opacity-90'
+              whileHover={{ scale: 1.05, rotate: 5 }}
+              transition={{ type: 'spring', stiffness: 300 }}
+            />
           </div>
         </div>
 
@@ -426,7 +411,10 @@ export function LandingPage() {
                   typingSpeed={70}
                   lineDelay={900}
                   className='text-sm font-mono'
-                  style={{ color: '#00FF41', textShadow: '0 0 6px rgba(0,255,65,0.6)' }}
+                  style={{
+                    color: '#00FF41',
+                    textShadow: '0 0 6px rgba(0,255,65,0.6)',
+                  }}
                 />
               </div>
             </div>
@@ -766,7 +754,12 @@ export function LandingPage() {
               },
               {
                 title: '支持方',
-                items: ['Aster DEX', 'Binance', 'Amber.ac (战略投资)'],
+                items: [
+                  'Aster DEX',
+                  'Binance',
+                  'HyperLiquid',
+                  'Amber.ac (战略投资)',
+                ],
               },
             ].map((section, index) => (
               <motion.div