\n {languages.map(lang => (\n \n ))}\n

\n );\n}\n\nfunction Navbar() {\n const [isMenuOpen, setIsMenuOpen] = useState(false);\n\n return (\n \n );\n}\n\nfunction Login() {\n const [loginData, setLoginData] = useState({\n username: '',\n password: ''\n });\n\n const handleLogin = async (e) => {\n e.preventDefault();\n try {\n const response = await fetch(`${API_BASE_URL}/login`, {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(loginData)\n });\n const data = await response.json();\n // Handle login logic\n } catch (error) {\n console.error('Login error', error);\n }\n };\n\n return (\n

ورود به حساب کاربری

\n \n

\n );\n}\n\nfunction SignUp() {\n const [formData, setFormData] = useState({\n username: '',\n email: '',\n password: '',\n confirmPassword: ''\n });\n\n const handleSubmit = async (e) => {\n e.preventDefault();\n if (formData.password !== formData.confirmPassword) {\n alert('رمزهای عبور مطابقت ندارند');\n return;\n }\n\n try {\n const response = await fetch(`${API_BASE_URL}/signup`, {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(formData)\n });\n const data = await response.json();\n // Handle signup logic\n } catch (error) {\n console.error('Signup error', error);\n }\n };\n\n return (\n

ثبت نام

\n \n

\n );\n}\n\nfunction FileUpload() {\n const [selectedFile, setSelectedFile] = useState(null);\n\n const handleFileChange = (e) => {\n setSelectedFile(e.target.files[0]);\n };\n\n const handleUpload = async () => {\n if (!selectedFile) return;\n\n const formData = new FormData();\n formData.append('file', selectedFile);\n\n try {\n const response = await fetch(`${API_BASE_URL}/upload`, {\n method: 'POST',\n body: formData\n });\n const data = await response.json();\n // Handle file upload logic\n } catch (error) {\n console.error('File upload error', error);\n }\n };\n\n return (\n

آپلود فایل

\n \n \n

\n );\n}\n\nfunction ChatSupport() {\n const [message, setMessage] = useState('');\n const [messages, setMessages] = useState([]);\n\n const handleSendMessage = async () => {\n if (message.trim()) {\n const newMessage = { text: message, sender: 'user' };\n setMessages([...messages, newMessage]);\n setMessage('');\n\n try {\n const response = await fetch(`${API_BASE_URL}/chat`, {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ message })\n });\n const data = await response.json();\n // Handle chat response\n setMessages(prev => [...prev, { text: data.response, sender: 'support' }]);\n } catch (error) {\n console.error('Chat error', error);\n }\n }\n };\n\n return (\n

پشتیبانی آنلاین

\n {messages.map((msg, index) => (\n

\n {msg.text}\n

\n ))}\n

\n setMessage(e.target.value)}\n placeholder=\"پیام خود را بنویسید\"\n />\n \n

\n );\n}\n\nfunction Services() {\n const services = [\n { \n icon: '🌐', \n title: 'طراحی وب', \n description: 'طراحی وب‌سایت‌های حرفه‌ای و پاسخگو' \n },\n { \n icon: '📱', \n title: 'توسعه اپلیکیشن', \n description: 'توسعه اپلیکیشن‌های موبایل و وب' \n },\n { \n icon: '🔒', \n title: 'امنیت اطلاعات', \n description: 'خدمات امنیت اطلاعات و شبکه' \n }\n ];\n\n return (\n

خدمات ما

\n {services.map((service, index) => (\n

\n {service.icon}\n

{service.title}

{service.description}

\n ))}\n

\n );\n}\n\nfunction About() {\n return (\n

درباره ما

\n ما یک تیم متخصص در ارائه راه‌حل‌های دیجیتال هستیم. \n با تجربه و دانش گسترده در زمینه فناوری اطلاعات، \n هدف ما کمک به رشد و توسعه کسب و کارهای شما است.\n

\n );\n}\n\nfunction App() {\n return (\n

\n \n

خوش آمدید به وب‌سایت ما

راه‌حل‌های دیجیتال برای کسب و کار شما

\n\n \n \n \n \n \n \n

\n\n \n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n return new Response(`\n \n \n \n \n وب‌سایت چندمنظوره\n \n \n \n

\n \n \n \n \n `, {\n headers: { \"content-type\": \"text/html\" }\n });\n}\n\nconst css = `\n:root {\n --primary-color: #4a90e2;\n --secondary-color: #f4f4f4;\n --text-color: #333;\n --accent-color: #2c3e50;\n}\n\n* {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\nbody {\n font-family: 'Vazirmatn', system-ui, sans-serif;\n line-height: 1.6;\n background-color: var(--secondary-color);\n color: var(--text-color);\n text-align: right;\n}\n\n.app-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 20px;\n}\n\n/* Navbar Styles */\n.navbar {\n display: flex;\n justify-content: space-between;\n align-items: center;\n background-color: var(--primary-color);\n color: white;\n padding: 15px;\n border-radius: 5px;\n position: relative;\n}\n\n.navbar .nav-links {\n display: flex;\n list-style: none;\n gap: 20px;\n}\n\n.navbar a {\n color: white;\n text-decoration: none;\n transition: color 0.3s ease;\n}\n\n.navbar a:hover {\n color: var(--accent-color);\n}\n\n.language-switcher {\n display: flex;\n gap: 10px;\n}\n\n.language-switcher button {\n background: none;\n border: 1px solid white;\n color: white;\n padding: 5px 10px;\n border-radius: 4px;\n cursor: pointer;\n}\n\n.language-switcher button.active {\n background-color: white;\n color: var(--primary-color);\n}\n\n/* Form Styles */\n.login-form, .signup-form, .file-upload {\n background-color: white;\n padding: 20px;\n border-radius: 8px;\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n margin: 20px 0;\n}\n\n.login-form input, \n.signup-form input, \n.file-upload input {\n width: 100%;\n padding: 10px;\n margin-bottom: 10px;\n border: 1px solid #ddd;\n border-radius: 4px;\n}\n\n.login-form button, \n.signup-form button, \n.file-upload button {\n width: 100%;\n padding: 10px;\n background-color: var(--primary-color);\n color: white;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n}\n\n/* Services Styles */\n.services-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 15px;\n}\n\n.service-item {\n background-color: white;\n padding: 20px;\n text-align: center;\n border-radius: 8px;\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n}\n\n.service-icon {\n font-size: 2rem;\n margin-bottom: 10px;\n display: block;\n}\n\n/* Chat Support Styles */\n.chat-support {\n background-color: white;\n border-radius: 8px;\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n padding: 20px;\n margin-top: 20px;\n}\n\n.chat-messages {\n height: 300px;\n overflow-y: auto;\n border-bottom: 1px solid #ddd;\n margin-bottom: 15px;\n}\n\n.chat-input {\n display: flex;\n gap: 10px;\n}\n\n.chat-input input {\n flex-grow: 1;\n padding: 10px;\n border: 1px solid #ddd;\n border-radius: 4px;\n}\n\n/* Footer Styles */\nfooter {\n background-color: var(--primary-color);\n color: white;\n padding: 20px;\n margin-top: 20px;\n border-radius: 5px;\n}\n\n.footer-content {\n display: flex;\n justify-content: space-between;\n}\n\n.footer-section {\n flex: 1;\n margin: 0 10px;\n}\n\n.footer-section ul {\n list-style: none;\n}\n\n.footer-section a {\n color: white;\n text-decoration: none;\n}\n\n.copyright {\n text-align: center;\n margin-top: 15px;\n border-top: 1px solid rgba(255,255,255,0.2);\n padding-top: 15px;\n}\n\n/* Responsive Design */\n@media (max-width: 768px) {\n .navbar {\n flex-direction: column;\n }\n\n .navbar .nav-links {\n flex-direction: column;\n width: 100%;\n display: none;\n }\n\n .navbar .nav-links.active {\n display: flex;\n }\n\n .mobile-menu-toggle {\n display: block;\n position: absolute;\n top: 15px;\n left: 15px;\n background: none;\n border: none;\n color: white;\n font-size: 1.5rem;\n }\n\n .services-grid {\n grid-template-columns: 1fr;\n }\n\n .footer-content {\n flex-direction: column;\n }\n}\n`;","deleted","label",[98],"permalink","https://www.val.town/x/Mostafa3135/createWebsite/code/main.tsx","extension","actionData","errors"]