Spaces:
Build error
Build error
File size: 3,149 Bytes
cdd31f9 1df6d30 cdd31f9 1df6d30 cdd31f9 1df6d30 cdd31f9 1df6d30 cdd31f9 1df6d30 cdd31f9 1df6d30 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 | import { useState, useEffect } from 'react'
import Head from 'next/head'
import { FaCode, FaRobot, FaMicrophone, FaLanguage } from 'react-icons/fa'
import CodeEditor from '../components/CodeEditor'
import ChatInterface from '../components/ChatInterface'
import VoiceControl from '../components/VoiceControl'
import AgentWorkflow from '../components/AgentWorkflow'
export default function Home() {
const [activeTab, setActiveTab] = useState('chat')
const [language, setLanguage] = useState('fa')
return (
<div className="min-h-screen bg-gray-100">
<Head>
<title>GhadirSync-AI | برنامهنویسی هوشمند</title>
<meta name="description" content="دستیار هوشمند برنامهنویسی با قابلیتهای پیشرفته" />
</Head>
<header className="bg-blue-600 text-white p-4 shadow-md">
<div className="container mx-auto flex justify-between items-center">
<h1 className="text-2xl font-bold">GhadirSync-AI</h1>
<div className="flex items-center space-x-4">
<button
onClick={() => setLanguage(language === 'fa' ? 'en' : 'fa')}
className="flex items-center px-3 py-1 rounded bg-blue-700 hover:bg-blue-800"
>
<FaLanguage className="ml-1" />
{language === 'fa' ? 'English' : 'فارسی'}
</button>
<a
href="https://huggingface.co/spaces/akhaliq/anycoder"
target="_blank"
rel="noopener noreferrer"
className="text-sm hover:underline"
>
Built with anycoder
</a>
</div>
</div>
</header>
<main className="container mx-auto p-4">
<div className="flex mb-4 border-b border-gray-300">
<button
className={`px-4 py-2 font-medium ${activeTab === 'chat' ? 'text-blue-600 border-b-2 border-blue-600' : 'text-gray-600'}`}
onClick={() => setActiveTab('chat')}
>
<FaRobot className="inline ml-1" />
{language === 'fa' ? 'چت هوشمند' : 'AI Chat'}
</button>
<button
className={`px-4 py-2 font-medium ${activeTab === 'code' ? 'text-blue-600 border-b-2 border-blue-600' : 'text-gray-600'}`}
onClick={() => setActiveTab('code')}
>
<FaCode className="inline ml-1" />
{language === 'fa' ? 'ویرایشگر کد' : 'Code Editor'}
</button>
<button
className={`px-4 py-2 font-medium ${activeTab === 'agent' ? 'text-blue-600 border-b-2 border-blue-600' : 'text-gray-600'}`}
onClick={() => setActiveTab('agent')}
>
<FaMicrophone className="inline ml-1" />
{language === 'fa' ? 'عامل هوشمند' : 'AI Agent'}
</button>
</div>
{activeTab === 'chat' && <ChatInterface language={language} />}
{activeTab === 'code' && <CodeEditor language={language} />}
{activeTab === 'agent' && <AgentWorkflow language={language} />}
</main>
</div>
)
} |