Hugging Face's logo

Spaces:
maimaiti5167
/
https-huggingface-co-datasets-maimaiti5167-5555
Running

App Files Community
https-huggingface-co-datasets-maimaiti5167-5555 / index.html
maimaiti5167's picture
maimaiti5167
Add 2 files
284687b verified
raw
history blame contribute delete
43 kB
 <!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>تېخنىكا - Technology Services</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<link
href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP&family=Noto+Sans+KR&family=Noto+Sans+SC&family=Noto+Sans+Arabic&family=Noto+Sans&family=Noto+Sans+Uyghur&family=Noto+Sans+Display&display=swap"
rel="stylesheet">
<style>
.fab {
font-size: 1.5rem;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.font-sans {
font-family: "Noto Sans", sans-serif;
}
.font-jp {
font-family: "Noto Sans JP", sans-serif;
}
.font-kr {
font-family: "Noto Sans KR", sans-serif;
}
.font-cn {
font-family: "Noto Sans SC", sans-serif;
}
.font-ar {
font-family: "Noto Sans Arabic", sans-serif;
}
.font-ug {
font-family: "Noto Sans Uyghur", sans-serif;
}
.font-ru {
font-family: "Noto Sans Display", sans-serif;
}
.rounded-button {
border-radius: 0.5rem;
}
</style>
</head>
<body class="min-h-screen bg-gradient-to-b from-gray-50 to-gray-100 font-ug" dir="rtl">
<!-- Header -->
<header class="fixed w-full bg-white/80 backdrop-blur-md z-50 border-b border-gray-100">
<div class="max-w-7xl mx-auto px-6 h-20 flex items-center justify-between">
<div class="flex items-center gap-2">
<img src="https://static.readdy.ai/image/1fedead0a733fd83ff30e4e85f00db1f/1225050419938d725e6523f05e88427f.png" alt="شىركەت بەلگىسى" class="h-12 w-auto">
<span class="text-2xl font-bold bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent">تېخنىكا</span>
</div>
<nav class="flex items-center gap-8">
<a href="#" class="text-gray-700 hover:text-blue-600 transition-colors" data-translate="home">باش بەت</a>
<a href="#" class="text-gray-700 hover:text-blue-600 transition-colors"
data-translate="services">مۇلازىمەتلەر</a>
<a href="#" class="text-gray-700 hover:text-blue-600 transition-colors"
data-translate="portfolio">ئىشلىرىمىز</a>
<a href="#" class="text-gray-700 hover:text-blue-600 transition-colors" data-translate="tech">تېخنىكا</a>
<a href="#" class="text-gray-700 hover:text-blue-600 transition-colors" data-translate="contact">ئالاقە</a>
<div class="relative group">
<button class="flex items-center gap-1 text-gray-700 hover:text-blue-600 transition-colors">
<span data-translate="language">تىل</span>
<i class="fas fa-chevron-down text-xs"></i>
</button>
<div class="absolute top-full right-0 mt-2 w-48 bg-white rounded-lg shadow-lg py-2 hidden group-hover:block">
<button onclick="changeLang('ug')" class="block w-full text-right px-4 py-2 text-gray-700 hover:bg-blue-50">ئۇيغۇرچە</button>
<button onclick="changeLang('zh')" class="block w-full text-right px-4 py-2 text-gray-700 hover:bg-blue-50">中文</button>
<button onclick="changeLang('en')" class="block w-full text-right px-4 py-2 text-gray-700 hover:bg-blue-50">English</button>
<button onclick="changeLang('ru')" class="block w-full text-right px-4 py-2 text-gray-700 hover:bg-blue-50">Русский</button>
<button onclick="changeLang('es')" class="block w-full text-right px-4 py-2 text-gray-700 hover:bg-blue-50">Español</button>
<button onclick="changeLang('fr')" class="block w-full text-right px-4 py-2 text-gray-700 hover:bg-blue-50">Français</button>
<button onclick="changeLang('de')" class="block w-full text-right px-4 py-2 text-gray-700 hover:bg-blue-50">Deutsch</button>
<button onclick="changeLang('ja')" class="block w-full text-right px-4 py-2 text-gray-700 hover:bg-blue-50">日本語</button>
<button onclick="changeLang('ko')" class="block w-full text-right px-4 py-2 text-gray-700 hover:bg-blue-50">한국어</button>
<button onclick="changeLang('ar')" class="block w-full text-right px-4 py-2 text-gray-700 hover:bg-blue-50">العربية</button>
</div>
</div>
<button class="rounded-button bg-blue-600 text-white px-6 py-2 hover:bg-blue-700 transition-colors" data-translate="contactUs">
بىز بىلەن ئالاقىلىشىڭ
</button>
</nav>
</div>
</header>
<!-- Hero Section -->
<section class="relative min-h-screen pt-20 overflow-hidden">
<div class="absolute inset-0 z-0">
<img src="https://public.readdy.ai/ai/img_res/441132e03b53b6af2f1a06f9bef5b261.jpg" class="w-full h-full object-cover object-center" alt="Hero Background">
</div>
<div class="relative z-10 max-w-7xl mx-auto px-6 pt-32">
<div class="max-w-2xl">
<h1 class="text-6xl font-bold leading-tight mb-8 text-white" data-translate="heroTitle">پېشقەدەم لايىھە ۋە
دىزايىن مۇلازىمىتى</h1>
<p class="text-xl text-gray-100 mb-12" data-translate="heroDesc">
بىز سىزنىڭ ماركىڭىزنى يۇقىرى سۈپەتلىك قىلىپ لايىھەلەيمىز. شىركەت كىملىكىدىن تارتىپ تور بەت، ئەپ دىزايىنىغىچە
تولۇق مۇلازىمەت بىلەن تەمىنلەيمىز.
</p>
<button class="rounded-button bg-white text-blue-600 px-8 py-4 text-lg font-medium hover:bg-gray-100 transition-colors" data-translate="viewWork">
ئىشلىرىمىزنى كۆرۈڭ
</button>
</div>
</div>
</section>
<!-- Services -->
<section class="py-24 bg-white">
<div class="max-w-7xl mx-auto px-6">
<h2 class="text-4xl font-bold text-center mb-16" data-translate="ourServices">مۇلازىمەتلىرىمىز</h2>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 lg:gap-12">
<!-- Service 1 -->
<div
class="group relative bg-white rounded-xl shadow-lg hover:shadow-xl transition-all duration-300 overflow-hidden transform hover:-translate-y-2">
<div class="aspect-square">
<img src="https://public.readdy.ai/ai/img_res/913192bb289cb9833c5d3b3e0cb6a60d.jpg" alt="قىسقا فىلىم ئىشلەش" class="w-full h-full object-cover">
</div>
<div class="p-6">
<h3 class="text-xl font-bold mb-3" data-translate="service1Title">قىسقا فىلىم ئىشلەش</h3>
<p class="text-gray-600 mb-4" data-translate="service1Desc">پېشقەدەم قىسقا فىلىم ئىشلەش ۋە كەسپىي مونتاژ</p>
<div class="flex flex-wrap gap-2 mb-4">
<span class="px-3 py-1 bg-blue-100 text-blue-800 rounded-full text-sm">TikTok</span>
<span class="px-3 py-1 bg-blue-100 text-blue-800 rounded-full text-sm">YouTube</span>
<span class="px-3 py-1 bg-blue-100 text-blue-800 rounded-full text-sm" data-translate="advertising">تەشۋىقات</span>
<span class="px-3 py-1 bg-blue-100 text-blue-800 rounded-full text-sm" data-translate="education">ئۆگىنىش</span>
</div>
<div class="flex items-center justify-between pt-4 border-t border-gray-100">
<span class="text-lg font-semibold text-blue-600">¥2799</span>
<button class="rounded-button px-4 py-2 bg-blue-600 text-white hover:bg-blue-700 transition-colors whitespace-nowrap" data-translate="getService">
مۇلازىمەت ئېلىش
</button>
</div>
</div>
</div>
<!-- Service 2 -->
<div
class="group relative bg-white rounded-xl shadow-lg hover:shadow-xl transition-all duration-300 overflow-hidden transform hover:-translate-y-2">
<div class="aspect-square">
<img src="https://public.readdy.ai/ai/img_res/f821231366595e9ded8be90b81346c22.jpg" alt="ماركا لايىھەسى" class="w-full h-full object-cover">
</div>
<div class="p-6">
<h3 class="text-xl font-bold mb-3" data-translate="service2Title">ماركا لايىھەسى</h3>
<p class="text-gray-600 mb-4" data-translate="service2Desc">شىركەت كىملىكى، ماركا ئوبرازى ۋە لوگو لايىھەسى
</p>
<div class="flex flex-wrap gap-2 mb-4">
<span class="px-3 py-1 bg-blue-100 text-blue-800 rounded-full text-sm" data-translate="food">يېمەك-ئىچمەك</span>
<span class="px-3 py-1 bg-blue-100 text-blue-800 rounded-full text-sm" data-translate="commerce">سودا-سېتىق</span>
<span class="px-3 py-1 bg-blue-100 text-blue-800 rounded-full text-sm" data-translate="education">مائارىپ</span>
<span class="px-3 py-1 bg-blue-100 text-blue-800 rounded-full text-sm" data-translate="tech">تېخنىكا</span>
</div>
<div class="flex items-center justify-between pt-4 border-t border-gray-100">
<span class="text-lg font-semibold text-blue-600">¥24499</span>
<button class="rounded-button px-4 py-2 bg-blue-600 text-white hover:bg-blue-700 transition-colors whitespace-nowrap" data-translate="getService">
مۇلازىمەت ئېلىش
</button>
</div>
</div>
</div>
<!-- Service 3 -->
<div
class="group relative bg-white rounded-xl shadow-lg hover:shadow-xl transition-all duration-300 overflow-hidden transform hover:-translate-y-2">
<div class="aspect-square">
<img src="https://public.readdy.ai/ai/img_res/8e5308d7af84aa223c9b836bf83fe028.jpg" alt="UI/UX دىزايىن" class="w-full h-full object-cover">
</div>
<div class="p-6">
<h3 class="text-xl font-bold mb-3" data-translate="service3Title">UI/UX دىزايىن</h3>
<p class="text-gray-600 mb-4" data-translate="service3Desc">ئەپ ۋە تور بەت ئىشلىتىش كۆرۈنۈشى لايىھەسى</p>
<div class="flex flex-wrap gap-2 mb-4">
<span class="px-3 py-1 bg-blue-100 text-blue-800 rounded-full text-sm" data-translate="ecommerce">ئېلېكترونلۇق سودا</span>
<span class="px-3 py-1 bg-blue-100 text-blue-800 rounded-full text-sm" data-translate="social">ئىجتىمائىي تاراتقۇ</span>
<span class="px-3 py-1 bg-blue-100 text-blue-800 rounded-full text-sm" data-translate="finance">مالىيە</span>
<span class="px-3 py-1 bg-blue-100 text-blue-800 rounded-full text-sm" data-translate="education">ئوقۇتۇش</span>
</div>
<div class="flex items-center justify-between pt-4 border-t border-gray-100">
<span class="text-lg font-semibold text-blue-600">¥4199</span>
<button class="rounded-button px-4 py-2 bg-blue-600 text-white hover:bg-blue-700 transition-colors whitespace-nowrap" data-translate="getService">
مۇلازىمەت ئېلىش
</button>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Portfolio -->
<section class="py-24 bg-gray-50">
<div class="max-w-7xl mx-auto px-6">
<h2 class="text-4xl font-bold text-center mb-16" data-translate="ourWork">ئىشلىرىمىز</h2>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 lg:gap-12">
<!-- Project 1 -->
<div class="group relative bg-white rounded-xl overflow-hidden">
<div class="aspect-video">
<img src="https://public.readdy.ai/ai/img_res/bf1e76b9e5c59156fb4068d363cae50b.jpg" alt="سودا مەركىزى 3D مودېلى" class="w-full h-full object-cover">
</div>
<div
class="absolute inset-0 bg-gradient-to-t from-black/80 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300">
<div class="absolute bottom-0 left-0 right-0 p-6 text-white">
<h3 class="text-xl font-bold mb-2" data-translate="project1Title">سودا مەركىزى 3D مودېلى</h3>
<p class="text-sm" data-translate="project1Desc">پۈتۈن شەھەر سودا مەركىزىنىڭ 3D مودېلى</p>
</div>
</div>
</div>
<!-- Project 2 -->
<div class="group relative bg-white rounded-xl overflow-hidden">
<div class="aspect-video">
<img src="https://public.readdy.ai/ai/img_res/f367fa4430747a5d0155b503e4c11c00.jpg" alt="VR ئويۇن" class="w-full h-full object-cover">
</div>
<div
class="absolute inset-0 bg-gradient-to-t from-black/80 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300">
<div class="absolute bottom-0 left-0 right-0 p-6 text-white">
<h3 class="text-xl font-bold mb-2" data-translate="project2Title">VR ئويۇن</h3>
<p class="text-sm" data-translate="project2Desc">تولۇق فۇنكسىيەلىك VR ئويۇن تۈرى</p>
</div>
</div>
</div>
<!-- Project 3 -->
<div class="group relative bg-white rounded-xl overflow-hidden">
<div class="aspect-video">
<img src="https://public.readdy.ai/ai/img_res/3620bcc3b75ecd4762bc4b830d9eab1e.jpg" alt="شىركەت تور بېكىتى" class="w-full h-full object-cover">
</div>
<div
class="absolute inset-0 bg-gradient-to-t from-black/80 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300">
<div class="absolute bottom-0 left-0 right-0 p-6 text-white">
<h3 class="text-xl font-bold mb-2" data-translate="project3Title">شىركەت تور بېكىتى</h3>
<p class="text-sm" data-translate="project3Desc">زامانىۋى كۆرۈنۈشتىكى شىركەت تور بېكىتى</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Contact -->
<section class="py-24 bg-white">
<div class="max-w-7xl mx-auto px-6">
<div class="grid grid-cols-1 lg:grid-cols-2 gap-16">
<div>
<h2 class="text-4xl font-bold mb-8" data-translate="contactUs">بىز بىلەن ئالاقىلىشىڭ</h2>
<p class="text-lg text-gray-600 mb-8" data-translate="contactDesc">
سىزنىڭ تۈرىڭىز ھەققىدە سۆھبەتلىشىشنى خالامسىز؟ بىزگە خەت يوللاڭ.
</p>
<div class="space-y-6">
<div>
<label class="block text-sm font-medium text-gray-700 mb-2" data-translate="yourName">ئىسمىڭىز</label>
<input type="text" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-600 focus:border-transparent">
</div>
<div>
<label class="block text-sm font-medium text-gray-700 mb-2" data-translate="email">ئېلخەت</label>
<input type="email" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-600 focus:border-transparent">
</div>
<div>
<label class="block text-sm font-medium text-gray-700 mb-2" data-translate="message">ئۇچۇر</label>
<textarea rows="4" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-600 focus:border-transparent"></textarea>
</div>
<button class="rounded-button w-full bg-blue-600 text-white py-3 hover:bg-blue-700 transition-colors" data-translate="send">
يوللاش
</button>
</div>
</div>
<div class="relative">
<img src="https://public.readdy.ai/ai/img_res/28a3f42ac38d05f3dd2e4f72367c26c9.jpg" alt="Contact" class="w-full h-full object-cover rounded-xl">
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="bg-gray-900 text-white py-16">
<div class="max-w-7xl mx-auto px-6">
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12">
<div>
<h3 class="text-xl font-bold mb-4" data-translate="company">شىركەت</h3>
<p class="text-gray-400" data-translate="companyDesc">
يېڭى دەۋر تېخنىكىسى بىلەن سىزنىڭ مۇۋەپپەقىيىتىڭىزگە تۆھپە قوشىمىز.
</p>
</div>
<div>
<h3 class="text-xl font-bold mb-4" data-translate="contact">ئالاقە</h3>
<p class="text-gray-400">ئۈرۈمچى شەھىرى</p>
<p class="text-gray-400">تېلېفون: 13139675083</p>
<p class="text-gray-400">ئېلخەت: only3697@hotmail.com</p>
</div>
<div>
<h3 class="text-xl font-bold mb-4" data-translate="pages">تور بەتلەر</h3>
<div class="space-y-2">
<a href="#" class="block text-gray-400 hover:text-white transition-colors" data-translate="home">باش بەت</a>
<a href="#" class="block text-gray-400 hover:text-white transition-colors"
data-translate="services">مۇلازىمەتلەر</a>
<a href="#" class="block text-gray-400 hover:text-white transition-colors"
data-translate="portfolio">ئىشلىرىمىز</a>
<a href="#" class="block text-gray-400 hover:text-white transition-colors"
data-translate="contact">ئالاقە</a>
</div>
</div>
<div>
<h3 class="text-xl font-bold mb-4" data-translate="socialMedia">ئىجتىمائىي تاراتقۇلار</h3>
<div class="flex space-x-4">
<a href="#" class="text-gray-400 hover:text-white transition-colors">
<i class="fab fa-qq"></i>
</a>
<a href="#" class="text-gray-400 hover:text-white transition-colors">
<i class="fab fa-weixin"></i>
</a>
<a href="#" class="text-gray-400 hover:text-white transition-colors">
<i class="fab fa-tiktok"></i>
</a>
<a href="#" class="text-gray-400 hover:text-white transition-colors">
<i class="fab fa-youtube"></i>
</a>
</div>
</div>
</div>
<div class="border-t border-gray-800 mt-12 pt-8 text-center text-gray-400">
<p data-translate="copyright">&copy; 2025 新疆创意之旅科技服务有限公司. بارلىق ھوقۇقلار قوغدالغان.</p>
</div>
</div>
</footer>
<script>
// Language translations
const translations = {
ug: {
home: "باش بەت",
services: "مۇلازىمەتلەر",
portfolio: "ئىشلىرىمىز",
tech: "تېخنىكا",
contact: "ئالاقە",
contactUs: "بىز بىلەن ئالاقىلىشىڭ",
language: "تىل",
heroTitle: "پېشقەدەم لايىھە ۋە دىزايىن مۇلازىمىتى",
heroDesc: "بىز سىزنىڭ ماركىڭىزنى يۇقىرى سۈپەتلىك قىلىپ لايىھەلەيمىز. شىركەت كىملىكىدىن تارتىپ تور بەت، ئەپ دىزايىنىغىچە تولۇق مۇلازىمەت بىلەن تەمىنلەيمىز.",
viewWork: "ئىشلىرىمىزنى كۆرۈڭ",
ourServices: "مۇلازىمەتلىرىمىز",
service1Title: "قىسقا فىلىم ئىشلەش",
service1Desc: "پېشقەدەم قىسقا فىلىم ئىشلەش ۋە كەسپىي مونتاژ",
service2Title: "ماركا لايىھەسى",
service2Desc: "شىركەت كىملىكى، ماركا ئوبرازى ۋە لوگو لايىھەسى",
service3Title: "UI/UX دىزايىن",
service3Desc: "ئەپ ۋە تور بەت ئىشلىتىش كۆرۈنۈشى لايىھەسى",
getService: "مۇلازىمەت ئېلىش",
ourWork: "ئىشلىرىمىز",
project1Title: "سودا مەركىزى 3D مودېلى",
project1Desc: "پۈتۈن شەھەر سودا مەركىزىنىڭ 3D مودېلى",
project2Title: "VR ئويۇن",
project2Desc: "تولۇق فۇنكسىيەلىك VR ئويۇن تۈرى",
project3Title: "شىركەت تور بېكىتى",
project3Desc: "زامانىۋى كۆرۈنۈشتىكى شىركەت تور بېكىتى",
yourName: "ئىسمىڭىز",
email: "ئېلخەت",
message: "ئۇچۇر",
send: "يوللاش",
company: "شىركەت",
companyDesc: "يېڭى دەۋر تېخنىكىسى بىلەن سىزنىڭ مۇۋەپپەقىيىتىڭىزگە تۆھپە قوشىمىز.",
pages: "تور بەتلەر",
socialMedia: "ئىجتىمائىي تاراتقۇلار",
copyright: "&copy; 2025 新疆创意之旅科技服务有限公司. بارلىق ھوقۇقلار قوغدالغان.",
advertising: "تەشۋىقات",
education: "ئۆگىنىش",
food: "يېمەك-ئىچمەك",
commerce: "سودا-سېتىق",
ecommerce: "ئېلېكترونلۇق سودا",
social: "ئىجتىمائىي تاراتقۇ",
finance: "مالىيە"
},
zh: {
home: "首页",
services: "服务",
portfolio: "作品",
tech: "技术",
contact: "联系",
contactUs: "联系我们",
language: "语言",
heroTitle: "高端设计与创意服务",
heroDesc: "我们为您的品牌提供高质量的设计服务，从企业形象到网站和应用程序设计，我们提供全方位的服务。",
viewWork: "查看我们的作品",
ourServices: "我们的服务",
service1Title: "短视频制作",
service1Desc: "专业短视频制作和剪辑",
service2Title: "品牌设计",
service2Desc: "企业形象、品牌视觉和标志设计",
service3Title: "UI/UX设计",
service3Desc: "应用程序和网站用户体验设计",
getService: "获取服务",
ourWork: "我们的作品",
project1Title: "商业中心3D模型",
project1Desc: "整个城市商业中心的3D模型",
project2Title: "VR游戏",
project2Desc: "全功能VR游戏体验",
project3Title: "公司网站",
project3Desc: "现代化公司网站设计",
yourName: "您的姓名",
email: "电子邮件",
message: "消息",
send: "发送",
company: "公司",
companyDesc: "我们运用新时代技术为您的成功贡献力量。",
pages: "页面",
socialMedia: "社交媒体",
copyright: "&copy; 2025 新疆创意之旅科技服务有限公司. 版权所有。",
advertising: "广告",
education: "教育",
food: "餐饮",
commerce: "商业",
ecommerce: "电子商务",
social: "社交",
finance: "金融"
},
en: {
home: "Home",
services: "Services",
portfolio: "Portfolio",
tech: "Tech",
contact: "Contact",
contactUs: "Contact Us",
language: "Language",
heroTitle: "Premium Design & Creative Services",
heroDesc: "We provide high-quality design services for your brand, offering comprehensive solutions from corporate identity to website and app design.",
viewWork: "View Our Work",
ourServices: "Our Services",
service1Title: "Short Video Production",
service1Desc: "Professional short video production and editing",
service2Title: "Brand Design",
service2Desc: "Corporate identity, brand visuals and logo design",
service3Title: "UI/UX Design",
service3Desc: "App and website user interface design",
getService: "Get Service",
ourWork: "Our Work",
project1Title: "Commercial Center 3D Model",
project1Desc: "3D model of the entire city commercial center",
project2Title: "VR Game",
project2Desc: "Full-featured VR game experience",
project3Title: "Company Website",
project3Desc: "Modern company website design",
yourName: "Your Name",
email: "Email",
message: "Message",
send: "Send",
company: "Company",
companyDesc: "We contribute to your success with new era technologies.",
pages: "Pages",
socialMedia: "Social Media",
copyright: "&copy; 2025 Xinjiang Creative Journey Technology Services Co., Ltd. All rights reserved.",
advertising: "Advertising",
education: "Education",
food: "Food & Beverage",
commerce: "Commerce",
ecommerce: "E-commerce",
social: "Social",
finance: "Finance"
},
ru: {
home: "Главная",
services: "Услуги",
portfolio: "Портфолио",
tech: "Технологии",
contact: "Контакты",
contactUs: "Свяжитесь с нами",
language: "Язык",
heroTitle: "Премиум дизайн и креативные услуги",
heroDesc: "Мы предоставляем высококачественные дизайнерские услуги для вашего бренда, предлагая комплексные решения от корпоративного стиля до дизайна веб-сайтов и приложений.",
viewWork: "Посмотреть наши работы",
ourServices: "Наши услуги",
service1Title: "Создание коротких видео",
service1Desc: "Профессиональное создание и монтаж коротких видео",
service2Title: "Дизайн бренда",
service2Desc: "Корпоративный стиль, визуальный образ бренда и дизайн логотипа",
service3Title: "UI/UX дизайн",
service3Desc: "Дизайн пользовательского интерфейса для приложений и веб-сайтов",
getService: "Получить услугу",
ourWork: "Наши работы",
project1Title: "3D модель торгового центра",
project1Desc: "3D модель всего городского торгового центра",
project2Title: "VR игра",
project2Desc: "Полнофункциональный VR игровой опыт",
project3Title: "Корпоративный сайт",
project3Desc: "Современный дизайн корпоративного сайта",
yourName: "Ваше имя",
email: "Электронная почта",
message: "Сообщение",
send: "Отправить",
company: "Компания",
companyDesc: "Мы вносим вклад в ваш успех с помощью технологий новой эры.",
pages: "Страницы",
socialMedia: "Социальные сети",
copyright: "&copy; 2025 Синьцзянская компания технологических услуг Creative Journey. Все права защищены.",
advertising: "Реклама",
education: "Образование",
food: "Еда и напитки",
commerce: "Коммерция",
ecommerce: "Электронная коммерция",
social: "Социальные",
finance: "Финансы"
},
es: {
home: "Inicio",
services: "Servicios",
portfolio: "Portafolio",
tech: "Tecnología",
contact: "Contacto",
contactUs: "Contáctenos",
language: "Idioma",
heroTitle: "Servicios Premium de Diseño y Creatividad",
heroDesc: "Proporcionamos servicios de diseño de alta calidad para su marca, ofreciendo soluciones integrales desde identidad corporativa hasta diseño de sitios web y aplicaciones.",
viewWork: "Ver Nuestro Trabajo",
ourServices: "Nuestros Servicios",
service1Title: "Producción de Videos Cortos",
service1Desc: "Producción y edición profesional de videos cortos",
service2Title: "Diseño de Marca",
service2Desc: "Identidad corporativa, imagen de marca y diseño de logotipo",
service3Title: "Diseño UI/UX",
service3Desc: "Diseño de interfaz de usuario para aplicaciones y sitios web",
getService: "Obtener Servicio",
ourWork: "Nuestro Trabajo",
project1Title: "Modelo 3D de Centro Comercial",
project1Desc: "Modelo 3D de todo el centro comercial de la ciudad",
project2Title: "Juego VR",
project2Desc: "Experiencia de juego VR con todas las funciones",
project3Title: "Sitio Web Corporativo",
project3Desc: "Diseño moderno de sitio web corporativo",
yourName: "Tu Nombre",
email: "Correo Electrónico",
message: "Mensaje",
send: "Enviar",
company: "Empresa",
companyDesc: "Contribuimos a su éxito con tecnologías de la nueva era.",
pages: "Páginas",
socialMedia: "Redes Sociales",
copyright: "&copy; 2025 Xinjiang Creative Journey Technology Services Co., Ltd. Todos los derechos reservados.",
advertising: "Publicidad",
education: "Educación",
food: "Alimentos y Bebidas",
commerce: "Comercio",
ecommerce: "Comercio Electrónico",
social: "Social",
finance: "Finanzas"
},
fr: {
home: "Accueil",
services: "Services",
portfolio: "Portfolio",
tech: "Technologie",
contact: "Contact",
contactUs: "Contactez-nous",
language: "Langue",
heroTitle: "Services Premium de Design et Créativité",
heroDesc: "Nous fournissons des services de design de haute qualité pour votre marque, offrant des solutions complètes allant de l'identité d'entreprise à la conception de sites web et d'applications.",
viewWork: "Voir Notre Travail",
ourServices: "Nos Services",
service1Title: "Production de Vidéos Courtes",
service1Desc: "Production et montage professionnel de vidéos courtes",
service2Title: "Design de Marque",
service2Desc: "Identité d'entreprise, visuels de marque et conception de logo",
service3Title: "Design UI/UX",
service3Desc: "Conception d'interface utilisateur pour applications et sites web",
getService: "Obtenir le Service",
ourWork: "Notre Travail",
project1Title: "Modèle 3D de Centre Commercial",
project1Desc: "Modèle 3D de tout le centre commercial de la ville",
project2Title: "Jeu VR",
project2Desc: "Expérience de jeu VR complète",
project3Title: "Site Web d'Entreprise",
project3Desc: "Design moderne de site web d'entreprise",
yourName: "Votre Nom",
email: "Email",
message: "Message",
send: "Envoyer",
company: "Entreprise",
companyDesc: "Nous contribuons à votre succès avec les technologies de la nouvelle ère.",
pages: "Pages",
socialMedia: "Réseaux Sociaux",
copyright: "&copy; 2025 Xinjiang Creative Journey Technology Services Co., Ltd. Tous droits réservés.",
advertising: "Publicité",
education: "Éducation",
food: "Nourriture et Boissons",
commerce: "Commerce",
ecommerce: "Commerce Électronique",
social: "Social",
finance: "Finance"
},
de: {
home: "Startseite",
services: "Dienstleistungen",
portfolio: "Portfolio",
tech: "Technologie",
contact: "Kontakt",
contactUs: "Kontaktieren Sie uns",
language: "Sprache",
heroTitle: "Premium Design & Kreativdienstleistungen",
heroDesc: "Wir bieten hochwertige Design-Dienstleistungen für Ihre Marke an und bieten umfassende Lösungen von der Corporate Identity bis zum Design von Websites und Apps.",
viewWork: "Unsere Arbeit ansehen",
ourServices: "Unsere Dienstleistungen",
service1Title: "Kurzvideo-Produktion",
service1Desc: "Professionelle Kurzvideo-Produktion und -Bearbeitung",
service2Title: "Markendesign",
service2Desc: "Corporate Identity, Markenbilder und Logo-Design",
service3Title: "UI/UX-Design",
service3Desc: "App- und Website-Benutzeroberflächendesign",
getService: "Dienstleistung erhalten",
ourWork: "Unsere Arbeit",
project1Title: "Einkaufszentrum 3D-Modell",
project1Desc: "3D-Modell des gesamten städtischen Einkaufszentrums",
project2Title: "VR-Spiel",
project2Desc: "Voll funktionsfähiges VR-Spielerlebnis",
project3Title: "Firmenwebsite",
project3Desc: "Modernes Firmenwebsite-Design",
yourName: "Ihr Name",
email: "E-Mail",
message: "Nachricht",
send: "Senden",
company: "Unternehmen",
companyDesc: "Wir tragen mit Technologien der neuen Ära zu Ihrem Erfolg bei.",
pages: "Seiten",
socialMedia: "Soziale Medien",
copyright: "&copy; 2025 Xinjiang Creative Journey Technology Services Co., Ltd. Alle Rechte vorbehalten.",
advertising: "Werbung",
education: "Bildung",
food: "Essen & Getränke",
commerce: "Handel",
ecommerce: "E-Commerce",
social: "Sozial",
finance: "Finanzen"
},
ja: {
home: "ホーム",
services: "サービス",
portfolio: "ポートフォリオ",
tech: "テクノロジー",
contact: "お問い合わせ",
contactUs: "お問い合わせ",
language: "言語",
heroTitle: "プレミアムデザイン＆クリエイティブサービス",
heroDesc: "企業のアイデンティティからウェブサイトやアプリのデザインまで、総合的なソリューションを提供する高品質なデザインサービスを提供します。",
viewWork: "私たちの作品を見る",
ourServices: "私たちのサービス",
service1Title: "ショートビデオ制作",
service1Desc: "プロフェッショナルなショートビデオ制作と編集",
service2Title: "ブランドデザイン",
service2Desc: "企業のアイデンティティ、ブランドビジュアル、ロゴデザイン",
service3Title: "UI/UXデザイン",
service3Desc: "アプリとウェブサイトのユーザーインターフェースデザイン",
getService: "サービスを取得",
ourWork: "私たちの作品",
project1Title: "商業施設3Dモデル",
project1Desc: "都市全体の商業施設の3Dモデル",
project2Title: "VRゲーム",
project2Desc: "フル機能のVRゲーム体験",
project3Title: "企業ウェブサイト",
project3Desc: "モダンな企業ウェブサイトデザイン",
yourName: "お名前",
email: "メールアドレス",
message: "メッセージ",
send: "送信",
company: "会社",
companyDesc: "新しい時代のテクノロジーであなたの成功に貢献します。",
pages: "ページ",
socialMedia: "ソーシャルメディア",
copyright: "&copy; 2025 新疆創意之旅科技服務有限公司。全著作権所有。",
advertising: "広告",
education: "教育",
food: "飲食",
commerce: "商業",
ecommerce: "電子商取引",
social: "ソーシャル",
finance: "金融"
},
ko: {
home: "홈",
services: "서비스",
portfolio: "포트폴리오",
tech: "기술",
contact: "연락처",
contactUs: "문의하기",
language: "언어",
heroTitle: "프리미엄 디자인 및 크리에이티브 서비스",
heroDesc: "기업 아이덴티티부터 웹사이트 및 앱 디자인에 이르기까지 포괄적인 솔루션을 제공하는 고품질 디자인 서비스를 제공합니다.",
viewWork: "우리 작업 보기",
ourServices: "우리의 서비스",
service1Title: "짧은 영상 제작",
service1Desc: "전문적인 짧은 영상 제작 및 편집",
service2Title: "브랜드 디자인",
service2Desc: "기업 아이덴티티, 브랜드 비주얼 및 로고 디자인",
service3Title: "UI/UX 디자인",
service3Desc: "앱 및 웹사이트 사용자 인터페이스 디자인",
getService: "서비스 받기",
ourWork: "우리의 작업",
project1Title: "상업 센터 3D 모델",
project1Desc: "도시 전체 상업 센터의 3D 모델",
project2Title: "VR 게임",
project2Desc: "완전한 기능의 VR 게임 경험",
project3Title: "회사 웹사이트",
project3Desc: "현대적인 회사 웹사이트 디자인",
yourName: "당신의 이름",
email: "이메일",
message: "메시지",
send: "보내기",
company: "회사",
companyDesc: "새로운 시대의 기술로 여러분의 성공에 기여합니다.",
pages: "페이지",
socialMedia: "소셜 미디어",
copyright: "&copy; 2025 신장 창의의 여행 기술 서비스 유한회사. 모든 권리 보유.",
advertising: "광고",
education: "교육",
food: "음식 & 음료",
commerce: "상업",
ecommerce: "전자 상거래",
social: "소셜",
finance: "금융"
},
ar: {
home: "الرئيسية",
services: "الخدمات",
portfolio: "أعمالنا",
tech: "التقنية",
contact: "اتصل بنا",
contactUs: "اتصل بنا",
language: "اللغة",
heroTitle: "خدمات التصميم المتميزة والإبداعية",
heroDesc: "نقدم خدمات تصميم عالية الجودة لعلامتك التجارية، ونقدم حلولاً شاملة بدءاً من الهوية المؤسسية وحتى تصميم المواقع الإلكترونية والتطبيقات.",
viewWork: "عرض أعمالنا",
ourServices: "خدماتنا",
service1Title: "إنتاج مقاطع فيديو قصيرة",
service1Desc: "إنتاج ومونتاج مقاطع فيديو قصيرة احترافية",
service2Title: "تصميم العلامة التجارية",
service2Desc: "الهوية المؤسسية، الصور البصرية للعلامة التجارية وتصميم الشعار",
service3Title: "تصميم واجهة المستخدم/تجربة المستخدم",
service3Desc: "تصميم واجهة المستخدم للتطبيقات والمواقع الإلكترونية",
getService: "الحصول على الخدمة",
ourWork: "أعمالنا",
project1Title: "نموذج ثلاثي الأبعاد للمركز التجاري",
project1Desc: "نموذج ثلاثي الأبعاد للمركز التجاري للمدينة بأكملها",
project2Title: "لعبة الواقع الافتراضي",
project2Desc: "تجربة لعبة واقع افتراضي بكامل الميزات",
project3Title: "موقع الشركة",
project3Desc: "تصميم موقع شركة حديث",
yourName: "اسمك",
email: "البريد الإلكتروني",
message: "الرسالة",
send: "إرسال",
company: "الشركة",
companyDesc: "نساهم في نجاحك بتقنيات العصر الجديد.",
pages: "الصفحات",
socialMedia: "وسائل التواصل الاجتماعي",
copyright: "&copy; 2025 شركة شينجيانغ للإبداع والخدمات التقنية. جميع الحقوق محفوظة.",
advertising: "الإعلان",
education: "التعليم",
food: "الطعام والشراب",
commerce: "التجارة",
ecommerce: "التجارة الإلكترونية",
social: "الاجتماعي",
finance: "التمويل"
}
};
let currentLang = 'ug';
function changeLang(lang) {
currentLang = lang;
document.body.className = `min-h-screen bg-gradient-to-b from-gray-50 to-gray-100 font-${lang === 'zh' ? 'cn' : lang === 'ja' ? 'jp' : lang === 'ko' ? 'kr' : lang === 'ar' ? 'ar' : lang === 'ru' ? 'ru' : 'ug'}`;
document.body.dir = lang === 'ar' ? 'rtl' : 'ltr';
// Update all text elements
const elements = document.querySelectorAll('[data-translate]');
elements.forEach(el => {
const key = el.getAttribute('data-translate');
if (translations[lang] && translations[lang][key]) {
el.textContent = translations[lang][key];
}
});
}
// Initialize translations
document.addEventListener('DOMContentLoaded', () => {
// Update contact info
document.querySelector('footer .text-gray-400:nth-child(3)').textContent = "تېلېفون: 13139675083";
document.querySelector('footer .text-gray-400:nth-child(4)').textContent = "ئېلخەت: only3697@hotmail.com";
});
</script>
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=maimaiti5167/https-huggingface-co-datasets-maimaiti5167-5555" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
</html>