✨ feat: Add Xyzen chat landing page with HeroParallax and CTA button

web/src/app/chat/page.tsx

@@ -0,0 +1,37 @@
+'use client';
+
+import { HeroParallax } from '@/components/ui/hero-parallax';
+import { products } from './products';
+
+export default function ChatPage() {
+  return (
+    <div className="relative w-full">
+      <HeroParallax products={products} />
+
+      <div className="relative bg-black py-16 px-4">
+        <div className="max-w-7xl mx-auto flex flex-col items-center justify-center gap-8">
+          <div className="text-center">
+            <h2 className="text-3xl md:text-4xl font-bold text-white mb-4">
+              准备好开始了吗？
+            </h2>
+            <p className="text-gray-300 text-lg mb-8">
+              点击下方按钮，立即体验 Xyzen AI Agent
+            </p>
+          </div>
+
+          <button
+            onClick={() => {
+              window.open(
+                'https://www.bohrium.com/apps/xyzen',
+                '_blank'
+              );
+            }}
+            className="group relative px-8 py-3 text-lg font-semibold rounded bg-gradient-to-br from-violet-600 to-fuchsia-600 text-white hover:shadow-2xl transition-all duration-300 hover:scale-105"
+          >
+            开始使用 Xyzen
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+}

web/src/app/chat/products.ts

@@ -0,0 +1,95 @@
+export const products = [
+  {
+    title: "chat1",
+    link: "https://www.bohrium.com/apps/xyzen/job?type=app",
+    thumbnail:
+      "https://storage.sciol.ac.cn/library/docs/chat1.png",
+  },
+  {
+    title: "chat2",
+    link: "https://www.bohrium.com/apps/xyzen/job?type=app",
+    thumbnail:
+      "https://storage.sciol.ac.cn/library/docs/chat2.png",
+  },
+  {
+    title: "chat3",
+    link: "https://www.bohrium.com/apps/xyzen/job?type=app",
+    thumbnail:
+      "https://storage.sciol.ac.cn/library/docs/chat3.png",
+  },
+
+  {
+    title: "chat4",
+    link: "https://www.bohrium.com/apps/xyzen/job?type=app",
+    thumbnail:
+      "https://storage.sciol.ac.cn/library/docs/chat4.png",
+  },
+  {
+    title: "chat5",
+    link: "https://www.bohrium.com/apps/xyzen/job?type=app",
+    thumbnail:
+      "https://storage.sciol.ac.cn/library/docs/chat5.png",
+  },
+  {
+    title: "chat6",
+    link: "https://www.bohrium.com/apps/xyzen/job?type=app",
+    thumbnail:
+      "https://storage.sciol.ac.cn/library/docs/chat6.png",
+  },
+
+  {
+    title: "chat7",
+    link: "https://www.bohrium.com/apps/xyzen/job?type=app",
+    thumbnail:
+      "https://storage.sciol.ac.cn/library/docs/chat7.png",
+  },
+  {
+    title: "chat8",
+    link: "https://www.bohrium.com/apps/xyzen/job?type=app",
+    thumbnail:
+      "https://storage.sciol.ac.cn/library/docs/chat8.png",
+  },
+  {
+    title: "chat9",
+    link: "https://www.bohrium.com/apps/xyzen/job?type=app",
+    thumbnail:
+      "https://storage.sciol.ac.cn/library/docs/chat9.png",
+  },
+  {
+    title: "chat10",
+    link: "https://www.bohrium.com/apps/xyzen/job?type=app",
+    thumbnail:
+      "https://storage.sciol.ac.cn/library/docs/chat10.png",
+  },
+  {
+    title: "chat11",
+    link: "https://www.bohrium.com/apps/xyzen/job?type=app",
+    thumbnail:
+      "https://storage.sciol.ac.cn/library/docs/chat11.png",
+  },
+
+  {
+    title: "chat12",
+    link: "https://www.bohrium.com/apps/xyzen/job?type=app",
+    thumbnail:
+      "https://storage.sciol.ac.cn/library/docs/chat12.png",
+  },
+  {
+    title: "chat13",
+    link: "https://www.bohrium.com/apps/xyzen/job?type=app",
+    thumbnail:
+      "https://storage.sciol.ac.cn/library/docs/chat13.png",
+  },
+  {
+    title: "chat14",
+    link: "https://www.bohrium.com/apps/xyzen/job?type=app",
+    thumbnail:
+      "https://storage.sciol.ac.cn/library/docs/chat14.png",
+  },
+  // {
+  //   title: "E Free Invoice",
+  //   link: "https://efreeinvoice.com",
+  //   thumbnail:
+  //     "https://aceternity.com/images/products/thumbnails/new/efreeinvoice.png",
+  // },
+];

web/src/app/navbar/Navbar.tsx

@@ -1,14 +1,22 @@
 'use client';
 import Logo from '@/assets/Logo';
 
-import { useState } from 'react';
+import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import About from './About';
 import Community from './Community';
 import Projects from './Projects';
 import { RightSideStatus } from './RightSideStatus';
 import Tutorial from './Tutorials';
 
+const TutorialComponent = Tutorial as React.ComponentType<{
+  index: number;
+  activeMenuItem: number | null;
+  setActiveMenuItem: React.Dispatch<React.SetStateAction<number | null>>;
+  open: boolean;
+  setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+}>;
+
 const NavbarMenu = () => {
   const { t } = useTranslation();
   const [open, setOpen] = useState(false);
@@ -29,8 +37,7 @@ const NavbarMenu = () => {
         open={open}
         setOpen={setOpen}
       />
-
-      <Tutorial
+      <TutorialComponent
         index={4}
         activeMenuItem={activeMenuItem}
         setActiveMenuItem={setActiveMenuItem}