/*
Copyright (C) 2025 QuantumNous
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as
published by the Free Software Foundation, either version 3 of the
License, or (at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU Affero General Public License for more details.
You should have received a copy of the GNU Affero General Public License
along with this program. If not, see .
For commercial licensing, please contact support@quantumnous.com
*/
import React, { useState, useEffect, useCallback, useRef } from 'react';
import { Link, useNavigate } from 'react-router-dom';
import { useTranslation } from 'react-i18next';
import { Copy, Check, Code, Terminal, FileCode, Box, Grid3X3, Play, Trophy, PieChart, BookOpen, Search, Sun, Moon, Monitor, Languages } from 'lucide-react';
/* ==================================================================
TokenDance-style Home Page
Design: black/white minimal with serif headings
================================================================== */
/* ─── Hero Marquee Carousel Texts ────────────────────────── */
const CAROUSEL_TEXTS = [
'OpenAI 协议',
'Claude 协议',
'Gemini 协议',
'智能路由',
'统一计费',
'模型丰富',
'安全可靠',
'开箱即用',
];
/* ─── Hero Section ──────────────────────────────────────────── */
/* --- Helper: Theme Toggle --- */
function HomeThemeToggle() {
const { t } = useTranslation();
const [open, setOpen] = useState(false);
const ref = useRef(null);
useEffect(() => {
if (!open) return;
const handler = (e) => { if (ref.current && !ref.current.contains(e.target)) setOpen(false); };
document.addEventListener("mousedown", handler);
return () => document.removeEventListener("mousedown", handler);
}, [open]);
const theme = localStorage.getItem("theme-mode") || "auto";
const applyTheme = useCallback((val) => {
const actualTheme = val === 'auto'
? (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light')
: val;
if (actualTheme === 'dark') {
document.body.setAttribute('theme-mode', 'dark');
document.documentElement.classList.add('dark');
} else {
document.body.removeAttribute('theme-mode');
document.documentElement.classList.remove('dark');
}
}, []);
const setTheme = (val) => {
localStorage.setItem("theme-mode", val);
applyTheme(val);
setOpen(false);
};
useEffect(() => {
applyTheme(theme);
const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
const handleChange = () => {
const stored = localStorage.getItem("theme-mode") || "auto";
applyTheme(stored);
};
mediaQuery.addEventListener('change', handleChange);
return () => mediaQuery.removeEventListener('change', handleChange);
}, [applyTheme]);
const icons = { light: , dark: , auto: };
return (
TuringToken
BETA