新增聊天室和训练场页面

hongjli

2025-04-10 950c9a8f5e88cc3fe934846b0596419b4795d4cd

新增聊天室和训练场页面

 src/app/chatroom/page.tsx

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,21 @@
"use client";

export default function ChatRoomPage() {
  return (
    <div className="min-h-screen bg-gradient-to-b from-[#1E2B63] to-[#0A1033] flex items-center justify-center">
      <div className="text-center space-y-6 p-8">
        <h1 className="text-4xl md:text-6xl font-bold text-transparent bg-clip-text bg-gradient-to-r from-[#6ADBFF] to-[#FF6A88] animate-pulse">
          Coming Soon
        </h1>
        <p className="text-xl md:text-2xl text-gray-300">
          æ•¬è¯·æœŸå¾…
        </p>
        
        {/* ç®€æ´çš„装饰线 */}
        <div className="flex justify-center mt-8">
          <div className="w-24 h-1 rounded-full bg-gradient-to-r from-[#6ADBFF] to-[#FF6A88] opacity-80"></div>
        </div>
      </div>
    </div>
  );
} 

 src/app/training/page.tsx

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,21 @@
"use client";

export default function TrainingPage() {
  return (
    <div className="min-h-screen bg-gradient-to-b from-[#1E2B63] to-[#0A1033] flex items-center justify-center">
      <div className="text-center space-y-6 p-8">
        <h1 className="text-4xl md:text-6xl font-bold text-transparent bg-clip-text bg-gradient-to-r from-[#6ADBFF] to-[#FF6A88] animate-pulse">
          Coming Soon
        </h1>
        <p className="text-xl md:text-2xl text-gray-300">
          æ•¬è¯·æœŸå¾…
        </p>
        
        {/* ç®€æ´çš„装饰线 */}
        <div className="flex justify-center mt-8">
          <div className="w-24 h-1 rounded-full bg-gradient-to-r from-[#6ADBFF] to-[#FF6A88] opacity-80"></div>
        </div>
      </div>
    </div>
  );
} 

 src/components/layout/Navbar.tsx

@@ -168,18 +168,18 @@
                transition-all duration-300 ${activeMenu === 'ai-scene' ? 'w-full' : 'w-0'}`}></span>
            </a>
            
            <Link 
              href="/chat" 
            <a 
              href="/chatroom" 
              className="relative px-2 lg:px-3 py-2 text-sm font-medium"
              onMouseEnter={() => setActiveMenu('chat')}
              onMouseEnter={() => setActiveMenu('chatroom')}
              onMouseLeave={() => setActiveMenu('')}
            >
              <span className={`relative z-10 transition-colors duration-300 ${activeMenu === 'chat' ? 'text-[#6ADBFF]' : 'text-gray-100'}`}>聊天室</span>
              <span className={`relative z-10 transition-colors duration-300 ${activeMenu === 'chatroom' ? 'text-[#6ADBFF]' : 'text-gray-100'}`}>聊天室</span>
              <span className={`absolute bottom-0 left-0 h-[2px] bg-gradient-to-r from-[#6ADBFF] to-transparent
                transition-all duration-300 ${activeMenu === 'chat' ? 'w-full' : 'w-0'}`}></span>
            </Link>
                transition-all duration-300 ${activeMenu === 'chatroom' ? 'w-full' : 'w-0'}`}></span>
            </a>
            
            <Link 
            <a 
              href="/training" 
              className="relative px-2 lg:px-3 py-2 text-sm font-medium"
              onMouseEnter={() => setActiveMenu('training')}
@@ -188,7 +188,7 @@
              <span className={`relative z-10 transition-colors duration-300 ${activeMenu === 'training' ? 'text-[#6ADBFF]' : 'text-gray-100'}`}>训练场</span>
              <span className={`absolute bottom-0 left-0 h-[2px] bg-gradient-to-r from-[#6ADBFF] to-transparent
                transition-all duration-300 ${activeMenu === 'training' ? 'w-full' : 'w-0'}`}></span>
            </Link>
            </a>
            
            {/* ç™»å½•æŒ‰é’® */}
            <div className="relative group">
@@ -275,21 +275,21 @@
            AI场景模拟
          </a>
          
          <Link 
            href="/chat" 
          <a 
            href="/chatroom" 
            className="block px-4 py-3 text-white border-l-2 border-transparent hover:border-[#6ADBFF] 
              hover:bg-[#3B4888]/20 rounded-r-md transition-all duration-200 cursor-pointer"
          >
            èŠå¤©å®¤
          </Link>
          </a>
          
          <Link 
          <a 
            href="/training" 
            className="block px-4 py-3 text-white border-l-2 border-transparent hover:border-[#6ADBFF] 
              hover:bg-[#3B4888]/20 rounded-r-md transition-all duration-200 cursor-pointer"
          >
            è®­ç»ƒåœº
          </Link>
          </a>
          
          <div className="flex space-x-2 px-4 py-3">
            <Link href="/login" className="relative overflow-hidden flex items-center justify-center w-full px-6 py-2 rounded-full border border-[#6ADBFF]/40 bg-gradient-to-r from-[#131C41] to-[#1E2B63] text-white font-medium group cursor-pointer">