novalon/novalon-website
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: 更新构建ID和相关文件引用

Browse Source
This commit is contained in:
张翔
2026-02-23 21:19:44 +08:00
parent 25586a5a6c
commit e862a68ef0
145 changed files with 773 additions and 295 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/sections/hero-section.tsx
+3 -78
View File
@@ -4,6 +4,7 @@ import { useEffect, useRef, useState } from 'react';
import { motion, AnimatePresence } from 'framer-motion';
import { RippleButton, SealButton } from '@/components/ui/ripple-button';
import { FadeUp, StaggerContainer, StaggerItem, CountUp, FloatingElement, SplitText, GradientText, MagneticButton, BlurReveal, CounterWithEffect } from '@/lib/animations';
import { InkDecoration, InkBackground } from '@/components/ui/ink-decoration';
import { COMPANY_INFO, STATS } from '@/lib/constants';
import { ArrowRight, Shield, Zap, Award } from 'lucide-react';
@@ -65,84 +66,8 @@ export function HeroSection() {
ref={sectionRef}
className="relative min-h-screen flex items-center pt-16 overflow-hidden bg-gradient-to-b from-[#FAFAFA] to-white"
>
<div className="absolute inset-0 pointer-events-none overflow-hidden">
<motion.div
initial={{ opacity: 0, scale: 0.8 }}
animate={{ opacity: 1, scale: 1 }}
transition={{ duration: 1.2, ease: [0.16, 1, 0.3, 1] }}
className="absolute top-0 left-1/2 -translate-x-1/2 w-[800px] h-[600px] bg-[radial-gradient(ellipse_at_center,rgba(28,28,28,0.03)_0%,transparent_60%)]"
/>
<motion.div
initial={{ opacity: 0, scale: 0.8 }}
animate={{ opacity: 1, scale: 1 }}
transition={{ duration: 1.2, delay: 0.2, ease: [0.16, 1, 0.3, 1] }}
className="absolute bottom-0 left-1/2 -translate-x-1/2 w-[600px] h-[400px] bg-[radial-gradient(ellipse_at_center,rgba(196,30,58,0.04)_0%,transparent_50%)]"
/>
<FloatingElement amplitude={20} duration={6} className="absolute top-[15%] left-[5%]">
<motion.div
initial={{ opacity: 0, scale: 0 }}
animate={{ opacity: 1, scale: 1 }}
transition={{ delay: 0.5, duration: 0.8 }}
className="w-4 h-4 bg-[#C41E3A]/30 rounded-full blur-[1px]"
/>
</FloatingElement>
<FloatingElement amplitude={25} duration={7} delay={0.3} className="absolute top-[25%] right-[8%]">
<motion.div
initial={{ opacity: 0, scale: 0 }}
animate={{ opacity: 1, scale: 1 }}
transition={{ delay: 0.7, duration: 0.8 }}
className="w-6 h-6 bg-[#1C1C1C]/20 rounded-full blur-[1px]"
/>
</FloatingElement>
<FloatingElement amplitude={18} duration={5} delay={0.6} className="absolute bottom-[30%] left-[10%]">
<motion.div
initial={{ opacity: 0, scale: 0 }}
animate={{ opacity: 1, scale: 1 }}
transition={{ delay: 0.9, duration: 0.8 }}
className="w-3 h-3 bg-[#C41E3A]/25 rounded-full"
/>
</FloatingElement>
<FloatingElement amplitude={22} duration={6.5} delay={0.2} className="absolute bottom-[20%] right-[12%]">
<motion.div
initial={{ opacity: 0, scale: 0 }}
animate={{ opacity: 1, scale: 1 }}
transition={{ delay: 1.1, duration: 0.8 }}
className="w-5 h-5 bg-[#1C1C1C]/15 rounded-full blur-[1px]"
/>
</FloatingElement>
<FloatingElement amplitude={15} duration={5.5} delay={0.8} className="absolute top-[40%] left-[15%]">
<motion.div
initial={{ opacity: 0, scale: 0 }}
animate={{ opacity: 1, scale: 1 }}
transition={{ delay: 1.3, duration: 0.8 }}
className="w-2 h-2 bg-[#C41E3A]/40 rounded-full"
/>
</FloatingElement>
<FloatingElement amplitude={30} duration={8} delay={0.4} className="absolute top-[60%] right-[5%]">
<motion.div
initial={{ opacity: 0, scale: 0 }}
animate={{ opacity: 1, scale: 1 }}
transition={{ delay: 1.5, duration: 0.8 }}
className="w-8 h-8 border-2 border-[#C41E3A]/20 rounded-full"
/>
</FloatingElement>
<FloatingElement amplitude={12} duration={4.5} delay={1} className="absolute top-[35%] right-[20%]">
<motion.div
initial={{ opacity: 0, scale: 0 }}
animate={{ opacity: 1, scale: 1 }}
transition={{ delay: 1.7, duration: 0.8 }}
className="w-2 h-2 bg-[#1C1C1C]/30 rounded-full"
/>
</FloatingElement>
</div>
<InkBackground />
<InkDecoration variant="balanced" />
<div className="container-wide py-24 md:py-32 lg:py-40 relative z-10">
<div className="max-w-4xl mx-auto text-center">