1 line
141 KiB
JSON
1 line
141 KiB
JSON
|
{"ast":null,"code":"import React,{useState}from'react';import{motion,AnimatePresence}from'framer-motion';import{useSectionScroll}from'../hooks/useSectionScroll';import{Robot,Brain,TrendingUp,Users,Rocket,Shield,Settings,Award,Eye,Package,MessageSquare,Database,Globe,Lightbulb,Monitor,Hash,Tool,CheckCircle,ArrowRight,Warning,Zap}from'../components/Icons';import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";const HomePage=()=>{// 图片查看器状态\nconst[viewingImage,setViewingImage]=useState(null);// 各行各业卡片切换状态 - 默认显示中间卡片(索引2)\nconst[activeCardIndex,setActiveCardIndex]=useState(2);// 计算卡片相对于中心位置的偏移量 (支持循环)\nconst getRelativePosition=cardIndex=>{let diff=cardIndex-activeCardIndex;// 处理循环边界: 确保位置在 -2 到 2 之间\nif(diff>2)diff-=5;if(diff<-2)diff+=5;return diff;};// 卡片数据\nconst cardsData=[{id:0,title:'工业领域',icon:Database,iconColor:'text-neon-blue-500 neon-glow-blue',titleColor:'text-neon-blue-400',borderColor:'border-neon-blue-500/30',image:'/images/四、AI正在渗透所有行业/四、AI正在渗透所有行业_各行各业_软件中AI分析界面.png',description:'数据监测大屏AI分析界面',position:'设备工程师（AI检测）',salary:'8K~15K'},{id:1,title:'电商领域',icon:Globe,iconColor:'text-cyber-pink-500 neon-glow-pink',titleColor:'text-cyber-pink-400',borderColor:'border-cyber-pink-500/30',image:'/images/四、AI正在渗透所有行业/四、AI正在渗透所有行业_各行各业_N8N工作流节点.png',description:'N8N中AI自动化运营节点',position:'AI电商运营专员',salary:'12K~25K'},{id:2,title:'设计领域',icon:Lightbulb,iconColor:'text-neon-purple-500 neon-glow-purple',titleColor:'text-neon-purple-400',borderColor:'border-neon-purple-500/30',image:'/images/四、AI正在渗透所有行业/四、AI正在渗透所有行业_各行各业_AI生成图片的界面.png',description:'comfyUI软件AI生成图片的界面',position:'AI平面设计师',salary:'10K起'},{id:3,title:'媒体领域',icon:Monitor,iconColor:'text-neon-cyan-500 neon-glow-cyan',titleColor:'text-neon-cyan-400',borderColor:'border-neon-cyan-500/30',image:'/images/四、AI正在渗透所有行业/四、AI正在渗透所有行业_各行各业_达芬奇视频剪辑界面.png',description:'达芬奇软件中AI自动剪辑界面',position:'AI音视频剪辑师',salary:'8K~18K'},{id:4,title:'计算机领域',icon:Zap,iconColor:'text-neon-yellow-500 neon-glow-cyan',titleColor:'text-neon-yellow-400',borderColor:'border-neon-yellow-500/30',image:'/images/四、AI正在渗透所有行业/四、AI正在渗透所有行业_各行各业_Claude编程界面.png',description:'Claude软件AI编程界面',position:'AI前端开发工程师',salary:'15K起步'}];// 使用section滚动Hook\nconst{registerSection,scrollToSection,currentSection}=useSectionScroll({duration:1000,// 1秒动画\neasing:'cubic-bezier(0.4, 0, 0.2, 1)'// Apple风格缓动\n});// 目录数据\nconst sections=[{id:0,title:'为什么学AI'},{id:1,title:'就业难题'},{id:2,title:'AI岗位薪资'},{id:3,title:'效率与挑战'},{id:4,title:'企业现状'},{id:5,title:'企业举措'},{id:6,title:'AI人才稀缺'},{id:7,title:'日常生活AI'},{id:8,title:'各行各业AI'},{id:9,title:'AI应用问题'},{id:10,title:'大专生机会'}];// 动画变体\nconst fadeInUp={hidden:{opacity:0,y:60},visible:{opacity:1,y:0}};const staggerContainer={hidden:{opacity:0},visible:{opacity:1,transition:{staggerChildren:0.2}}};return/*#__PURE__*/_jsxs(\"div\",{className:\"section-scroll-container\",children:[/*#__PURE__*/_jsx(\"nav\",{className:\"fixed right-8 top-1/2 transform -translate-y-1/2 z-50 hidden lg:block\",children:/*#__PURE__*/_jsx(\"div\",{className:\"cyber-card p-4 rounded-xl\",children:/*#__PURE__*/_jsx(\"div\",{className:\"space-y-3\",children:sections.map(section=>/*#__PURE__*/_jsx(\"button\",{onClick:()=>scrollToSection(section.id),className:\"\\n block w-full text-left px-4 py-2 rounded-lg transition-all duration-300\\n
|