refactor(hero-section): 移除未使用的动画导入并优化样式类名

删除未使用的动画组件导入(FadeUp, StaggerContainer等)
将min-w-[180px]替换为更简洁的min-w-45
调整背景渐变类名从bg-gradient-to-b到bg-linear-to-b
This commit is contained in:
张翔
2026-02-23 21:19:54 +08:00
parent e862a68ef0
commit a75673fa27
+5 -5
View File
@@ -1,9 +1,9 @@
'use client'; 'use client';
import { useEffect, useRef, useState } from 'react'; import { useEffect, useRef, useState } from 'react';
import { motion, AnimatePresence } from 'framer-motion'; import { motion } from 'framer-motion';
import { RippleButton, SealButton } from '@/components/ui/ripple-button'; import { RippleButton, SealButton } from '@/components/ui/ripple-button';
import { FadeUp, StaggerContainer, StaggerItem, CountUp, FloatingElement, SplitText, GradientText, MagneticButton, BlurReveal, CounterWithEffect } from '@/lib/animations'; import { SplitText, GradientText, MagneticButton, BlurReveal, CounterWithEffect } from '@/lib/animations';
import { InkDecoration, InkBackground } from '@/components/ui/ink-decoration'; import { InkDecoration, InkBackground } from '@/components/ui/ink-decoration';
import { COMPANY_INFO, STATS } from '@/lib/constants'; import { COMPANY_INFO, STATS } from '@/lib/constants';
import { ArrowRight, Shield, Zap, Award } from 'lucide-react'; import { ArrowRight, Shield, Zap, Award } from 'lucide-react';
@@ -64,7 +64,7 @@ export function HeroSection() {
<section <section
id="home" id="home"
ref={sectionRef} ref={sectionRef}
className="relative min-h-screen flex items-center pt-16 overflow-hidden bg-gradient-to-b from-[#FAFAFA] to-white" className="relative min-h-screen flex items-center pt-16 overflow-hidden bg-linear-to-b from-[#FAFAFA] to-white"
> >
<InkBackground /> <InkBackground />
<InkDecoration variant="balanced" /> <InkDecoration variant="balanced" />
@@ -115,7 +115,7 @@ export function HeroSection() {
<SealButton <SealButton
size="lg" size="lg"
onClick={() => handleScrollTo('contact')} onClick={() => handleScrollTo('contact')}
className="min-w-[180px]" className="min-w-45"
> >
<ArrowRight className="w-4 h-4 ml-2" /> <ArrowRight className="w-4 h-4 ml-2" />
@@ -126,7 +126,7 @@ export function HeroSection() {
size="lg" size="lg"
variant="outline" variant="outline"
onClick={() => handleScrollTo('about')} onClick={() => handleScrollTo('about')}
className="min-w-[180px]" className="min-w-45"
> >
</RippleButton> </RippleButton>