refactor(hero-section): 移除未使用的动画导入并优化样式类名
删除未使用的动画组件导入(FadeUp, StaggerContainer等) 将min-w-[180px]替换为更简洁的min-w-45 调整背景渐变类名从bg-gradient-to-b到bg-linear-to-b
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user