1 line
147 KiB
JSON
1 line
147 KiB
JSON
|
{"ast":null,"code":"import React,{useState,useEffect}from'react';import{motion,AnimatePresence}from'framer-motion';import{useSectionScroll}from'../hooks/useSectionScroll';import{BookOpen,Brain,Rocket,Award,TrendingUp,Users,Target,Zap,Settings,Lightbulb,CheckCircle,Package,Database,Code,BarChart}from'../components/Icons';import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";const CoursePage=()=>{// 图片查看器状态\nconst[viewingImage,setViewingImage]=useState(null);// 轮播图状态\nconst[currentSlide,setCurrentSlide]=useState(0);const carouselImages=['/images/课程页面/第一阶段轮播图/七、我们的课程设置_AI工具logo轮播图.png','/images/课程页面/第一阶段轮播图/七、构建属于自己的AI工作流系统.png','/images/课程页面/第一阶段轮播图/七、网页作品集-1.png','/images/课程页面/第一阶段轮播图/七、网页作品集-2.png'];// 使用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:'课程概览'},{id:1,title:'课程价值'},{id:2,title:'AI基础课'},{id:3,title:'复合技能课'},{id:4,title:'垂直技能课'}];// 自动轮播\nuseEffect(()=>{const timer=setInterval(()=>{setCurrentSlide(prev=>(prev+1)%carouselImages.length);},4000);return()=>clearInterval(timer);},[]);// 动画配置\nconst fadeInUp={hidden:{opacity:0,y:60},visible:{opacity:1,y:0}};const staggerContainer={hidden:{opacity:0},visible:{opacity:1,transition:{staggerChildren:0.2,delayChildren:0.1}}};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 \".concat(currentSection===section.id?'bg-cyber-pink-500/20 border-l-4 border-cyber-pink-500 text-cyber-pink-400 font-bold':'text-cyber-dark-200 hover:bg-cyber-dark-800 hover:text-neon-cyan-400',\"\\n \"),children:/*#__PURE__*/_jsx(\"span\",{className:\"text-sm\",children:section.title})},section.id))})})}),/*#__PURE__*/_jsx(\"section\",{ref:el=>registerSection(el,0),className:\"section-scroll-item relative flex items-center justify-center px-4 py-32\",children:/*#__PURE__*/_jsxs(motion.div,{initial:\"hidden\",animate:\"visible\",variants:staggerContainer,className:\"relative z-10 text-center max-w-5xl mx-auto\",children:[/*#__PURE__*/_jsx(motion.h1,{variants:fadeInUp,className:\"text-6xl md:text-7xl lg:text-8xl font-black mb-6 glitch-text gradient-text-reverse\",\"data-text\":\"\\u6211\\u4EEC\\u7684\\u8BFE\\u7A0B\\u8BBE\\u7F6E\",children:\"\\u6211\\u4EEC\\u7684\\u8BFE\\u7A0B\\u8BBE\\u7F6E\"}),/*#__PURE__*/_jsx(motion.p,{variants:fadeInUp,className:\"text-3xl md:text-4xl font-bold neon-text-cyan\",children:\"\\u4ECE\\u5165\\u95E8\\u5230\\u5B9E\\u6218\\uFF0C\\u6253\\u9020\\u4F60\\u7684AI\\u804C\\u4E1A\\u8FDB\\u9636\\u8DEF\\u7EBF\\u56FE\"})]})}),/*#__PURE__*/_jsx(\"section\",{ref:el=>registerSection(el,1),className:\"section-scroll-item flex items-center justify-center px-4\",children:/*#__PURE__*/_jsxs(motion.div,{initial:\"hidden\",whileInView:\"visible\",viewport:{once:true,margin:\"-100px\"},variants:staggerContainer,className:\"max-w-7xl mx-auto\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"grid md:grid-cols-2 gap-12 items-center\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"space-y-6\",children:[/*#__PURE__*/_jsx(motion.div,{variants:fadeInUp,whileHover:{x:10},className:\"cyber-card p-6 rounded-2xl\",children:/*#__PURE__*/_jsxs(\"div\",{className:\"flex items-start gap-4\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"flex-shrink-0\",ch
|