feat: 对齐官方文档，更新文案和TaaS概念，拆分翻译文件为多模块
This commit is contained in:
parent
dba679eaa5
commit
5fed6e0fc5
|
|
@ -9,3 +9,4 @@ build/
|
|||
.env.development
|
||||
.env.production
|
||||
.claude/
|
||||
*.tsbuildinfo
|
||||
|
|
|
|||
|
|
@ -0,0 +1,328 @@
|
|||
# 图灵引擎官网 — UI 重构设计方案 v2
|
||||
|
||||
> 日期：2026-07-28
|
||||
> 方向：立体层次 · 阴影深度 · 动效叙事
|
||||
|
||||
---
|
||||
|
||||
## 一、设计方向
|
||||
|
||||
### 设计理念
|
||||
|
||||
**"科技深度，触手可及"**
|
||||
|
||||
结合 Soft UI Evolution（进化软 UI）的立体层次感与 Glassmorphism（玻璃态）的轻盈通透，打造 B2B AI 基础设施的科技信任感。
|
||||
|
||||
核心设计语言：
|
||||
- **3D 立体感** — 通过双阴影（light + dark）营造 extruded 立体卡片效果
|
||||
- **层次深度** — 3 级 Elevation 系统，从扁平到悬浮
|
||||
- **动效叙事** — 滚动触发 + 交错入场，引导用户逐层探索
|
||||
|
||||
### 风格定位
|
||||
|
||||
| 维度 | 选择 |
|
||||
|:----|:-----|
|
||||
| 基础风格 | **Soft UI Evolution**（进化软 UI） |
|
||||
| 特殊效果 | **Glassmorphism**（玻璃态，用于 Hero/弹窗） |
|
||||
| 主色 | Sky 天蓝（#0369A1 / #38BDF8） |
|
||||
| 中性色 | Slate 色板 |
|
||||
| 圆角系统 | 12px（卡片）/ 8px（按钮）/ 24px（Hero 玻璃面板） |
|
||||
| 阴影系统 | **三层 Elevation** |
|
||||
|
||||
---
|
||||
|
||||
## 二、色彩系统
|
||||
|
||||
### 色板
|
||||
|
||||
| 角色 | 亮色 | 暗色 | Tailwind |
|
||||
|:----|:----|:----|:---------|
|
||||
| **主强调色** | `#0369A1` | `#38BDF8` | `sky-700` / `sky-400` |
|
||||
| **主色 Hover** | `#075985` | `#7DD3FC` | `sky-800` / `sky-300` |
|
||||
| **主色亮背景** | `#F0F9FF` | `#0C4A6E/30` | `sky-50` / `sky-900/30` |
|
||||
| **页面背景** | `#F8FAFC` | `#020617` | `slate-50` / `slate-950` |
|
||||
| **卡片背景** | `#FFFFFF` | `#0F172A` | `white` / `slate-900` |
|
||||
| **正文** | `#0F172A` | `#F8FAFC` | `slate-900` / `slate-50` |
|
||||
| **次要文字** | `#64748B` | `#94A3B8` | `slate-500` / `slate-400` |
|
||||
| **边框** | `#E2E8F0` | `#334155` | `slate-200` / `slate-700` |
|
||||
| **静默区块** | `#F1F5F9` | `#1E293B` | `slate-100` / `slate-800` |
|
||||
|
||||
**色彩签名**：全站唯一彩色标识为 Sky 天蓝。无渐变，无其他颜色介入。
|
||||
|
||||
---
|
||||
|
||||
## 三、Elevation 层次系统
|
||||
|
||||
### 三级阴影规范
|
||||
|
||||
| 层级 | 名称 | 亮色阴影 | 暗色阴影 | 用途 |
|
||||
|:---:|:----|:---------|:---------|:-----|
|
||||
| **1** | Base | `0 1px 2px rgba(0,0,0,0.05)` | `0 1px 2px rgba(0,0,0,0.3)` | **按钮**、小卡片 |
|
||||
| **2** | Card | `0 4px 12px rgba(0,0,0,0.08)` | `0 4px 12px rgba(0,0,0,0.4)` | **普通卡片**、内容区块 |
|
||||
| **3** | Elevated | `0 8px 24px rgba(0,0,0,0.12)` | `0 8px 24px rgba(0,0,0,0.5)` | **Hover 态**、弹窗、下拉菜单 |
|
||||
|
||||
### 交互阴影
|
||||
|
||||
```css
|
||||
/* 卡片 hover 效果 */
|
||||
.card {
|
||||
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
|
||||
transition: box-shadow 250ms ease, transform 250ms ease;
|
||||
}
|
||||
.card:hover {
|
||||
box-shadow: 0 8px 24px rgba(0,0,0,0.12);
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
```
|
||||
|
||||
### Tailwind 扩展配置
|
||||
|
||||
```js
|
||||
// tailwind.config
|
||||
boxShadow: {
|
||||
'card': '0 4px 12px rgba(0,0,0,0.08)',
|
||||
'card-hover': '0 8px 24px rgba(0,0,0,0.12)',
|
||||
'elevated': '0 12px 32px rgba(0,0,0,0.15)',
|
||||
}
|
||||
// Dark mode
|
||||
darkMode: 'class',
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## 四、玻璃态（Glassmorphism）应用
|
||||
|
||||
限定用于两个场景：
|
||||
|
||||
### 4.1 Hero 背景面板
|
||||
|
||||
```
|
||||
背景：backdrop-filter: blur(20px)
|
||||
background: rgba(255,255,255,0.08) / 暗色 rgba(0,0,0,0.3)
|
||||
边框：1px solid rgba(255,255,255,0.1)
|
||||
```
|
||||
|
||||
### 4.2 特殊卡片（如"什么是AI TaaS"引文区块）
|
||||
|
||||
```
|
||||
背景：backdrop-filter: blur(12px)
|
||||
background: rgba(255,255,255,0.06)
|
||||
圆角：rounded-2xl (16px)
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## 五、字体系统
|
||||
|
||||
| 用法 | 字重 | 字号 | 行高 |
|
||||
|:----|:---:|:---:|:----:|
|
||||
| Hero 标题 | **Bold 700** | 40-48px | 1.15 |
|
||||
| Section 标题 | **Bold 700** | 24-30px | 1.25 |
|
||||
| 卡片标题 | **SemiBold 600** | 16-18px | 1.4 |
|
||||
| 正文 | Regular 400 | 15-16px | 1.6 |
|
||||
| 辅助文本 | Regular 400 | 13-14px | 1.5 |
|
||||
|
||||
字体：**Plus Jakarta Sans**（单字重体系）
|
||||
```css
|
||||
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,600;0,700;0,800;1,400&display=swap');
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## 六、动画系统
|
||||
|
||||
### 6.1 滚动触发入场（Scroll Reveal）
|
||||
|
||||
所有 section 进入视口时触发：
|
||||
|
||||
| 元素类型 | 动画 | 延迟 | 时长 |
|
||||
|:--------|:----|:----|:----|
|
||||
| Section 标题 | fade-up（translateY 20px → 0 + opacity 0→1） | 0ms | 500ms |
|
||||
| 卡片网格 | fade-up + scale | 逐个 stagger **80ms** | 400ms |
|
||||
| 统计数字 | count-up（数值从 0→目标） | 入视时 | 800ms |
|
||||
| CTA 区块 | fade-up | 0ms | 400ms |
|
||||
|
||||
### 6.2 Hover 微交互
|
||||
|
||||
| 元素 | 效果 | 时长 |
|
||||
|:----|:----|:----|
|
||||
| **卡片** | shadow: card → elevated, translateY: -2px | **250ms** ease |
|
||||
| **按钮** | scale: 1→0.97（按下）, 1→1.02（悬停） | 150ms ease |
|
||||
| **链接** | 下划线展开（宽度 0→100%） | 200ms ease |
|
||||
| **图标** | scale: 1→1.1 | 200ms ease |
|
||||
|
||||
### 6.3 性能规范
|
||||
|
||||
- 所有动画使用 `transform` + `opacity`，**禁移动 width/height/top/left**
|
||||
- 遵守 `prefers-reduced-motion`：
|
||||
```css
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
*, *::before, *::after {
|
||||
animation-duration: 0.01ms !important;
|
||||
transition-duration: 0.01ms !important;
|
||||
}
|
||||
}
|
||||
```
|
||||
- 单页面动画元素 ≤ 8 个同时播放
|
||||
- 入场动画连续播完后，不重复触发
|
||||
|
||||
### 6.4 滚动行为
|
||||
|
||||
```css
|
||||
html {
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## 七、组件规范（更新版）
|
||||
|
||||
### 卡片
|
||||
|
||||
```
|
||||
组件结构：
|
||||
┌──────────────────────────────────────┐
|
||||
│ (阴影 card 层：shadow-card) │
|
||||
│ 圆角：rounded-xl (12px) │
|
||||
│ 背景：bg-white / dark:bg-slate-900 │
|
||||
│ 过渡：transition-all duration-250 │
|
||||
│ hover: shadow-card-hover -translateY-2│
|
||||
├──────────────────────────────────────┤
|
||||
│ [图标] 标题 │
|
||||
│ 描述文字 │
|
||||
│ ───────────────── │
|
||||
│ ● 列表项 1 │
|
||||
│ ● 列表项 2 │
|
||||
│ ● 列表项 3 │
|
||||
│ ───────────────── │
|
||||
│ [CTA 按钮] │
|
||||
└──────────────────────────────────────┘
|
||||
```
|
||||
|
||||
### 按钮
|
||||
|
||||
| 类型 | 样式 | 阴影 |
|
||||
|:----|:----|:----|
|
||||
| **Primary** | `bg-sky-700 hover:bg-sky-800 text-white` | `shadow-card hover:shadow-elevated` |
|
||||
| **Secondary** | `border border-slate-200 hover:bg-slate-100 text-slate-700` | 无阴影 |
|
||||
| **Ghost** | `text-slate-500 hover:text-slate-900` | 无 |
|
||||
|
||||
### Section 标题
|
||||
|
||||
```html
|
||||
<div class="text-center">
|
||||
<!-- 蓝色短横线 + fade-up 动画 -->
|
||||
<div className="w-8 h-0.5 bg-sky-500 dark:bg-sky-400 mx-auto mb-5 rounded-full" />
|
||||
<h2 className="text-2xl font-bold text-slate-900 dark:text-white">
|
||||
{title}
|
||||
</h2>
|
||||
<p className="text-sm text-slate-500 dark:text-slate-400">
|
||||
{subtitle}
|
||||
</p>
|
||||
</div>
|
||||
```
|
||||
|
||||
### 导航栏
|
||||
|
||||
- `bg-white/90 dark:bg-slate-950/90 backdrop-blur-md`
|
||||
- 底部发丝边框
|
||||
- 当前页标记：蓝色下划线（`border-b-2 border-sky-500`）
|
||||
- Logo 左，导航居中，功能按钮右
|
||||
|
||||
---
|
||||
|
||||
## 八、页面布局模板（更新版）
|
||||
|
||||
### 产品中心页（重点重构）
|
||||
|
||||
```
|
||||
┌─ Glass Hero ──────────────────────────┐
|
||||
│ backdrop-blur, 标题 fade-up │
|
||||
├──────────────────────────────────────┤
|
||||
│ ┌─shadow-card──┐ ┌─shadow-card───┐ │
|
||||
│ │ 云平台 │ │ Token工厂 │ │
|
||||
│ │ hover 升高 │ │ hover 升高 │ │
|
||||
│ │ + 蓝图标 │ │ + 蓝图标 │ │
|
||||
│ │ [Primary Btn] │ │ [Primary Btn] │ │
|
||||
│ └──────────────┘ └───────────────┘ │
|
||||
│ stagger 80ms × 2 │
|
||||
├──────────────────────────────────────┤
|
||||
│ 帮助卡片 (3列) — fade-up delayed │
|
||||
├──────────────────────────────────────┤
|
||||
│ 试用引导 — fade-up │
|
||||
└──────────────────────────────────────┘
|
||||
```
|
||||
|
||||
### 业务子页面模板
|
||||
|
||||
```
|
||||
┌─ Section Header (fade-up) ───────────┐
|
||||
├──────────────────────────────────────┤
|
||||
│ 统计数字 (3列, count-up 动画) │
|
||||
├──shadow-card──shadow-card──shadow-card│
|
||||
│ stagger 80ms │
|
||||
├──────────────────────────────────────┤
|
||||
│ 功能列表 (3列网格) │
|
||||
│ card 1 (80ms delay) → 2 → 3 │
|
||||
│ card 4 → 5 → 6 (row 2) │
|
||||
├──────────────────────────────────────┤
|
||||
│ 技术规格 / 应用场景 │
|
||||
│ fade-up │
|
||||
├──────────────────────────────────────┤
|
||||
│ CTA (fade-up) │
|
||||
└──────────────────────────────────────┘
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## 九、应用场景案例
|
||||
|
||||
### 首页 Hero 设计
|
||||
|
||||
```
|
||||
┌─────────────── backdrop-blur ──────────┐
|
||||
│ │
|
||||
│ 聚算成力，智绘未来 │
|
||||
│ 从芯到云，一站贯通 │
|
||||
│ │
|
||||
│ [探索业务] [了解公司] │
|
||||
│ ↑ shadow ↑ ghost │
|
||||
│ │
|
||||
│ (背景: 暗色淡蓝渐变 + 浮动光晕粒子) │
|
||||
└─────────────────────────────────────────┘
|
||||
```
|
||||
|
||||
背景效果：
|
||||
- 深蓝到黑的渐变基底
|
||||
- 2-3 个半透明光晕圆（absolute + blur-3xl），缓慢浮动（CSS animation 20s infinite alternate）
|
||||
- 玻璃面板承载标题文字
|
||||
- 主按钮有悬浮阴影，悬停时阴影加深
|
||||
|
||||
---
|
||||
|
||||
## 十、实施优先级
|
||||
|
||||
| Phase | 内容 | 预估 |
|
||||
|:----:|:----|:----:|
|
||||
| 0 | 更新 tailwind.config（阴影/颜色/字体），globals.css（基础/动画） | 15min |
|
||||
| 1 | **导航栏** + 页脚（最全局组件） | 20min |
|
||||
| 2 | **产品中心页**（重点页面，先出效果） | 30min |
|
||||
| 3 | 业务概览 + 子页面（模板化，依次实现） | 45min |
|
||||
| 4 | 公司介绍（时间轴 + 入场动画） | 30min |
|
||||
| 5 | 企业动态 + 联系我们 | 20min |
|
||||
| 6 | 首页 Hero + 动画打磨 | 30min |
|
||||
| 7 | 暗色模式验证 + 动画 `prefers-reduced-motion` | 15min |
|
||||
|
||||
---
|
||||
|
||||
## 十一、设计决策记录
|
||||
|
||||
| 决策 | 选择 | 理由 |
|
||||
|:----|:----|:-----|
|
||||
| 阴影 vs 扁平 | **三层阴影系统** | 用户要求"立体感"+"阴影层次" |
|
||||
| 动画复杂度 | **滚动触发 + hover 微交互** | 避免过度动画导致"AI 生成感" |
|
||||
| 玻璃态范围 | **仅 Hero + 特殊区块** | 全站玻璃态性能开销大，限定使用 |
|
||||
| 字体 | Plus Jakarta Sans | 单字重体系简洁，B2B 科技感 |
|
||||
| 主色 | sky-700（非 blue-600） | 更沉稳专业，与 navy slate 更协调 |
|
||||
| 渐变使用 | **禁用** | 纯平色 + 阴影搭建立体感，不依赖渐变 |
|
||||
|
|
@ -3,7 +3,7 @@
|
|||
"version": "1.0.0",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"dev": "NODE_OPTIONS='--max-old-space-size=2048' next dev --port 5173",
|
||||
"dev": "NODE_OPTIONS='--max-old-space-size=2048' next dev --port 6173",
|
||||
"build": "next build",
|
||||
"start": "next start",
|
||||
"lint": "next lint"
|
||||
|
|
|
|||
|
|
@ -14,7 +14,7 @@ export default function AboutPage() {
|
|||
{/* Page Header */}
|
||||
<div className="text-center mb-20">
|
||||
<h1 className="text-4xl sm:text-5xl lg:text-6xl font-bold mb-6 text-slate-900 dark:text-white">
|
||||
{tr.about.h1a}<span className="text-gradient">{tr.about.h1b}</span>
|
||||
{tr.about.h1a}<span className="text-blue-600 dark:text-blue-400">{tr.about.h1b}</span>
|
||||
</h1>
|
||||
<p className="text-xl text-slate-500 dark:text-gray-400 max-w-3xl mx-auto">
|
||||
{tr.about.subtitle}
|
||||
|
|
@ -30,27 +30,28 @@ export default function AboutPage() {
|
|||
<p>{tr.about.p1}</p>
|
||||
<p>{tr.about.p2}</p>
|
||||
<p>{tr.about.p3}</p>
|
||||
<p>{tr.about.p4}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="grid grid-cols-2 gap-6">
|
||||
<div className="p-6 bg-gradient-to-br from-slate-100 to-slate-200 dark:from-slate-800 dark:to-slate-900 rounded-xl border border-blue-300/50 dark:border-blue-500/20">
|
||||
<div className="p-6 bg-white dark:bg-slate-900 rounded-xl border border-slate-200 dark:border-slate-700">
|
||||
<Building2 size={40} className="text-blue-500 dark:text-blue-400 mb-4" />
|
||||
<h3 className="text-lg font-bold mb-2 text-slate-900 dark:text-white">{tr.about.c1Title}</h3>
|
||||
<p className="text-slate-500 dark:text-gray-400 text-sm">{tr.about.c1Desc}</p>
|
||||
</div>
|
||||
<div className="p-6 bg-gradient-to-br from-slate-100 to-slate-200 dark:from-slate-800 dark:to-slate-900 rounded-xl border border-blue-300/50 dark:border-blue-500/20">
|
||||
<Target size={40} className="text-purple-500 dark:text-purple-400 mb-4" />
|
||||
<div className="p-6 bg-white dark:bg-slate-900 rounded-xl border border-slate-200 dark:border-slate-700">
|
||||
<Target size={40} className="text-blue-500 dark:text-blue-400 mb-4" />
|
||||
<h3 className="text-lg font-bold mb-2 text-slate-900 dark:text-white">{tr.about.c2Title}</h3>
|
||||
<p className="text-slate-500 dark:text-gray-400 text-sm">{tr.about.c2Desc}</p>
|
||||
</div>
|
||||
<div className="p-6 bg-gradient-to-br from-slate-100 to-slate-200 dark:from-slate-800 dark:to-slate-900 rounded-xl border border-blue-300/50 dark:border-blue-500/20">
|
||||
<Rocket size={40} className="text-amber-500 dark:text-amber-400 mb-4" />
|
||||
<div className="p-6 bg-white dark:bg-slate-900 rounded-xl border border-slate-200 dark:border-slate-700">
|
||||
<Rocket size={40} className="text-blue-500 dark:text-blue-400 mb-4" />
|
||||
<h3 className="text-lg font-bold mb-2 text-slate-900 dark:text-white">{tr.about.c3Title}</h3>
|
||||
<p className="text-slate-500 dark:text-gray-400 text-sm">{tr.about.c3Desc}</p>
|
||||
</div>
|
||||
<div className="p-6 bg-gradient-to-br from-slate-100 to-slate-200 dark:from-slate-800 dark:to-slate-900 rounded-xl border border-blue-300/50 dark:border-blue-500/20">
|
||||
<Award size={40} className="text-cyan-500 dark:text-cyan-400 mb-4" />
|
||||
<div className="p-6 bg-white dark:bg-slate-900 rounded-xl border border-slate-200 dark:border-slate-700">
|
||||
<Award size={40} className="text-blue-500 dark:text-blue-400 mb-4" />
|
||||
<h3 className="text-lg font-bold mb-2 text-slate-900 dark:text-white">{tr.about.c4Title}</h3>
|
||||
<p className="text-slate-500 dark:text-gray-400 text-sm">{tr.about.c4Desc}</p>
|
||||
</div>
|
||||
|
|
@ -59,7 +60,7 @@ export default function AboutPage() {
|
|||
</section>
|
||||
|
||||
{/* Mission & Vision */}
|
||||
<section className="mb-20 py-16 bg-gradient-to-br from-slate-100/80 to-slate-200/80 dark:from-slate-900/50 dark:to-slate-800/50 rounded-2xl border border-blue-300/50 dark:border-blue-500/20">
|
||||
<section className="mb-20 py-16 rounded-xl border border-slate-200 dark:border-slate-700 bg-white dark:bg-slate-900">
|
||||
<div className="max-w-5xl mx-auto px-8">
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-12">
|
||||
<div>
|
||||
|
|
@ -81,25 +82,39 @@ export default function AboutPage() {
|
|||
<p className="text-xl text-slate-500 dark:text-gray-400">{tr.about.timelineSubtitle}</p>
|
||||
</div>
|
||||
|
||||
<div className="relative">
|
||||
<div className="absolute left-4 md:left-1/2 top-0 bottom-0 w-0.5 bg-gradient-to-b from-blue-500 via-cyan-400 to-blue-500"></div>
|
||||
<div className="relative pl-8 sm:pl-10">
|
||||
{/* Vertical connecting line */}
|
||||
<div className="absolute left-[13px] sm:left-[17px] top-2 bottom-2 w-px bg-gradient-to-b from-blue-400 via-blue-500 to-blue-600 dark:from-blue-500 dark:via-blue-400 dark:to-blue-600"></div>
|
||||
|
||||
<div className="space-y-12">
|
||||
<div className="space-y-0">
|
||||
{tr.about.milestones.map((milestone, index) => (
|
||||
<div key={index} className="relative pb-10 last:pb-0 group">
|
||||
{/* Diamond marker */}
|
||||
<div
|
||||
key={index}
|
||||
className={`relative flex items-center ${
|
||||
index % 2 === 0 ? 'md:flex-row' : 'md:flex-row-reverse'
|
||||
} flex-col md:gap-8`}
|
||||
className={`absolute -left-[21px] sm:-left-[25px] top-1.5 w-[9px] h-[9px] rotate-45 border-2 transition-all duration-300 group-hover:scale-125 ${
|
||||
index === tr.about.milestones.length - 1
|
||||
? 'bg-blue-500 border-blue-500 shadow-[0_0_8px_rgba(59,130,246,0.5)]'
|
||||
: 'bg-blue-500 border-blue-500'
|
||||
}`}
|
||||
>
|
||||
<div className="absolute left-4 md:left-1/2 w-4 h-4 -ml-2 rounded-full bg-blue-500 border-4 border-slate-100 dark:border-slate-950 z-10"></div>
|
||||
<div className={`w-full md:w-[calc(50%-2rem)] ml-12 md:ml-0 ${index % 2 === 0 ? 'md:text-right' : 'md:text-left'}`}>
|
||||
<div className="inline-block">
|
||||
<div className="p-6 bg-gradient-to-br from-slate-100 to-slate-200 dark:from-slate-800 dark:to-slate-900 rounded-xl border border-blue-300/50 dark:border-blue-500/20 hover:border-blue-500/40 transition-all duration-300 hover:scale-105">
|
||||
<div className="text-blue-600 dark:text-blue-400 font-semibold mb-2">{milestone.date}</div>
|
||||
<h3 className="text-xl font-bold mb-2 text-slate-900 dark:text-white">{milestone.title}</h3>
|
||||
<p className="text-slate-500 dark:text-gray-400">{milestone.desc}</p>
|
||||
</div>
|
||||
|
||||
{/* Content row */}
|
||||
<div className="flex flex-col sm:flex-row sm:items-baseline gap-1 sm:gap-4">
|
||||
<div className={`text-xs font-semibold uppercase tracking-[0.08em] whitespace-nowrap ${
|
||||
index === tr.about.milestones.length - 1
|
||||
? 'text-blue-600 dark:text-blue-400'
|
||||
: 'text-blue-600 dark:text-blue-400'
|
||||
}`}>
|
||||
{milestone.date}
|
||||
</div>
|
||||
<div className="flex-1 min-w-0">
|
||||
<h3 className="text-base font-bold text-slate-900 dark:text-white">
|
||||
{milestone.title}
|
||||
</h3>
|
||||
<p className="text-sm text-slate-500 dark:text-gray-400 mt-0.5 leading-relaxed">
|
||||
{milestone.desc}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -109,11 +124,11 @@ export default function AboutPage() {
|
|||
</section>
|
||||
|
||||
{/* Team Section */}
|
||||
<section className="mt-20 pt-20 border-t border-blue-300/50 dark:border-blue-500/20">
|
||||
<section className="mt-20 pt-20 border-t border-slate-200 dark:border-slate-700">
|
||||
<div className="text-center">
|
||||
<h2 className="text-3xl sm:text-4xl font-bold mb-4 text-slate-900 dark:text-white">{tr.about.teamTitle}</h2>
|
||||
<p className="text-xl text-slate-500 dark:text-gray-400 mb-12">{tr.about.teamSubtitle}</p>
|
||||
<div className="p-12 bg-slate-100/80 dark:bg-slate-800/50 rounded-xl border border-blue-300/50 dark:border-blue-500/20">
|
||||
<div className="p-12 bg-slate-100/80 dark:bg-slate-800/50 rounded-xl border border-slate-200 dark:border-slate-700">
|
||||
<p className="text-slate-500 dark:text-gray-400">{tr.about.teamPlaceholder}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
'use client'
|
||||
|
||||
import Link from 'next/link'
|
||||
import { ArrowRight, Cloud, Layers, Boxes, Gauge, Lock, Workflow } from 'lucide-react'
|
||||
import { ArrowRight, Cloud, Layers, Boxes, Gauge, Lock, Workflow, CheckCircle } from 'lucide-react'
|
||||
import { useApp } from '@/context/AppContext'
|
||||
import { t } from '@/lib/translations'
|
||||
|
||||
|
|
@ -14,82 +14,81 @@ export default function CloudPlatformPage() {
|
|||
<div className="min-h-screen py-20">
|
||||
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
{/* Page Header */}
|
||||
<div className="text-center mb-20">
|
||||
<div className="inline-flex items-center space-x-2 bg-purple-500/10 border border-purple-500/30 rounded-full px-6 py-2 mb-6">
|
||||
<Cloud size={20} className="text-purple-500 dark:text-purple-400" />
|
||||
<span className="text-purple-600 dark:text-purple-400 text-sm font-medium">{cp.badge}</span>
|
||||
</div>
|
||||
<h1 className="text-4xl sm:text-5xl lg:text-6xl font-bold mb-6 text-slate-900 dark:text-white">
|
||||
<span className="text-gradient">{cp.h1a}</span>{cp.h1b}
|
||||
<div className="max-w-3xl mx-auto text-center mb-20">
|
||||
<div className="w-8 h-1 bg-blue-500 dark:bg-blue-400 mx-auto mb-6 rounded-full" />
|
||||
<h1 className="text-4xl sm:text-5xl font-bold text-slate-900 dark:text-white mb-4">
|
||||
{cp.h1a}<span className="text-blue-600 dark:text-blue-400">{cp.h1b}</span>
|
||||
</h1>
|
||||
<p className="text-xl text-slate-500 dark:text-gray-400 max-w-3xl mx-auto">{cp.subtitle}</p>
|
||||
<p className="text-lg text-slate-500 dark:text-slate-400">{cp.subtitle}</p>
|
||||
</div>
|
||||
|
||||
{/* Platform Highlights */}
|
||||
<section className="mb-20">
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-8">
|
||||
<div className="p-8 bg-gradient-to-br from-purple-500/10 to-pink-500/10 rounded-xl border border-purple-500/20 text-center">
|
||||
<div className="text-5xl font-bold text-gradient mb-2">{cp.s1Value}</div>
|
||||
<div className="text-slate-500 dark:text-gray-400 mb-4">{cp.s1Label}</div>
|
||||
<p className="text-sm text-slate-400 dark:text-gray-500">{cp.s1Sub}</p>
|
||||
{/* Key Highlights */}
|
||||
<section className="mb-24">
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-6">
|
||||
{[cp.s1Value, cp.s2Value, cp.s3Value].map((val, idx) => (
|
||||
<div key={idx} className="bg-white dark:bg-slate-900 rounded-xl border border-slate-200 dark:border-slate-700 p-8 text-center">
|
||||
<div className="text-4xl font-bold text-blue-600 dark:text-blue-400 mb-2">{val}</div>
|
||||
<div className="text-sm font-medium text-slate-700 dark:text-slate-300 mb-2">
|
||||
{[cp.s1Label, cp.s2Label, cp.s3Label][idx]}
|
||||
</div>
|
||||
<div className="p-8 bg-gradient-to-br from-blue-500/10 to-cyan-500/10 rounded-xl border border-blue-500/20 text-center">
|
||||
<div className="text-5xl font-bold text-gradient mb-2">{cp.s2Value}</div>
|
||||
<div className="text-slate-500 dark:text-gray-400 mb-4">{cp.s2Label}</div>
|
||||
<p className="text-sm text-slate-400 dark:text-gray-500">{cp.s2Sub}</p>
|
||||
</div>
|
||||
<div className="p-8 bg-gradient-to-br from-amber-500/10 to-orange-500/10 rounded-xl border border-amber-500/20 text-center">
|
||||
<div className="text-5xl font-bold text-gradient mb-2">{cp.s3Value}</div>
|
||||
<div className="text-slate-500 dark:text-gray-400 mb-4">{cp.s3Label}</div>
|
||||
<p className="text-sm text-slate-400 dark:text-gray-500">{cp.s3Sub}</p>
|
||||
<p className="text-xs text-slate-500 dark:text-slate-400">
|
||||
{[cp.s1Sub, cp.s2Sub, cp.s3Sub][idx]}
|
||||
</p>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Core Features */}
|
||||
<section className="mb-20">
|
||||
<div className="text-center mb-16">
|
||||
<h2 className="text-3xl sm:text-4xl font-bold mb-4 text-slate-900 dark:text-white">{cp.coreTitle}</h2>
|
||||
<p className="text-xl text-slate-500 dark:text-gray-400">{cp.coreSubtitle}</p>
|
||||
<section className="mb-24">
|
||||
<div className="text-center mb-14">
|
||||
<div className="w-6 h-0.5 bg-blue-500 dark:bg-blue-400 mx-auto mb-5 rounded-full" />
|
||||
<h2 className="text-2xl font-bold text-slate-900 dark:text-white mb-2">{cp.coreTitle}</h2>
|
||||
<p className="text-sm text-slate-500 dark:text-slate-400">{cp.coreSubtitle}</p>
|
||||
</div>
|
||||
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||
{[
|
||||
{ icon: <Layers size={28} className="text-white" />, grad: 'from-purple-500 to-pink-400', title: cp.f1Title, desc: cp.f1Desc },
|
||||
{ icon: <Boxes size={28} className="text-white" />, grad: 'from-blue-500 to-cyan-400', title: cp.f2Title, desc: cp.f2Desc },
|
||||
{ icon: <Gauge size={28} className="text-white" />, grad: 'from-amber-500 to-orange-400', title: cp.f3Title, desc: cp.f3Desc },
|
||||
{ icon: <Lock size={28} className="text-white" />, grad: 'from-cyan-500 to-blue-400', title: cp.f4Title, desc: cp.f4Desc },
|
||||
{ icon: <Workflow size={28} className="text-white" />, grad: 'from-green-500 to-emerald-400', title: cp.f5Title, desc: cp.f5Desc },
|
||||
{ icon: <Cloud size={28} className="text-white" />, grad: 'from-pink-500 to-rose-400', title: cp.f6Title, desc: cp.f6Desc },
|
||||
{ icon: <Layers size={22} className="text-blue-600 dark:text-blue-400" />, title: cp.f1Title, desc: cp.f1Desc },
|
||||
{ icon: <Boxes size={22} className="text-blue-600 dark:text-blue-400" />, title: cp.f2Title, desc: cp.f2Desc },
|
||||
{ icon: <Gauge size={22} className="text-blue-600 dark:text-blue-400" />, title: cp.f3Title, desc: cp.f3Desc },
|
||||
{ icon: <Lock size={22} className="text-blue-600 dark:text-blue-400" />, title: cp.f4Title, desc: cp.f4Desc },
|
||||
{ icon: <Workflow size={22} className="text-blue-600 dark:text-blue-400" />, title: cp.f5Title, desc: cp.f5Desc },
|
||||
{ icon: <Cloud size={22} className="text-blue-600 dark:text-blue-400" />, title: cp.f6Title, desc: cp.f6Desc },
|
||||
].map((f, idx) => (
|
||||
<div key={idx} className="p-8 bg-white/80 dark:bg-slate-800/50 rounded-xl border border-purple-300/50 dark:border-purple-500/20">
|
||||
<div className={`w-14 h-14 bg-gradient-to-br ${f.grad} rounded-lg flex items-center justify-center mb-6`}>
|
||||
<div key={idx} className="relative bg-white dark:bg-slate-900 rounded-xl border border-slate-200 dark:border-slate-700 group hover:border-blue-500/50 dark:hover:border-blue-400/50 transition-all duration-300">
|
||||
<div className="absolute left-0 top-0 bottom-0 w-0.5 bg-blue-500 dark:bg-blue-400 rounded-l-xl" />
|
||||
<div className="p-6">
|
||||
<div className="w-10 h-10 bg-blue-50 dark:bg-blue-950/60 rounded-lg flex items-center justify-center mb-4">
|
||||
{f.icon}
|
||||
</div>
|
||||
<h3 className="text-xl font-bold mb-3 text-slate-900 dark:text-white">{f.title}</h3>
|
||||
<p className="text-slate-500 dark:text-gray-400">{f.desc}</p>
|
||||
<h3 className="text-base font-bold text-slate-900 dark:text-white mb-2">{f.title}</h3>
|
||||
<p className="text-sm text-slate-500 dark:text-slate-400 leading-relaxed">{f.desc}</p>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* AI Toolchain */}
|
||||
<section className="mb-20 py-16 bg-gradient-to-br from-slate-100/80 to-slate-200/80 dark:from-slate-900/50 dark:to-slate-800/50 rounded-2xl border border-purple-300/50 dark:border-purple-500/20">
|
||||
<div className="max-w-5xl mx-auto px-8">
|
||||
<h2 className="text-3xl font-bold mb-12 text-center text-slate-900 dark:text-white">{cp.toolTitle}</h2>
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-8">
|
||||
<section className="mb-24 max-w-5xl mx-auto">
|
||||
<div className="text-center mb-14">
|
||||
<div className="w-6 h-0.5 bg-blue-500 dark:bg-blue-400 mx-auto mb-5 rounded-full" />
|
||||
<h2 className="text-2xl font-bold text-slate-900 dark:text-white mb-2">{cp.toolTitle}</h2>
|
||||
</div>
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-x-12 gap-y-10">
|
||||
{[
|
||||
{ title: cp.t1Title, color: 'text-purple-600 dark:text-purple-400', items: [cp.t1i1, cp.t1i2, cp.t1i3] },
|
||||
{ title: cp.t2Title, color: 'text-purple-600 dark:text-purple-400', items: [cp.t2i1, cp.t2i2, cp.t2i3] },
|
||||
{ title: cp.t3Title, color: 'text-purple-600 dark:text-purple-400', items: [cp.t3i1, cp.t3i2, cp.t3i3] },
|
||||
{ title: cp.t4Title, color: 'text-purple-600 dark:text-purple-400', items: [cp.t4i1, cp.t4i2, cp.t4i3] },
|
||||
{ title: cp.t1Title, items: [cp.t1i1, cp.t1i2, cp.t1i3] },
|
||||
{ title: cp.t2Title, items: [cp.t2i1, cp.t2i2, cp.t2i3] },
|
||||
{ title: cp.t3Title, items: [cp.t3i1, cp.t3i2, cp.t3i3] },
|
||||
{ title: cp.t4Title, items: [cp.t4i1, cp.t4i2, cp.t4i3] },
|
||||
].map((section, idx) => (
|
||||
<div key={idx}>
|
||||
<h3 className={`text-xl font-bold mb-4 ${section.color}`}>{section.title}</h3>
|
||||
<ul className="space-y-3 text-slate-500 dark:text-gray-400">
|
||||
<h3 className="text-sm font-bold text-blue-600 dark:text-blue-400 mb-3">{section.title}</h3>
|
||||
<ul className="space-y-2">
|
||||
{section.items.map((item, iIdx) => (
|
||||
<li key={iIdx} className="flex items-start space-x-2">
|
||||
<span className="text-purple-500 dark:text-purple-400 mt-1">✓</span>
|
||||
<li key={iIdx} className="flex items-start gap-2 text-sm text-slate-600 dark:text-slate-300">
|
||||
<CheckCircle size={14} className="text-blue-500 dark:text-blue-400 mt-0.5 flex-shrink-0" />
|
||||
<span>{item}</span>
|
||||
</li>
|
||||
))}
|
||||
|
|
@ -97,56 +96,56 @@ export default function CloudPlatformPage() {
|
|||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Use Cases */}
|
||||
<section className="mb-20">
|
||||
<div className="text-center mb-16">
|
||||
<h2 className="text-3xl sm:text-4xl font-bold mb-4 text-slate-900 dark:text-white">{cp.useCaseTitle}</h2>
|
||||
<p className="text-xl text-slate-500 dark:text-gray-400">{cp.useCaseSubtitle}</p>
|
||||
<section className="mb-24">
|
||||
<div className="text-center mb-14">
|
||||
<div className="w-6 h-0.5 bg-blue-500 dark:bg-blue-400 mx-auto mb-5 rounded-full" />
|
||||
<h2 className="text-2xl font-bold text-slate-900 dark:text-white mb-2">{cp.useCaseTitle}</h2>
|
||||
<p className="text-sm text-slate-500 dark:text-slate-400">{cp.useCaseSubtitle}</p>
|
||||
</div>
|
||||
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-8">
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||||
{[
|
||||
{ title: cp.uc1Title, desc: cp.uc1Desc, items: [cp.uc1i1, cp.uc1i2, cp.uc1i3] },
|
||||
{ title: cp.uc2Title, desc: cp.uc2Desc, items: [cp.uc2i1, cp.uc2i2, cp.uc2i3] },
|
||||
{ title: cp.uc3Title, desc: cp.uc3Desc, items: [cp.uc3i1, cp.uc3i2, cp.uc3i3] },
|
||||
{ title: cp.uc4Title, desc: cp.uc4Desc, items: [cp.uc4i1, cp.uc4i2, cp.uc4i3] },
|
||||
].map((uc, idx) => (
|
||||
<div key={idx} className="p-8 bg-gradient-to-br from-slate-100 to-slate-200 dark:from-slate-800 dark:to-slate-900 rounded-xl border border-purple-300/50 dark:border-purple-500/20">
|
||||
<h3 className="text-2xl font-bold mb-4 text-slate-900 dark:text-white">{uc.title}</h3>
|
||||
<p className="text-slate-500 dark:text-gray-400 mb-4">{uc.desc}</p>
|
||||
<div className="space-y-2">
|
||||
<div key={idx} className="bg-white dark:bg-slate-900 rounded-xl border border-slate-200 dark:border-slate-700 p-6">
|
||||
<h3 className="text-base font-bold text-slate-900 dark:text-white mb-3">{uc.title}</h3>
|
||||
<p className="text-sm text-slate-500 dark:text-slate-400 mb-4">{uc.desc}</p>
|
||||
<ul className="space-y-1.5">
|
||||
{uc.items.map((item, iIdx) => (
|
||||
<div key={iIdx} className="flex items-center space-x-2 text-sm text-slate-500 dark:text-gray-400">
|
||||
<div className="w-1.5 h-1.5 rounded-full bg-purple-500 dark:bg-purple-400"></div>
|
||||
<li key={iIdx} className="flex items-start gap-2 text-sm text-slate-600 dark:text-slate-300">
|
||||
<span className="w-1.5 h-1.5 rounded-full bg-blue-500 dark:bg-blue-400 mt-1.5 flex-shrink-0" />
|
||||
<span>{item}</span>
|
||||
</div>
|
||||
</li>
|
||||
))}
|
||||
</div>
|
||||
</ul>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* CTA Section */}
|
||||
<div className="text-center py-16 bg-gradient-to-br from-purple-500/10 to-pink-500/10 rounded-2xl border border-purple-500/20">
|
||||
<h2 className="text-3xl font-bold mb-6 text-slate-900 dark:text-white">{cp.ctaTitle}</h2>
|
||||
<p className="text-xl text-slate-500 dark:text-gray-400 mb-8 max-w-2xl mx-auto">{cp.ctaSubtitle}</p>
|
||||
{/* CTA */}
|
||||
<div className="text-center py-14 bg-white dark:bg-slate-900 rounded-xl border border-slate-200 dark:border-slate-700">
|
||||
<h2 className="text-2xl font-bold text-slate-900 dark:text-white mb-3">{cp.ctaTitle}</h2>
|
||||
<p className="text-sm text-slate-500 dark:text-slate-400 mb-8 max-w-xl mx-auto">{cp.ctaSubtitle}</p>
|
||||
<div className="flex flex-col sm:flex-row items-center justify-center gap-4">
|
||||
<a
|
||||
href="http://localhost:6174/login"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="inline-flex items-center space-x-2 px-8 py-4 bg-gradient-to-r from-purple-600 to-pink-600 rounded-lg font-semibold text-white hover:from-purple-700 hover:to-pink-700 transition-all duration-300 shadow-lg shadow-purple-500/50"
|
||||
className="inline-flex items-center gap-2 px-6 py-3 bg-blue-600 hover:bg-blue-700 dark:bg-blue-500 dark:hover:bg-blue-600 rounded-lg text-sm font-semibold text-white transition-all duration-200"
|
||||
>
|
||||
<span>{cp.ctaBtn1}</span>
|
||||
<ArrowRight size={20} />
|
||||
<ArrowRight size={16} />
|
||||
</a>
|
||||
<Link
|
||||
href="/contact"
|
||||
className="px-8 py-4 bg-white dark:bg-slate-800 border border-purple-500/30 rounded-lg font-semibold text-slate-800 dark:text-white hover:bg-slate-100 dark:hover:bg-slate-700 transition-all duration-300"
|
||||
className="px-6 py-3 border border-slate-200 dark:border-slate-700 rounded-lg text-sm font-medium text-slate-700 dark:text-slate-300 hover:bg-slate-100 dark:hover:bg-slate-800 transition-all duration-200"
|
||||
>
|
||||
{cp.ctaBtn2}
|
||||
</Link>
|
||||
|
|
|
|||
|
|
@ -14,117 +14,114 @@ export default function InfrastructurePage() {
|
|||
<div className="min-h-screen py-20">
|
||||
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
{/* Page Header */}
|
||||
<div className="text-center mb-20">
|
||||
<div className="inline-flex items-center space-x-2 bg-blue-500/10 border border-blue-500/30 rounded-full px-6 py-2 mb-6">
|
||||
<Cpu size={20} className="text-blue-500 dark:text-blue-400" />
|
||||
<span className="text-blue-600 dark:text-blue-400 text-sm font-medium">{i.badge}</span>
|
||||
<div className="max-w-3xl mx-auto text-center mb-20">
|
||||
<div className="inline-flex items-center gap-2 bg-blue-50 dark:bg-blue-950/60 border border-blue-200 dark:border-blue-800 rounded-full px-4 py-1.5 mb-6">
|
||||
<Cpu size={14} className="text-blue-600 dark:text-blue-400" />
|
||||
<span className="text-xs font-medium text-blue-600 dark:text-blue-400">{i.badge}</span>
|
||||
</div>
|
||||
<h1 className="text-4xl sm:text-5xl lg:text-6xl font-bold mb-6 text-slate-900 dark:text-white">
|
||||
{i.h1a}<span className="text-gradient">{i.h1b}</span>
|
||||
<div className="w-8 h-1 bg-blue-500 dark:bg-blue-400 mx-auto mb-6 rounded-full" />
|
||||
<h1 className="text-4xl sm:text-5xl font-bold text-slate-900 dark:text-white mb-4">
|
||||
{i.h1a}<span className="text-blue-600 dark:text-blue-400">{i.h1b}</span>
|
||||
</h1>
|
||||
<p className="text-xl text-slate-500 dark:text-gray-400 max-w-3xl mx-auto">{i.subtitle}</p>
|
||||
<p className="text-lg text-slate-500 dark:text-slate-400">{i.subtitle}</p>
|
||||
</div>
|
||||
|
||||
{/* Key Stats */}
|
||||
<section className="mb-20">
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-8">
|
||||
<div className="p-8 bg-gradient-to-br from-blue-500/10 to-cyan-500/10 rounded-xl border border-blue-500/20 text-center">
|
||||
<div className="text-5xl font-bold text-gradient mb-2">1440</div>
|
||||
<div className="text-slate-500 dark:text-gray-400 mb-4">{i.s1Label}</div>
|
||||
<p className="text-sm text-slate-400 dark:text-gray-500">{i.s1Sub}</p>
|
||||
<section className="mb-24">
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-6">
|
||||
{[i.s1Value, i.s2Value, i.s3Value].map((val, idx) => (
|
||||
<div key={idx} className="bg-white dark:bg-slate-900 rounded-xl border border-slate-200 dark:border-slate-700 p-8 text-center">
|
||||
<div className="text-4xl font-bold text-blue-600 dark:text-blue-400 mb-2">{val}</div>
|
||||
<div className="text-sm font-medium text-slate-700 dark:text-slate-300 mb-2">
|
||||
{[i.s1Label, i.s2Label, i.s3Label][idx]}
|
||||
</div>
|
||||
<div className="p-8 bg-gradient-to-br from-purple-500/10 to-pink-500/10 rounded-xl border border-purple-500/20 text-center">
|
||||
<div className="text-5xl font-bold text-gradient mb-2">H800</div>
|
||||
<div className="text-slate-500 dark:text-gray-400 mb-4">{i.s2Label}</div>
|
||||
<p className="text-sm text-slate-400 dark:text-gray-500">{i.s2Sub}</p>
|
||||
</div>
|
||||
<div className="p-8 bg-gradient-to-br from-amber-500/10 to-orange-500/10 rounded-xl border border-amber-500/20 text-center">
|
||||
<div className="text-5xl font-bold text-gradient mb-2">{i.s3Value}</div>
|
||||
<div className="text-slate-500 dark:text-gray-400 mb-4">{i.s3Label}</div>
|
||||
<p className="text-sm text-slate-400 dark:text-gray-500">{i.s3Sub}</p>
|
||||
<p className="text-xs text-slate-500 dark:text-slate-400">
|
||||
{[i.s1Sub, i.s2Sub, i.s3Sub][idx]}
|
||||
</p>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Core Features */}
|
||||
<section className="mb-20">
|
||||
<div className="text-center mb-16">
|
||||
<h2 className="text-3xl sm:text-4xl font-bold mb-4 text-slate-900 dark:text-white">{i.coreTitle}</h2>
|
||||
<p className="text-xl text-slate-500 dark:text-gray-400">{i.coreSubtitle}</p>
|
||||
<section className="mb-24">
|
||||
<div className="text-center mb-14">
|
||||
<div className="w-6 h-0.5 bg-blue-500 dark:bg-blue-400 mx-auto mb-5 rounded-full" />
|
||||
<h2 className="text-2xl font-bold text-slate-900 dark:text-white mb-2">{i.coreTitle}</h2>
|
||||
<p className="text-sm text-slate-500 dark:text-slate-400">{i.coreSubtitle}</p>
|
||||
</div>
|
||||
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||
{[
|
||||
{ icon: <Server size={28} className="text-white" />, grad: 'from-blue-500 to-cyan-400', title: i.f1Title, desc: i.f1Desc },
|
||||
{ icon: <Zap size={28} className="text-white" />, grad: 'from-purple-500 to-pink-400', title: i.f2Title, desc: i.f2Desc },
|
||||
{ icon: <Network size={28} className="text-white" />, grad: 'from-amber-500 to-orange-400', title: i.f3Title, desc: i.f3Desc },
|
||||
{ icon: <Shield size={28} className="text-white" />, grad: 'from-cyan-500 to-blue-400', title: i.f4Title, desc: i.f4Desc },
|
||||
{ icon: <TrendingUp size={28} className="text-white" />, grad: 'from-green-500 to-emerald-400', title: i.f5Title, desc: i.f5Desc },
|
||||
{ icon: <Cpu size={28} className="text-white" />, grad: 'from-pink-500 to-rose-400', title: i.f6Title, desc: i.f6Desc },
|
||||
{ icon: <Server size={22} className="text-blue-600 dark:text-blue-400" />, title: i.f1Title, desc: i.f1Desc },
|
||||
{ icon: <Zap size={22} className="text-blue-600 dark:text-blue-400" />, title: i.f2Title, desc: i.f2Desc },
|
||||
{ icon: <Network size={22} className="text-blue-600 dark:text-blue-400" />, title: i.f3Title, desc: i.f3Desc },
|
||||
{ icon: <Shield size={22} className="text-blue-600 dark:text-blue-400" />, title: i.f4Title, desc: i.f4Desc },
|
||||
{ icon: <TrendingUp size={22} className="text-blue-600 dark:text-blue-400" />, title: i.f5Title, desc: i.f5Desc },
|
||||
{ icon: <Cpu size={22} className="text-blue-600 dark:text-blue-400" />, title: i.f6Title, desc: i.f6Desc },
|
||||
].map((f, idx) => (
|
||||
<div key={idx} className="p-8 bg-white/80 dark:bg-slate-800/50 rounded-xl border border-blue-300/50 dark:border-blue-500/20">
|
||||
<div className={`w-14 h-14 bg-gradient-to-br ${f.grad} rounded-lg flex items-center justify-center mb-6`}>
|
||||
<div key={idx} className="relative bg-white dark:bg-slate-900 rounded-xl border border-slate-200 dark:border-slate-700 group hover:border-blue-500/50 dark:hover:border-blue-400/50 transition-all duration-300">
|
||||
<div className="absolute left-0 top-0 bottom-0 w-0.5 bg-blue-500 dark:bg-blue-400 rounded-l-xl" />
|
||||
<div className="p-6">
|
||||
<div className="w-10 h-10 bg-blue-50 dark:bg-blue-950/60 rounded-lg flex items-center justify-center mb-4">
|
||||
{f.icon}
|
||||
</div>
|
||||
<h3 className="text-xl font-bold mb-3 text-slate-900 dark:text-white">{f.title}</h3>
|
||||
<p className="text-slate-500 dark:text-gray-400">{f.desc}</p>
|
||||
<h3 className="text-base font-bold text-slate-900 dark:text-white mb-2">{f.title}</h3>
|
||||
<p className="text-sm text-slate-500 dark:text-slate-400 leading-relaxed">{f.desc}</p>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Technical Specs */}
|
||||
<section className="mb-20 py-16 bg-gradient-to-br from-slate-100/80 to-slate-200/80 dark:from-slate-900/50 dark:to-slate-800/50 rounded-2xl border border-blue-300/50 dark:border-blue-500/20">
|
||||
<div className="max-w-5xl mx-auto px-8">
|
||||
<h2 className="text-3xl font-bold mb-12 text-center text-slate-900 dark:text-white">{i.specTitle}</h2>
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-8">
|
||||
<div className="space-y-6">
|
||||
{[{ title: i.sp1Title, desc: i.sp1Desc }, { title: i.sp2Title, desc: i.sp2Desc }, { title: i.sp3Title, desc: i.sp3Desc }].map((s, idx) => (
|
||||
<div key={idx} className="flex items-start space-x-4">
|
||||
<div className="flex-shrink-0 w-2 h-2 mt-2 rounded-full bg-blue-500 dark:bg-blue-400"></div>
|
||||
<section className="mb-20 max-w-5xl mx-auto">
|
||||
<div className="text-center mb-14">
|
||||
<div className="w-6 h-0.5 bg-blue-500 dark:bg-blue-400 mx-auto mb-5 rounded-full" />
|
||||
<h2 className="text-2xl font-bold text-slate-900 dark:text-white">{i.specTitle}</h2>
|
||||
</div>
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-x-12 gap-y-6">
|
||||
{[
|
||||
{ title: i.sp1Title, desc: i.sp1Desc },
|
||||
{ title: i.sp2Title, desc: i.sp2Desc },
|
||||
{ title: i.sp3Title, desc: i.sp3Desc },
|
||||
{ title: i.sp4Title, desc: i.sp4Desc },
|
||||
{ title: i.sp5Title, desc: i.sp5Desc },
|
||||
{ title: i.sp6Title, desc: i.sp6Desc },
|
||||
].map((s, idx) => (
|
||||
<div key={idx} className="flex gap-3">
|
||||
<div className="flex-shrink-0 w-1.5 h-1.5 mt-2.5 rounded-full bg-blue-500 dark:bg-blue-400" />
|
||||
<div>
|
||||
<h3 className="font-bold mb-1 text-slate-900 dark:text-white">{s.title}</h3>
|
||||
<p className="text-slate-500 dark:text-gray-400">{s.desc}</p>
|
||||
<span className="text-sm font-medium text-slate-700 dark:text-slate-300">{s.title}</span>
|
||||
<span className="text-sm text-slate-500 dark:text-slate-400"> — {s.desc}</span>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
<div className="space-y-6">
|
||||
{[{ title: i.sp4Title, desc: i.sp4Desc }, { title: i.sp5Title, desc: i.sp5Desc }, { title: i.sp6Title, desc: i.sp6Desc }].map((s, idx) => (
|
||||
<div key={idx} className="flex items-start space-x-4">
|
||||
<div className="flex-shrink-0 w-2 h-2 mt-2 rounded-full bg-blue-500 dark:bg-blue-400"></div>
|
||||
<div>
|
||||
<h3 className="font-bold mb-1 text-slate-900 dark:text-white">{s.title}</h3>
|
||||
<p className="text-slate-500 dark:text-gray-400">{s.desc}</p>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Use Cases */}
|
||||
<section className="mb-20">
|
||||
<div className="text-center mb-16">
|
||||
<h2 className="text-3xl sm:text-4xl font-bold mb-4 text-slate-900 dark:text-white">{i.useCaseTitle}</h2>
|
||||
<p className="text-xl text-slate-500 dark:text-gray-400">{i.useCaseSubtitle}</p>
|
||||
<div className="text-center mb-14">
|
||||
<div className="w-6 h-0.5 bg-blue-500 dark:bg-blue-400 mx-auto mb-5 rounded-full" />
|
||||
<h2 className="text-2xl font-bold text-slate-900 dark:text-white mb-2">{i.useCaseTitle}</h2>
|
||||
<p className="text-sm text-slate-500 dark:text-slate-400">{i.useCaseSubtitle}</p>
|
||||
</div>
|
||||
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-8">
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||||
{[
|
||||
{ title: i.uc1Title, desc: i.uc1Desc, items: [i.uc1i1, i.uc1i2, i.uc1i3] },
|
||||
{ title: i.uc2Title, desc: i.uc2Desc, items: [i.uc2i1, i.uc2i2, i.uc2i3] },
|
||||
{ title: i.uc3Title, desc: i.uc3Desc, items: [i.uc3i1, i.uc3i2, i.uc3i3] },
|
||||
{ title: i.uc4Title, desc: i.uc4Desc, items: [i.uc4i1, i.uc4i2, i.uc4i3] },
|
||||
].map((uc, idx) => (
|
||||
<div key={idx} className="p-8 bg-gradient-to-br from-slate-100 to-slate-200 dark:from-slate-800 dark:to-slate-900 rounded-xl border border-blue-300/50 dark:border-blue-500/20">
|
||||
<h3 className="text-2xl font-bold mb-4 text-slate-900 dark:text-white">{uc.title}</h3>
|
||||
<p className="text-slate-500 dark:text-gray-400 mb-4">{uc.desc}</p>
|
||||
<ul className="space-y-2 text-slate-500 dark:text-gray-400">
|
||||
<div key={idx} className="bg-white dark:bg-slate-900 rounded-xl border border-slate-200 dark:border-slate-700 p-6">
|
||||
<h3 className="text-base font-bold text-slate-900 dark:text-white mb-3">{uc.title}</h3>
|
||||
<p className="text-sm text-slate-500 dark:text-slate-400 mb-4">{uc.desc}</p>
|
||||
<ul className="space-y-1.5">
|
||||
{uc.items.map((item, iIdx) => (
|
||||
<li key={iIdx} className="flex items-start space-x-2">
|
||||
<span className="text-blue-500 dark:text-blue-400 mt-1">•</span>
|
||||
<li key={iIdx} className="flex items-start gap-2 text-sm text-slate-600 dark:text-slate-300">
|
||||
<span className="w-1.5 h-1.5 rounded-full bg-blue-500 dark:bg-blue-400 mt-1.5 flex-shrink-0" />
|
||||
<span>{item}</span>
|
||||
</li>
|
||||
))}
|
||||
|
|
@ -135,15 +132,15 @@ export default function InfrastructurePage() {
|
|||
</section>
|
||||
|
||||
{/* CTA */}
|
||||
<div className="text-center">
|
||||
<h2 className="text-3xl font-bold mb-6 text-slate-900 dark:text-white">{i.ctaTitle}</h2>
|
||||
<p className="text-xl text-slate-500 dark:text-gray-400 mb-8">{i.ctaSubtitle}</p>
|
||||
<div className="text-center py-14 bg-white dark:bg-slate-900 rounded-xl border border-slate-200 dark:border-slate-700">
|
||||
<h2 className="text-2xl font-bold text-slate-900 dark:text-white mb-3">{i.ctaTitle}</h2>
|
||||
<p className="text-sm text-slate-500 dark:text-slate-400 mb-8">{i.ctaSubtitle}</p>
|
||||
<Link
|
||||
href="/contact"
|
||||
className="inline-flex items-center space-x-2 px-8 py-4 bg-gradient-to-r from-blue-600 to-cyan-600 rounded-lg font-semibold text-white hover:from-blue-700 hover:to-cyan-700 transition-all duration-300 shadow-lg shadow-blue-500/50"
|
||||
className="inline-flex items-center gap-2 px-6 py-3 bg-blue-600 hover:bg-blue-700 dark:bg-blue-500 dark:hover:bg-blue-600 rounded-lg text-sm font-semibold text-white transition-all duration-200"
|
||||
>
|
||||
<span>{i.ctaBtn}</span>
|
||||
<ArrowRight size={20} />
|
||||
<ArrowRight size={16} />
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -13,101 +13,76 @@ export default function BusinessPage() {
|
|||
<div className="min-h-screen py-20">
|
||||
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
{/* Page Header */}
|
||||
<div className="text-center mb-20">
|
||||
<h1 className="text-4xl sm:text-5xl lg:text-6xl font-bold mb-6">
|
||||
<span className="text-gradient">{tr.business.h1}</span>
|
||||
<div className="max-w-3xl mx-auto text-center mb-20">
|
||||
<div className="w-8 h-1 bg-blue-500 dark:bg-blue-400 mx-auto mb-6 rounded-full" />
|
||||
<h1 className="text-4xl sm:text-5xl font-bold text-slate-900 dark:text-white mb-4">
|
||||
{tr.business.h1}
|
||||
</h1>
|
||||
<p className="text-xl text-slate-500 dark:text-gray-400 max-w-3xl mx-auto">
|
||||
<p className="text-lg text-slate-500 dark:text-slate-400">
|
||||
{tr.business.subtitle}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{/* Business Cards */}
|
||||
<div className="grid grid-cols-1 lg:grid-cols-3 gap-8 mb-20">
|
||||
<Link href="/business/infrastructure" className="group">
|
||||
<div className="h-full p-8 bg-gradient-to-br from-slate-100 to-slate-200 dark:from-slate-800 dark:to-slate-900 rounded-xl border border-blue-300/50 dark:border-blue-500/20 card-hover">
|
||||
<div className="w-20 h-20 bg-gradient-to-br from-blue-500 to-cyan-400 rounded-xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform">
|
||||
<Cpu size={40} className="text-white" />
|
||||
<div className="grid grid-cols-1 lg:grid-cols-3 gap-8 mb-24">
|
||||
{[
|
||||
{ href: '/business/infrastructure', icon: Cpu, title: tr.business.infraTitle, desc: tr.business.infraDesc, cta: tr.business.infraCta },
|
||||
{ href: '/business/token-factory', icon: Factory, title: tr.business.tokenTitle, desc: tr.business.tokenDesc, cta: tr.business.tokenCta },
|
||||
{ href: '/business/cloud-platform', icon: Cloud, title: tr.business.cloudTitle, desc: tr.business.cloudDesc, cta: tr.business.cloudCta },
|
||||
].map((card) => (
|
||||
<Link key={card.href} href={card.href} className="group relative bg-white dark:bg-slate-900 rounded-xl border border-slate-200 dark:border-slate-700 hover:border-blue-500/50 dark:hover:border-blue-400/50 transition-all duration-300">
|
||||
<div className="absolute left-0 top-0 bottom-0 w-0.5 bg-blue-500 dark:bg-blue-400 rounded-l-xl" />
|
||||
<div className="p-8">
|
||||
<div className="w-12 h-12 bg-blue-50 dark:bg-blue-950/60 rounded-xl flex items-center justify-center mb-5 group-hover:scale-110 transition-transform">
|
||||
<card.icon size={24} className="text-blue-600 dark:text-blue-400" />
|
||||
</div>
|
||||
<h2 className="text-3xl font-bold mb-4 text-slate-900 dark:text-white group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">
|
||||
{tr.business.infraTitle}
|
||||
</h2>
|
||||
<p className="text-slate-500 dark:text-gray-400 mb-6 leading-relaxed">{tr.business.infraDesc}</p>
|
||||
<div className="flex items-center text-blue-600 dark:text-blue-400 font-semibold">
|
||||
<span>{tr.business.infraCta}</span>
|
||||
<ArrowRight size={20} className="ml-2 group-hover:translate-x-2 transition-transform" />
|
||||
</div>
|
||||
</div>
|
||||
</Link>
|
||||
|
||||
<Link href="/business/token-factory" className="group">
|
||||
<div className="h-full p-8 bg-gradient-to-br from-slate-100 to-slate-200 dark:from-slate-800 dark:to-slate-900 rounded-xl border border-blue-300/50 dark:border-blue-500/20 card-hover">
|
||||
<div className="w-20 h-20 bg-gradient-to-br from-amber-500 to-orange-400 rounded-xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform">
|
||||
<Factory size={40} className="text-white" />
|
||||
</div>
|
||||
<h2 className="text-3xl font-bold mb-4 text-slate-900 dark:text-white group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">
|
||||
{tr.business.tokenTitle}
|
||||
</h2>
|
||||
<p className="text-slate-500 dark:text-gray-400 mb-6 leading-relaxed">{tr.business.tokenDesc}</p>
|
||||
<div className="flex items-center text-blue-600 dark:text-blue-400 font-semibold">
|
||||
<span>{tr.business.tokenCta}</span>
|
||||
<ArrowRight size={20} className="ml-2 group-hover:translate-x-2 transition-transform" />
|
||||
</div>
|
||||
</div>
|
||||
</Link>
|
||||
|
||||
<Link href="/business/cloud-platform" className="group">
|
||||
<div className="h-full p-8 bg-gradient-to-br from-slate-100 to-slate-200 dark:from-slate-800 dark:to-slate-900 rounded-xl border border-blue-300/50 dark:border-blue-500/20 card-hover">
|
||||
<div className="w-20 h-20 bg-gradient-to-br from-purple-500 to-pink-400 rounded-xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform">
|
||||
<Cloud size={40} className="text-white" />
|
||||
</div>
|
||||
<h2 className="text-3xl font-bold mb-4 text-slate-900 dark:text-white group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">
|
||||
{tr.business.cloudTitle}
|
||||
</h2>
|
||||
<p className="text-slate-500 dark:text-gray-400 mb-6 leading-relaxed">{tr.business.cloudDesc}</p>
|
||||
<div className="flex items-center text-blue-600 dark:text-blue-400 font-semibold">
|
||||
<span>{tr.business.cloudCta}</span>
|
||||
<ArrowRight size={20} className="ml-2 group-hover:translate-x-2 transition-transform" />
|
||||
<h3 className="text-xl font-bold text-slate-900 dark:text-white mb-3 group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">{card.title}</h3>
|
||||
<p className="text-sm text-slate-500 dark:text-slate-400 leading-relaxed mb-6">{card.desc}</p>
|
||||
<div className="flex items-center text-sm font-medium text-blue-600 dark:text-blue-400">
|
||||
<span>{card.cta}</span>
|
||||
<ArrowRight size={16} className="ml-1.5 group-hover:translate-x-1 transition-transform" />
|
||||
</div>
|
||||
</div>
|
||||
</Link>
|
||||
))}
|
||||
</div>
|
||||
|
||||
{/* Business Value */}
|
||||
<section className="py-16 bg-gradient-to-br from-slate-100/80 to-slate-200/80 dark:from-slate-900/50 dark:to-slate-800/50 rounded-2xl border border-blue-300/50 dark:border-blue-500/20">
|
||||
<div className="max-w-5xl mx-auto px-8">
|
||||
<h2 className="text-3xl font-bold mb-12 text-center text-slate-900 dark:text-white">{tr.business.valueTitle}</h2>
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-8">
|
||||
<section className="max-w-5xl mx-auto mb-20">
|
||||
<div className="text-center mb-14">
|
||||
<div className="w-6 h-0.5 bg-blue-500 dark:bg-blue-400 mx-auto mb-5 rounded-full" />
|
||||
<h2 className="text-2xl font-bold text-slate-900 dark:text-white">{tr.business.valueTitle}</h2>
|
||||
</div>
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-x-12 gap-y-10">
|
||||
{[
|
||||
{ num: '1', title: tr.business.v1Title, desc: tr.business.v1Desc },
|
||||
{ num: '2', title: tr.business.v2Title, desc: tr.business.v2Desc },
|
||||
{ num: '3', title: tr.business.v3Title, desc: tr.business.v3Desc },
|
||||
{ num: '4', title: tr.business.v4Title, desc: tr.business.v4Desc },
|
||||
].map((v) => (
|
||||
<div key={v.num} className="flex space-x-4">
|
||||
<div className="flex-shrink-0 w-12 h-12 bg-blue-500/20 rounded-lg flex items-center justify-center">
|
||||
<span className="text-2xl font-bold text-blue-600 dark:text-blue-400">{v.num}</span>
|
||||
{ title: tr.business.v1Title, desc: tr.business.v1Desc },
|
||||
{ title: tr.business.v2Title, desc: tr.business.v2Desc },
|
||||
{ title: tr.business.v3Title, desc: tr.business.v3Desc },
|
||||
{ title: tr.business.v4Title, desc: tr.business.v4Desc },
|
||||
].map((v, i) => (
|
||||
<div key={i} className="flex gap-4">
|
||||
<div className="flex-shrink-0 w-10 h-10 bg-blue-50 dark:bg-blue-950/60 rounded-lg flex items-center justify-center">
|
||||
<span className="text-lg font-bold text-blue-600 dark:text-blue-400">{i + 1}</span>
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="text-xl font-bold mb-2 text-slate-900 dark:text-white">{v.title}</h3>
|
||||
<p className="text-slate-500 dark:text-gray-400">{v.desc}</p>
|
||||
<h3 className="text-base font-bold text-slate-900 dark:text-white mb-1.5">{v.title}</h3>
|
||||
<p className="text-sm text-slate-500 dark:text-slate-400 leading-relaxed">{v.desc}</p>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* CTA */}
|
||||
<div className="mt-20 text-center">
|
||||
<h2 className="text-3xl font-bold mb-6 text-slate-900 dark:text-white">{tr.business.ctaTitle}</h2>
|
||||
<p className="text-xl text-slate-500 dark:text-gray-400 mb-8">{tr.business.ctaSubtitle}</p>
|
||||
<div className="text-center py-14 bg-white dark:bg-slate-900 rounded-xl border border-slate-200 dark:border-slate-700">
|
||||
<h2 className="text-2xl font-bold text-slate-900 dark:text-white mb-3">{tr.business.ctaTitle}</h2>
|
||||
<p className="text-sm text-slate-500 dark:text-slate-400 mb-8">{tr.business.ctaSubtitle}</p>
|
||||
<Link
|
||||
href="/contact"
|
||||
className="inline-flex items-center space-x-2 px-8 py-4 bg-gradient-to-r from-blue-600 to-cyan-600 rounded-lg font-semibold text-white hover:from-blue-700 hover:to-cyan-700 transition-all duration-300 shadow-lg shadow-blue-500/50"
|
||||
className="inline-flex items-center gap-2 px-6 py-3 bg-blue-600 hover:bg-blue-700 dark:bg-blue-500 dark:hover:bg-blue-600 rounded-lg text-sm font-semibold text-white transition-all duration-200"
|
||||
>
|
||||
<span>{tr.business.ctaBtn}</span>
|
||||
<ArrowRight size={20} />
|
||||
<ArrowRight size={16} />
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -14,43 +14,36 @@ export default function TokenFactoryPage() {
|
|||
<div className="min-h-screen py-20">
|
||||
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
{/* Page Header */}
|
||||
<div className="text-center mb-20">
|
||||
<div className="inline-flex items-center space-x-2 bg-amber-500/10 border border-amber-500/30 rounded-full px-6 py-2 mb-6">
|
||||
<Factory size={20} className="text-amber-500 dark:text-amber-400" />
|
||||
<span className="text-amber-600 dark:text-amber-400 text-sm font-medium">{tf.badge}</span>
|
||||
</div>
|
||||
<h1 className="text-4xl sm:text-5xl lg:text-6xl font-bold mb-6 text-slate-900 dark:text-white">
|
||||
<span className="text-gradient">{tf.h1a}</span>{tf.h1b}
|
||||
<div className="max-w-3xl mx-auto text-center mb-20">
|
||||
<div className="w-8 h-1 bg-blue-500 dark:bg-blue-400 mx-auto mb-6 rounded-full" />
|
||||
<h1 className="text-4xl sm:text-5xl font-bold text-slate-900 dark:text-white mb-4">
|
||||
<span className="text-blue-600 dark:text-blue-400">{tf.h1a}</span>{tf.h1b}
|
||||
</h1>
|
||||
<p className="text-xl text-slate-500 dark:text-gray-400 max-w-3xl mx-auto">{tf.subtitle}</p>
|
||||
<p className="text-lg text-slate-500 dark:text-slate-400">{tf.subtitle}</p>
|
||||
</div>
|
||||
|
||||
{/* Key Advantages */}
|
||||
<section className="mb-20">
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-8">
|
||||
<div className="p-8 bg-gradient-to-br from-amber-500/10 to-orange-500/10 rounded-xl border border-amber-500/20 text-center">
|
||||
<div className="text-5xl font-bold text-gradient mb-2">{tf.s1Value}</div>
|
||||
<div className="text-slate-500 dark:text-gray-400 mb-4">{tf.s1Label}</div>
|
||||
<p className="text-sm text-slate-400 dark:text-gray-500">{tf.s1Sub}</p>
|
||||
{/* Key Stats */}
|
||||
<section className="mb-24">
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-6">
|
||||
{[tf.s1Value, tf.s2Value, tf.s3Value].map((val, idx) => (
|
||||
<div key={idx} className="bg-white dark:bg-slate-900 rounded-xl border border-slate-200 dark:border-slate-700 p-8 text-center">
|
||||
<div className="text-4xl font-bold text-blue-600 dark:text-blue-400 mb-2">{val}</div>
|
||||
<div className="text-sm font-medium text-slate-700 dark:text-slate-300 mb-2">
|
||||
{[tf.s1Label, tf.s2Label, tf.s3Label][idx]}
|
||||
</div>
|
||||
<div className="p-8 bg-gradient-to-br from-blue-500/10 to-cyan-500/10 rounded-xl border border-blue-500/20 text-center">
|
||||
<div className="text-5xl font-bold text-gradient mb-2">{tf.s2Value}</div>
|
||||
<div className="text-slate-500 dark:text-gray-400 mb-4">{tf.s2Label}</div>
|
||||
<p className="text-sm text-slate-400 dark:text-gray-500">{tf.s2Sub}</p>
|
||||
</div>
|
||||
<div className="p-8 bg-gradient-to-br from-purple-500/10 to-pink-500/10 rounded-xl border border-purple-500/20 text-center">
|
||||
<div className="text-5xl font-bold text-gradient mb-2">{tf.s3Value}</div>
|
||||
<div className="text-slate-500 dark:text-gray-400 mb-4">{tf.s3Label}</div>
|
||||
<p className="text-sm text-slate-400 dark:text-gray-500">{tf.s3Sub}</p>
|
||||
<p className="text-xs text-slate-500 dark:text-slate-400">
|
||||
{[tf.s1Sub, tf.s2Sub, tf.s3Sub][idx]}
|
||||
</p>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* What is TaaS */}
|
||||
<section className="mb-20 py-16 bg-gradient-to-br from-slate-100/80 to-slate-200/80 dark:from-slate-900/50 dark:to-slate-800/50 rounded-2xl border border-amber-300/50 dark:border-amber-500/20">
|
||||
<div className="max-w-5xl mx-auto px-8">
|
||||
<h2 className="text-3xl font-bold mb-8 text-center text-slate-900 dark:text-white">{tf.taasTitle}</h2>
|
||||
<div className="space-y-6 text-slate-600 dark:text-gray-300 leading-relaxed">
|
||||
{/* What is AI TaaS */}
|
||||
<section className="mb-24 max-w-4xl mx-auto">
|
||||
<div className="p-8 bg-white dark:bg-slate-900 rounded-xl border border-slate-200 dark:border-slate-700">
|
||||
<h2 className="text-xl font-bold text-slate-900 dark:text-white mb-6">{tf.taasTitle}</h2>
|
||||
<div className="space-y-4 text-sm text-slate-600 dark:text-slate-300 leading-relaxed">
|
||||
<p>{tf.tp1}</p>
|
||||
<p>{tf.tp2}</p>
|
||||
<p>{tf.tp3}</p>
|
||||
|
|
@ -59,78 +52,84 @@ export default function TokenFactoryPage() {
|
|||
</section>
|
||||
|
||||
{/* Core Features */}
|
||||
<section className="mb-20">
|
||||
<div className="text-center mb-16">
|
||||
<h2 className="text-3xl sm:text-4xl font-bold mb-4 text-slate-900 dark:text-white">{tf.coreTitle}</h2>
|
||||
<p className="text-xl text-slate-500 dark:text-gray-400">{tf.coreSubtitle}</p>
|
||||
<section className="mb-24">
|
||||
<div className="text-center mb-14">
|
||||
<div className="w-6 h-0.5 bg-blue-500 dark:bg-blue-400 mx-auto mb-5 rounded-full" />
|
||||
<h2 className="text-2xl font-bold text-slate-900 dark:text-white mb-2">{tf.coreTitle}</h2>
|
||||
<p className="text-sm text-slate-500 dark:text-slate-400">{tf.coreSubtitle}</p>
|
||||
</div>
|
||||
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||
{[
|
||||
{ icon: <Factory size={28} className="text-white" />, grad: 'from-amber-500 to-orange-400', title: tf.f1Title, desc: tf.f1Desc },
|
||||
{ icon: <Zap size={28} className="text-white" />, grad: 'from-blue-500 to-cyan-400', title: tf.f2Title, desc: tf.f2Desc },
|
||||
{ icon: <Shield size={28} className="text-white" />, grad: 'from-purple-500 to-pink-400', title: tf.f3Title, desc: tf.f3Desc },
|
||||
{ icon: <TrendingUp size={28} className="text-white" />, grad: 'from-cyan-500 to-blue-400', title: tf.f4Title, desc: tf.f4Desc },
|
||||
{ icon: <Cpu size={28} className="text-white" />, grad: 'from-green-500 to-emerald-400', title: tf.f5Title, desc: tf.f5Desc },
|
||||
{ icon: <Network size={28} className="text-white" />, grad: 'from-pink-500 to-rose-400', title: tf.f6Title, desc: tf.f6Desc },
|
||||
{ icon: <Factory size={22} className="text-blue-600 dark:text-blue-400" />, title: tf.f1Title, desc: tf.f1Desc },
|
||||
{ icon: <Zap size={22} className="text-blue-600 dark:text-blue-400" />, title: tf.f2Title, desc: tf.f2Desc },
|
||||
{ icon: <Shield size={22} className="text-blue-600 dark:text-blue-400" />, title: tf.f3Title, desc: tf.f3Desc },
|
||||
{ icon: <TrendingUp size={22} className="text-blue-600 dark:text-blue-400" />, title: tf.f4Title, desc: tf.f4Desc },
|
||||
{ icon: <Cpu size={22} className="text-blue-600 dark:text-blue-400" />, title: tf.f5Title, desc: tf.f5Desc },
|
||||
{ icon: <Network size={22} className="text-blue-600 dark:text-blue-400" />, title: tf.f6Title, desc: tf.f6Desc },
|
||||
].map((f, idx) => (
|
||||
<div key={idx} className="p-8 bg-white/80 dark:bg-slate-800/50 rounded-xl border border-amber-300/50 dark:border-amber-500/20">
|
||||
<div className={`w-14 h-14 bg-gradient-to-br ${f.grad} rounded-lg flex items-center justify-center mb-6`}>
|
||||
<div key={idx} className="relative bg-white dark:bg-slate-900 rounded-xl border border-slate-200 dark:border-slate-700 group hover:border-blue-500/50 dark:hover:border-blue-400/50 transition-all duration-300">
|
||||
<div className="absolute left-0 top-0 bottom-0 w-0.5 bg-blue-500 dark:bg-blue-400 rounded-l-xl" />
|
||||
<div className="p-6">
|
||||
<div className="w-10 h-10 bg-blue-50 dark:bg-blue-950/60 rounded-lg flex items-center justify-center mb-4">
|
||||
{f.icon}
|
||||
</div>
|
||||
<h3 className="text-xl font-bold mb-3 text-slate-900 dark:text-white">{f.title}</h3>
|
||||
<p className="text-slate-500 dark:text-gray-400">{f.desc}</p>
|
||||
<h3 className="text-base font-bold text-slate-900 dark:text-white mb-2">{f.title}</h3>
|
||||
<p className="text-sm text-slate-500 dark:text-slate-400 leading-relaxed">{f.desc}</p>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Service Process */}
|
||||
<section className="mb-20">
|
||||
<div className="text-center mb-16">
|
||||
<h2 className="text-3xl sm:text-4xl font-bold mb-4 text-slate-900 dark:text-white">{tf.processTitle}</h2>
|
||||
<p className="text-xl text-slate-500 dark:text-gray-400">{tf.processSubtitle}</p>
|
||||
<section className="mb-24">
|
||||
<div className="text-center mb-14">
|
||||
<div className="w-6 h-0.5 bg-blue-500 dark:bg-blue-400 mx-auto mb-5 rounded-full" />
|
||||
<h2 className="text-2xl font-bold text-slate-900 dark:text-white mb-2">{tf.processTitle}</h2>
|
||||
<p className="text-sm text-slate-500 dark:text-slate-400">{tf.processSubtitle}</p>
|
||||
</div>
|
||||
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
|
||||
{[
|
||||
{ num: '1', grad: 'from-amber-500 to-orange-400', title: tf.st1Title, desc: tf.st1Desc },
|
||||
{ num: '2', grad: 'from-blue-500 to-cyan-400', title: tf.st2Title, desc: tf.st2Desc },
|
||||
{ num: '3', grad: 'from-purple-500 to-pink-400', title: tf.st3Title, desc: tf.st3Desc },
|
||||
{ num: '4', grad: 'from-green-500 to-emerald-400', title: tf.st4Title, desc: tf.st4Desc },
|
||||
{ num: '1', title: tf.st1Title, desc: tf.st1Desc },
|
||||
{ num: '2', title: tf.st2Title, desc: tf.st2Desc },
|
||||
{ num: '3', title: tf.st3Title, desc: tf.st3Desc },
|
||||
{ num: '4', title: tf.st4Title, desc: tf.st4Desc },
|
||||
].map((step) => (
|
||||
<div key={step.num} className="relative p-8 bg-gradient-to-br from-slate-100 to-slate-200 dark:from-slate-800 dark:to-slate-900 rounded-xl border border-amber-300/50 dark:border-amber-500/20">
|
||||
<div className={`absolute -top-4 -left-4 w-12 h-12 bg-gradient-to-br ${step.grad} rounded-full flex items-center justify-center text-xl font-bold text-white`}>
|
||||
<div key={step.num} className="relative bg-white dark:bg-slate-900 rounded-xl border border-slate-200 dark:border-slate-700 p-6 pt-10">
|
||||
<div className="absolute -top-4 -left-4 w-10 h-10 bg-blue-600 dark:bg-blue-500 rounded-xl flex items-center justify-center text-base font-bold text-white shadow-lg">
|
||||
{step.num}
|
||||
</div>
|
||||
<h3 className="text-xl font-bold mb-3 mt-4 text-slate-900 dark:text-white">{step.title}</h3>
|
||||
<p className="text-slate-500 dark:text-gray-400">{step.desc}</p>
|
||||
<h3 className="text-base font-bold text-slate-900 dark:text-white mb-2">{step.title}</h3>
|
||||
<p className="text-sm text-slate-500 dark:text-slate-400 leading-relaxed">{step.desc}</p>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Use Cases */}
|
||||
<section className="mb-20">
|
||||
<div className="text-center mb-16">
|
||||
<h2 className="text-3xl sm:text-4xl font-bold mb-4 text-slate-900 dark:text-white">{tf.useCaseTitle}</h2>
|
||||
<p className="text-xl text-slate-500 dark:text-gray-400">{tf.useCaseSubtitle}</p>
|
||||
<section className="mb-24">
|
||||
<div className="text-center mb-14">
|
||||
<div className="w-6 h-0.5 bg-blue-500 dark:bg-blue-400 mx-auto mb-5 rounded-full" />
|
||||
<h2 className="text-2xl font-bold text-slate-900 dark:text-white mb-2">{tf.useCaseTitle}</h2>
|
||||
<p className="text-sm text-slate-500 dark:text-slate-400">{tf.useCaseSubtitle}</p>
|
||||
</div>
|
||||
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-8">
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||||
{[
|
||||
{ title: tf.uc1Title, desc: tf.uc1Desc, items: [tf.uc1i1, tf.uc1i2, tf.uc1i3] },
|
||||
{ title: tf.uc2Title, desc: tf.uc2Desc, items: [tf.uc2i1, tf.uc2i2, tf.uc2i3] },
|
||||
{ title: tf.uc3Title, desc: tf.uc3Desc, items: [tf.uc3i1, tf.uc3i2, tf.uc3i3] },
|
||||
{ title: tf.uc4Title, desc: tf.uc4Desc, items: [tf.uc4i1, tf.uc4i2, tf.uc4i3] },
|
||||
].map((uc, idx) => (
|
||||
<div key={idx} className="p-8 bg-gradient-to-br from-slate-100 to-slate-200 dark:from-slate-800 dark:to-slate-900 rounded-xl border border-amber-300/50 dark:border-amber-500/20">
|
||||
<h3 className="text-2xl font-bold mb-4 text-slate-900 dark:text-white">{uc.title}</h3>
|
||||
<p className="text-slate-500 dark:text-gray-400 mb-4">{uc.desc}</p>
|
||||
<ul className="space-y-2 text-slate-500 dark:text-gray-400 text-sm">
|
||||
<div key={idx} className="bg-white dark:bg-slate-900 rounded-xl border border-slate-200 dark:border-slate-700 p-6">
|
||||
<h3 className="text-base font-bold text-slate-900 dark:text-white mb-3">{uc.title}</h3>
|
||||
<p className="text-sm text-slate-500 dark:text-slate-400 mb-4">{uc.desc}</p>
|
||||
<ul className="space-y-1.5">
|
||||
{uc.items.map((item, iIdx) => (
|
||||
<li key={iIdx} className="flex items-start space-x-2">
|
||||
<span className="text-amber-500 dark:text-amber-400 mt-1">•</span>
|
||||
<li key={iIdx} className="flex items-start gap-2 text-sm text-slate-600 dark:text-slate-300">
|
||||
<span className="w-1.5 h-1.5 rounded-full bg-blue-500 dark:bg-blue-400 mt-1.5 flex-shrink-0" />
|
||||
<span>{item}</span>
|
||||
</li>
|
||||
))}
|
||||
|
|
@ -140,23 +139,23 @@ export default function TokenFactoryPage() {
|
|||
</div>
|
||||
</section>
|
||||
|
||||
{/* CTA Section */}
|
||||
<div className="text-center py-16 bg-gradient-to-br from-amber-500/10 to-orange-500/10 rounded-2xl border border-amber-500/20">
|
||||
<h2 className="text-3xl font-bold mb-6 text-slate-900 dark:text-white">{tf.ctaTitle}</h2>
|
||||
<p className="text-xl text-slate-500 dark:text-gray-400 mb-8 max-w-2xl mx-auto">{tf.ctaSubtitle}</p>
|
||||
{/* CTA */}
|
||||
<div className="text-center py-14 bg-white dark:bg-slate-900 rounded-xl border border-slate-200 dark:border-slate-700">
|
||||
<h2 className="text-2xl font-bold text-slate-900 dark:text-white mb-3">{tf.ctaTitle}</h2>
|
||||
<p className="text-sm text-slate-500 dark:text-slate-400 mb-8 max-w-xl mx-auto">{tf.ctaSubtitle}</p>
|
||||
<div className="flex flex-col sm:flex-row items-center justify-center gap-4">
|
||||
<a
|
||||
href="http://localhost:6175/login"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="inline-flex items-center space-x-2 px-8 py-4 bg-gradient-to-r from-amber-600 to-orange-600 rounded-lg font-semibold text-white hover:from-amber-700 hover:to-orange-700 transition-all duration-300 shadow-lg shadow-amber-500/50"
|
||||
className="inline-flex items-center gap-2 px-6 py-3 bg-blue-600 hover:bg-blue-700 dark:bg-blue-500 dark:hover:bg-blue-600 rounded-lg text-sm font-semibold text-white transition-all duration-200"
|
||||
>
|
||||
<span>{tf.ctaBtn1}</span>
|
||||
<ArrowRight size={20} />
|
||||
<ArrowRight size={16} />
|
||||
</a>
|
||||
<Link
|
||||
href="/contact"
|
||||
className="px-8 py-4 bg-white dark:bg-slate-800 border border-amber-500/30 rounded-lg font-semibold text-slate-800 dark:text-white hover:bg-slate-100 dark:hover:bg-slate-700 transition-all duration-300"
|
||||
className="px-6 py-3 border border-slate-200 dark:border-slate-700 rounded-lg text-sm font-medium text-slate-700 dark:text-slate-300 hover:bg-slate-100 dark:hover:bg-slate-800 transition-all duration-200"
|
||||
>
|
||||
{tf.ctaBtn2}
|
||||
</Link>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
'use client'
|
||||
|
||||
import Link from 'next/link'
|
||||
import { ArrowRight, Cloud, Factory, ExternalLink } from 'lucide-react'
|
||||
import { Cloud, Factory, ExternalLink, FileText, LifeBuoy, PlayCircle } from 'lucide-react'
|
||||
import { useApp } from '@/context/AppContext'
|
||||
import { t } from '@/lib/translations'
|
||||
|
||||
|
|
@ -14,101 +14,89 @@ export default function ConsolePage() {
|
|||
<div className="min-h-screen py-20">
|
||||
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
{/* Page Header */}
|
||||
<div className="text-center mb-20">
|
||||
<h1 className="text-4xl sm:text-5xl lg:text-6xl font-bold mb-6">
|
||||
<span className="text-gradient">{co.h1}</span>
|
||||
<div className="max-w-3xl mx-auto text-center mb-20">
|
||||
<div className="w-8 h-1 bg-blue-500 dark:bg-blue-400 mx-auto mb-6 rounded-full" />
|
||||
<h1 className="text-4xl sm:text-5xl font-bold text-slate-900 dark:text-white mb-4">
|
||||
{co.h1}
|
||||
</h1>
|
||||
<p className="text-xl text-slate-500 dark:text-gray-400 max-w-3xl mx-auto">{co.subtitle}</p>
|
||||
<p className="text-lg text-slate-500 dark:text-slate-400">{co.subtitle}</p>
|
||||
</div>
|
||||
|
||||
{/* Console Cards */}
|
||||
<div className="grid grid-cols-1 lg:grid-cols-2 gap-12 max-w-5xl mx-auto mb-20">
|
||||
{/* Product Cards */}
|
||||
<div className="grid grid-cols-1 lg:grid-cols-2 gap-8 max-w-5xl mx-auto mb-24">
|
||||
{/* Cloud Platform */}
|
||||
<div className="group relative">
|
||||
<div className="absolute inset-0 bg-gradient-to-br from-purple-500/20 to-pink-500/20 rounded-2xl blur-xl group-hover:blur-2xl transition-all duration-300"></div>
|
||||
<div className="relative p-10 bg-gradient-to-br from-slate-100 to-slate-200 dark:from-slate-800 dark:to-slate-900 rounded-2xl border-2 border-purple-400/30 dark:border-purple-500/30 group-hover:border-purple-500/50 transition-all duration-300">
|
||||
<div className="w-20 h-20 bg-gradient-to-br from-purple-500 to-pink-400 rounded-xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform">
|
||||
<Cloud size={40} className="text-white" />
|
||||
<div className="relative bg-white dark:bg-slate-900 rounded-xl border border-slate-200 dark:border-slate-700 group hover:border-blue-500/50 dark:hover:border-blue-400/50 transition-colors duration-300">
|
||||
<div className="absolute left-0 top-0 bottom-0 w-0.5 bg-blue-500 dark:bg-blue-400 rounded-l-xl" />
|
||||
<div className="p-8">
|
||||
<div className="w-12 h-12 bg-blue-50 dark:bg-blue-950/60 rounded-xl flex items-center justify-center mb-5">
|
||||
<Cloud size={24} className="text-blue-600 dark:text-blue-400" />
|
||||
</div>
|
||||
|
||||
<h2 className="text-3xl font-bold mb-4 text-slate-900 dark:text-white group-hover:text-purple-600 dark:group-hover:text-purple-400 transition-colors">
|
||||
{co.cloudTitle}
|
||||
</h2>
|
||||
|
||||
<p className="text-slate-500 dark:text-gray-400 mb-6 leading-relaxed">{co.cloudDesc}</p>
|
||||
|
||||
<div className="space-y-3 mb-8">
|
||||
<h3 className="text-xl font-bold text-slate-900 dark:text-white mb-3">{co.cloudTitle}</h3>
|
||||
<p className="text-sm text-slate-500 dark:text-slate-400 leading-relaxed mb-6">{co.cloudDesc}</p>
|
||||
<div className="space-y-2.5 mb-8">
|
||||
{[co.cloudF1, co.cloudF2, co.cloudF3].map((f) => (
|
||||
<div key={f} className="flex items-start space-x-2">
|
||||
<div className="w-1.5 h-1.5 rounded-full bg-purple-500 dark:bg-purple-400 mt-2"></div>
|
||||
<span className="text-sm text-slate-500 dark:text-gray-400">{f}</span>
|
||||
<div key={f} className="flex items-center gap-2.5">
|
||||
<div className="w-1.5 h-1.5 rounded-full bg-blue-500 dark:bg-blue-400" />
|
||||
<span className="text-sm text-slate-600 dark:text-slate-300">{f}</span>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
|
||||
<a
|
||||
href="http://localhost:6174/login"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="group/btn w-full flex items-center justify-center space-x-2 px-8 py-4 bg-gradient-to-r from-purple-600 to-pink-600 hover:from-purple-700 hover:to-pink-700 rounded-lg font-semibold text-white transition-all duration-300 shadow-lg shadow-purple-500/50"
|
||||
className="inline-flex items-center gap-2 px-6 py-3 bg-blue-600 hover:bg-blue-700 dark:bg-blue-500 dark:hover:bg-blue-600 rounded-lg text-sm font-semibold text-white transition-all duration-200"
|
||||
>
|
||||
<span>{co.cloudBtn}</span>
|
||||
<ExternalLink size={20} className="group-hover/btn:translate-x-1 transition-transform" />
|
||||
<ExternalLink size={16} />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Token Factory */}
|
||||
<div className="group relative">
|
||||
<div className="absolute inset-0 bg-gradient-to-br from-amber-500/20 to-orange-500/20 rounded-2xl blur-xl group-hover:blur-2xl transition-all duration-300"></div>
|
||||
<div className="relative p-10 bg-gradient-to-br from-slate-100 to-slate-200 dark:from-slate-800 dark:to-slate-900 rounded-2xl border-2 border-amber-400/30 dark:border-amber-500/30 group-hover:border-amber-500/50 transition-all duration-300">
|
||||
<div className="w-20 h-20 bg-gradient-to-br from-amber-500 to-orange-400 rounded-xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform">
|
||||
<Factory size={40} className="text-white" />
|
||||
<div className="relative bg-white dark:bg-slate-900 rounded-xl border border-slate-200 dark:border-slate-700 group hover:border-blue-500/50 dark:hover:border-blue-400/50 transition-colors duration-300">
|
||||
<div className="absolute left-0 top-0 bottom-0 w-0.5 bg-blue-500 dark:bg-blue-400 rounded-l-xl" />
|
||||
<div className="p-8">
|
||||
<div className="w-12 h-12 bg-blue-50 dark:bg-blue-950/60 rounded-xl flex items-center justify-center mb-5">
|
||||
<Factory size={24} className="text-blue-600 dark:text-blue-400" />
|
||||
</div>
|
||||
|
||||
<h2 className="text-3xl font-bold mb-4 text-slate-900 dark:text-white group-hover:text-amber-600 dark:group-hover:text-amber-400 transition-colors">
|
||||
{co.tokenTitle}
|
||||
</h2>
|
||||
|
||||
<p className="text-slate-500 dark:text-gray-400 mb-6 leading-relaxed">{co.tokenDesc}</p>
|
||||
|
||||
<div className="space-y-3 mb-8">
|
||||
<h3 className="text-xl font-bold text-slate-900 dark:text-white mb-3">{co.tokenTitle}</h3>
|
||||
<p className="text-sm text-slate-500 dark:text-slate-400 leading-relaxed mb-6">{co.tokenDesc}</p>
|
||||
<div className="space-y-2.5 mb-8">
|
||||
{[co.tokenF1, co.tokenF2, co.tokenF3].map((f) => (
|
||||
<div key={f} className="flex items-start space-x-2">
|
||||
<div className="w-1.5 h-1.5 rounded-full bg-amber-500 dark:bg-amber-400 mt-2"></div>
|
||||
<span className="text-sm text-slate-500 dark:text-gray-400">{f}</span>
|
||||
<div key={f} className="flex items-center gap-2.5">
|
||||
<div className="w-1.5 h-1.5 rounded-full bg-blue-500 dark:bg-blue-400" />
|
||||
<span className="text-sm text-slate-600 dark:text-slate-300">{f}</span>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
|
||||
<a
|
||||
href="http://localhost:6175/login"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="group/btn w-full flex items-center justify-center space-x-2 px-8 py-4 bg-gradient-to-r from-amber-600 to-orange-600 hover:from-amber-700 hover:to-orange-700 rounded-lg font-semibold text-white transition-all duration-300 shadow-lg shadow-amber-500/50"
|
||||
className="inline-flex items-center gap-2 px-6 py-3 bg-blue-600 hover:bg-blue-700 dark:bg-blue-500 dark:hover:bg-blue-600 rounded-lg text-sm font-semibold text-white transition-all duration-200"
|
||||
>
|
||||
<span>{co.tokenBtn}</span>
|
||||
<ExternalLink size={20} className="group-hover/btn:translate-x-1 transition-transform" />
|
||||
<ExternalLink size={16} />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Help Section */}
|
||||
<div className="max-w-5xl mx-auto">
|
||||
<div className="p-8 bg-gradient-to-br from-slate-100/80 to-slate-200/80 dark:from-slate-900/50 dark:to-slate-800/50 rounded-2xl border border-blue-300/50 dark:border-blue-500/20">
|
||||
<h3 className="text-2xl font-bold mb-6 text-center text-slate-900 dark:text-white">{co.helpTitle}</h3>
|
||||
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8">
|
||||
<div className="max-w-3xl mx-auto">
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-6 mb-12">
|
||||
{[
|
||||
{ emoji: '📚', title: co.helpDoc, desc: co.helpDocDesc },
|
||||
{ emoji: '💬', title: co.helpSupport, desc: co.helpSupportDesc },
|
||||
{ emoji: '🎓', title: co.helpTutorial, desc: co.helpTutorialDesc },
|
||||
{ icon: FileText, title: co.helpDoc, desc: co.helpDocDesc },
|
||||
{ icon: LifeBuoy, title: co.helpSupport, desc: co.helpSupportDesc },
|
||||
{ icon: PlayCircle, title: co.helpTutorial, desc: co.helpTutorialDesc },
|
||||
].map((h) => (
|
||||
<div key={h.title} className="text-center">
|
||||
<div className="text-4xl mb-2">{h.emoji}</div>
|
||||
<h4 className="font-semibold mb-2 text-slate-900 dark:text-white">{h.title}</h4>
|
||||
<p className="text-sm text-slate-500 dark:text-gray-400">{h.desc}</p>
|
||||
<div key={h.title} className="text-center p-6 bg-white dark:bg-slate-900 rounded-xl border border-slate-200 dark:border-slate-700">
|
||||
<div className="w-10 h-10 bg-blue-50 dark:bg-blue-950/60 rounded-lg flex items-center justify-center mx-auto mb-4">
|
||||
<h.icon size={20} className="text-blue-600 dark:text-blue-400" />
|
||||
</div>
|
||||
<h4 className="font-semibold text-sm text-slate-900 dark:text-white mb-2">{h.title}</h4>
|
||||
<p className="text-xs text-slate-500 dark:text-slate-400 leading-relaxed">{h.desc}</p>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
|
|
@ -116,19 +104,20 @@ export default function ConsolePage() {
|
|||
<div className="text-center">
|
||||
<Link
|
||||
href="/contact"
|
||||
className="inline-flex items-center space-x-2 px-6 py-3 bg-white dark:bg-slate-800 border border-blue-500/30 rounded-lg font-semibold text-slate-800 dark:text-white hover:bg-slate-100 dark:hover:bg-slate-700 transition-all duration-300"
|
||||
className="inline-flex items-center gap-2 px-5 py-2.5 border border-slate-200 dark:border-slate-700 rounded-lg text-sm font-medium text-slate-700 dark:text-slate-300 hover:bg-slate-100 dark:hover:bg-slate-800 transition-all duration-200"
|
||||
>
|
||||
<span>{co.helpBtn}</span>
|
||||
<ArrowRight size={18} />
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Additional Info */}
|
||||
<div className="mt-12 text-center">
|
||||
<p className="text-slate-500 dark:text-gray-400 mb-4">{co.noAccount}</p>
|
||||
<Link href="/contact" className="text-blue-600 dark:text-blue-400 hover:text-blue-500 dark:hover:text-blue-300 font-semibold transition-colors">
|
||||
{/* Trial CTA */}
|
||||
<div className="mt-16 text-center border-t border-slate-100 dark:border-slate-800 pt-10">
|
||||
<p className="text-sm text-slate-500 dark:text-slate-400 mb-3">{co.noAccount}</p>
|
||||
<Link
|
||||
href="/contact"
|
||||
className="text-sm font-medium text-blue-600 dark:text-blue-400 hover:text-blue-500 dark:hover:text-blue-300 transition-colors"
|
||||
>
|
||||
{co.applyTrial} →
|
||||
</Link>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -40,7 +40,7 @@ export default function ContactPage() {
|
|||
{/* Page Header */}
|
||||
<div className="text-center mb-20">
|
||||
<h1 className="text-4xl sm:text-5xl lg:text-6xl font-bold mb-6">
|
||||
<span className="text-gradient">{c.h1}</span>
|
||||
<span className="text-blue-600 dark:text-blue-400">{c.h1}</span>
|
||||
</h1>
|
||||
<p className="text-xl text-slate-500 dark:text-gray-400 max-w-3xl mx-auto">{c.subtitle}</p>
|
||||
</div>
|
||||
|
|
@ -51,8 +51,8 @@ export default function ContactPage() {
|
|||
<h2 className="text-3xl font-bold mb-8 text-slate-900 dark:text-white">{c.infoTitle}</h2>
|
||||
|
||||
<div className="space-y-6 mb-12">
|
||||
<div className="flex items-start space-x-4 p-6 bg-white/80 dark:bg-slate-800/50 rounded-xl border border-blue-300/50 dark:border-blue-500/20">
|
||||
<div className="flex-shrink-0 w-12 h-12 bg-gradient-to-br from-blue-500 to-cyan-400 rounded-lg flex items-center justify-center">
|
||||
<div className="flex items-start space-x-4 p-6 bg-white/80 dark:bg-slate-800/50 rounded-xl border border-slate-200 dark:border-slate-700">
|
||||
<div className="flex-shrink-0 w-12 h-12 bg-blue-600 rounded-lg flex items-center justify-center">
|
||||
<Mail size={24} className="text-white" />
|
||||
</div>
|
||||
<div>
|
||||
|
|
@ -64,8 +64,8 @@ export default function ContactPage() {
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div className="flex items-start space-x-4 p-6 bg-white/80 dark:bg-slate-800/50 rounded-xl border border-blue-300/50 dark:border-blue-500/20">
|
||||
<div className="flex-shrink-0 w-12 h-12 bg-gradient-to-br from-purple-500 to-pink-400 rounded-lg flex items-center justify-center">
|
||||
<div className="flex items-start space-x-4 p-6 bg-white/80 dark:bg-slate-800/50 rounded-xl border border-slate-200 dark:border-slate-700">
|
||||
<div className="flex-shrink-0 w-12 h-12 bg-blue-600 rounded-lg flex items-center justify-center">
|
||||
<Phone size={24} className="text-white" />
|
||||
</div>
|
||||
<div>
|
||||
|
|
@ -77,8 +77,8 @@ export default function ContactPage() {
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div className="flex items-start space-x-4 p-6 bg-white/80 dark:bg-slate-800/50 rounded-xl border border-blue-300/50 dark:border-blue-500/20">
|
||||
<div className="flex-shrink-0 w-12 h-12 bg-gradient-to-br from-amber-500 to-orange-400 rounded-lg flex items-center justify-center">
|
||||
<div className="flex items-start space-x-4 p-6 bg-white/80 dark:bg-slate-800/50 rounded-xl border border-slate-200 dark:border-slate-700">
|
||||
<div className="flex-shrink-0 w-12 h-12 bg-blue-600 rounded-lg flex items-center justify-center">
|
||||
<MapPin size={24} className="text-white" />
|
||||
</div>
|
||||
<div>
|
||||
|
|
@ -90,7 +90,7 @@ export default function ContactPage() {
|
|||
</div>
|
||||
|
||||
{/* Quick Links */}
|
||||
<div className="p-8 bg-gradient-to-br from-slate-100/80 to-slate-200/80 dark:from-slate-900/50 dark:to-slate-800/50 rounded-xl border border-blue-300/50 dark:border-blue-500/20">
|
||||
<div className="p-8 bg-gradient-to-br from-slate-100/80 to-slate-200/80 dark:from-slate-900/50 dark:to-slate-800/50 rounded-xl border border-slate-200 dark:border-slate-700">
|
||||
<h3 className="text-xl font-bold mb-4 text-slate-900 dark:text-white">{c.quickTitle}</h3>
|
||||
<div className="space-y-3">
|
||||
<a
|
||||
|
|
@ -106,9 +106,9 @@ export default function ContactPage() {
|
|||
href="http://localhost:6175/login"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="block p-4 bg-white/80 dark:bg-slate-800/50 rounded-lg hover:bg-slate-100 dark:hover:bg-slate-700/50 transition-colors border border-amber-300/20 dark:border-amber-500/10 hover:border-amber-500/30"
|
||||
className="block p-4 bg-white/80 dark:bg-slate-800/50 rounded-lg hover:bg-slate-100 dark:hover:bg-slate-700/50 transition-colors border border-slate-200 dark:border-slate-700 hover:border-blue-500/30"
|
||||
>
|
||||
<div className="font-semibold text-amber-600 dark:text-amber-400 mb-1">{c.tokenLinkTitle}</div>
|
||||
<div className="font-semibold text-blue-600 dark:text-blue-400 mb-1">{c.tokenLinkTitle}</div>
|
||||
<div className="text-sm text-slate-500 dark:text-gray-400">{c.tokenLinkDesc}</div>
|
||||
</a>
|
||||
</div>
|
||||
|
|
@ -127,7 +127,7 @@ export default function ContactPage() {
|
|||
<input
|
||||
type="text" id="name" name="name" required
|
||||
value={formData.name} onChange={handleChange}
|
||||
className="w-full px-4 py-3 bg-white dark:bg-slate-800/50 border border-blue-300/50 dark:border-blue-500/20 rounded-lg focus:outline-none focus:border-blue-500/50 transition-colors text-slate-900 dark:text-white placeholder-slate-400"
|
||||
className="w-full px-4 py-3 bg-white dark:bg-slate-800/50 border border-slate-200 dark:border-slate-700 rounded-lg focus:outline-none focus:border-blue-500/50 transition-colors text-slate-900 dark:text-white placeholder-slate-400"
|
||||
placeholder={c.namePH}
|
||||
/>
|
||||
</div>
|
||||
|
|
@ -139,7 +139,7 @@ export default function ContactPage() {
|
|||
<input
|
||||
type="text" id="company" name="company"
|
||||
value={formData.company} onChange={handleChange}
|
||||
className="w-full px-4 py-3 bg-white dark:bg-slate-800/50 border border-blue-300/50 dark:border-blue-500/20 rounded-lg focus:outline-none focus:border-blue-500/50 transition-colors text-slate-900 dark:text-white placeholder-slate-400"
|
||||
className="w-full px-4 py-3 bg-white dark:bg-slate-800/50 border border-slate-200 dark:border-slate-700 rounded-lg focus:outline-none focus:border-blue-500/50 transition-colors text-slate-900 dark:text-white placeholder-slate-400"
|
||||
placeholder={c.companyPH}
|
||||
/>
|
||||
</div>
|
||||
|
|
@ -152,7 +152,7 @@ export default function ContactPage() {
|
|||
<input
|
||||
type="email" id="email" name="email" required
|
||||
value={formData.email} onChange={handleChange}
|
||||
className="w-full px-4 py-3 bg-white dark:bg-slate-800/50 border border-blue-300/50 dark:border-blue-500/20 rounded-lg focus:outline-none focus:border-blue-500/50 transition-colors text-slate-900 dark:text-white placeholder-slate-400"
|
||||
className="w-full px-4 py-3 bg-white dark:bg-slate-800/50 border border-slate-200 dark:border-slate-700 rounded-lg focus:outline-none focus:border-blue-500/50 transition-colors text-slate-900 dark:text-white placeholder-slate-400"
|
||||
placeholder="your@email.com"
|
||||
/>
|
||||
</div>
|
||||
|
|
@ -163,7 +163,7 @@ export default function ContactPage() {
|
|||
<input
|
||||
type="tel" id="phone" name="phone"
|
||||
value={formData.phone} onChange={handleChange}
|
||||
className="w-full px-4 py-3 bg-white dark:bg-slate-800/50 border border-blue-300/50 dark:border-blue-500/20 rounded-lg focus:outline-none focus:border-blue-500/50 transition-colors text-slate-900 dark:text-white placeholder-slate-400"
|
||||
className="w-full px-4 py-3 bg-white dark:bg-slate-800/50 border border-slate-200 dark:border-slate-700 rounded-lg focus:outline-none focus:border-blue-500/50 transition-colors text-slate-900 dark:text-white placeholder-slate-400"
|
||||
placeholder={c.phonePH}
|
||||
/>
|
||||
</div>
|
||||
|
|
@ -176,7 +176,7 @@ export default function ContactPage() {
|
|||
<select
|
||||
id="service" name="service" required
|
||||
value={formData.service} onChange={handleChange}
|
||||
className="w-full px-4 py-3 bg-white dark:bg-slate-800/50 border border-blue-300/50 dark:border-blue-500/20 rounded-lg focus:outline-none focus:border-blue-500/50 transition-colors text-slate-900 dark:text-white"
|
||||
className="w-full px-4 py-3 bg-white dark:bg-slate-800/50 border border-slate-200 dark:border-slate-700 rounded-lg focus:outline-none focus:border-blue-500/50 transition-colors text-slate-900 dark:text-white"
|
||||
>
|
||||
<option value="">{c.servicePH}</option>
|
||||
<option value="infrastructure">{c.sOpt1}</option>
|
||||
|
|
@ -194,7 +194,7 @@ export default function ContactPage() {
|
|||
id="message" name="message" required
|
||||
value={formData.message} onChange={handleChange}
|
||||
rows={6}
|
||||
className="w-full px-4 py-3 bg-white dark:bg-slate-800/50 border border-blue-300/50 dark:border-blue-500/20 rounded-lg focus:outline-none focus:border-blue-500/50 transition-colors text-slate-900 dark:text-white placeholder-slate-400 resize-none"
|
||||
className="w-full px-4 py-3 bg-white dark:bg-slate-800/50 border border-slate-200 dark:border-slate-700 rounded-lg focus:outline-none focus:border-blue-500/50 transition-colors text-slate-900 dark:text-white placeholder-slate-400 resize-none"
|
||||
placeholder={c.msgPH}
|
||||
/>
|
||||
</div>
|
||||
|
|
@ -205,7 +205,7 @@ export default function ContactPage() {
|
|||
className={`w-full py-4 rounded-lg font-semibold text-white transition-all duration-300 flex items-center justify-center space-x-2 ${
|
||||
submitted
|
||||
? 'bg-green-600 cursor-not-allowed'
|
||||
: 'bg-gradient-to-r from-blue-600 to-cyan-600 hover:from-blue-700 hover:to-cyan-700 shadow-lg shadow-blue-500/50'
|
||||
: 'bg-gradient-to-r from-blue-600 to-blue-700 hover:from-blue-700 hover:to-blue-700 shadow-lg shadow-blue-500/30'
|
||||
}`}
|
||||
>
|
||||
{submitted ? <span>{c.submitOk}</span> : <><span>{c.submitBtn}</span><Send size={20} /></>}
|
||||
|
|
@ -217,7 +217,7 @@ export default function ContactPage() {
|
|||
</div>
|
||||
|
||||
{/* Additional Info */}
|
||||
<div className="mt-20 p-8 bg-gradient-to-br from-slate-100/80 to-slate-200/80 dark:from-slate-900/50 dark:to-slate-800/50 rounded-xl border border-blue-300/50 dark:border-blue-500/20 text-center">
|
||||
<div className="mt-20 p-8 bg-gradient-to-br from-slate-100/80 to-slate-200/80 dark:from-slate-900/50 dark:to-slate-800/50 rounded-xl border border-slate-200 dark:border-slate-700 text-center">
|
||||
<h2 className="text-2xl font-bold mb-4 text-slate-900 dark:text-white">{c.coopTitle}</h2>
|
||||
<p className="text-slate-500 dark:text-gray-400 max-w-2xl mx-auto mb-6">{c.coopDesc}</p>
|
||||
<div className="flex flex-wrap justify-center gap-4 text-sm text-slate-500 dark:text-gray-400">
|
||||
|
|
|
|||
|
|
@ -15,7 +15,7 @@ export default function NewsPage() {
|
|||
{/* Page Header */}
|
||||
<div className="text-center mb-20">
|
||||
<h1 className="text-4xl sm:text-5xl lg:text-6xl font-bold mb-6">
|
||||
<span className="text-gradient">{n.h1}</span>
|
||||
<span className="text-blue-600 dark:text-blue-400">{n.h1}</span>
|
||||
</h1>
|
||||
<p className="text-xl text-slate-500 dark:text-gray-400 max-w-3xl mx-auto">{n.subtitle}</p>
|
||||
</div>
|
||||
|
|
@ -23,19 +23,19 @@ export default function NewsPage() {
|
|||
{/* Stats */}
|
||||
<section className="mb-16">
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-8">
|
||||
<div className="p-8 bg-gradient-to-br from-blue-500/10 to-cyan-500/10 rounded-xl border border-blue-500/20 text-center">
|
||||
<div className="p-8 bg-gradient-to-br from-blue-500/10 to-blue-600/10 rounded-xl border border-blue-500/20 text-center">
|
||||
<Newspaper size={40} className="text-blue-500 dark:text-blue-400 mx-auto mb-4" />
|
||||
<div className="text-3xl font-bold text-gradient mb-2">{n.articles.length}</div>
|
||||
<div className="text-3xl font-bold text-blue-600 dark:text-blue-400 mb-2">{n.articles.length}</div>
|
||||
<div className="text-slate-500 dark:text-gray-400">{n.s1Label}</div>
|
||||
</div>
|
||||
<div className="p-8 bg-gradient-to-br from-purple-500/10 to-pink-500/10 rounded-xl border border-purple-500/20 text-center">
|
||||
<TrendingUp size={40} className="text-purple-500 dark:text-purple-400 mx-auto mb-4" />
|
||||
<div className="text-3xl font-bold text-gradient mb-2">{n.s2Value}</div>
|
||||
<div className="p-8 bg-gradient-to-br from-blue-500/10 to-blue-600/10 rounded-xl border border-blue-500/20 text-center">
|
||||
<TrendingUp size={40} className="text-blue-600 dark:text-blue-400 mx-auto mb-4" />
|
||||
<div className="text-3xl font-bold text-blue-600 dark:text-blue-400 mb-2">{n.s2Value}</div>
|
||||
<div className="text-slate-500 dark:text-gray-400">{n.s2Label}</div>
|
||||
</div>
|
||||
<div className="p-8 bg-gradient-to-br from-amber-500/10 to-orange-500/10 rounded-xl border border-amber-500/20 text-center">
|
||||
<Calendar size={40} className="text-amber-500 dark:text-amber-400 mx-auto mb-4" />
|
||||
<div className="text-3xl font-bold text-gradient mb-2">{n.s3Value}</div>
|
||||
<div className="p-8 bg-gradient-to-br from-blue-500/10 to-blue-600/10 rounded-xl border border-blue-500/20 text-center">
|
||||
<Calendar size={40} className="text-blue-600 dark:text-blue-400 mx-auto mb-4" />
|
||||
<div className="text-3xl font-bold text-blue-600 dark:text-blue-400 mb-2">{n.s3Value}</div>
|
||||
<div className="text-slate-500 dark:text-gray-400">{n.s3Label}</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -47,14 +47,14 @@ export default function NewsPage() {
|
|||
{n.articles.map((item, index) => (
|
||||
<article
|
||||
key={index}
|
||||
className="p-8 bg-gradient-to-br from-slate-100 to-slate-200 dark:from-slate-800 dark:to-slate-900 rounded-xl border border-blue-300/50 dark:border-blue-500/20 hover:border-blue-500/40 transition-all duration-300 hover:scale-[1.02]"
|
||||
className="p-8 bg-gradient-to-br from-slate-100 to-slate-200 dark:from-slate-800 dark:to-slate-900 rounded-xl border border-slate-200 dark:border-slate-700 hover:border-blue-500/40 transition-all duration-300 hover:scale-[1.02]"
|
||||
>
|
||||
<div className="flex flex-col md:flex-row md:items-start md:justify-between mb-4">
|
||||
<div className="flex items-center space-x-3 mb-2 md:mb-0">
|
||||
<span className={`px-3 py-1 rounded-full text-xs font-semibold ${
|
||||
item.category === n.catCompany
|
||||
? 'bg-blue-500/20 text-blue-600 dark:text-blue-400'
|
||||
: 'bg-purple-500/20 text-purple-600 dark:text-purple-400'
|
||||
: 'bg-blue-500/10 text-blue-600 dark:text-blue-400'
|
||||
}`}>
|
||||
{item.category}
|
||||
</span>
|
||||
|
|
@ -87,12 +87,12 @@ export default function NewsPage() {
|
|||
</section>
|
||||
|
||||
{/* CTA */}
|
||||
<div className="mt-20 text-center py-16 bg-gradient-to-br from-slate-100/80 to-slate-200/80 dark:from-slate-900/50 dark:to-slate-800/50 rounded-2xl border border-blue-300/50 dark:border-blue-500/20">
|
||||
<div className="mt-20 text-center py-16 bg-gradient-to-br from-slate-100/80 to-slate-200/80 dark:from-slate-900/50 dark:to-slate-800/50 rounded-2xl border border-slate-200 dark:border-slate-700">
|
||||
<h2 className="text-3xl font-bold mb-6 text-slate-900 dark:text-white">{n.ctaTitle}</h2>
|
||||
<p className="text-xl text-slate-500 dark:text-gray-400 mb-8">{n.ctaSubtitle}</p>
|
||||
<a
|
||||
href="mailto:contact@qx002575.com"
|
||||
className="px-8 py-4 bg-gradient-to-r from-blue-600 to-cyan-600 rounded-lg font-semibold text-white hover:from-blue-700 hover:to-cyan-700 transition-all duration-300 shadow-lg shadow-blue-500/50"
|
||||
className="px-8 py-4 bg-gradient-to-r from-blue-600 to-blue-700 rounded-lg font-semibold text-white hover:from-blue-700 hover:to-blue-700 transition-all duration-300 shadow-lg shadow-blue-500/30"
|
||||
>
|
||||
{n.ctaBtn}
|
||||
</a>
|
||||
|
|
|
|||
|
|
@ -58,25 +58,7 @@ export default function Home() {
|
|||
</div>
|
||||
</section>
|
||||
|
||||
{/* Stats Section */}
|
||||
<section className="py-20 bg-slate-100/80 dark:bg-slate-900/50">
|
||||
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-8">
|
||||
<div className="text-center p-8 bg-white/80 dark:bg-slate-800/50 rounded-xl border border-blue-300/50 dark:border-blue-500/20">
|
||||
<div className="text-4xl sm:text-5xl font-bold text-gradient mb-2">{tr.home.stat1Value}</div>
|
||||
<div className="text-slate-500 dark:text-gray-400">{tr.home.stat1Label}</div>
|
||||
</div>
|
||||
<div className="text-center p-8 bg-white/80 dark:bg-slate-800/50 rounded-xl border border-blue-300/50 dark:border-blue-500/20">
|
||||
<div className="text-4xl sm:text-5xl font-bold text-gradient mb-2">{tr.home.stat2Value}</div>
|
||||
<div className="text-slate-500 dark:text-gray-400">{tr.home.stat2Label}</div>
|
||||
</div>
|
||||
<div className="text-center p-8 bg-white/80 dark:bg-slate-800/50 rounded-xl border border-blue-300/50 dark:border-blue-500/20">
|
||||
<div className="text-4xl sm:text-5xl font-bold text-gradient mb-2">{tr.home.stat3Value}</div>
|
||||
<div className="text-slate-500 dark:text-gray-400">{tr.home.stat3Label}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
{/* Core Business Overview */}
|
||||
<section className="py-20 bg-white dark:bg-transparent">
|
||||
|
|
|
|||
|
|
@ -16,7 +16,6 @@ export default function Navigation() {
|
|||
|
||||
const navLinks = [
|
||||
{ name: tr.nav.home, href: '/' },
|
||||
{ name: tr.nav.about, href: '/about' },
|
||||
{
|
||||
name: tr.nav.business,
|
||||
href: '/business',
|
||||
|
|
@ -27,6 +26,7 @@ export default function Navigation() {
|
|||
]
|
||||
},
|
||||
{ name: tr.nav.news, href: '/news' },
|
||||
{ name: tr.nav.about, href: '/about' },
|
||||
{ name: tr.nav.contact, href: '/contact' },
|
||||
{ name: tr.nav.console, href: '/console' },
|
||||
]
|
||||
|
|
@ -34,7 +34,7 @@ export default function Navigation() {
|
|||
return (
|
||||
<nav className="fixed top-0 left-0 right-0 z-50 bg-white/95 dark:bg-slate-900/95 backdrop-blur-sm border-b border-blue-200/50 dark:border-blue-500/20">
|
||||
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div className="flex items-center justify-between h-16">
|
||||
<div className="flex items-center h-16">
|
||||
{/* Logo */}
|
||||
<Link href="/" className="flex items-center space-x-2">
|
||||
<div className="w-10 h-10 bg-gradient-to-br from-blue-500 to-cyan-400 rounded-lg flex items-center justify-center">
|
||||
|
|
@ -44,7 +44,7 @@ export default function Navigation() {
|
|||
</Link>
|
||||
|
||||
{/* Desktop Navigation */}
|
||||
<div className="hidden md:flex space-x-1">
|
||||
<div className="hidden md:flex items-center space-x-1 ml-auto">
|
||||
{navLinks.map((link) => {
|
||||
if ('subLinks' in link && link.subLinks) {
|
||||
return (
|
||||
|
|
@ -93,33 +93,31 @@ export default function Navigation() {
|
|||
</div>
|
||||
|
||||
{/* Right controls */}
|
||||
<div className="flex items-center space-x-2">
|
||||
<div className="flex items-center gap-2 ml-6 pl-5 border-l border-slate-200 dark:border-slate-700">
|
||||
{/* Language toggle — desktop */}
|
||||
<button
|
||||
onClick={toggleLanguage}
|
||||
className="hidden md:flex items-center px-3 py-1.5 rounded-full text-xs font-semibold border border-blue-400/40 dark:border-blue-500/30 bg-blue-50 dark:bg-blue-500/10 text-blue-600 dark:text-blue-400 hover:bg-blue-100 dark:hover:bg-blue-500/20 transition-all duration-200"
|
||||
className="hidden md:flex items-center justify-center w-8 h-8 rounded-lg text-xs font-medium text-slate-400 dark:text-slate-500 hover:text-slate-700 dark:hover:text-slate-300 hover:bg-slate-100 dark:hover:bg-slate-800 transition-all duration-200"
|
||||
aria-label="Toggle language"
|
||||
>
|
||||
<span className={language === 'zh' ? 'text-blue-700 dark:text-white font-bold' : 'opacity-50'}>中</span>
|
||||
<span className="mx-1 opacity-40">/</span>
|
||||
<span className={language === 'en' ? 'text-blue-700 dark:text-white font-bold' : 'opacity-50'}>EN</span>
|
||||
{language === 'zh' ? '中' : 'EN'}
|
||||
</button>
|
||||
|
||||
{/* Theme toggle — desktop */}
|
||||
<button
|
||||
onClick={toggleTheme}
|
||||
className="hidden md:flex items-center justify-center w-9 h-9 rounded-lg border border-blue-400/40 dark:border-blue-500/30 bg-blue-50 dark:bg-blue-500/10 text-blue-600 dark:text-blue-400 hover:bg-blue-100 dark:hover:bg-blue-500/20 transition-all duration-200"
|
||||
className="hidden md:flex items-center justify-center w-8 h-8 rounded-lg text-slate-400 dark:text-slate-500 hover:text-slate-700 dark:hover:text-slate-300 hover:bg-slate-100 dark:hover:bg-slate-800 transition-all duration-200"
|
||||
aria-label={theme === 'dark' ? 'Switch to light mode' : 'Switch to dark mode'}
|
||||
>
|
||||
{theme === 'dark' ? <Sun size={16} /> : <Moon size={16} />}
|
||||
{theme === 'dark' ? <Sun size={15} /> : <Moon size={15} />}
|
||||
</button>
|
||||
|
||||
{/* Mobile hamburger */}
|
||||
<button
|
||||
className="md:hidden p-2 rounded-lg text-slate-600 dark:text-gray-300 hover:text-slate-900 dark:hover:text-white hover:bg-slate-100 dark:hover:bg-slate-800"
|
||||
className="md:hidden p-2 rounded-lg text-slate-500 dark:text-slate-400 hover:text-slate-800 dark:hover:text-slate-200 hover:bg-slate-100 dark:hover:bg-slate-800 transition-all duration-200"
|
||||
onClick={() => setMobileMenuOpen(!mobileMenuOpen)}
|
||||
>
|
||||
{mobileMenuOpen ? <X size={24} /> : <Menu size={24} />}
|
||||
{mobileMenuOpen ? <X size={22} /> : <Menu size={22} />}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,591 +1,3 @@
|
|||
export type Language = 'zh' | 'en'
|
||||
|
||||
const zh = {
|
||||
nav: {
|
||||
home: '首页',
|
||||
about: '公司介绍',
|
||||
business: '主营业务',
|
||||
businessInfrastructure: '算力集群服务',
|
||||
businessCloudPlatform: '图灵智算系统云平台',
|
||||
businessTokenFactory: 'Token工厂',
|
||||
news: '企业动态',
|
||||
contact: '联系我们',
|
||||
console: '控制台',
|
||||
logoText: '图灵引擎',
|
||||
logoChar: '图',
|
||||
},
|
||||
home: {
|
||||
heroBadge: 'AGI全栈服务运营商',
|
||||
heroH1a: '聚算成力，筑梦',
|
||||
heroH1b: 'AGI',
|
||||
heroSubtitle: '图灵引擎，智绘产业新篇',
|
||||
heroDesc: '构建智算基础设施，赋能AI产业生态，开创Token工业化生产新时代',
|
||||
cta1: '探索业务',
|
||||
cta2: '进入控制台',
|
||||
stat1Value: '1440',
|
||||
stat1Label: 'Pflops 算力规模',
|
||||
stat2Value: '10,000+',
|
||||
stat2Label: 'GPU 卡数管理',
|
||||
stat3Value: '3大',
|
||||
stat3Label: '核心业务板块',
|
||||
coreTitle: '核心业务',
|
||||
coreSubtitle: '三大主营业务赋能AI产业生态',
|
||||
infraTitle: '算力集群服务',
|
||||
infraDesc: '自建H800集群，打造1440Pflops超大规模算力中心，为AI训练和推理提供稳定高效的基础设施支撑。',
|
||||
infraMore: '了解更多',
|
||||
cloudTitle: '图灵智算系统云平台',
|
||||
cloudDesc: '万卡集群调度管理系统，集成AI开发全工具链，为企业提供从训练到部署的一站式智算服务。',
|
||||
cloudMore: '了解更多',
|
||||
tokenTitle: 'Token工厂',
|
||||
tokenDesc: 'TaaS（Token-as-a-Service）模式，实现Token工业化生产，为企业提供高效、稳定、可扩展的Token服务。',
|
||||
tokenMore: '了解更多',
|
||||
whyTitle: '为什么选择图灵引擎',
|
||||
whySubtitle: '专业、可靠、创新的AGI服务伙伴',
|
||||
why1Title: '技术领先',
|
||||
why1Desc: '自主研发的智算系统，万卡调度能力，行业领先的AI工具链集成',
|
||||
why2Title: '算力强大',
|
||||
why2Desc: '1440Pflops超大规模算力中心，为AI训练和推理提供坚实保障',
|
||||
why3Title: '服务全面',
|
||||
why3Desc: '从基础设施到平台服务，从算力租赁到Token生产，全栈服务覆盖',
|
||||
ctaTitle1: '准备好开启您的',
|
||||
ctaAccent: 'AI之旅',
|
||||
ctaTitle2: '了吗？',
|
||||
ctaSubtitle: '立即联系我们，获取专业的智算解决方案',
|
||||
ctaBtn1: '联系我们',
|
||||
ctaBtn2: '了解公司',
|
||||
},
|
||||
about: {
|
||||
h1a: '关于',
|
||||
h1b: '我们',
|
||||
subtitle: 'AGI全栈服务运营商，致力于构建智算基础设施，赋能AI产业生态',
|
||||
introTitle: '公司简介',
|
||||
p1: '杭州图灵引擎科技有限公司是一家专注于AGI（通用人工智能）领域的全栈服务运营商。我们以"聚算成力，筑梦AGI"为使命，致力于为AI产业提供从基础设施到应用服务的完整解决方案。',
|
||||
p2: '公司自建H800 GPU集群，打造了总规模达1440Pflops的超大规模算力中心，为AI训练和推理提供稳定高效的基础设施支撑。同时，我们自主研发的图灵智算系统云平台，实现了万卡级别的集群调度管理能力，集成了从数据处理、模型训练到应用部署的AI开发全工具链。',
|
||||
p3: '在Token经济领域，我们创新性地提出了TaaS（Token-as-a-Service）模式，通过Token工厂平台实现Token的工业化生产，为企业提供高效、稳定、可扩展的Token服务，开创了AI与Token经济融合的新范式。',
|
||||
c1Title: '基础设施', c1Desc: '1440Pflops超大规模算力中心',
|
||||
c2Title: '云平台', c2Desc: '万卡调度智算系统',
|
||||
c3Title: 'Token工厂', c3Desc: 'TaaS工业化生产模式',
|
||||
c4Title: '全栈服务', c4Desc: '端到端AI解决方案',
|
||||
missionTitle: '我们的使命',
|
||||
missionText: '聚算成力，筑梦AGI。通过构建强大的智算基础设施和完善的服务体系，降低AI开发和应用的门槛，让每一个企业和开发者都能轻松获取和使用AI能力，推动AGI技术的普及和发展。',
|
||||
visionTitle: '我们的愿景',
|
||||
visionText: '成为全球领先的AGI全栈服务运营商，打造最值得信赖的智算平台，在AI产业发展中发挥关键作用，为人类社会的智能化转型贡献力量。',
|
||||
timelineTitle: '发展历程',
|
||||
timelineSubtitle: '从创立到今天，我们一路砥砺前行',
|
||||
teamTitle: '团队介绍',
|
||||
teamSubtitle: '汇聚行业精英，打造卓越团队',
|
||||
teamPlaceholder: '团队信息即将更新，敬请期待...',
|
||||
milestones: [
|
||||
{ date: '2024年1月', title: '公司成立', desc: '图灵引擎正式成立，确立AGI全栈服务运营商战略定位' },
|
||||
{ date: '2024年3月', title: 'H800集群启动建设', desc: '开始建设大规模H800 GPU集群，规划1440Pflops算力规模' },
|
||||
{ date: '2024年6月', title: '图灵智算系统立项', desc: '启动万卡集群调度管理系统研发，集成AI开发全工具链' },
|
||||
{ date: '2024年9月', title: '首批算力中心投产', desc: '第一批H800集群正式投入运营，开始对外提供算力服务' },
|
||||
{ date: '2024年12月', title: '云平台Beta版上线', desc: '图灵智算系统云平台Beta版发布，支持多租户算力调度' },
|
||||
{ date: '2025年3月', title: 'Token工厂概念提出', desc: '提出TaaS（Token-as-a-Service）模式，探索Token工业化生产' },
|
||||
{ date: '2025年6月', title: '云平台正式版发布', desc: '图灵智算系统云平台1.0正式发布，实现万卡级别调度能力' },
|
||||
{ date: '2025年9月', title: 'Token工厂试运行', desc: 'Token工厂平台开始试运行，首批客户接入测试' },
|
||||
{ date: '2025年12月', title: '算力规模达标', desc: 'H800集群建设完成，总算力达到1440Pflops' },
|
||||
{ date: '2026年3月', title: 'Token工厂正式运营', desc: 'Token工厂平台正式对外运营，开创Token工业化生产新模式' },
|
||||
{ date: '2026年未来', title: '持续创新', desc: '持续优化产品服务，深化AI产业布局，成为领先的AGI服务运营商' },
|
||||
],
|
||||
},
|
||||
business: {
|
||||
h1: '主营业务',
|
||||
subtitle: '三大核心业务板块，全方位赋能AI产业生态',
|
||||
infraTitle: '算力集群服务',
|
||||
infraDesc: '自建H800 GPU集群，打造1440Pflops超大规模算力中心，为AI训练和推理提供稳定高效的基础设施支撑。',
|
||||
infraCta: '了解详情',
|
||||
cloudTitle: '图灵智算系统云平台',
|
||||
cloudDesc: '万卡集群调度管理系统，集成AI开发全工具链，为企业提供从训练到部署的一站式智算服务。',
|
||||
cloudCta: '了解详情',
|
||||
tokenTitle: 'Token工厂',
|
||||
tokenDesc: 'TaaS（Token-as-a-Service）模式，实现Token工业化生产，为企业提供高效、稳定、可扩展的Token服务。',
|
||||
tokenCta: '了解详情',
|
||||
valueTitle: '业务价值',
|
||||
v1Title: '降低AI应用门槛', v1Desc: '通过完善的基础设施和平台服务，让企业无需自建昂贵的GPU集群，即可快速开展AI业务。',
|
||||
v2Title: '提升开发效率', v2Desc: '集成的AI工具链和自动化调度系统，大幅提升从开发到部署的整体效率。',
|
||||
v3Title: '灵活的资源调配', v3Desc: '按需使用、弹性扩展，根据业务需求灵活调整算力资源，降低运营成本。',
|
||||
v4Title: '创新Token经济', v4Desc: '开创Token工业化生产模式，为AI应用与Token经济的融合提供新思路。',
|
||||
ctaTitle: '立即体验我们的服务',
|
||||
ctaSubtitle: '联系我们，获取专业的智算解决方案',
|
||||
ctaBtn: '联系我们',
|
||||
},
|
||||
infrastructure: {
|
||||
badge: '算力基础设施建设',
|
||||
h1a: '超大规模',
|
||||
h1b: '算力中心',
|
||||
subtitle: '自建H800 GPU集群，打造1440Pflops算力基础设施，为AI训练和推理提供强大支撑',
|
||||
s1Label: 'Pflops 总算力', s1Sub: '超大规模计算能力',
|
||||
s2Label: 'GPU 集群', s2Sub: '企业级高性能GPU',
|
||||
s3Value: '99.9%', s3Label: '可用性保障', s3Sub: '7x24小时稳定运行',
|
||||
coreTitle: '核心优势', coreSubtitle: '专业的算力基础设施建设与运维能力',
|
||||
f1Title: '自主可控', f1Desc: '自建GPU集群，完全自主可控的算力资源，保障业务连续性和数据安全。',
|
||||
f2Title: '高性能', f2Desc: '采用H800企业级GPU，单卡性能强劲，支持大规模AI模型训练和推理。',
|
||||
f3Title: '高速互联', f3Desc: '高带宽低延迟网络架构，支持大规模分布式训练，提升训练效率。',
|
||||
f4Title: '安全可靠', f4Desc: '多重安全防护机制，数据加密传输存储，保障客户数据和模型安全。',
|
||||
f5Title: '弹性扩展', f5Desc: '灵活的资源调配能力，根据业务需求快速扩展，支持突发性算力需求。',
|
||||
f6Title: '专业运维', f6Desc: '7x24小时专业运维团队，实时监控，快速响应，确保系统稳定运行。',
|
||||
specTitle: '技术规格',
|
||||
sp1Title: 'GPU型号', sp1Desc: 'NVIDIA H800 企业级GPU',
|
||||
sp2Title: '总算力规模', sp2Desc: '1440 Pflops（双精度浮点运算）',
|
||||
sp3Title: '网络架构', sp3Desc: 'InfiniBand高速互联网络，支持RDMA',
|
||||
sp4Title: '存储系统', sp4Desc: '分布式高性能存储，支持PB级数据',
|
||||
sp5Title: '冷却系统', sp5Desc: '液冷+风冷混合方案，高效节能',
|
||||
sp6Title: '电力保障', sp6Desc: '双路供电+UPS备份，确保不间断运行',
|
||||
useCaseTitle: '应用场景', useCaseSubtitle: '广泛支持各类AI应用场景',
|
||||
uc1Title: '大模型训练', uc1Desc: '支持千亿、万亿参数规模的大语言模型训练，提供充足的算力和存储资源。',
|
||||
uc1i1: 'LLM（大语言模型）训练', uc1i2: '多模态模型训练', uc1i3: '模型微调与优化',
|
||||
uc2Title: '推理服务', uc2Desc: '高性能推理加速，低延迟响应，支持海量并发请求处理。',
|
||||
uc2i1: '实时AI推理服务', uc2i2: '批量推理处理', uc2i3: '边缘AI部署',
|
||||
uc3Title: '科学计算', uc3Desc: '支持高性能科学计算任务，加速科研创新进程。',
|
||||
uc3i1: '分子动力学模拟', uc3i2: '气象预测计算', uc3i3: '生物信息分析',
|
||||
uc4Title: '行业AI应用', uc4Desc: '为各行业提供定制化AI算力支持，助力产业智能化升级。',
|
||||
uc4i1: '智能制造', uc4i2: '金融风控', uc4i3: '医疗影像分析',
|
||||
ctaTitle: '需要更多算力资源？', ctaSubtitle: '联系我们，获取定制化算力解决方案', ctaBtn: '联系我们',
|
||||
},
|
||||
cloudPlatform: {
|
||||
badge: '图灵智算系统云平台',
|
||||
h1a: '万卡调度',
|
||||
h1b: '智算云平台',
|
||||
subtitle: '一站式AI开发平台，从训练到部署，全流程智能化管理',
|
||||
s1Value: '10,000+', s1Label: 'GPU卡调度能力', s1Sub: '万卡级集群管理',
|
||||
s2Value: '全工具链', s2Label: 'AI开发集成', s2Sub: '一站式开发体验',
|
||||
s3Value: '秒级', s3Label: '资源调度响应', s3Sub: '高效智能调度',
|
||||
coreTitle: '平台核心功能', coreSubtitle: '强大的智算管理与服务能力',
|
||||
f1Title: '智能调度', f1Desc: '基于AI的智能资源调度算法，自动优化任务分配，最大化资源利用率。',
|
||||
f2Title: '容器化部署', f2Desc: '支持Docker和Kubernetes，实现应用的快速部署、扩展和管理。',
|
||||
f3Title: '实时监控', f3Desc: '全方位的性能监控和可视化，实时掌握集群状态和任务进度。',
|
||||
f4Title: '多租户隔离', f4Desc: '完善的多租户管理机制，确保不同用户之间的资源和数据隔离。',
|
||||
f5Title: '工作流编排', f5Desc: '可视化的工作流设计器，轻松编排复杂的AI训练和推理流程。',
|
||||
f6Title: '弹性伸缩', f6Desc: '根据负载自动调整资源配置，支持突发流量和大规模并发。',
|
||||
toolTitle: '集成AI工具链',
|
||||
t1Title: '开发框架', t1i1: 'PyTorch、TensorFlow、JAX等主流框架', t1i2: 'Hugging Face Transformers生态', t1i3: 'DeepSpeed、Megatron等训练加速库',
|
||||
t2Title: '数据处理', t2i1: '分布式数据预处理管道', t2i2: '数据标注与管理工具', t2i3: '特征工程自动化',
|
||||
t3Title: '模型管理', t3i1: '模型版本管理与追踪', t3i2: '实验对比与可视化', t3i3: '超参数自动调优',
|
||||
t4Title: '部署服务', t4i1: '一键模型部署与发布', t4i2: 'API网关与负载均衡', t4i3: '模型性能优化与量化',
|
||||
useCaseTitle: '典型应用场景', useCaseSubtitle: '覆盖AI全生命周期的应用支持',
|
||||
uc1Title: '大模型训练', uc1Desc: '支持超大规模模型的分布式训练，自动处理数据并行和模型并行。',
|
||||
uc1i1: '自动混合精度训练', uc1i2: '梯度累积与检查点', uc1i3: '分布式优化器',
|
||||
uc2Title: '模型微调', uc2Desc: '基于预训练模型快速微调，适配特定业务场景和数据集。',
|
||||
uc2i1: 'LoRA、QLoRA等高效微调', uc2i2: '少样本学习支持', uc2i3: '迁移学习优化',
|
||||
uc3Title: '推理服务', uc3Desc: '高性能推理引擎，支持多种优化策略，降低延迟提升吞吐。',
|
||||
uc3i1: '模型量化与剪枝', uc3i2: '批处理优化', uc3i3: '多模型集成服务',
|
||||
uc4Title: 'AutoML', uc4Desc: '自动化机器学习流程，降低AI应用开发门槛。',
|
||||
uc4i1: '自动特征工程', uc4i2: '神经架构搜索', uc4i3: '超参数优化',
|
||||
ctaTitle: '立即体验图灵智算云平台', ctaSubtitle: '登录控制台，开启您的AI开发之旅',
|
||||
ctaBtn1: '登录云平台', ctaBtn2: '联系咨询',
|
||||
},
|
||||
tokenFactory: {
|
||||
badge: 'Token工厂',
|
||||
h1a: 'Token工业化生产',
|
||||
h1b: '新模式',
|
||||
subtitle: 'TaaS（Token-as-a-Service）模式，高效、稳定、可扩展的Token服务平台',
|
||||
s1Value: '工业化', s1Label: '生产模式', s1Sub: '规模化高效生产',
|
||||
s2Value: 'TaaS', s2Label: '服务模式', s2Sub: '即开即用按需付费',
|
||||
s3Value: 'AI驱动', s3Label: '智能优化', s3Sub: '自动调优提升效率',
|
||||
taasTitle: '什么是TaaS？',
|
||||
tp1: 'TaaS（Token-as-a-Service）是图灵引擎创新提出的Token工业化生产服务模式。通过整合强大的算力基础设施、智能调度系统和AI优化算法，我们将Token生产过程标准化、自动化和规模化，为企业提供高效、稳定、可扩展的Token生产服务。',
|
||||
tp2: '传统的Token生产往往面临技术门槛高、成本投入大、运维复杂等挑战。Token工厂通过TaaS模式，让企业无需自建基础设施，无需深入了解底层技术细节，即可快速获得专业的Token生产能力，专注于业务创新和应用开发。',
|
||||
tp3: '我们的Token工厂不仅提供Token生产服务，还集成了从参数配置、任务调度、质量监控到结果交付的完整工作流，确保每一个Token都符合高质量标准。',
|
||||
coreTitle: '核心能力', coreSubtitle: '专业的Token生产与服务能力',
|
||||
f1Title: '工业化生产', f1Desc: '标准化的生产流程，自动化的任务执行，规模化的批量处理能力。',
|
||||
f2Title: '高效生产', f2Desc: '基于H800算力集群，配合智能调度算法，大幅提升Token生产效率。',
|
||||
f3Title: '质量保障', f3Desc: '全流程质量监控，多维度质量评估，确保Token输出符合标准。',
|
||||
f4Title: '弹性扩展', f4Desc: '根据需求动态分配资源，支持从小规模试验到大规模生产的平滑过渡。',
|
||||
f5Title: 'AI优化', f5Desc: 'AI驱动的参数优化和流程优化，持续提升生产效率和输出质量。',
|
||||
f6Title: 'API接入', f6Desc: '标准化API接口，轻松集成到现有系统，支持多种调用方式。',
|
||||
processTitle: '服务流程', processSubtitle: '简单四步，快速获得Token生产服务',
|
||||
st1Title: '需求配置', st1Desc: '根据业务需求配置Token生产参数，选择生产规模和质量标准。',
|
||||
st2Title: '资源调度', st2Desc: '系统自动分配最优算力资源，启动Token生产任务。',
|
||||
st3Title: '生产监控', st3Desc: '实时监控生产进度和质量指标，确保任务顺利执行。',
|
||||
st4Title: '结果交付', st4Desc: '生产完成后，通过API或下载方式获取Token，开始使用。',
|
||||
useCaseTitle: '应用场景', useCaseSubtitle: '广泛的Token应用场景支持',
|
||||
uc1Title: 'AI应用Token化', uc1Desc: '为AI模型输出、内容生成等场景提供Token化服务，实现结果的标准化和可追溯性。',
|
||||
uc1i1: 'LLM输出Token化', uc1i2: 'AI生成内容Token化', uc1i3: '模型预测结果Token化',
|
||||
uc2Title: '数据资产Token化', uc2Desc: '将数据资产转化为Token，实现数据价值的确权、流转和交易。',
|
||||
uc2i1: '训练数据集Token化', uc2i2: '知识产权Token化', uc2i3: '数字资产Token化',
|
||||
uc3Title: '算力Token化', uc3Desc: '将算力资源Token化，实现算力的灵活交易和使用。',
|
||||
uc3i1: 'GPU算力Token', uc3i2: '存储资源Token', uc3i3: '网络带宽Token',
|
||||
uc4Title: '服务权益Token化', uc4Desc: '将各类服务权益Token化，实现权益的标准化管理和流通。',
|
||||
uc4i1: 'API调用权益Token', uc4i2: '会员权益Token', uc4i3: '积分兑换Token',
|
||||
ctaTitle: '立即体验Token工厂', ctaSubtitle: '登录Token工厂平台，开启Token工业化生产之旅',
|
||||
ctaBtn1: '登录Token工厂', ctaBtn2: '联系咨询',
|
||||
},
|
||||
news: {
|
||||
h1: '企业动态',
|
||||
subtitle: '了解图灵引擎最新动态和行业资讯',
|
||||
s1Label: '动态资讯',
|
||||
s2Value: '持续', s2Label: '创新发展',
|
||||
s3Value: '2年+', s3Label: '发展历程',
|
||||
catCompany: '公司新闻',
|
||||
catIndustry: '行业资讯',
|
||||
ctaTitle: '关注我们，获取最新动态',
|
||||
ctaSubtitle: '了解更多图灵引擎的发展动态和行业资讯',
|
||||
ctaBtn: '订阅资讯',
|
||||
articles: [
|
||||
{ category: '公司新闻', date: '2026年3月', title: 'Token工厂正式运营，开创Token工业化生产新模式', desc: '图灵引擎Token工厂平台正式对外运营，标志着TaaS（Token-as-a-Service）模式正式落地。平台提供高效、稳定、可扩展的Token生产服务，为AI应用与Token经济的融合提供了新的解决方案。', tags: ['Token工厂', 'TaaS', '产品发布'] },
|
||||
{ category: '公司新闻', date: '2025年12月', title: 'H800集群建设完成，总算力达到1440Pflops', desc: '经过近两年的建设，图灵引擎自建H800 GPU集群建设全面完成，总算力规模达到1440Pflops，成为国内领先的超大规模智算中心之一。', tags: ['算力基础设施', '里程碑'] },
|
||||
{ category: '公司新闻', date: '2025年9月', title: 'Token工厂平台开始试运行，首批客户接入测试', desc: 'Token工厂平台Beta版发布，邀请首批合作伙伴和客户进行试运行测试，收集反馈优化产品功能和用户体验。', tags: ['Token工厂', '产品测试'] },
|
||||
{ category: '公司新闻', date: '2025年6月', title: '图灵智算系统云平台1.0正式发布', desc: '图灵智算系统云平台正式版发布，实现万卡级别的集群调度管理能力，集成AI开发全工具链，为企业提供从训练到部署的一站式智算服务。', tags: ['云平台', '产品发布', '万卡调度'] },
|
||||
{ category: '行业资讯', date: '2025年5月', title: 'AGI技术快速发展，智算需求持续增长', desc: '随着GPT-4、Claude等大模型的广泛应用，AGI技术进入快速发展期，企业对智算资源的需求呈现爆发式增长，智算服务市场前景广阔。', tags: ['行业趋势', 'AGI', '市场分析'] },
|
||||
{ category: '公司新闻', date: '2025年3月', title: 'Token工厂概念提出，探索TaaS新模式', desc: '图灵引擎正式提出TaaS（Token-as-a-Service）模式，将Token生产过程工业化、标准化，为AI应用与Token经济融合探索新路径。', tags: ['Token工厂', 'TaaS', '创新'] },
|
||||
{ category: '公司新闻', date: '2024年12月', title: '图灵智算系统云平台Beta版上线', desc: '云平台Beta版成功上线，支持多租户算力调度，为后续正式版发布奠定坚实基础。', tags: ['云平台', '产品测试'] },
|
||||
{ category: '公司新闻', date: '2024年9月', title: '首批算力中心投产，开始对外提供服务', desc: '第一批H800集群正式投入运营，开始为合作伙伴提供算力租赁和AI训练服务，标志着图灵引擎正式进入运营阶段。', tags: ['算力服务', '运营'] },
|
||||
{ category: '行业资讯', date: '2024年8月', title: '国内AI基础设施建设加速，政策支持力度加大', desc: '国家发布多项政策支持AI基础设施建设，鼓励企业投资智算中心，为AI产业发展提供坚实保障。', tags: ['政策', '行业趋势'] },
|
||||
{ category: '公司新闻', date: '2024年6月', title: '图灵智算系统立项，启动研发', desc: '正式启动万卡集群调度管理系统研发项目，目标打造业界领先的智算云平台。', tags: ['云平台', '研发'] },
|
||||
{ category: '公司新闻', date: '2024年3月', title: 'H800集群启动建设，规划1440Pflops算力规模', desc: '图灵引擎正式启动大规模H800 GPU集群建设项目，规划总算力达到1440Pflops，为后续业务发展打下坚实基础。', tags: ['算力基础设施', '建设'] },
|
||||
{ category: '公司新闻', date: '2024年1月', title: '图灵引擎正式成立，定位AGI全栈服务运营商', desc: '图灵引擎正式成立，确立"聚算成力，筑梦AGI"的企业使命，致力于成为领先的AGI全栈服务运营商。', tags: ['公司成立', '战略'] },
|
||||
],
|
||||
},
|
||||
contact: {
|
||||
h1: '联系我们',
|
||||
subtitle: '我们期待与您合作，共同推动AI产业发展',
|
||||
infoTitle: '联系方式',
|
||||
emailTitle: '电子邮箱', emailNote: '工作日24小时内回复',
|
||||
phoneTitle: '联系电话', phoneNote: '工作时间：9:00-18:00',
|
||||
addrTitle: '公司地址', addrText: '浙江-杭州', addrNote: '具体地址请通过邮件或电话咨询',
|
||||
quickTitle: '快速入口',
|
||||
cloudLinkTitle: '图灵智算系统云平台', cloudLinkDesc: '登录控制台，开始使用云平台服务',
|
||||
tokenLinkTitle: 'Token工厂', tokenLinkDesc: '访问Token工厂，体验TaaS服务',
|
||||
formTitle: '在线咨询',
|
||||
nameLabel: '姓名', namePH: '请输入您的姓名',
|
||||
companyLabel: '公司名称', companyPH: '请输入公司名称',
|
||||
emailLabel: '邮箱',
|
||||
phoneLabel: '电话', phonePH: '手机号码',
|
||||
serviceLabel: '感兴趣的服务', servicePH: '请选择服务类型',
|
||||
sOpt1: '算力集群服务', sOpt2: 'Token工厂', sOpt3: '图灵智算系统云平台', sOpt4: '其他咨询',
|
||||
msgLabel: '留言内容', msgPH: '请详细描述您的需求...',
|
||||
submitBtn: '提交咨询', submitOk: '提交成功！',
|
||||
submitNote: '提交后，我们将在1个工作日内与您取得联系',
|
||||
coopTitle: '合作咨询',
|
||||
coopDesc: '无论您是需要算力资源、想要部署AI应用，还是探索Token经济新模式，我们都期待与您深入交流，共同探索AI产业的无限可能。',
|
||||
tag1: '算力租赁', tag2: '定制化解决方案', tag3: '商务合作', tag4: '技术支持',
|
||||
},
|
||||
console: {
|
||||
h1: '控制台入口',
|
||||
subtitle: '选择您需要访问的平台，开启智算服务之旅',
|
||||
cloudTitle: '图灵智算系统云平台',
|
||||
cloudDesc: '万卡级别集群调度管理，AI开发全工具链集成，从训练到部署的一站式智算服务平台。',
|
||||
cloudF1: '万卡集群调度能力', cloudF2: 'AI开发全工具链', cloudF3: '一键部署与发布',
|
||||
cloudBtn: '进入云平台',
|
||||
tokenTitle: 'Token工厂',
|
||||
tokenDesc: 'TaaS（Token-as-a-Service）工业化生产模式，高效、稳定、可扩展的Token生产服务平台。',
|
||||
tokenF1: 'Token工业化生产', tokenF2: 'TaaS服务模式', tokenF3: 'AI驱动智能优化',
|
||||
tokenBtn: '进入Token工厂',
|
||||
helpTitle: '需要帮助？',
|
||||
helpDoc: '使用文档', helpDocDesc: '查看详细的产品使用文档和API接口说明',
|
||||
helpSupport: '技术支持', helpSupportDesc: '遇到问题？联系我们的技术支持团队',
|
||||
helpTutorial: '快速入门', helpTutorialDesc: '观看视频教程，快速上手使用平台',
|
||||
helpBtn: '联系我们',
|
||||
noAccount: '还没有账号？',
|
||||
applyTrial: '立即申请试用 →',
|
||||
},
|
||||
footer: {
|
||||
tagline: '聚算成力，筑梦AGI',
|
||||
quickTitle: '快速链接',
|
||||
bizTitle: '核心业务',
|
||||
contactTitle: '联系方式',
|
||||
about: '公司介绍', business: '主营业务', news: '企业动态', contact: '联系我们',
|
||||
infra: '算力集群服务', cloud: '图灵智算系统云平台', token: 'Token工厂',
|
||||
copyright: '版权所有',
|
||||
},
|
||||
}
|
||||
|
||||
const en: typeof zh = {
|
||||
nav: {
|
||||
home: 'Home',
|
||||
about: 'About',
|
||||
business: 'Business',
|
||||
businessInfrastructure: 'Computing Infrastructure',
|
||||
businessCloudPlatform: 'Turing Cloud Platform',
|
||||
businessTokenFactory: 'Token Factory',
|
||||
news: 'News',
|
||||
contact: 'Contact',
|
||||
console: 'Console',
|
||||
logoText: 'Turing Engine',
|
||||
logoChar: 'T',
|
||||
},
|
||||
home: {
|
||||
heroBadge: 'Full-Stack AGI Service Provider',
|
||||
heroH1a: 'Aggregate Power, Build ',
|
||||
heroH1b: 'AGI',
|
||||
heroSubtitle: 'Turing Engine — Painting a New Industrial Future',
|
||||
heroDesc: 'Building AI computing infrastructure, empowering the AI ecosystem, pioneering industrialized Token production',
|
||||
cta1: 'Explore Business',
|
||||
cta2: 'Enter Console',
|
||||
stat1Value: '1440',
|
||||
stat1Label: 'Pflops Computing Scale',
|
||||
stat2Value: '10,000+',
|
||||
stat2Label: 'GPUs Under Management',
|
||||
stat3Value: '3',
|
||||
stat3Label: 'Core Business Segments',
|
||||
coreTitle: 'Core Business',
|
||||
coreSubtitle: 'Three core segments empowering the AI industry ecosystem',
|
||||
infraTitle: 'Computing Infrastructure',
|
||||
infraDesc: 'Self-built H800 clusters forming 1440 Pflops hyper-scale computing center for stable, efficient AI training and inference.',
|
||||
infraMore: 'Learn More',
|
||||
cloudTitle: 'Turing Cloud Platform',
|
||||
cloudDesc: '10K-GPU cluster scheduling with full AI toolchain — one-stop intelligent computing from training to deployment.',
|
||||
cloudMore: 'Learn More',
|
||||
tokenTitle: 'Token Factory',
|
||||
tokenDesc: 'TaaS (Token-as-a-Service) model for industrialized Token production — efficient, stable, and scalable.',
|
||||
tokenMore: 'Learn More',
|
||||
whyTitle: 'Why Choose Turing Engine',
|
||||
whySubtitle: 'Professional, reliable, and innovative AGI service partner',
|
||||
why1Title: 'Technology Leader',
|
||||
why1Desc: 'Proprietary intelligent computing system with 10K-GPU scheduling and industry-leading AI toolchain',
|
||||
why2Title: 'Massive Compute',
|
||||
why2Desc: '1440 Pflops hyper-scale computing center — solid foundation for AI training and inference',
|
||||
why3Title: 'Full-Stack Services',
|
||||
why3Desc: 'From infrastructure to platform services, from compute rental to Token production',
|
||||
ctaTitle1: 'Ready to Start Your ',
|
||||
ctaAccent: 'AI Journey',
|
||||
ctaTitle2: '?',
|
||||
ctaSubtitle: 'Contact us for professional intelligent computing solutions',
|
||||
ctaBtn1: 'Contact Us',
|
||||
ctaBtn2: 'Learn About Us',
|
||||
},
|
||||
about: {
|
||||
h1a: 'About ',
|
||||
h1b: 'Turing Engine',
|
||||
subtitle: 'Full-Stack AGI service provider committed to building intelligent computing infrastructure',
|
||||
introTitle: 'Company Overview',
|
||||
p1: 'Turing Engine is a full-stack service provider focused on AGI (Artificial General Intelligence). Guided by "Aggregate Power, Build AGI," we deliver complete solutions for the AI industry — from infrastructure to application services.',
|
||||
p2: 'We have self-built H800 GPU clusters forming a 1440 Pflops hyper-scale computing center. Our Turing Cloud Platform achieves 10,000-GPU scheduling capability with a full AI development toolchain covering data processing, model training, and deployment.',
|
||||
p3: 'In the Token economy, we have innovatively proposed the TaaS (Token-as-a-Service) model. Through the Token Factory platform, we industrialize Token production — providing efficient, stable, and scalable Token services and pioneering AI-Token economy integration.',
|
||||
c1Title: 'Infrastructure', c1Desc: '1440 Pflops hyper-scale computing center',
|
||||
c2Title: 'Cloud Platform', c2Desc: '10K-GPU scheduling system',
|
||||
c3Title: 'Token Factory', c3Desc: 'TaaS industrialized production model',
|
||||
c4Title: 'Full-Stack', c4Desc: 'End-to-end AI solutions',
|
||||
missionTitle: 'Our Mission',
|
||||
missionText: 'Aggregate computing power, build the AGI dream. By constructing powerful intelligent computing infrastructure and a comprehensive service system, we lower the barrier to AI development so every enterprise and developer can easily access AI capabilities.',
|
||||
visionTitle: 'Our Vision',
|
||||
visionText: 'To become the world\'s leading full-stack AGI service provider, building the most trusted intelligent computing platform and contributing to the intelligent transformation of human society.',
|
||||
timelineTitle: 'Development Milestones',
|
||||
timelineSubtitle: 'From founding to today — forging ahead every step of the way',
|
||||
teamTitle: 'Our Team',
|
||||
teamSubtitle: 'Gathering industry elites to build an outstanding team',
|
||||
teamPlaceholder: 'Team information coming soon...',
|
||||
milestones: [
|
||||
{ date: 'Jan 2024', title: 'Company Founded', desc: 'Turing Engine established, positioned as a full-stack AGI service provider' },
|
||||
{ date: 'Mar 2024', title: 'H800 Build Starts', desc: 'Launched large-scale H800 GPU cluster construction, targeting 1440 Pflops' },
|
||||
{ date: 'Jun 2024', title: 'Cloud System Initiated', desc: 'Started development of 10K-GPU scheduling system with full AI toolchain' },
|
||||
{ date: 'Sep 2024', title: 'First Center Goes Live', desc: 'First H800 cluster operational, began providing external computing services' },
|
||||
{ date: 'Dec 2024', title: 'Cloud Platform Beta', desc: 'Turing Cloud Platform Beta released with multi-tenant scheduling support' },
|
||||
{ date: 'Mar 2025', title: 'Token Factory Concept', desc: 'Proposed TaaS (Token-as-a-Service) model for industrialized Token production' },
|
||||
{ date: 'Jun 2025', title: 'Cloud Platform v1.0', desc: 'Turing Cloud Platform 1.0 launched with 10K-GPU scheduling capability' },
|
||||
{ date: 'Sep 2025', title: 'Token Factory Trial', desc: 'Token Factory began trial operations, first batch of clients onboarded' },
|
||||
{ date: 'Dec 2025', title: 'Compute Target Reached', desc: 'H800 cluster construction complete, total compute reaches 1440 Pflops' },
|
||||
{ date: 'Mar 2026', title: 'Token Factory Launch', desc: 'Token Factory officially launched, pioneering industrialized Token production' },
|
||||
{ date: 'Future 2026+', title: 'Continuous Innovation', desc: 'Continuously optimizing services, deepening AI industry presence' },
|
||||
],
|
||||
},
|
||||
business: {
|
||||
h1: 'Our Business',
|
||||
subtitle: 'Three core business segments providing comprehensive empowerment for the AI industry ecosystem',
|
||||
infraTitle: 'Computing Infrastructure',
|
||||
infraDesc: 'Self-built H800 GPU clusters forming 1440 Pflops hyper-scale computing center for AI training and inference.',
|
||||
infraCta: 'Learn More',
|
||||
cloudTitle: 'Turing Cloud Platform',
|
||||
cloudDesc: '10K-GPU cluster scheduling with full AI toolchain — one-stop intelligent computing from training to deployment.',
|
||||
cloudCta: 'Learn More',
|
||||
tokenTitle: 'Token Factory',
|
||||
tokenDesc: 'TaaS (Token-as-a-Service) model for industrialized Token production — efficient, stable, and scalable.',
|
||||
tokenCta: 'Learn More',
|
||||
valueTitle: 'Business Value',
|
||||
v1Title: 'Lower AI Barrier', v1Desc: 'Launch AI workloads without building costly GPU clusters, using our comprehensive infrastructure and platform.',
|
||||
v2Title: 'Boost Efficiency', v2Desc: 'Integrated AI toolchains and automated scheduling dramatically improve development-to-deployment efficiency.',
|
||||
v3Title: 'Flexible Resources', v3Desc: 'On-demand usage and elastic scaling — adjust computing resources to match needs and reduce costs.',
|
||||
v4Title: 'Token Economy', v4Desc: 'Pioneer industrialized Token production, providing new ideas for AI-Token economy integration.',
|
||||
ctaTitle: 'Experience Our Services Now',
|
||||
ctaSubtitle: 'Contact us for professional intelligent computing solutions',
|
||||
ctaBtn: 'Contact Us',
|
||||
},
|
||||
infrastructure: {
|
||||
badge: 'Computing Infrastructure',
|
||||
h1a: 'Hyper-Scale ',
|
||||
h1b: 'Computing Center',
|
||||
subtitle: 'Self-built H800 GPU clusters forming 1440 Pflops of computing infrastructure',
|
||||
s1Label: 'Pflops Total Compute', s1Sub: 'Hyper-scale computing capability',
|
||||
s2Label: 'GPU Cluster', s2Sub: 'Enterprise-grade high-performance GPU',
|
||||
s3Value: '99.9%', s3Label: 'Availability', s3Sub: '24/7 stable operation',
|
||||
coreTitle: 'Core Advantages', coreSubtitle: 'Professional computing infrastructure and operations',
|
||||
f1Title: 'Self-Controlled', f1Desc: 'Self-built GPU clusters — fully autonomous computing resources ensuring business continuity and data security.',
|
||||
f2Title: 'High Performance', f2Desc: 'Enterprise H800 GPUs with strong single-card performance for large-scale AI model training and inference.',
|
||||
f3Title: 'High-Speed Interconnect', f3Desc: 'High-bandwidth, low-latency network supporting large-scale distributed training.',
|
||||
f4Title: 'Secure & Reliable', f4Desc: 'Multi-layer security and encrypted data transmission to protect customer data and models.',
|
||||
f5Title: 'Elastic Scaling', f5Desc: 'Flexible resource allocation — rapidly scale to match business demands.',
|
||||
f6Title: 'Professional O&M', f6Desc: '24/7 professional operations team with real-time monitoring and rapid response.',
|
||||
specTitle: 'Technical Specifications',
|
||||
sp1Title: 'GPU Model', sp1Desc: 'NVIDIA H800 Enterprise GPU',
|
||||
sp2Title: 'Total Compute', sp2Desc: '1440 Pflops (double-precision floating point)',
|
||||
sp3Title: 'Network', sp3Desc: 'InfiniBand high-speed interconnect, RDMA-capable',
|
||||
sp4Title: 'Storage', sp4Desc: 'Distributed high-performance storage, supports PB-scale data',
|
||||
sp5Title: 'Cooling', sp5Desc: 'Hybrid liquid + air cooling — efficient and energy-saving',
|
||||
sp6Title: 'Power', sp6Desc: 'Dual-path power + UPS backup for uninterrupted operation',
|
||||
useCaseTitle: 'Use Cases', useCaseSubtitle: 'Broad support for all types of AI scenarios',
|
||||
uc1Title: 'Large Model Training', uc1Desc: 'Supports training of models with hundreds of billions to trillions of parameters.',
|
||||
uc1i1: 'LLM training', uc1i2: 'Multi-modal model training', uc1i3: 'Model fine-tuning and optimization',
|
||||
uc2Title: 'Inference Services', uc2Desc: 'High-performance inference acceleration with low latency and massive concurrency support.',
|
||||
uc2i1: 'Real-time AI inference', uc2i2: 'Batch inference processing', uc2i3: 'Edge AI deployment',
|
||||
uc3Title: 'Scientific Computing', uc3Desc: 'High-performance scientific computing to accelerate research innovation.',
|
||||
uc3i1: 'Molecular dynamics simulation', uc3i2: 'Weather prediction computing', uc3i3: 'Bioinformatics analysis',
|
||||
uc4Title: 'Industry AI', uc4Desc: 'Customized AI computing for various industries to facilitate intelligent upgrades.',
|
||||
uc4i1: 'Intelligent manufacturing', uc4i2: 'Financial risk control', uc4i3: 'Medical image analysis',
|
||||
ctaTitle: 'Need More Computing Resources?', ctaSubtitle: 'Contact us for customized computing solutions', ctaBtn: 'Contact Us',
|
||||
},
|
||||
cloudPlatform: {
|
||||
badge: 'Turing Cloud Platform',
|
||||
h1a: '10K-GPU Scheduling ',
|
||||
h1b: 'Cloud Platform',
|
||||
subtitle: 'One-stop AI development platform — from training to deployment, end-to-end intelligent management',
|
||||
s1Value: '10,000+', s1Label: 'GPU Scheduling', s1Sub: '10K-scale cluster management',
|
||||
s2Value: 'Full Toolchain', s2Label: 'AI Development', s2Sub: 'One-stop dev experience',
|
||||
s3Value: 'Second-level', s3Label: 'Scheduling Response', s3Sub: 'Efficient intelligent scheduling',
|
||||
coreTitle: 'Platform Core Features', coreSubtitle: 'Powerful intelligent computing management capabilities',
|
||||
f1Title: 'Intelligent Scheduling', f1Desc: 'AI-based resource scheduling automatically optimizes task allocation to maximize utilization.',
|
||||
f2Title: 'Containerized Deployment', f2Desc: 'Supports Docker and Kubernetes for rapid application deployment, scaling, and management.',
|
||||
f3Title: 'Real-time Monitoring', f3Desc: 'Comprehensive performance monitoring — real-time insight into cluster status and task progress.',
|
||||
f4Title: 'Multi-tenant Isolation', f4Desc: 'Complete multi-tenant management ensuring resource and data isolation between users.',
|
||||
f5Title: 'Workflow Orchestration', f5Desc: 'Visual workflow designer for orchestrating complex AI training and inference pipelines.',
|
||||
f6Title: 'Elastic Scaling', f6Desc: 'Automatically adjusts resource allocation based on load, supporting burst traffic.',
|
||||
toolTitle: 'Integrated AI Toolchain',
|
||||
t1Title: 'Frameworks', t1i1: 'PyTorch, TensorFlow, JAX and other major frameworks', t1i2: 'Hugging Face Transformers ecosystem', t1i3: 'DeepSpeed, Megatron and training acceleration libraries',
|
||||
t2Title: 'Data Processing', t2i1: 'Distributed data preprocessing pipelines', t2i2: 'Data annotation and management tools', t2i3: 'Feature engineering automation',
|
||||
t3Title: 'Model Management', t3i1: 'Model version management and tracking', t3i2: 'Experiment comparison and visualization', t3i3: 'Hyperparameter auto-tuning',
|
||||
t4Title: 'Deployment', t4i1: 'One-click model deployment and publishing', t4i2: 'API gateway and load balancing', t4i3: 'Model performance optimization and quantization',
|
||||
useCaseTitle: 'Typical Use Cases', useCaseSubtitle: 'Application support covering the full AI lifecycle',
|
||||
uc1Title: 'Large Model Training', uc1Desc: 'Distributed training of ultra-large models with automatic data and model parallelism.',
|
||||
uc1i1: 'Automatic mixed-precision training', uc1i2: 'Gradient accumulation and checkpointing', uc1i3: 'Distributed optimizer',
|
||||
uc2Title: 'Model Fine-tuning', uc2Desc: 'Rapid fine-tuning based on pre-trained models for specific business scenarios.',
|
||||
uc2i1: 'LoRA, QLoRA efficient fine-tuning', uc2i2: 'Few-shot learning support', uc2i3: 'Transfer learning optimization',
|
||||
uc3Title: 'Inference Services', uc3Desc: 'High-performance inference engine supporting multiple optimization strategies.',
|
||||
uc3i1: 'Model quantization and pruning', uc3i2: 'Batch processing optimization', uc3i3: 'Multi-model ensemble services',
|
||||
uc4Title: 'AutoML', uc4Desc: 'Automated machine learning pipeline lowering the barrier to AI development.',
|
||||
uc4i1: 'Automatic feature engineering', uc4i2: 'Neural architecture search', uc4i3: 'Hyperparameter optimization',
|
||||
ctaTitle: 'Try Turing Cloud Platform Now', ctaSubtitle: 'Log in to the console and start your AI development journey',
|
||||
ctaBtn1: 'Login to Cloud Platform', ctaBtn2: 'Contact Us',
|
||||
},
|
||||
tokenFactory: {
|
||||
badge: 'Token Factory',
|
||||
h1a: 'Industrialized Token Production',
|
||||
h1b: 'New Model',
|
||||
subtitle: 'TaaS (Token-as-a-Service) model — efficient, stable, and scalable Token service platform',
|
||||
s1Value: 'Industrial', s1Label: 'Production Model', s1Sub: 'Scalable efficient production',
|
||||
s2Value: 'TaaS', s2Label: 'Service Model', s2Sub: 'Ready to use, pay as you go',
|
||||
s3Value: 'AI-Driven', s3Label: 'Intelligent Optimization', s3Sub: 'Auto-tuning for higher efficiency',
|
||||
taasTitle: 'What is TaaS?',
|
||||
tp1: 'TaaS (Token-as-a-Service) is an innovative Token industrialization service model by Turing Engine. By integrating powerful computing infrastructure, intelligent scheduling, and AI optimization algorithms, we standardize, automate, and scale Token production for enterprises.',
|
||||
tp2: 'Traditional Token production faces high technical barriers, large capital investment, and complex operations. The Token Factory\'s TaaS model allows enterprises to quickly obtain professional Token production capabilities without building infrastructure or understanding low-level details.',
|
||||
tp3: 'Our Token Factory integrates a complete workflow from parameter configuration, task scheduling, and quality monitoring to result delivery — ensuring every Token meets high quality standards.',
|
||||
coreTitle: 'Core Capabilities', coreSubtitle: 'Professional Token production and service capabilities',
|
||||
f1Title: 'Industrialized Production', f1Desc: 'Standardized production processes, automated task execution, and scalable batch processing.',
|
||||
f2Title: 'Efficient Production', f2Desc: 'Leveraging H800 clusters with intelligent scheduling to boost Token production efficiency.',
|
||||
f3Title: 'Quality Assurance', f3Desc: 'End-to-end quality monitoring with multi-dimensional evaluation ensuring Token output meets standards.',
|
||||
f4Title: 'Elastic Scaling', f4Desc: 'Dynamic resource allocation supporting smooth transitions from small tests to large-scale production.',
|
||||
f5Title: 'AI Optimization', f5Desc: 'AI-driven parameter and process optimization for continuously improving efficiency and quality.',
|
||||
f6Title: 'API Integration', f6Desc: 'Standardized API interfaces that easily integrate into existing systems.',
|
||||
processTitle: 'Service Process', processSubtitle: 'Four simple steps to get Token production services',
|
||||
st1Title: 'Configure Requirements', st1Desc: 'Configure Token production parameters based on business needs, selecting scale and quality standards.',
|
||||
st2Title: 'Resource Scheduling', st2Desc: 'System automatically allocates optimal computing resources and launches the production task.',
|
||||
st3Title: 'Production Monitoring', st3Desc: 'Real-time monitoring of production progress and quality metrics to ensure smooth execution.',
|
||||
st4Title: 'Result Delivery', st4Desc: 'Once complete, obtain Tokens via API or download and start using them.',
|
||||
useCaseTitle: 'Use Cases', useCaseSubtitle: 'Broad Token application scenario support',
|
||||
uc1Title: 'AI Application Tokenization', uc1Desc: 'Tokenization services for AI model outputs and content generation.',
|
||||
uc1i1: 'LLM output tokenization', uc1i2: 'AI-generated content tokenization', uc1i3: 'Model prediction tokenization',
|
||||
uc2Title: 'Data Asset Tokenization', uc2Desc: 'Convert data assets into Tokens for ownership confirmation and trading.',
|
||||
uc2i1: 'Training dataset tokenization', uc2i2: 'IP tokenization', uc2i3: 'Digital asset tokenization',
|
||||
uc3Title: 'Compute Tokenization', uc3Desc: 'Tokenize computing resources for flexible trading and usage.',
|
||||
uc3i1: 'GPU compute tokens', uc3i2: 'Storage resource tokens', uc3i3: 'Network bandwidth tokens',
|
||||
uc4Title: 'Service Rights Tokenization', uc4Desc: 'Tokenize service rights for standardized management and circulation.',
|
||||
uc4i1: 'API call rights tokens', uc4i2: 'Membership tokens', uc4i3: 'Points redemption tokens',
|
||||
ctaTitle: 'Try Token Factory Now', ctaSubtitle: 'Log in to the Token Factory and start your journey',
|
||||
ctaBtn1: 'Login to Token Factory', ctaBtn2: 'Contact Us',
|
||||
},
|
||||
news: {
|
||||
h1: 'Company News',
|
||||
subtitle: 'Stay updated on Turing Engine\'s latest developments and industry insights',
|
||||
s1Label: 'News & Updates',
|
||||
s2Value: 'Ongoing', s2Label: 'Innovation & Growth',
|
||||
s3Value: '2+ Years', s3Label: 'Development History',
|
||||
catCompany: 'Company News',
|
||||
catIndustry: 'Industry News',
|
||||
ctaTitle: 'Follow Us for the Latest Updates',
|
||||
ctaSubtitle: 'Learn more about Turing Engine\'s developments and industry insights',
|
||||
ctaBtn: 'Subscribe',
|
||||
articles: [
|
||||
{ category: 'Company News', date: 'March 2026', title: 'Token Factory Officially Launched, Pioneering Industrialized Token Production', desc: 'Turing Engine\'s Token Factory platform officially launched, marking the TaaS (Token-as-a-Service) model going live. The platform provides efficient, stable, and scalable Token production services.', tags: ['Token Factory', 'TaaS', 'Product Launch'] },
|
||||
{ category: 'Company News', date: 'December 2025', title: 'H800 Cluster Build Complete, Total Compute Reaches 1440 Pflops', desc: 'After nearly two years of construction, Turing Engine\'s self-built H800 GPU cluster is fully complete, achieving 1440 Pflops total computing scale.', tags: ['Infrastructure', 'Milestone'] },
|
||||
{ category: 'Company News', date: 'September 2025', title: 'Token Factory Begins Trial Operations', desc: 'Token Factory Beta launched, inviting first partners and clients for trial testing to gather feedback and optimize product features.', tags: ['Token Factory', 'Beta Test'] },
|
||||
{ category: 'Company News', date: 'June 2025', title: 'Turing Cloud Platform 1.0 Officially Released', desc: 'The official version of Turing Cloud Platform launched with 10K-GPU cluster scheduling capability and full AI development toolchain.', tags: ['Cloud Platform', 'Product Launch', '10K-GPU'] },
|
||||
{ category: 'Industry News', date: 'May 2025', title: 'AGI Technology Accelerates, Demand for Intelligent Computing Surges', desc: 'With the widespread adoption of large models like GPT-4 and Claude, AGI technology enters rapid development phase, driving explosive growth in enterprise demand for computing resources.', tags: ['Industry Trend', 'AGI', 'Market Analysis'] },
|
||||
{ category: 'Company News', date: 'March 2025', title: 'Token Factory Concept Introduced, Exploring TaaS Model', desc: 'Turing Engine formally proposed the TaaS (Token-as-a-Service) model, industrializing and standardizing the Token production process.', tags: ['Token Factory', 'TaaS', 'Innovation'] },
|
||||
{ category: 'Company News', date: 'December 2024', title: 'Turing Cloud Platform Beta Goes Live', desc: 'Cloud Platform Beta successfully launched with multi-tenant computing scheduling support, laying a solid foundation for the official release.', tags: ['Cloud Platform', 'Beta'] },
|
||||
{ category: 'Company News', date: 'September 2024', title: 'First Computing Center Goes Live', desc: 'First H800 cluster officially operational, began providing computing rental and AI training services to partners.', tags: ['Computing Services', 'Operations'] },
|
||||
{ category: 'Industry News', date: 'August 2024', title: 'China Accelerates AI Infrastructure Build, Policy Support Strengthened', desc: 'The government published multiple policies supporting AI infrastructure construction, encouraging enterprises to invest in intelligent computing centers.', tags: ['Policy', 'Industry Trend'] },
|
||||
{ category: 'Company News', date: 'June 2024', title: 'Turing Cloud System Initiated', desc: 'Officially launched the 10K-GPU cluster scheduling system R&D project, targeting a leading intelligent computing cloud platform.', tags: ['Cloud Platform', 'R&D'] },
|
||||
{ category: 'Company News', date: 'March 2024', title: 'H800 Cluster Construction Begins, Planning 1440 Pflops Scale', desc: 'Turing Engine officially launched large-scale H800 GPU cluster construction, planning 1440 Pflops total computing power.', tags: ['Infrastructure', 'Construction'] },
|
||||
{ category: 'Company News', date: 'January 2024', title: 'Turing Engine Founded, Positioned as Full-Stack AGI Provider', desc: 'Turing Engine officially founded with the mission "Aggregate Power, Build AGI," committed to becoming a leading full-stack AGI service provider.', tags: ['Founded', 'Strategy'] },
|
||||
],
|
||||
},
|
||||
contact: {
|
||||
h1: 'Contact Us',
|
||||
subtitle: 'We look forward to working with you to advance the AI industry',
|
||||
infoTitle: 'Contact Information',
|
||||
emailTitle: 'Email', emailNote: 'Reply within 24 hours on business days',
|
||||
phoneTitle: 'Phone', phoneNote: 'Business hours: 9:00-18:00',
|
||||
addrTitle: 'Address', addrText: 'Hangzhou, Zhejiang Province, China', addrNote: 'For specific address, please inquire via email or phone',
|
||||
quickTitle: 'Quick Links',
|
||||
cloudLinkTitle: 'Turing Cloud Platform', cloudLinkDesc: 'Log in to the console and start using cloud platform services',
|
||||
tokenLinkTitle: 'Token Factory', tokenLinkDesc: 'Visit Token Factory to experience TaaS services',
|
||||
formTitle: 'Online Consultation',
|
||||
nameLabel: 'Name', namePH: 'Enter your name',
|
||||
companyLabel: 'Company', companyPH: 'Enter company name',
|
||||
emailLabel: 'Email',
|
||||
phoneLabel: 'Phone', phonePH: 'Phone number',
|
||||
serviceLabel: 'Service of Interest', servicePH: 'Select service type',
|
||||
sOpt1: 'Computing Infrastructure', sOpt2: 'Turing Cloud Platform', sOpt3: 'Token Factory', sOpt4: 'Other Inquiries',
|
||||
msgLabel: 'Message', msgPH: 'Please describe your requirements in detail...',
|
||||
submitBtn: 'Submit Inquiry', submitOk: 'Submitted Successfully!',
|
||||
submitNote: 'We will contact you within 1 business day after submission',
|
||||
coopTitle: 'Partnership Inquiries',
|
||||
coopDesc: 'Whether you need computing resources, want to deploy AI applications, or explore new Token economy models, we look forward to in-depth conversations to explore AI industry possibilities.',
|
||||
tag1: 'Compute Rental', tag2: 'Custom Solutions', tag3: 'Business Cooperation', tag4: 'Technical Support',
|
||||
},
|
||||
console: {
|
||||
h1: 'Console',
|
||||
subtitle: 'Choose the platform you need to access and start your intelligent computing journey',
|
||||
cloudTitle: 'Turing Cloud Platform',
|
||||
cloudDesc: '10K-GPU cluster scheduling, full AI toolchain integration — one-stop intelligent computing from training to deployment.',
|
||||
cloudF1: '10K-GPU scheduling capability', cloudF2: 'Full AI development toolchain', cloudF3: 'One-click deployment',
|
||||
cloudBtn: 'Enter Cloud Platform',
|
||||
tokenTitle: 'Token Factory',
|
||||
tokenDesc: 'TaaS (Token-as-a-Service) industrialized production model — efficient, stable, and scalable Token production platform.',
|
||||
tokenF1: 'Industrialized Token production', tokenF2: 'TaaS service model', tokenF3: 'AI-driven optimization',
|
||||
tokenBtn: 'Enter Token Factory',
|
||||
helpTitle: 'Need Help?',
|
||||
helpDoc: 'Documentation', helpDocDesc: 'View detailed product documentation and API references',
|
||||
helpSupport: 'Technical Support', helpSupportDesc: 'Having issues? Contact our technical support team',
|
||||
helpTutorial: 'Quick Start', helpTutorialDesc: 'Watch video tutorials for a quick introduction',
|
||||
helpBtn: 'Contact Us',
|
||||
noAccount: 'Don\'t have an account yet?',
|
||||
applyTrial: 'Apply for Trial Now →',
|
||||
},
|
||||
footer: {
|
||||
tagline: 'Aggregate Power, Build AGI',
|
||||
quickTitle: 'Quick Links',
|
||||
bizTitle: 'Core Business',
|
||||
contactTitle: 'Contact',
|
||||
about: 'About', business: 'Business', news: 'News', contact: 'Contact',
|
||||
infra: 'Computing Infrastructure', cloud: 'Turing Cloud Platform', token: 'Token Factory',
|
||||
copyright: 'All rights reserved',
|
||||
},
|
||||
}
|
||||
|
||||
export type Translations = typeof zh
|
||||
|
||||
export const translations: Record<Language, Translations> = { zh, en }
|
||||
|
||||
export function t(lang: Language): Translations {
|
||||
return translations[lang]
|
||||
}
|
||||
// 已拆分为 translations/ 目录，按页面分文件管理
|
||||
export { t, translations } from './translations/index'
|
||||
export type { Language, Translations } from './translations/index'
|
||||
|
|
|
|||
|
|
@ -0,0 +1,65 @@
|
|||
export const zh = {
|
||||
h1a: '关于',
|
||||
h1b: '我们',
|
||||
subtitle: 'AI全栈服务运营商，致力于构建智算基础设施，赋能AI产业生态',
|
||||
introTitle: '公司简介',
|
||||
p1: '杭州图灵引擎科技有限公司是一家专注于AI领域的全栈服务运营商。我们以"聚算成力，筑梦AGI"为使命，致力于为AI产业提供从基础设施到应用服务的完整解决方案。',
|
||||
p2: '公司自建NVIDIA GPU集群，打造了千PFLOPS级超大规模算力中心，为AI训练和推理提供稳定高效的基础设施支撑。',
|
||||
p3: '我们自主研发的图灵智算系统云平台，实现了大规模GPU集群的智能调度管理，集成了从数据处理、模型训练到应用部署的AI开发全工具链。',
|
||||
p4: '在Token服务领域，我们推出了AI TaaS（AI Token-as-a-Service）模式，通过Token工厂平台实现Token的工业化生产，为企业提供高效、稳定、可扩展的Token服务。',
|
||||
c1Title: '基础设施', c1Desc: '千PFLOPS级超大规模算力中心',
|
||||
c2Title: '云平台', c2Desc: 'GPU集群智能调度系统',
|
||||
c3Title: 'Token工厂', c3Desc: 'TaaS工业化生产模式',
|
||||
c4Title: '全栈服务', c4Desc: '端到端AI解决方案',
|
||||
missionTitle: '我们的使命',
|
||||
missionText: '通过构建强大的智算基础设施和完善的服务体系，降低AI开发和应用的门槛。',
|
||||
visionTitle: '我们的愿景',
|
||||
visionText: '致力于成为专业的AI全栈服务运营商。',
|
||||
timelineTitle: '发展历程',
|
||||
timelineSubtitle: '从创立到今天，我们一路砥砺前行',
|
||||
teamTitle: '团队介绍',
|
||||
teamSubtitle: '汇聚行业精英，打造卓越团队',
|
||||
teamPlaceholder: '团队信息即将更新，敬请期待...',
|
||||
milestones: [
|
||||
{ date: '2024年1月', title: '公司成立', desc: '杭州图灵引擎科技有限公司正式成立；入驻杭州萧山图灵小镇AIGC创新中心（首批10家AI企业之一）' },
|
||||
{ date: '2024年3月', title: 'GPU集群启动建设', desc: '启动企业级GPU集群建设' },
|
||||
{ date: '2024年6月', title: '云平台立项', desc: '图灵智算系统云平台立项；与中国移动浙江公司达成算力服务合作' },
|
||||
{ date: '2024年9月', title: '首批算力中心投产', desc: '首批算力中心投产，开始对外提供算力服务' },
|
||||
{ date: '2024年12月', title: '产品上线与验收交付', desc: '图灵智算系统云平台Beta版上线；与中国移动浙江公司合作完成交付验收' },
|
||||
{ date: '2025年5月', title: '与腾讯达成合作', desc: '与腾讯科技签订算力服务协议' },
|
||||
{ date: '2026年4月', title: 'Token工厂正式运营', desc: 'Token工厂平台正式对外运营，开创Token工业化生产新模式' },
|
||||
],
|
||||
}
|
||||
|
||||
export const en: typeof zh = {
|
||||
h1a: 'About ',
|
||||
h1b: 'Turing Engine',
|
||||
subtitle: 'Full-Stack AI service provider committed to building intelligent computing infrastructure',
|
||||
introTitle: 'Company Overview',
|
||||
p1: 'Turing Engine is a full-stack service provider focused on AI. Guided by "Aggregate Power, Build AGI," we deliver complete solutions for the AI industry — from infrastructure to application services.',
|
||||
p2: 'We have self-built NVIDIA GPU clusters forming a multi-PFLOPS hyper-scale computing center, providing stable and efficient infrastructure support for AI training and inference.',
|
||||
p3: 'Our Turing Cloud Platform achieves intelligent scheduling and management for large-scale GPU clusters, with a full AI development toolchain covering data processing, model training, and application deployment.',
|
||||
p4: 'In the Token services space, we have introduced the AI TaaS (AI Token-as-a-Service) model. Through the Token Factory platform, we industrialize Token production — providing efficient, stable, and scalable Token services.',
|
||||
c1Title: 'Infrastructure', c1Desc: 'Multi-PFLOPS hyper-scale computing center',
|
||||
c2Title: 'Cloud Platform', c2Desc: 'GPU cluster intelligent scheduling system',
|
||||
c3Title: 'Token Factory', c3Desc: 'TaaS industrialized production model',
|
||||
c4Title: 'Full-Stack', c4Desc: 'End-to-end AI solutions',
|
||||
missionTitle: 'Our Mission',
|
||||
missionText: 'To lower the barrier to AI development by building powerful intelligent computing infrastructure and a comprehensive service system.',
|
||||
visionTitle: 'Our Vision',
|
||||
visionText: 'To become a professional full-stack AI service provider.',
|
||||
timelineTitle: 'Development Milestones',
|
||||
timelineSubtitle: 'From founding to today — forging ahead every step of the way',
|
||||
teamTitle: 'Our Team',
|
||||
teamSubtitle: 'Gathering industry elites to build an outstanding team',
|
||||
teamPlaceholder: 'Team information coming soon...',
|
||||
milestones: [
|
||||
{ date: 'Jan 2024', title: 'Company Founded', desc: 'Turing Engine officially founded; settled in Xiaoshan Turing Town AIGC Innovation Center as one of the first 10 AI enterprises' },
|
||||
{ date: 'Mar 2024', title: 'GPU Cluster Build Starts', desc: 'Launched enterprise-grade GPU cluster construction' },
|
||||
{ date: 'Jun 2024', title: 'Cloud Platform Initiated', desc: 'Turing Cloud Platform initiated; partnered with China Mobile Zhejiang on computing services' },
|
||||
{ date: 'Sep 2024', title: 'First Center Goes Live', desc: 'First computing center operational, began providing computing services' },
|
||||
{ date: 'Dec 2024', title: 'Product Launch & Delivery', desc: 'Turing Cloud Platform Beta launched; completed delivery and acceptance with China Mobile Zhejiang' },
|
||||
{ date: 'May 2025', title: 'Tencent Partnership', desc: 'Signed computing service agreement with Tencent' },
|
||||
{ date: 'Apr 2026', title: 'Token Factory Launch', desc: 'Token Factory platform officially launched, pioneering industrialized Token production' },
|
||||
],
|
||||
}
|
||||
|
|
@ -0,0 +1,51 @@
|
|||
export const zh = {
|
||||
h1: '主营业务',
|
||||
subtitle: '三大核心业务板块，全方位赋能AI产业生态',
|
||||
infraTitle: '算力集群服务',
|
||||
infraDesc: '自建NVIDIA GPU集群，打造千PFLOPS级超大规模算力中心，为AI训练和推理提供稳定高效的基础设施支撑。',
|
||||
infraCta: '了解详情',
|
||||
cloudTitle: '图灵智算系统云平台',
|
||||
cloudDesc: '万卡集群调度管理系统，集成AI开发全工具链，为企业提供从训练到部署的一站式智算服务。',
|
||||
cloudCta: '了解详情',
|
||||
tokenTitle: 'Token工厂',
|
||||
tokenDesc: 'AI TaaS（AI Token-as-a-Service）模式，实现Token工业化生产，为企业提供高效、稳定、可扩展的Token服务。',
|
||||
tokenCta: '了解详情',
|
||||
valueTitle: '业务价值',
|
||||
v1Title: '降低AI应用门槛',
|
||||
v1Desc: '通过完善的基础设施和平台服务，让企业无需自建昂贵的GPU集群，即可快速开展AI业务。',
|
||||
v2Title: '提升开发效率',
|
||||
v2Desc: '集成的AI工具链和自动化调度系统，大幅提升从开发到部署的整体效率。',
|
||||
v3Title: '灵活的资源调配',
|
||||
v3Desc: '按需使用、弹性扩展，根据业务需求灵活调整算力资源，降低运营成本。',
|
||||
v4Title: '创新Token经济',
|
||||
v4Desc: '开创Token工业化生产模式，为AI应用与Token经济的融合提供新思路。',
|
||||
ctaTitle: '立即体验我们的服务',
|
||||
ctaSubtitle: '联系我们，获取专业的智算解决方案',
|
||||
ctaBtn: '联系我们',
|
||||
}
|
||||
|
||||
export const en: typeof zh = {
|
||||
h1: 'Our Business',
|
||||
subtitle: 'Three core business segments providing comprehensive empowerment for the AI industry ecosystem',
|
||||
infraTitle: 'Computing Infrastructure',
|
||||
infraDesc: 'Self-built NVIDIA GPU clusters forming a multi-PFLOPS hyper-scale computing center for AI training and inference.',
|
||||
infraCta: 'Learn More',
|
||||
cloudTitle: 'Turing Cloud Platform',
|
||||
cloudDesc: '10K-GPU cluster scheduling with full AI toolchain — one-stop intelligent computing from training to deployment.',
|
||||
cloudCta: 'Learn More',
|
||||
tokenTitle: 'Token Factory',
|
||||
tokenDesc: 'AI TaaS (AI Token-as-a-Service) model for industrialized Token production — efficient, stable, and scalable.',
|
||||
tokenCta: 'Learn More',
|
||||
valueTitle: 'Business Value',
|
||||
v1Title: 'Lower AI Barrier',
|
||||
v1Desc: 'Launch AI workloads without building costly GPU clusters, using our comprehensive infrastructure and platform.',
|
||||
v2Title: 'Boost Efficiency',
|
||||
v2Desc: 'Integrated AI toolchains and automated scheduling dramatically improve development-to-deployment efficiency.',
|
||||
v3Title: 'Flexible Resources',
|
||||
v3Desc: 'On-demand usage and elastic scaling — adjust computing resources to match needs and reduce costs.',
|
||||
v4Title: 'Token Economy',
|
||||
v4Desc: 'Pioneer industrialized Token production, providing new ideas for AI-Token economy integration.',
|
||||
ctaTitle: 'Experience Our Services Now',
|
||||
ctaSubtitle: 'Contact us for professional intelligent computing solutions',
|
||||
ctaBtn: 'Contact Us',
|
||||
}
|
||||
|
|
@ -0,0 +1,85 @@
|
|||
export const zh = {
|
||||
badge: '图灵智算系统云平台',
|
||||
h1a: '万卡调度',
|
||||
h1b: '智算云平台',
|
||||
subtitle: '一站式AI开发平台，从训练到部署，全流程智能化管理',
|
||||
s1Value: '10,000+', s1Label: 'GPU卡调度能力', s1Sub: '万卡级集群管理',
|
||||
s2Value: '全工具链', s2Label: 'AI开发集成', s2Sub: '一站式开发体验',
|
||||
s3Value: '秒级', s3Label: '资源调度响应', s3Sub: '高效智能调度',
|
||||
coreTitle: '平台核心功能', coreSubtitle: '强大的智算管理与服务能力',
|
||||
f1Title: '智能调度',
|
||||
f1Desc: '基于AI的智能资源调度算法，自动优化任务分配，最大化资源利用率。',
|
||||
f2Title: '容器化部署',
|
||||
f2Desc: '支持Docker和Kubernetes，实现应用的快速部署、扩展和管理。',
|
||||
f3Title: '实时监控',
|
||||
f3Desc: '全方位的性能监控和可视化，实时掌握集群状态和任务进度。',
|
||||
f4Title: '多租户隔离',
|
||||
f4Desc: '完善的多租户管理机制，确保不同用户之间的资源和数据隔离。',
|
||||
f5Title: '工作流编排',
|
||||
f5Desc: '可视化的工作流设计器，轻松编排复杂的AI训练和推理流程。',
|
||||
f6Title: '弹性伸缩',
|
||||
f6Desc: '根据负载自动调整资源配置，支持突发流量和大规模并发。',
|
||||
toolTitle: '集成AI工具链',
|
||||
t1Title: '开发框架', t1i1: 'PyTorch、TensorFlow、JAX等主流框架', t1i2: 'Hugging Face Transformers生态', t1i3: 'DeepSpeed、Megatron等训练加速库',
|
||||
t2Title: '数据处理', t2i1: '分布式数据预处理管道', t2i2: '数据标注与管理工具', t2i3: '特征工程自动化',
|
||||
t3Title: '模型管理', t3i1: '模型版本管理与追踪', t3i2: '实验对比与可视化', t3i3: '超参数自动调优',
|
||||
t4Title: '部署服务', t4i1: '一键模型部署与发布', t4i2: 'API网关与负载均衡', t4i3: '模型性能优化与量化',
|
||||
useCaseTitle: '典型应用场景', useCaseSubtitle: '覆盖AI全生命周期的应用支持',
|
||||
uc1Title: '大模型训练',
|
||||
uc1Desc: '支持超大规模模型的分布式训练，自动处理数据并行和模型并行。',
|
||||
uc1i1: '自动混合精度训练', uc1i2: '梯度累积与检查点', uc1i3: '分布式优化器',
|
||||
uc2Title: '模型微调',
|
||||
uc2Desc: '基于预训练模型快速微调，适配特定业务场景和数据集。',
|
||||
uc2i1: 'LoRA、QLoRA等高效微调', uc2i2: '少样本学习支持', uc2i3: '迁移学习优化',
|
||||
uc3Title: '推理服务',
|
||||
uc3Desc: '高性能推理引擎，支持多种优化策略，降低延迟提升吞吐。',
|
||||
uc3i1: '模型量化与剪枝', uc3i2: '批处理优化', uc3i3: '多模型集成服务',
|
||||
uc4Title: 'AutoML',
|
||||
uc4Desc: '自动化机器学习流程，降低AI应用开发门槛。',
|
||||
uc4i1: '自动特征工程', uc4i2: '神经架构搜索', uc4i3: '超参数优化',
|
||||
ctaTitle: '立即体验图灵智算云平台', ctaSubtitle: '登录控制台，开启您的AI开发之旅',
|
||||
ctaBtn1: '登录云平台', ctaBtn2: '联系咨询',
|
||||
}
|
||||
|
||||
export const en: typeof zh = {
|
||||
badge: 'Turing Cloud Platform',
|
||||
h1a: '10K-GPU Scheduling ',
|
||||
h1b: 'Cloud Platform',
|
||||
subtitle: 'One-stop AI development platform — from training to deployment, end-to-end intelligent management',
|
||||
s1Value: '10,000+', s1Label: 'GPU Scheduling', s1Sub: '10K-scale cluster management',
|
||||
s2Value: 'Full Toolchain', s2Label: 'AI Development', s2Sub: 'One-stop dev experience',
|
||||
s3Value: 'Second-level', s3Label: 'Scheduling Response', s3Sub: 'Efficient intelligent scheduling',
|
||||
coreTitle: 'Platform Core Features', coreSubtitle: 'Powerful intelligent computing management capabilities',
|
||||
f1Title: 'Intelligent Scheduling',
|
||||
f1Desc: 'AI-based resource scheduling automatically optimizes task allocation to maximize utilization.',
|
||||
f2Title: 'Containerized Deployment',
|
||||
f2Desc: 'Supports Docker and Kubernetes for rapid application deployment, scaling, and management.',
|
||||
f3Title: 'Real-time Monitoring',
|
||||
f3Desc: 'Comprehensive performance monitoring — real-time insight into cluster status and task progress.',
|
||||
f4Title: 'Multi-tenant Isolation',
|
||||
f4Desc: 'Complete multi-tenant management ensuring resource and data isolation between users.',
|
||||
f5Title: 'Workflow Orchestration',
|
||||
f5Desc: 'Visual workflow designer for orchestrating complex AI training and inference pipelines.',
|
||||
f6Title: 'Elastic Scaling',
|
||||
f6Desc: 'Automatically adjusts resource allocation based on load, supporting burst traffic.',
|
||||
toolTitle: 'Integrated AI Toolchain',
|
||||
t1Title: 'Frameworks', t1i1: 'PyTorch, TensorFlow, JAX and other major frameworks', t1i2: 'Hugging Face Transformers ecosystem', t1i3: 'DeepSpeed, Megatron and training acceleration libraries',
|
||||
t2Title: 'Data Processing', t2i1: 'Distributed data preprocessing pipelines', t2i2: 'Data annotation and management tools', t2i3: 'Feature engineering automation',
|
||||
t3Title: 'Model Management', t3i1: 'Model version management and tracking', t3i2: 'Experiment comparison and visualization', t3i3: 'Hyperparameter auto-tuning',
|
||||
t4Title: 'Deployment', t4i1: 'One-click model deployment and publishing', t4i2: 'API gateway and load balancing', t4i3: 'Model performance optimization and quantization',
|
||||
useCaseTitle: 'Typical Use Cases', useCaseSubtitle: 'Application support covering the full AI lifecycle',
|
||||
uc1Title: 'Large Model Training',
|
||||
uc1Desc: 'Distributed training of ultra-large models with automatic data and model parallelism.',
|
||||
uc1i1: 'Automatic mixed-precision training', uc1i2: 'Gradient accumulation and checkpointing', uc1i3: 'Distributed optimizer',
|
||||
uc2Title: 'Model Fine-tuning',
|
||||
uc2Desc: 'Rapid fine-tuning based on pre-trained models for specific business scenarios.',
|
||||
uc2i1: 'LoRA, QLoRA efficient fine-tuning', uc2i2: 'Few-shot learning support', uc2i3: 'Transfer learning optimization',
|
||||
uc3Title: 'Inference Services',
|
||||
uc3Desc: 'High-performance inference engine supporting multiple optimization strategies.',
|
||||
uc3i1: 'Model quantization and pruning', uc3i2: 'Batch processing optimization', uc3i3: 'Multi-model ensemble services',
|
||||
uc4Title: 'AutoML',
|
||||
uc4Desc: 'Automated machine learning pipeline lowering the barrier to AI development.',
|
||||
uc4i1: 'Automatic feature engineering', uc4i2: 'Neural architecture search', uc4i3: 'Hyperparameter optimization',
|
||||
ctaTitle: 'Try Turing Cloud Platform Now', ctaSubtitle: 'Log in to the console and start your AI development journey',
|
||||
ctaBtn1: 'Login to Cloud Platform', ctaBtn2: 'Contact Us',
|
||||
}
|
||||
|
|
@ -0,0 +1,39 @@
|
|||
export const zh = {
|
||||
h1: '产品中心',
|
||||
subtitle: '选择您需要的服务，开启智算之旅',
|
||||
cloudTitle: '图灵智算系统云平台',
|
||||
cloudDesc: '万卡级别集群调度管理，AI开发全工具链集成，从训练到部署的一站式智算服务平台。',
|
||||
cloudF1: '万卡集群调度能力', cloudF2: 'AI开发全工具链', cloudF3: '一键部署与发布',
|
||||
cloudBtn: '进入云平台',
|
||||
tokenTitle: 'Token工厂',
|
||||
tokenDesc: 'AI TaaS（AI Token-as-a-Service）工业化生产模式，高效、稳定、可扩展的Token生产服务平台。',
|
||||
tokenF1: 'Token工业化生产', tokenF2: 'TaaS服务模式', tokenF3: 'AI驱动智能优化',
|
||||
tokenBtn: '进入Token工厂',
|
||||
helpTitle: '需要帮助？',
|
||||
helpDoc: '使用文档', helpDocDesc: '查看详细的产品使用文档和API接口说明',
|
||||
helpSupport: '技术支持', helpSupportDesc: '遇到问题？联系我们的技术支持团队',
|
||||
helpTutorial: '快速入门', helpTutorialDesc: '观看视频教程，快速上手使用平台',
|
||||
helpBtn: '联系我们',
|
||||
noAccount: '还没有账号？',
|
||||
applyTrial: '立即申请试用 →',
|
||||
}
|
||||
|
||||
export const en: typeof zh = {
|
||||
h1: 'Products',
|
||||
subtitle: 'Choose the service you need and start your intelligent computing journey',
|
||||
cloudTitle: 'Turing Cloud Platform',
|
||||
cloudDesc: '10K-GPU cluster scheduling, full AI toolchain integration — one-stop intelligent computing from training to deployment.',
|
||||
cloudF1: '10K-GPU scheduling capability', cloudF2: 'Full AI development toolchain', cloudF3: 'One-click deployment',
|
||||
cloudBtn: 'Enter Cloud Platform',
|
||||
tokenTitle: 'Token Factory',
|
||||
tokenDesc: 'AI TaaS (AI Token-as-a-Service) industrialized production model — efficient, stable, and scalable Token production platform.',
|
||||
tokenF1: 'Industrialized Token production', tokenF2: 'TaaS service model', tokenF3: 'AI-driven optimization',
|
||||
tokenBtn: 'Enter Token Factory',
|
||||
helpTitle: 'Need Help?',
|
||||
helpDoc: 'Documentation', helpDocDesc: 'View detailed product documentation and API references',
|
||||
helpSupport: 'Technical Support', helpSupportDesc: 'Having issues? Contact our technical support team',
|
||||
helpTutorial: 'Quick Start', helpTutorialDesc: 'Watch video tutorials for a quick introduction',
|
||||
helpBtn: 'Contact Us',
|
||||
noAccount: 'Don\'t have an account yet?',
|
||||
applyTrial: 'Apply for Trial Now →',
|
||||
}
|
||||
|
|
@ -0,0 +1,49 @@
|
|||
export const zh = {
|
||||
h1: '联系我们',
|
||||
subtitle: '我们期待与您合作，共同推动AI产业发展',
|
||||
infoTitle: '联系方式',
|
||||
emailTitle: '电子邮箱', emailNote: '工作日24小时内回复',
|
||||
phoneTitle: '联系电话', phoneNote: '工作时间：9:00-18:00',
|
||||
addrTitle: '公司地址', addrText: '浙江-杭州', addrNote: '具体地址请通过邮件或电话咨询',
|
||||
quickTitle: '快速入口',
|
||||
cloudLinkTitle: '图灵智算系统云平台', cloudLinkDesc: '登录控制台，开始使用云平台服务',
|
||||
tokenLinkTitle: 'Token工厂', tokenLinkDesc: '访问Token工厂，体验TaaS服务',
|
||||
formTitle: '在线咨询',
|
||||
nameLabel: '姓名', namePH: '请输入您的姓名',
|
||||
companyLabel: '公司名称', companyPH: '请输入公司名称',
|
||||
emailLabel: '邮箱',
|
||||
phoneLabel: '电话', phonePH: '手机号码',
|
||||
serviceLabel: '感兴趣的服务', servicePH: '请选择服务类型',
|
||||
sOpt1: '算力集群服务', sOpt2: 'Token工厂', sOpt3: '图灵智算系统云平台', sOpt4: '其他咨询',
|
||||
msgLabel: '留言内容', msgPH: '请详细描述您的需求...',
|
||||
submitBtn: '提交咨询', submitOk: '提交成功！',
|
||||
submitNote: '提交后，我们将在1个工作日内与您取得联系',
|
||||
coopTitle: '合作咨询',
|
||||
coopDesc: '无论您是需要算力资源、想要部署AI应用，还是探索Token经济新模式，我们都期待与您深入交流，共同探索AI产业的无限可能。',
|
||||
tag1: '算力租赁', tag2: '定制化解决方案', tag3: '商务合作', tag4: '技术支持',
|
||||
}
|
||||
|
||||
export const en: typeof zh = {
|
||||
h1: 'Contact Us',
|
||||
subtitle: 'We look forward to working with you to advance the AI industry',
|
||||
infoTitle: 'Contact Information',
|
||||
emailTitle: 'Email', emailNote: 'Reply within 24 hours on business days',
|
||||
phoneTitle: 'Phone', phoneNote: 'Business hours: 9:00-18:00',
|
||||
addrTitle: 'Address', addrText: 'Hangzhou, Zhejiang Province, China', addrNote: 'For specific address, please inquire via email or phone',
|
||||
quickTitle: 'Quick Links',
|
||||
cloudLinkTitle: 'Turing Cloud Platform', cloudLinkDesc: 'Log in to the console and start using cloud platform services',
|
||||
tokenLinkTitle: 'Token Factory', tokenLinkDesc: 'Visit Token Factory to experience TaaS services',
|
||||
formTitle: 'Online Consultation',
|
||||
nameLabel: 'Name', namePH: 'Enter your name',
|
||||
companyLabel: 'Company', companyPH: 'Enter company name',
|
||||
emailLabel: 'Email',
|
||||
phoneLabel: 'Phone', phonePH: 'Phone number',
|
||||
serviceLabel: 'Service of Interest', servicePH: 'Select service type',
|
||||
sOpt1: 'Computing Infrastructure', sOpt2: 'Turing Cloud Platform', sOpt3: 'Token Factory', sOpt4: 'Other Inquiries',
|
||||
msgLabel: 'Message', msgPH: 'Please describe your requirements in detail...',
|
||||
submitBtn: 'Submit Inquiry', submitOk: 'Submitted Successfully!',
|
||||
submitNote: 'We will contact you within 1 business day after submission',
|
||||
coopTitle: 'Partnership Inquiries',
|
||||
coopDesc: 'Whether you need computing resources, want to deploy AI applications, or explore new Token economy models, we look forward to in-depth conversations to explore AI industry possibilities.',
|
||||
tag1: 'Compute Rental', tag2: 'Custom Solutions', tag3: 'Business Cooperation', tag4: 'Technical Support',
|
||||
}
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
export const zh = {
|
||||
tagline: '聚算成力，筑梦AGI',
|
||||
quickTitle: '快速链接',
|
||||
bizTitle: '核心业务',
|
||||
contactTitle: '联系方式',
|
||||
about: '公司介绍', business: '主营业务', news: '企业动态', contact: '联系我们',
|
||||
infra: '算力集群服务', cloud: '图灵智算系统云平台', token: 'Token工厂',
|
||||
copyright: '版权所有',
|
||||
}
|
||||
|
||||
export const en: typeof zh = {
|
||||
tagline: 'Aggregate Power, Build AGI',
|
||||
quickTitle: 'Quick Links',
|
||||
bizTitle: 'Core Business',
|
||||
contactTitle: 'Contact',
|
||||
about: 'About', business: 'Business', news: 'News', contact: 'Contact',
|
||||
infra: 'Computing Infrastructure', cloud: 'Turing Cloud Platform', token: 'Token Factory',
|
||||
copyright: 'All rights reserved',
|
||||
}
|
||||
|
|
@ -0,0 +1,69 @@
|
|||
export const zh = {
|
||||
heroBadge: 'AI全栈服务运营商',
|
||||
heroH1a: '聚算成力，智绘',
|
||||
heroH1b: '未来',
|
||||
heroSubtitle: '从芯到云，一站贯通',
|
||||
heroDesc: '构建智算基础设施，赋能AI产业生态，开创Token工业化生产新时代',
|
||||
cta1: '探索业务',
|
||||
cta2: '进入控制台',
|
||||
coreTitle: '核心业务',
|
||||
coreSubtitle: '三大主营业务赋能AI产业生态',
|
||||
infraTitle: '算力集群服务',
|
||||
infraDesc: '自建NVIDIA GPU集群，打造千PFLOPS级超大规模算力中心，为AI训练和推理提供稳定高效的基础设施支撑。',
|
||||
infraMore: '了解更多',
|
||||
cloudTitle: '图灵智算系统云平台',
|
||||
cloudDesc: '万卡集群调度管理系统，集成AI开发全工具链，为企业提供从训练到部署的一站式智算服务。',
|
||||
cloudMore: '了解更多',
|
||||
tokenTitle: 'Token工厂',
|
||||
tokenDesc: 'AI TaaS（AI Token-as-a-Service）模式，实现Token工业化生产，为企业提供高效、稳定、可扩展的Token服务。',
|
||||
tokenMore: '了解更多',
|
||||
whyTitle: '为什么选择图灵引擎',
|
||||
whySubtitle: '专业、可靠、创新的AI服务伙伴',
|
||||
why1Title: '技术领先',
|
||||
why1Desc: '自主研发的智算系统，万卡调度能力，行业领先的AI工具链集成',
|
||||
why2Title: '算力强大',
|
||||
why2Desc: '千PFLOPS级超大规模算力中心，为AI训练和推理提供坚实保障',
|
||||
why3Title: '服务全面',
|
||||
why3Desc: '从基础设施到平台服务，从算力租赁到Token生产，全栈服务覆盖',
|
||||
ctaTitle1: '准备好开启您的',
|
||||
ctaAccent: 'AI之旅',
|
||||
ctaTitle2: '了吗？',
|
||||
ctaSubtitle: '立即联系我们，获取专业的智算解决方案',
|
||||
ctaBtn1: '联系我们',
|
||||
ctaBtn2: '了解公司',
|
||||
}
|
||||
|
||||
export const en: typeof zh = {
|
||||
heroBadge: 'Full-Stack AI Service Provider',
|
||||
heroH1a: 'Aggregate Power, Paint ',
|
||||
heroH1b: 'the Future',
|
||||
heroSubtitle: 'From Silicon to Cloud, All in One',
|
||||
heroDesc: 'Building AI computing infrastructure, empowering the AI ecosystem, pioneering industrialized Token production',
|
||||
cta1: 'Explore Business',
|
||||
cta2: 'Enter Console',
|
||||
coreTitle: 'Core Business',
|
||||
coreSubtitle: 'Three core segments empowering the AI industry ecosystem',
|
||||
infraTitle: 'Computing Infrastructure',
|
||||
infraDesc: 'Self-built NVIDIA GPU clusters forming a multi-PFLOPS hyper-scale computing center for stable, efficient AI training and inference.',
|
||||
infraMore: 'Learn More',
|
||||
cloudTitle: 'Turing Cloud Platform',
|
||||
cloudDesc: '10K-GPU cluster scheduling with full AI toolchain — one-stop intelligent computing from training to deployment.',
|
||||
cloudMore: 'Learn More',
|
||||
tokenTitle: 'Token Factory',
|
||||
tokenDesc: 'AI TaaS (AI Token-as-a-Service) model for industrialized Token production — efficient, stable, and scalable.',
|
||||
tokenMore: 'Learn More',
|
||||
whyTitle: 'Why Choose Turing Engine',
|
||||
whySubtitle: 'Professional, reliable, and innovative AI service partner',
|
||||
why1Title: 'Technology Leader',
|
||||
why1Desc: 'Proprietary intelligent computing system with 10K-GPU scheduling and industry-leading AI toolchain',
|
||||
why2Title: 'Massive Compute',
|
||||
why2Desc: 'Multi-PFLOPS hyper-scale computing center — solid foundation for AI training and inference',
|
||||
why3Title: 'Full-Stack Services',
|
||||
why3Desc: 'From infrastructure to platform services, from compute rental to Token production',
|
||||
ctaTitle1: 'Ready to Start Your ',
|
||||
ctaAccent: 'AI Journey',
|
||||
ctaTitle2: '?',
|
||||
ctaSubtitle: 'Contact us for professional intelligent computing solutions',
|
||||
ctaBtn1: 'Contact Us',
|
||||
ctaBtn2: 'Learn About Us',
|
||||
}
|
||||
|
|
@ -0,0 +1,49 @@
|
|||
import { zh as navZh, en as navEn } from './nav'
|
||||
import { zh as homeZh, en as homeEn } from './home'
|
||||
import { zh as aboutZh, en as aboutEn } from './about'
|
||||
import { zh as businessZh, en as businessEn } from './business'
|
||||
import { zh as infrastructureZh, en as infrastructureEn } from './infrastructure'
|
||||
import { zh as cloudPlatformZh, en as cloudPlatformEn } from './cloudPlatform'
|
||||
import { zh as tokenFactoryZh, en as tokenFactoryEn } from './tokenFactory'
|
||||
import { zh as newsZh, en as newsEn } from './news'
|
||||
import { zh as contactZh, en as contactEn } from './contact'
|
||||
import { zh as consoleZh, en as consoleEn } from './console'
|
||||
import { zh as footerZh, en as footerEn } from './footer'
|
||||
|
||||
export type Language = 'zh' | 'en'
|
||||
|
||||
const zh = {
|
||||
nav: navZh,
|
||||
home: homeZh,
|
||||
about: aboutZh,
|
||||
business: businessZh,
|
||||
infrastructure: infrastructureZh,
|
||||
cloudPlatform: cloudPlatformZh,
|
||||
tokenFactory: tokenFactoryZh,
|
||||
news: newsZh,
|
||||
contact: contactZh,
|
||||
console: consoleZh,
|
||||
footer: footerZh,
|
||||
}
|
||||
|
||||
const en: typeof zh = {
|
||||
nav: navEn,
|
||||
home: homeEn,
|
||||
about: aboutEn,
|
||||
business: businessEn,
|
||||
infrastructure: infrastructureEn,
|
||||
cloudPlatform: cloudPlatformEn,
|
||||
tokenFactory: tokenFactoryEn,
|
||||
news: newsEn,
|
||||
contact: contactEn,
|
||||
console: consoleEn,
|
||||
footer: footerEn,
|
||||
}
|
||||
|
||||
export type Translations = typeof zh
|
||||
|
||||
export const translations: Record<Language, Translations> = { zh, en }
|
||||
|
||||
export function t(lang: Language): Translations {
|
||||
return translations[lang]
|
||||
}
|
||||
|
|
@ -0,0 +1,87 @@
|
|||
export const zh = {
|
||||
badge: '算力基础设施建设',
|
||||
h1a: '超大规模',
|
||||
h1b: '算力中心',
|
||||
subtitle: '自建NVIDIA GPU集群，打造千PFLOPS级超大规模算力基础设施，为AI训练和推理提供强大支撑',
|
||||
s1Value: '千PFLOPS级', s1Label: '总算力规模', s1Sub: '超大规模计算能力',
|
||||
s2Value: 'NVIDIA', s2Label: 'GPU 型号', s2Sub: '企业级高性能GPU',
|
||||
s3Value: '99.9%', s3Label: '可用性保障', s3Sub: '7x24小时稳定运行',
|
||||
coreTitle: '核心优势', coreSubtitle: '专业的算力基础设施建设与运维能力',
|
||||
f1Title: '自主可控',
|
||||
f1Desc: '自建GPU集群，完全自主可控的算力资源，保障业务连续性和数据安全。',
|
||||
f2Title: '高性能',
|
||||
f2Desc: '采用企业级高性能GPU，支持大规模AI模型训练和推理。',
|
||||
f3Title: '高速互联',
|
||||
f3Desc: '高带宽低延迟网络架构，支持大规模分布式训练，提升训练效率。',
|
||||
f4Title: '安全可靠',
|
||||
f4Desc: '多重安全防护机制，数据加密传输存储，保障客户数据和模型安全。',
|
||||
f5Title: '弹性扩展',
|
||||
f5Desc: '灵活的资源调配能力，根据业务需求快速扩展，支持突发性算力需求。',
|
||||
f6Title: '专业运维',
|
||||
f6Desc: '7x24小时专业运维团队，实时监控，快速响应，确保系统稳定运行。',
|
||||
specTitle: '技术规格',
|
||||
sp1Title: 'GPU型号', sp1Desc: 'NVIDIA 企业级高性能GPU',
|
||||
sp2Title: '总算力规模', sp2Desc: '千PFLOPS级超大规模算力',
|
||||
sp3Title: '网络架构', sp3Desc: 'RoCE v2 高速互联网络',
|
||||
sp4Title: '存储系统', sp4Desc: '分布式高性能存储，支持PB级数据',
|
||||
sp5Title: '冷却系统', sp5Desc: '高效风冷散热方案',
|
||||
sp6Title: '电力保障', sp6Desc: '双路供电+UPS备份，确保不间断运行',
|
||||
useCaseTitle: '应用场景', useCaseSubtitle: '广泛支持各类AI应用场景',
|
||||
uc1Title: '大模型训练',
|
||||
uc1Desc: '支持千亿、万亿参数规模的大语言模型训练，提供充足的算力和存储资源。',
|
||||
uc1i1: 'LLM（大语言模型）训练', uc1i2: '多模态模型训练', uc1i3: '模型微调与优化',
|
||||
uc2Title: '推理服务',
|
||||
uc2Desc: '高性能推理加速，低延迟响应，支持海量并发请求处理。',
|
||||
uc2i1: '实时AI推理服务', uc2i2: '批量推理处理', uc2i3: '边缘AI部署',
|
||||
uc3Title: '科学计算',
|
||||
uc3Desc: '支持高性能科学计算任务，加速科研创新进程。',
|
||||
uc3i1: '分子动力学模拟', uc3i2: '气象预测计算', uc3i3: '生物信息分析',
|
||||
uc4Title: '行业AI应用',
|
||||
uc4Desc: '为各行业提供定制化AI算力支持，助力产业智能化升级。',
|
||||
uc4i1: '智能制造', uc4i2: '金融风控', uc4i3: '医疗影像分析',
|
||||
ctaTitle: '需要更多算力资源？', ctaSubtitle: '联系我们，获取定制化算力解决方案', ctaBtn: '联系我们',
|
||||
}
|
||||
|
||||
export const en: typeof zh = {
|
||||
badge: 'Computing Infrastructure',
|
||||
h1a: 'Hyper-Scale ',
|
||||
h1b: 'Computing Center',
|
||||
subtitle: 'Self-built NVIDIA GPU clusters forming multi-PFLOPS hyper-scale computing infrastructure',
|
||||
s1Value: 'Multi-PFLOPS', s1Label: 'Total Compute', s1Sub: 'Hyper-scale computing capability',
|
||||
s2Value: 'NVIDIA', s2Label: 'GPU Model', s2Sub: 'Enterprise-grade high-performance GPU',
|
||||
s3Value: '99.9%', s3Label: 'Availability', s3Sub: '24/7 stable operation',
|
||||
coreTitle: 'Core Advantages', coreSubtitle: 'Professional computing infrastructure and operations',
|
||||
f1Title: 'Self-Controlled',
|
||||
f1Desc: 'Self-built GPU clusters — fully autonomous computing resources ensuring business continuity and data security.',
|
||||
f2Title: 'High Performance',
|
||||
f2Desc: 'Enterprise-grade high-performance GPUs for large-scale AI model training and inference.',
|
||||
f3Title: 'High-Speed Interconnect',
|
||||
f3Desc: 'High-bandwidth, low-latency network supporting large-scale distributed training.',
|
||||
f4Title: 'Secure & Reliable',
|
||||
f4Desc: 'Multi-layer security and encrypted data transmission to protect customer data and models.',
|
||||
f5Title: 'Elastic Scaling',
|
||||
f5Desc: 'Flexible resource allocation — rapidly scale to match business demands.',
|
||||
f6Title: 'Professional O&M',
|
||||
f6Desc: '24/7 professional operations team with real-time monitoring and rapid response.',
|
||||
specTitle: 'Technical Specifications',
|
||||
sp1Title: 'GPU Model', sp1Desc: 'NVIDIA enterprise-grade high-performance GPU',
|
||||
sp2Title: 'Total Compute', sp2Desc: 'Multi-PFLOPS hyper-scale computing',
|
||||
sp3Title: 'Network', sp3Desc: 'RoCE v2 high-speed interconnect',
|
||||
sp4Title: 'Storage', sp4Desc: 'Distributed high-performance storage, supports PB-scale data',
|
||||
sp5Title: 'Cooling', sp5Desc: 'Efficient air cooling solution',
|
||||
sp6Title: 'Power', sp6Desc: 'Dual-path power + UPS backup for uninterrupted operation',
|
||||
useCaseTitle: 'Use Cases', useCaseSubtitle: 'Broad support for all types of AI scenarios',
|
||||
uc1Title: 'Large Model Training',
|
||||
uc1Desc: 'Supports training of models with hundreds of billions to trillions of parameters.',
|
||||
uc1i1: 'LLM training', uc1i2: 'Multi-modal model training', uc1i3: 'Model fine-tuning and optimization',
|
||||
uc2Title: 'Inference Services',
|
||||
uc2Desc: 'High-performance inference acceleration with low latency and massive concurrency support.',
|
||||
uc2i1: 'Real-time AI inference', uc2i2: 'Batch inference processing', uc2i3: 'Edge AI deployment',
|
||||
uc3Title: 'Scientific Computing',
|
||||
uc3Desc: 'High-performance scientific computing to accelerate research innovation.',
|
||||
uc3i1: 'Molecular dynamics simulation', uc3i2: 'Weather prediction computing', uc3i3: 'Bioinformatics analysis',
|
||||
uc4Title: 'Industry AI',
|
||||
uc4Desc: 'Customized AI computing for various industries to facilitate intelligent upgrades.',
|
||||
uc4i1: 'Intelligent manufacturing', uc4i2: 'Financial risk control', uc4i3: 'Medical image analysis',
|
||||
ctaTitle: 'Need More Computing Resources?', ctaSubtitle: 'Contact us for customized computing solutions', ctaBtn: 'Contact Us',
|
||||
}
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
export const zh = {
|
||||
home: '首页',
|
||||
about: '公司介绍',
|
||||
business: '主营业务',
|
||||
businessInfrastructure: '算力集群服务',
|
||||
businessCloudPlatform: '图灵智算系统云平台',
|
||||
businessTokenFactory: 'Token工厂',
|
||||
news: '企业动态',
|
||||
contact: '联系我们',
|
||||
console: '产品',
|
||||
logoText: '图灵引擎',
|
||||
logoChar: '图',
|
||||
}
|
||||
|
||||
export const en: typeof zh = {
|
||||
home: 'Home',
|
||||
about: 'About',
|
||||
business: 'Business',
|
||||
businessInfrastructure: 'Computing Infrastructure',
|
||||
businessCloudPlatform: 'Turing Cloud Platform',
|
||||
businessTokenFactory: 'Token Factory',
|
||||
news: 'News',
|
||||
contact: 'Contact',
|
||||
console: 'Products',
|
||||
logoText: 'Turing Engine',
|
||||
logoChar: 'T',
|
||||
}
|
||||
|
|
@ -0,0 +1,53 @@
|
|||
export const zh = {
|
||||
h1: '企业动态',
|
||||
subtitle: '了解图灵引擎最新动态和行业资讯',
|
||||
s1Label: '动态资讯',
|
||||
s2Value: '持续', s2Label: '创新发展',
|
||||
s3Value: '2年+', s3Label: '发展历程',
|
||||
catCompany: '公司新闻',
|
||||
catIndustry: '行业资讯',
|
||||
ctaTitle: '关注我们，获取最新动态',
|
||||
ctaSubtitle: '了解更多图灵引擎的发展动态和行业资讯',
|
||||
ctaBtn: '订阅资讯',
|
||||
articles: [
|
||||
{ category: '公司新闻', date: '2026年4月', title: 'Token工厂正式运营，开创Token工业化生产新模式', desc: '图灵引擎Token工厂平台正式对外运营，标志着TaaS（Token-as-a-Service）模式正式落地。平台提供高效、稳定、可扩展的Token生产服务，为AI应用与Token经济的融合提供了新的解决方案。', tags: ['Token工厂', 'TaaS', '产品发布'] },
|
||||
{ category: '公司新闻', date: '2025年12月', title: 'GPU集群建设完成，总算力达到1,440 PFLOPS', desc: '经过近两年的建设，图灵引擎自建GPU集群建设全面完成，总算力规模达到1,440 PFLOPS，成为国内领先的超大规模智算中心之一。', tags: ['算力基础设施', '里程碑'] },
|
||||
{ category: '公司新闻', date: '2025年9月', title: 'Token工厂平台开始试运行，首批客户接入测试', desc: 'Token工厂平台Beta版发布，邀请首批合作伙伴和客户进行试运行测试，收集反馈优化产品功能和用户体验。', tags: ['Token工厂', '产品测试'] },
|
||||
{ category: '公司新闻', date: '2025年6月', title: '图灵智算系统云平台1.0正式发布', desc: '图灵智算系统云平台正式版发布，实现万卡级别的集群调度管理能力，集成AI开发全工具链，为企业提供从训练到部署的一站式智算服务。', tags: ['云平台', '产品发布', '万卡调度'] },
|
||||
{ category: '行业资讯', date: '2025年5月', title: 'AGI技术快速发展，智算需求持续增长', desc: '随着GPT-4、Claude等大模型的广泛应用，AGI技术进入快速发展期，企业对智算资源的需求呈现爆发式增长，智算服务市场前景广阔。', tags: ['行业趋势', 'AGI', '市场分析'] },
|
||||
{ category: '公司新闻', date: '2025年3月', title: 'Token工厂概念提出，探索TaaS新模式', desc: '图灵引擎正式提出TaaS（Token-as-a-Service）模式，将Token生产过程工业化、标准化，为AI应用与Token经济融合探索新路径。', tags: ['Token工厂', 'TaaS', '创新'] },
|
||||
{ category: '公司新闻', date: '2024年12月', title: '图灵智算系统云平台Beta版上线', desc: '云平台Beta版成功上线，支持多租户算力调度，为后续正式版发布奠定坚实基础。', tags: ['云平台', '产品测试'] },
|
||||
{ category: '公司新闻', date: '2024年9月', title: '首批算力中心投产，开始对外提供服务', desc: '第一批GPU集群正式投入运营，开始为合作伙伴提供算力租赁和AI训练服务，标志着图灵引擎正式进入运营阶段。', tags: ['算力服务', '运营'] },
|
||||
{ category: '行业资讯', date: '2024年8月', title: '国内AI基础设施建设加速，政策支持力度加大', desc: '国家发布多项政策支持AI基础设施建设，鼓励企业投资智算中心，为AI产业发展提供坚实保障。', tags: ['政策', '行业趋势'] },
|
||||
{ category: '公司新闻', date: '2024年6月', title: '图灵智算系统立项，启动研发', desc: '正式启动万卡集群调度管理系统研发项目，目标打造业界领先的智算云平台。', tags: ['云平台', '研发'] },
|
||||
{ category: '公司新闻', date: '2024年3月', title: 'GPU集群启动建设，规划1,440 PFLOPS算力规模', desc: '图灵引擎正式启动大规模GPU集群建设项目，规划总算力达到1,440 PFLOPS，为后续业务发展打下坚实基础。', tags: ['算力基础设施', '建设'] },
|
||||
{ category: '公司新闻', date: '2024年1月', title: '图灵引擎正式成立，定位AGI全栈服务运营商', desc: '图灵引擎正式成立，确立"聚算成力，筑梦AGI"的企业使命，致力于成为领先的AGI全栈服务运营商。', tags: ['公司成立', '战略'] },
|
||||
],
|
||||
}
|
||||
|
||||
export const en: typeof zh = {
|
||||
h1: 'Company News',
|
||||
subtitle: 'Stay updated on Turing Engine\'s latest developments and industry insights',
|
||||
s1Label: 'News & Updates',
|
||||
s2Value: 'Ongoing', s2Label: 'Innovation & Growth',
|
||||
s3Value: '2+ Years', s3Label: 'Development History',
|
||||
catCompany: 'Company News',
|
||||
catIndustry: 'Industry News',
|
||||
ctaTitle: 'Follow Us for the Latest Updates',
|
||||
ctaSubtitle: 'Learn more about Turing Engine\'s developments and industry insights',
|
||||
ctaBtn: 'Subscribe',
|
||||
articles: [
|
||||
{ category: 'Company News', date: 'April 2026', title: 'Token Factory Officially Launched, Pioneering Industrialized Token Production', desc: 'Turing Engine\'s Token Factory platform officially launched, marking the TaaS (Token-as-a-Service) model going live. The platform provides efficient, stable, and scalable Token production services.', tags: ['Token Factory', 'TaaS', 'Product Launch'] },
|
||||
{ category: 'Company News', date: 'December 2025', title: 'GPU Cluster Build Complete, Total Compute Reaches 1,440 PFLOPS', desc: 'After nearly two years of construction, Turing Engine\'s self-built GPU cluster is fully complete, achieving 1,440 PFLOPS total computing scale.', tags: ['Infrastructure', 'Milestone'] },
|
||||
{ category: 'Company News', date: 'September 2025', title: 'Token Factory Begins Trial Operations', desc: 'Token Factory Beta launched, inviting first partners and clients for trial testing to gather feedback and optimize product features.', tags: ['Token Factory', 'Beta Test'] },
|
||||
{ category: 'Company News', date: 'June 2025', title: 'Turing Cloud Platform 1.0 Officially Released', desc: 'The official version of Turing Cloud Platform launched with 10K-GPU cluster scheduling capability and full AI development toolchain.', tags: ['Cloud Platform', 'Product Launch', '10K-GPU'] },
|
||||
{ category: 'Industry News', date: 'May 2025', title: 'AGI Technology Accelerates, Demand for Intelligent Computing Surges', desc: 'With the widespread adoption of large models like GPT-4 and Claude, AGI technology enters rapid development phase, driving explosive growth in enterprise demand for computing resources.', tags: ['Industry Trend', 'AGI', 'Market Analysis'] },
|
||||
{ category: 'Company News', date: 'March 2025', title: 'Token Factory Concept Introduced, Exploring TaaS Model', desc: 'Turing Engine formally proposed the TaaS (Token-as-a-Service) model, industrializing and standardizing the Token production process.', tags: ['Token Factory', 'TaaS', 'Innovation'] },
|
||||
{ category: 'Company News', date: 'December 2024', title: 'Turing Cloud Platform Beta Goes Live', desc: 'Cloud Platform Beta successfully launched with multi-tenant computing scheduling support, laying a solid foundation for the official release.', tags: ['Cloud Platform', 'Beta'] },
|
||||
{ category: 'Company News', date: 'September 2024', title: 'First Computing Center Goes Live', desc: 'First GPU cluster officially operational, began providing computing rental and AI training services to partners.', tags: ['Computing Services', 'Operations'] },
|
||||
{ category: 'Industry News', date: 'August 2024', title: 'China Accelerates AI Infrastructure Build, Policy Support Strengthened', desc: 'The government published multiple policies supporting AI infrastructure construction, encouraging enterprises to invest in intelligent computing centers.', tags: ['Policy', 'Industry Trend'] },
|
||||
{ category: 'Company News', date: 'June 2024', title: 'Turing Cloud System Initiated', desc: 'Officially launched the 10K-GPU cluster scheduling system R&D project, targeting a leading intelligent computing cloud platform.', tags: ['Cloud Platform', 'R&D'] },
|
||||
{ category: 'Company News', date: 'March 2024', title: 'GPU Cluster Construction Begins, Planning 1,440 PFLOPS Scale', desc: 'Turing Engine officially launched large-scale GPU cluster construction, planning 1,440 PFLOPS total computing power.', tags: ['Infrastructure', 'Construction'] },
|
||||
{ category: 'Company News', date: 'January 2024', title: 'Turing Engine Founded, Positioned as Full-Stack AGI Provider', desc: 'Turing Engine officially founded with the mission "Aggregate Power, Build AGI," committed to becoming a leading full-stack AGI service provider.', tags: ['Founded', 'Strategy'] },
|
||||
],
|
||||
}
|
||||
|
|
@ -0,0 +1,93 @@
|
|||
export const zh = {
|
||||
badge: 'Token工厂',
|
||||
h1a: 'Token工业化生产',
|
||||
h1b: '新模式',
|
||||
subtitle: 'AI TaaS（AI Token-as-a-Service）模式，高效、稳定、可扩展的Token服务平台',
|
||||
s1Value: '工业化', s1Label: '生产模式', s1Sub: '规模化高效生产',
|
||||
s2Value: 'TaaS', s2Label: '服务模式', s2Sub: '即开即用按需付费',
|
||||
s3Value: 'AI驱动', s3Label: '智能优化', s3Sub: '自动调优提升效率',
|
||||
taasTitle: '什么是AI TaaS？',
|
||||
tp1: 'AI TaaS（AI Token-as-a-Service）是AI产业从模型即服务（MaaS）向Token即服务演进的新型服务体系。Token是AI模型处理信息的最小语义单元和基本计量单位——每一次推理、每一个智能体任务，背后都转化为Token的实际消耗。TaaS将Token生产过程标准化、自动化和规模化，为企业提供高效、稳定、可扩展的Token产能。',
|
||||
tp2: '传统的算力服务按GPU时长计费，成本高、弹性差。Token工厂通过TaaS模式，让企业按Token消耗量付费，实现算力成本的精准可控。我们整合强大的GPU算力集群、智能调度系统和推理优化引擎，大幅提升单位算力的Token产出效率。',
|
||||
tp3: 'Token工厂集成了从需求配置、任务调度、质量监控到结果交付的完整工作流，确保每一个Token产出都符合高质量标准。AI产业的核心竞争正从"比模型参数"转向"比Token产能"，TaaS正是这一趋势下的新型基础设施。',
|
||||
coreTitle: '核心能力', coreSubtitle: '专业的Token生产与服务能力',
|
||||
f1Title: '工业化生产',
|
||||
f1Desc: '标准化的生产流程，自动化的任务执行，规模化的批量处理能力。',
|
||||
f2Title: '高效生产',
|
||||
f2Desc: '基于大规模GPU算力集群，配合智能调度算法，大幅提升Token生产效率。',
|
||||
f3Title: '质量保障',
|
||||
f3Desc: '全流程质量监控，多维度质量评估，确保Token输出符合标准。',
|
||||
f4Title: '弹性扩展',
|
||||
f4Desc: '根据需求动态分配资源，支持从小规模试验到大规模生产的平滑过渡。',
|
||||
f5Title: 'AI优化',
|
||||
f5Desc: 'AI驱动的参数优化和流程优化，持续提升生产效率和输出质量。',
|
||||
f6Title: 'API接入',
|
||||
f6Desc: '标准化API接口，轻松集成到现有系统，支持多种调用方式。',
|
||||
processTitle: '服务流程', processSubtitle: '简单四步，快速获得Token生产服务',
|
||||
st1Title: '需求配置', st1Desc: '根据业务需求配置Token生产参数，选择生产规模和质量标准。',
|
||||
st2Title: '资源调度', st2Desc: '系统自动分配最优算力资源，启动Token生产任务。',
|
||||
st3Title: '生产监控', st3Desc: '实时监控生产进度和质量指标，确保任务顺利执行。',
|
||||
st4Title: '结果交付', st4Desc: '生产完成后，通过API或下载方式获取Token，开始使用。',
|
||||
useCaseTitle: '应用场景', useCaseSubtitle: '广泛的Token应用场景支持',
|
||||
uc1Title: 'AI推理服务',
|
||||
uc1Desc: '为LLM推理、内容生成、智能体任务等场景提供标准化Token服务，按Token消耗量精准计费。',
|
||||
uc1i1: '大模型推理服务', uc1i2: '智能体任务处理', uc1i3: '多模态内容生成',
|
||||
uc2Title: '数据与知识处理',
|
||||
uc2Desc: '将企业数据资产通过Token化实现标准化封装，便于AI模型训练和知识库构建。',
|
||||
uc2i1: '训练数据标准化处理', uc2i2: '知识库Token化构建', uc2i3: '文档智能解析',
|
||||
uc3Title: '算力资源量化交付',
|
||||
uc3Desc: '将GPU算力资源以Token产能形式量化交付，客户按需购买、弹性扩展。',
|
||||
uc3i1: 'GPU算力按需购买', uc3i2: '推理任务弹性调度', uc3i3: '混合算力统一管理',
|
||||
uc4Title: 'AI服务标准化',
|
||||
uc4Desc: '将各类AI服务能力封装为标准化的Token接口，实现服务的统一管理和按量计费。',
|
||||
uc4i1: 'API统一调用', uc4i2: '多模型兼容接入', uc4i3: '服务等级保障',
|
||||
ctaTitle: '立即体验Token工厂', ctaSubtitle: '登录Token工厂平台，开启Token工业化生产之旅',
|
||||
ctaBtn1: '登录Token工厂', ctaBtn2: '联系咨询',
|
||||
}
|
||||
|
||||
export const en: typeof zh = {
|
||||
badge: 'Token Factory',
|
||||
h1a: 'Industrialized Token Production',
|
||||
h1b: 'New Model',
|
||||
subtitle: 'AI TaaS (AI Token-as-a-Service) model — efficient, stable, and scalable Token service platform',
|
||||
s1Value: 'Industrial', s1Label: 'Production Model', s1Sub: 'Scalable efficient production',
|
||||
s2Value: 'TaaS', s2Label: 'Service Model', s2Sub: 'Ready to use, pay as you go',
|
||||
s3Value: 'AI-Driven', s3Label: 'Intelligent Optimization', s3Sub: 'Auto-tuning for higher efficiency',
|
||||
taasTitle: 'What is AI TaaS?',
|
||||
tp1: 'AI TaaS (AI Token-as-a-Service) represents the evolution from Model-as-a-Service (MaaS) to Token-as-a-Service in the AI industry. A token is the smallest semantic unit of AI information processing — every inference, every agent task is transformed into actual token consumption. TaaS standardizes, automates, and scales Token production for enterprises.',
|
||||
tp2: 'Traditional computing services charge by GPU-hour — costly and inflexible. Token Factory shifts to token-based billing, giving enterprises precise cost control. We integrate powerful GPU clusters, intelligent scheduling, and inference optimization engines to maximize token output per compute unit.',
|
||||
tp3: 'The Token Factory delivers a complete workflow from requirement configuration, task scheduling, and quality monitoring to result delivery — ensuring every token meets high quality standards. The AI industry\'s focus is shifting from "model scale" to "token production capacity," and TaaS is the infrastructure powering this transition.',
|
||||
coreTitle: 'Core Capabilities', coreSubtitle: 'Professional Token production and service capabilities',
|
||||
f1Title: 'Industrialized Production',
|
||||
f1Desc: 'Standardized production processes, automated task execution, and scalable batch processing.',
|
||||
f2Title: 'Efficient Production',
|
||||
f2Desc: 'Leveraging large-scale GPU clusters with intelligent scheduling to boost Token production efficiency.',
|
||||
f3Title: 'Quality Assurance',
|
||||
f3Desc: 'End-to-end quality monitoring with multi-dimensional evaluation ensuring Token output meets standards.',
|
||||
f4Title: 'Elastic Scaling',
|
||||
f4Desc: 'Dynamic resource allocation supporting smooth transitions from small tests to large-scale production.',
|
||||
f5Title: 'AI Optimization',
|
||||
f5Desc: 'AI-driven parameter and process optimization for continuously improving efficiency and quality.',
|
||||
f6Title: 'API Integration',
|
||||
f6Desc: 'Standardized API interfaces that easily integrate into existing systems.',
|
||||
processTitle: 'Service Process', processSubtitle: 'Four simple steps to get Token production services',
|
||||
st1Title: 'Configure Requirements', st1Desc: 'Configure Token production parameters based on business needs, selecting scale and quality standards.',
|
||||
st2Title: 'Resource Scheduling', st2Desc: 'System automatically allocates optimal computing resources and launches the production task.',
|
||||
st3Title: 'Production Monitoring', st3Desc: 'Real-time monitoring of production progress and quality metrics to ensure smooth execution.',
|
||||
st4Title: 'Result Delivery', st4Desc: 'Once complete, obtain Tokens via API or download and start using them.',
|
||||
useCaseTitle: 'Use Cases', useCaseSubtitle: 'Broad Token application scenario support',
|
||||
uc1Title: 'AI Inference Services',
|
||||
uc1Desc: 'Standardized token services for LLM inference, content generation, and agent tasks — billed precisely per token consumed.',
|
||||
uc1i1: 'Large model inference', uc1i2: 'Agent task processing', uc1i3: 'Multi-modal content generation',
|
||||
uc2Title: 'Data & Knowledge Processing',
|
||||
uc2Desc: 'Standardized encapsulation of enterprise data assets as tokens, enabling AI model training and knowledge base construction.',
|
||||
uc2i1: 'Training data standardization', uc2i2: 'Knowledge base tokenization', uc2i3: 'Document intelligence parsing',
|
||||
uc3Title: 'Compute Resource Delivery',
|
||||
uc3Desc: 'GPU compute resources delivered as quantifiable token production capacity — pay-as-you-go with elastic scaling.',
|
||||
uc3i1: 'On-demand GPU compute', uc3i2: 'Elastic inference scheduling', uc3i3: 'Hybrid compute unified management',
|
||||
uc4Title: 'AI Service Standardization',
|
||||
uc4Desc: 'AI service capabilities packaged as standardized token interfaces for unified management and usage-based billing.',
|
||||
uc4i1: 'Unified API access', uc4i2: 'Multi-model compatibility', uc4i3: 'Service level guarantees',
|
||||
ctaTitle: 'Try Token Factory Now', ctaSubtitle: 'Log in to the Token Factory and start your journey',
|
||||
ctaBtn1: 'Login to Token Factory', ctaBtn2: 'Contact Us',
|
||||
}
|
||||
Loading…
Reference in New Issue