[{"_1":2,"_170":-5,"_171":-5},"loaderData",{"_3":4,"_91":92,"_158":159,"_169":-5},"root",{"_5":6,"_32":33,"_58":59,"_89":90},"ctx",{"_7":8,"_18":19,"_20":-5,"_21":22,"_23":24,"_25":26,"_27":26,"_28":29,"_30":31},"auth",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5},"sessionClaims","sessionId","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","environmentVariableKeys",[],"user","preferences_keybindings","default","preferences_theme","light","preferences_fixers",false,"preferences_copilot","preferences_model","claude-3-5-haiku-20241022","notification_count",0,"ENV",{"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_52":53,"_54":55,"_56":57},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","e0489e7a699ffd54eb05407c777726bbdb4b433c","RENDER_GIT_BRANCH","main","CLERK_PUBLISHABLE_KEY","pk_live_Y2xlcmsudmFsLnRvd24k","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","API_URL","https://api.val.town","WORKER_FINGERPRINT","d0746fd0512e0614e3f717607f0da4cd","clerkState",{"_60":61},"__internal_clerk_state",{"_62":63,"_64":43,"_65":66,"_67":66,"_68":26,"_69":66,"_70":66,"_71":66,"_72":66,"_73":66,"_74":66,"_75":66,"_76":66,"_77":78,"_87":26,"_88":26},"__clerk_ssr_state",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__signInForceRedirectUrl","__signUpForceRedirectUrl","__signInFallbackRedirectUrl","__signUpFallbackRedirectUrl","__clerk_debug",{"_79":26,"_80":66,"_81":82,"_83":66,"_84":43,"_85":26,"_86":66},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","remixVersion",2,"routes/_app.v.$handle.$name",{"_93":94,"_95":96,"_94":97,"_153":-5,"_154":-5,"_155":156,"_128":129,"_136":137,"_100":101,"_98":99,"_117":-7,"_50":51,"_157":26},"type","val","author","b643a9b0-e147-11ef-9be8-d50878d6db02",{"_98":99,"_95":96,"_100":101,"_102":-5,"_103":-5,"_104":105,"_106":-5,"_107":108,"_109":110,"_111":26,"_112":110,"_113":114,"_115":116,"_117":118,"_119":26,"_120":31,"_121":31,"_122":31,"_123":31,"_124":31,"_125":31,"_126":-5,"_20":127,"_132":-5,"_133":-7,"_134":135,"_136":137,"_138":139},"name","createWebsite","valNameId","1a2f7922-e148-11ef-8cce-e6cdfca9ef9f","parentFolderId","isOwned","privacy","public","readme","valType","http","currentVersion","308007ea-e14e-11ef-b069-e6cdfca9ef9f","legacyPrivate","id","code","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\n// Utility Functions\nconst API_BASE_URL = 'https://api.example.com';\n\n// Components\nfunction LanguageSwitcher() {\n const [language, setLanguage] = useState('fa');\n \n const languages = [\n { code: 'fa', name: 'فارسی' },\n { code: 'en', name: 'English' }\n ];\n\n const handleLanguageChange = (lang) => {\n setLanguage(lang);\n // Implement language change logic\n };\n\n return (\n

\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`;","createdAt",["D",1738491140895],"version",3,"currentUserHasLiked","likeCount","forkCount","referenceCount","dependencyCount","commentCount","prCount","mergedPr",{"_128":129,"_130":131},"handle","Mostafa3135","profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJzVG42amZDQVpsU1pWZmVVS1B4M29CQlJiaiJ9","forkedVal","interval","slug","Mostafa3135/createWebsite","description","@jsxImportSource https://esm.sh/react@18.2.0","versions",[140,143,146,150],{"_117":118,"_141":-5,"_115":142,"_112":110},"prId",["D",1738491140895],{"_117":90,"_141":-5,"_115":144,"_112":145},["D",1738490555465],"d38d7e56-e14c-11ef-bece-e6cdfca9ef9f",{"_117":147,"_141":-5,"_115":148,"_112":149},1,["D",1738489468790],"4bec394e-e14a-11ef-bba2-e6cdfca9ef9f",{"_117":31,"_141":-5,"_115":151,"_112":152},["D",1738488526493],"1a3263ee-e148-11ef-8cce-e6cdfca9ef9f","recentThread","breadcrumbs","comments",[],"isOwner","routes/_app.v.$handle.$name.versions.$(version)",{"_93":160,"_161":162,"_94":163},"single","redirect","/v/Mostafa3135/createWebsite/versions",{"_112":110,"_113":114,"_117":118,"_115":164,"_165":99,"_100":101,"_107":108,"_128":129,"_11":96,"_166":-5,"_167":-5,"_168":-5,"_157":26,"_134":135},["D",1738491140895],"valName","deletedAt","messageId","threadId","routes/_app","actionData","errors"]

createWebsite

Version 3