|
|
<!DOCTYPE html> |
|
|
<html lang="ug" dir="rtl"> |
|
|
<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+Uyghur&display=swap" rel="stylesheet"> |
|
|
<style> |
|
|
body { |
|
|
font-family: 'Noto Sans Uyghur', sans-serif; |
|
|
} |
|
|
.hero-overlay { |
|
|
background: linear-gradient(to right, rgba(0,0,0,0.7), rgba(0,0,0,0.3)); |
|
|
} |
|
|
.service-card:hover { |
|
|
transform: translateY(-10px); |
|
|
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); |
|
|
} |
|
|
.project-card:hover .project-overlay { |
|
|
opacity: 1; |
|
|
} |
|
|
.language-dropdown:hover .dropdown-content { |
|
|
display: block; |
|
|
} |
|
|
.gradient-text { |
|
|
background-clip: text; |
|
|
-webkit-background-clip: text; |
|
|
color: transparent; |
|
|
} |
|
|
.rtl-support { |
|
|
direction: rtl; |
|
|
} |
|
|
.ltr-support { |
|
|
direction: ltr; |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body class="bg-gray-50 text-gray-800"> |
|
|
|
|
|
<header class="fixed w-full bg-white/80 backdrop-blur-md z-50 shadow-sm"> |
|
|
<div class="container mx-auto px-6 py-4 flex justify-between items-center"> |
|
|
<div class="flex items-center space-x-2"> |
|
|
<div class="w-12 h-12 bg-blue-600 rounded-lg flex items-center justify-center"> |
|
|
<i class="fas fa-microchip text-white text-2xl"></i> |
|
|
</div> |
|
|
<span class="text-2xl font-bold gradient-text bg-gradient-to-r from-blue-600 to-purple-600">تېخنىكا</span> |
|
|
</div> |
|
|
|
|
|
<nav class="hidden md:flex items-center space-x-8"> |
|
|
<a href="#" class="text-gray-700 hover:text-blue-600 transition" data-translate="home">باش بەت</a> |
|
|
<a href="#" class="text-gray-700 hover:text-blue-600 transition" data-translate="services">مۇلازىمەتلەر</a> |
|
|
<a href="#" class="text-gray-700 hover:text-blue-600 transition" data-translate="portfolio">ئىشلىرىمىز</a> |
|
|
<a href="#" class="text-gray-700 hover:text-blue-600 transition" data-translate="solutions">چارىلار</a> |
|
|
<a href="#" class="text-gray-700 hover:text-blue-600 transition" data-translate="industries">سانائەتلەر</a> |
|
|
<a href="#" class="text-gray-700 hover:text-blue-600 transition" data-translate="about">ھەققىمىزدە</a> |
|
|
<a href="#" class="text-gray-700 hover:text-blue-600 transition" data-translate="contact">ئالاقە</a> |
|
|
|
|
|
<div class="language-dropdown relative"> |
|
|
<button class="flex items-center space-x-1 text-gray-700 hover:text-blue-600"> |
|
|
<i class="fas fa-globe"></i> |
|
|
<span data-translate="language">تىل</span> |
|
|
<i class="fas fa-chevron-down text-xs"></i> |
|
|
</button> |
|
|
<div class="dropdown-content absolute right-0 mt-2 w-48 bg-white rounded-md shadow-lg py-1 hidden"> |
|
|
<button onclick="changeLanguage('ug')" class="block w-full text-right px-4 py-2 text-gray-700 hover:bg-blue-50">ئۇيغۇرچە</button> |
|
|
<button onclick="changeLanguage('zh')" class="block w-full text-right px-4 py-2 text-gray-700 hover:bg-blue-50">中文</button> |
|
|
<button onclick="changeLanguage('en')" class="block w-full text-right px-4 py-2 text-gray-700 hover:bg-blue-50">English</button> |
|
|
<button onclick="changeLanguage('ru')" class="block w-full text-right px-4 py-2 text-gray-700 hover:bg-blue-50">Русский</button> |
|
|
<button onclick="changeLanguage('ar')" class="block w-full text-right px-4 py-2 text-gray-700 hover:bg-blue-50">العربية</button> |
|
|
<button onclick="changeLanguage('tr')" class="block w-full text-right px-4 py-2 text-gray-700 hover:bg-blue-50">Türkçe</button> |
|
|
<button onclick="changeLanguage('fr')" class="block w-full text-right px-4 py-2 text-gray-700 hover:bg-blue-50">Français</button> |
|
|
<button onclick="changeLanguage('de')" class="block w-full text-right px-4 py-2 text-gray-700 hover:bg-blue-50">Deutsch</button> |
|
|
<button onclick="changeLanguage('ja')" class="block w-full text-right px-4 py-2 text-gray-700 hover:bg-blue-50">日本語</button> |
|
|
<button onclick="changeLanguage('ko')" class="block w-full text-right px-4 py-2 text-gray-700 hover:bg-blue-50">한국어</button> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<a href="#" class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-2 rounded-lg transition" data-translate="contactUs"> |
|
|
بىز بىلەن ئالاقىلىشىڭ |
|
|
</a> |
|
|
</nav> |
|
|
|
|
|
<button class="md:hidden text-gray-700"> |
|
|
<i class="fas fa-bars text-2xl"></i> |
|
|
</button> |
|
|
</div> |
|
|
</header> |
|
|
|
|
|
|
|
|
<section class="relative pt-32 pb-20 md:pt-40 md:pb-28"> |
|
|
<div class="absolute inset-0 overflow-hidden"> |
|
|
<img src="https://images.unsplash.com/photo-1518770660439-4636190af475?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" |
|
|
alt="Technology background" class="w-full h-full object-cover"> |
|
|
<div class="absolute inset-0 hero-overlay"></div> |
|
|
</div> |
|
|
|
|
|
<div class="container mx-auto px-6 relative z-10"> |
|
|
<div class="max-w-2xl"> |
|
|
<h1 class="text-4xl md:text-5xl lg:text-6xl font-bold text-white leading-tight mb-6" data-translate="heroTitle"> |
|
|
يېڭى دەۋىر تېخنىكىسى بىلەن كەلگۈسىگە قەدەم بېسىڭ |
|
|
</h1> |
|
|
<p class="text-lg md:text-xl text-gray-200 mb-8" data-translate="heroSubtitle"> |
|
|
بىز سىزنىڭ كارخانىڭىزنى رەقەملىك دۇنياغا تونۇشتۇرىمىز. ئەڭ يېڭى تېخنىكا ۋە كەسپىي لايىھە بىلەن سىزنىڭ سودىڭىزنى يۇقىرى پەللىگە كۆتۈرىمىز. |
|
|
</p> |
|
|
<div class="flex flex-wrap gap-4"> |
|
|
<a href="#" class="bg-white text-blue-600 hover:bg-gray-100 px-6 py-3 rounded-lg font-medium transition" data-translate="getStarted"> |
|
|
ھازىر باشلاڭ |
|
|
</a> |
|
|
<a href="#" class="bg-transparent border border-white text-white hover:bg-white hover:text-blue-600 px-6 py-3 rounded-lg font-medium transition" data-translate="learnMore"> |
|
|
تېخىمۇ كۆپ ئۇچۇر |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-16 md:py-24 bg-white"> |
|
|
<div class="container mx-auto px-6"> |
|
|
<div class="text-center mb-16"> |
|
|
<h2 class="text-3xl md:text-4xl font-bold mb-4" data-translate="ourServices">مۇلازىمەتلىرىمىز</h2> |
|
|
<p class="max-w-2xl mx-auto text-gray-600" data-translate="servicesDesc"> |
|
|
بىز كارخانىلارغا ئەڭ يېڭى تېخنىكا ۋە لايىھە مۇلازىمەتلىرىنى تەمىنلەيمىز |
|
|
</p> |
|
|
</div> |
|
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8"> |
|
|
|
|
|
<div class="service-card bg-white rounded-xl p-6 shadow-md transition duration-300"> |
|
|
<div class="w-16 h-16 bg-blue-100 rounded-lg flex items-center justify-center mb-4"> |
|
|
<i class="fas fa-laptop-code text-blue-600 text-2xl"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-3" data-translate="webDev">تور بەت لايىھەسى</h3> |
|
|
<p class="text-gray-600 mb-4" data-translate="webDevDesc"> |
|
|
زامانىۋى كۆرۈنۈشكە ئىگە، ئىشلىتىش ئاسان تور بەت لايىھەسى |
|
|
</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">HTML5</span> |
|
|
<span class="px-3 py-1 bg-blue-100 text-blue-800 rounded-full text-sm">CSS3</span> |
|
|
<span class="px-3 py-1 bg-blue-100 text-blue-800 rounded-full text-sm">JavaScript</span> |
|
|
<span class="px-3 py-1 bg-blue-100 text-blue-800 rounded-full text-sm">React</span> |
|
|
</div> |
|
|
<a href="#" class="text-blue-600 font-medium inline-flex items-center" data-translate="learnMore"> |
|
|
تېخىمۇ كۆپ ئۇچۇر |
|
|
<i class="fas fa-arrow-left ml-2"></i> |
|
|
</a> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="service-card bg-white rounded-xl p-6 shadow-md transition duration-300"> |
|
|
<div class="w-16 h-16 bg-purple-100 rounded-lg flex items-center justify-center mb-4"> |
|
|
<i class="fas fa-mobile-alt text-purple-600 text-2xl"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-3" data-translate="appDev">ئەپ لايىھەسى</h3> |
|
|
<p class="text-gray-600 mb-4" data-translate="appDevDesc"> |
|
|
ئىشلىتىش ئاسان، سۇپىغا ماس كېلىدىغان ئەپ لايىھەسى |
|
|
</p> |
|
|
<div class="flex flex-wrap gap-2 mb-4"> |
|
|
<span class="px-3 py-1 bg-purple-100 text-purple-800 rounded-full text-sm">iOS</span> |
|
|
<span class="px-3 py-1 bg-purple-100 text-purple-800 rounded-full text-sm">Android</span> |
|
|
<span class="px-3 py-1 bg-purple-100 text-purple-800 rounded-full text-sm">Flutter</span> |
|
|
<span class="px-3 py-1 bg-purple-100 text-purple-800 rounded-full text-sm">React Native</span> |
|
|
</div> |
|
|
<a href="#" class="text-blue-600 font-medium inline-flex items-center" data-translate="learnMore"> |
|
|
تېخىمۇ كۆپ ئۇچۇر |
|
|
<i class="fas fa-arrow-left ml-2"></i> |
|
|
</a> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="service-card bg-white rounded-xl p-6 shadow-md transition duration-300"> |
|
|
<div class="w-16 h-16 bg-green-100 rounded-lg flex items-center justify-center mb-4"> |
|
|
<i class="fas fa-chart-line text-green-600 text-2xl"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-3" data-translate="digitalMarketing">رەقەملىك ماركېتىڭ</h3> |
|
|
<p class="text-gray-600 mb-4" data-translate="digitalMarketingDesc"> |
|
|
تور ئارقىلىق ماركېتىڭ قىلىش ۋە سودىڭىزنى كېڭەيتىش |
|
|
</p> |
|
|
<div class="flex flex-wrap gap-2 mb-4"> |
|
|
<span class="px-3 py-1 bg-green-100 text-green-800 rounded-full text-sm">SEO</span> |
|
|
<span class="px-3 py-1 bg-green-100 text-green-800 rounded-full text-sm">SMM</span> |
|
|
<span class="px-3 py-1 bg-green-100 text-green-800 rounded-full text-sm">PPC</span> |
|
|
<span class="px-3 py-1 bg-green-100 text-green-800 rounded-full text-sm">Content</span> |
|
|
</div> |
|
|
<a href="#" class="text-blue-600 font-medium inline-flex items-center" data-translate="learnMore"> |
|
|
تېخىمۇ كۆپ ئۇچۇر |
|
|
<i class="fas fa-arrow-left ml-2"></i> |
|
|
</a> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="service-card bg-white rounded-xl p-6 shadow-md transition duration-300"> |
|
|
<div class="w-16 h-16 bg-red-100 rounded-lg flex items-center justify-center mb-4"> |
|
|
<i class="fas fa-robot text-red-600 text-2xl"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-3" data-translate="aiSolutions">AI ۋە ماشىنا ئۆگىنىش</h3> |
|
|
<p class="text-gray-600 mb-4" data-translate="aiSolutionsDesc"> |
|
|
سانائەت ئۈچۈن ياسالغان ياساما ئەقىل ۋە ماشىنا ئۆگىنىش چارىسى |
|
|
</p> |
|
|
<div class="flex flex-wrap gap-2 mb-4"> |
|
|
<span class="px-3 py-1 bg-red-100 text-red-800 rounded-full text-sm">Python</span> |
|
|
<span class="px-3 py-1 bg-red-100 text-red-800 rounded-full text-sm">TensorFlow</span> |
|
|
<span class="px-3 py-1 bg-red-100 text-red-800 rounded-full text-sm">PyTorch</span> |
|
|
<span class="px-3 py-1 bg-red-100 text-red-800 rounded-full text-sm">NLP</span> |
|
|
</div> |
|
|
<a href="#" class="text-blue-600 font-medium inline-flex items-center" data-translate="learnMore"> |
|
|
تېخىمۇ كۆپ ئۇچۇر |
|
|
<i class="fas fa-arrow-left ml-2"></i> |
|
|
</a> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="service-card bg-white rounded-xl p-6 shadow-md transition duration-300"> |
|
|
<div class="w-16 h-16 bg-yellow-100 rounded-lg flex items-center justify-center mb-4"> |
|
|
<i class="fas fa-cloud text-yellow-600 text-2xl"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-3" data-translate="cloudServices">بۇلۇت ھېسابلاش</h3> |
|
|
<p class="text-gray-600 mb-4" data-translate="cloudServicesDesc"> |
|
|
بۇلۇت ئاساسىدىكى ھېسابلاش ۋە ساقلىغۇچ مۇلازىمىتى |
|
|
</p> |
|
|
<div class="flex flex-wrap gap-2 mb-4"> |
|
|
<span class="px-3 py-1 bg-yellow-100 text-yellow-800 rounded-full text-sm">AWS</span> |
|
|
<span class="px-3 py-1 bg-yellow-100 text-yellow-800 rounded-full text-sm">Azure</span> |
|
|
<span class="px-3 py-1 bg-yellow-100 text-yellow-800 rounded-full text-sm">GCP</span> |
|
|
<span class="px-3 py-1 bg-yellow-100 text-yellow-800 rounded-full text-sm">Docker</span> |
|
|
</div> |
|
|
<a href="#" class="text-blue-600 font-medium inline-flex items-center" data-translate="learnMore"> |
|
|
تېخىمۇ كۆپ ئۇچۇر |
|
|
<i class="fas fa-arrow-left ml-2"></i> |
|
|
</a> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="service-card bg-white rounded-xl p-6 shadow-md transition duration-300"> |
|
|
<div class="w-16 h-16 bg-indigo-100 rounded-lg flex items-center justify-center mb-4"> |
|
|
<i class="fas fa-database text-indigo-600 text-2xl"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-3" data-translate="dataAnalytics">سانلىق مەلۇمات تەھلىل</h3> |
|
|
<p class="text-gray-600 mb-4" data-translate="dataAnalyticsDesc"> |
|
|
سانلىق مەلۇماتنى تەھلىل قىلىش ۋە قارار چىقىرىش مۇلازىمىتى |
|
|
</p> |
|
|
<div class="flex flex-wrap gap-2 mb-4"> |
|
|
<span class="px-3 py-1 bg-indigo-100 text-indigo-800 rounded-full text-sm">Power BI</span> |
|
|
<span class="px-3 py-1 bg-indigo-100 text-indigo-800 rounded-full text-sm">Tableau</span> |
|
|
<span class="px-3 py-1 bg-indigo-100 text-indigo-800 rounded-full text-sm">SQL</span> |
|
|
<span class="px-3 py-1 bg-indigo-100 text-indigo-800 rounded-full text-sm">Python</span> |
|
|
</div> |
|
|
<a href="#" class="text-blue-600 font-medium inline-flex items-center" data-translate="learnMore"> |
|
|
تېخىمۇ كۆپ ئۇچۇر |
|
|
<i class="fas fa-arrow-left ml-2"></i> |
|
|
</a> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="service-card bg-white rounded-xl p-6 shadow-md transition duration-300"> |
|
|
<div class="w-16 h-16 bg-pink-100 rounded-lg flex items-center justify-center mb-4"> |
|
|
<i class="fas fa-shield-alt text-pink-600 text-2xl"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-3" data-translate="cyberSecurity">سايبىر خەۋپسىزلىك</h3> |
|
|
<p class="text-gray-600 mb-4" data-translate="cyberSecurityDesc"> |
|
|
شىركەت سانلىق مەلۇماتىنى قوغداش ۋە خەۋپسىزلىك مۇلازىمىتى |
|
|
</p> |
|
|
<div class="flex flex-wrap gap-2 mb-4"> |
|
|
<span class="px-3 py-1 bg-pink-100 text-pink-800 rounded-full text-sm">Pen Testing</span> |
|
|
<span class="px-3 py-1 bg-pink-100 text-pink-800 rounded-full text-sm">Firewall</span> |
|
|
<span class="px-3 py-1 bg-pink-100 text-pink-800 rounded-full text-sm">Encryption</span> |
|
|
<span class="px-3 py-1 bg-pink-100 text-pink-800 rounded-full text-sm">VPN</span> |
|
|
</div> |
|
|
<a href="#" class="text-blue-600 font-medium inline-flex items-center" data-translate="learnMore"> |
|
|
تېخىمۇ كۆپ ئۇچۇر |
|
|
<i class="fas fa-arrow-left ml-2"></i> |
|
|
</a> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="service-card bg-white rounded-xl p-6 shadow-md transition duration-300"> |
|
|
<div class="w-16 h-16 bg-teal-100 rounded-lg flex items-center justify-center mb-4"> |
|
|
<i class="fas fa-cube text-teal-600 text-2xl"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-3" data-translate="blockchain">بىلوكتىرەك تېخنىكىسى</h3> |
|
|
<p class="text-gray-600 mb-4" data-translate="blockchainDesc"> |
|
|
بىلوكتىرەك ئاساسىدىكى چارە ۋە ئەقىللىق شەرتلەر مۇلازىمىتى |
|
|
</p> |
|
|
<div class="flex flex-wrap gap-2 mb-4"> |
|
|
<span class="px-3 py-1 bg-teal-100 text-teal-800 rounded-full text-sm">Ethereum</span> |
|
|
<span class="px-3 py-1 bg-teal-100 text-teal-800 rounded-full text-sm">Smart Contracts</span> |
|
|
<span class="px-3 py-1 bg-teal-100 text-teal-800 rounded-full text-sm">NFT</span> |
|
|
<span class="px-3 py-1 bg-teal-100 text-teal-800 rounded-full text-sm">Web3</span> |
|
|
</div> |
|
|
<a href="#" class="text-blue-600 font-medium inline-flex items-center" data-translate="learnMore"> |
|
|
تېخىمۇ كۆپ ئۇچۇر |
|
|
<i class="fas fa-arrow-left ml-2"></i> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-16 md:py-24 bg-gray-50"> |
|
|
<div class="container mx-auto px-6"> |
|
|
<div class="text-center mb-16"> |
|
|
<h2 class="text-3xl md:text-4xl font-bold mb-4" data-translate="industriesWeServe">ئىشلەيدىغان سانائەتلەر</h2> |
|
|
<p class="max-w-2xl mx-auto text-gray-600" data-translate="industriesDesc"> |
|
|
بىز تۆۋەندىكى سانائەتلەردىكى كارخانىلارغا مۇلازىمەت قىلىمىز |
|
|
</p> |
|
|
</div> |
|
|
|
|
|
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-6"> |
|
|
<div class="bg-white rounded-xl p-6 shadow-sm text-center"> |
|
|
<div class="w-16 h-16 bg-blue-50 rounded-full flex items-center justify-center mx-auto mb-4"> |
|
|
<i class="fas fa-shopping-cart text-blue-600 text-2xl"></i> |
|
|
</div> |
|
|
<h3 class="font-medium" data-translate="retail">سودا</h3> |
|
|
</div> |
|
|
|
|
|
<div class="bg-white rounded-xl p-6 shadow-sm text-center"> |
|
|
<div class="w-16 h-16 bg-green-50 rounded-full flex items-center justify-center mx-auto mb-4"> |
|
|
<i class="fas fa-utensils text-green-600 text-2xl"></i> |
|
|
</div> |
|
|
<h3 class="font-medium" data-translate="food">يېمەك-ئىچمەك</h3> |
|
|
</div> |
|
|
|
|
|
<div class="bg-white rounded-xl p-6 shadow-sm text-center"> |
|
|
<div class="w-16 h-16 bg-purple-50 rounded-full flex items-center justify-center mx-auto mb-4"> |
|
|
<i class="fas fa-graduation-cap text-purple-600 text-2xl"></i> |
|
|
</div> |
|
|
<h3 class="font-medium" data-translate="education">مائارىپ</h3> |
|
|
</div> |
|
|
|
|
|
<div class="bg-white rounded-xl p-6 shadow-sm text-center"> |
|
|
<div class="w-16 h-16 bg-red-50 rounded-full flex items-center justify-center mx-auto mb-4"> |
|
|
<i class="fas fa-heartbeat text-red-600 text-2xl"></i> |
|
|
</div> |
|
|
<h3 class="font-medium" data-translate="healthcare">ساغلاملىق</h3> |
|
|
</div> |
|
|
|
|
|
<div class="bg-white rounded-xl p-6 shadow-sm text-center"> |
|
|
<div class="w-16 h-16 bg-yellow-50 rounded-full flex items-center justify-center mx-auto mb-4"> |
|
|
<i class="fas fa-money-bill-wave text-yellow-600 text-2xl"></i> |
|
|
</div> |
|
|
<h3 class="font-medium" data-translate="finance">مالىيە</h3> |
|
|
</div> |
|
|
|
|
|
<div class="bg-white rounded-xl p-6 shadow-sm text-center"> |
|
|
<div class="w-16 h-16 bg-indigo-50 rounded-full flex items-center justify-center mx-auto mb-4"> |
|
|
<i class="fas fa-truck text-indigo-600 text-2xl"></i> |
|
|
</div> |
|
|
<h3 class="font-medium" data-translate="logistics">توشۇش</h3> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-16 md:py-24 bg-white"> |
|
|
<div class="container mx-auto px-6"> |
|
|
<div class="text-center mb-16"> |
|
|
<h2 class="text-3xl md:text-4xl font-bold mb-4" data-translate="ourWork">ئىشلىرىمىز</h2> |
|
|
<p class="max-w-2xl mx-auto text-gray-600" data-translate="portfolioDesc"> |
|
|
بىزنىڭ ئەڭ يېقىنقى تاماشىبىنلار ئۈچۈن لايىھەلەنگەن ئىشلىرىمىز |
|
|
</p> |
|
|
</div> |
|
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"> |
|
|
|
|
|
<div class="project-card relative rounded-xl overflow-hidden h-64"> |
|
|
<img src="https://images.unsplash.com/photo-1547658719-da2b51169166?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1528&q=80" |
|
|
alt="E-commerce website" class="w-full h-full object-cover"> |
|
|
<div class="project-overlay absolute inset-0 bg-gradient-to-t from-black/80 to-transparent opacity-0 transition-opacity flex items-end p-6"> |
|
|
<div> |
|
|
<h3 class="text-xl font-bold text-white mb-1" data-translate="ecommerceSite">سودا تور بېكىتى</h3> |
|
|
<p class="text-gray-300 text-sm" data-translate="ecommerceSiteDesc">تولۇق فۇنكسىيەلىك سودا تور بېكىتى</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="project-card relative rounded-xl overflow-hidden h-64"> |
|
|
<img src="https://images.unsplash.com/photo-1555774698-0f77e0f5b160?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" |
|
|
alt="Mobile app" class="w-full h-full object-cover"> |
|
|
<div class="project-overlay absolute inset-0 bg-gradient-to-t from-black/80 to-transparent opacity-0 transition-opacity flex items-end p-6"> |
|
|
<div> |
|
|
<h3 class="text-xl font-bold text-white mb-1" data-translate="healthApp">ساغلاملىق ئەپى</h3> |
|
|
<p class="text-gray-300 text-sm" data-translate="healthAppDesc">ساغلاملىقنى كونترول قىلىدىغان ئەپ</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="project-card relative rounded-xl overflow-hidden h-64"> |
|
|
<img src="https://images.unsplash.com/photo-1467232004584-a241de8bcf5d?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1469&q=80" |
|
|
alt="Brand identity" class="w-full h-full object-cover"> |
|
|
<div class="project-overlay absolute inset-0 bg-gradient-to-t from-black/80 to-transparent opacity-0 transition-opacity flex items-end p-6"> |
|
|
<div> |
|
|
<h3 class="text-xl font-bold text-white mb-1" data-translate="brandIdentity">ماركا كىملىكى</h3> |
|
|
<p class="text-gray-300 text-sm" data-translate="brandIdentityDesc">يېمەك-ئىچمەك ماركىسى ئۈچۈن كىملىك لايىھەسى</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="project-card relative rounded-xl overflow-hidden h-64"> |
|
|
<img src="https://images.unsplash.com/photo-1551288049-bebda4e38f71?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" |
|
|
alt="Data analytics" class="w-full h-full object-cover"> |
|
|
<div class="project-overlay absolute inset-0 bg-gradient-to-t from-black/80 to-transparent opacity-0 transition-opacity flex items-end p-6"> |
|
|
<div> |
|
|
<h3 class="text-xl font-bold text-white mb-1" data-translate="dataDashboard">سانلىق مەلۇمات تابلوسى</h3> |
|
|
<p class="text-gray-300 text-sm" data-translate="dataDashboardDesc">مالىيە شىركىتى ئۈچۈن سانلىق مەلۇمات تەھلىل سىستېمىسى</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="project-card relative rounded-xl overflow-hidden h-64"> |
|
|
<img src="https://images.unsplash.com/photo-1620712943543-bcc4688e7485?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=765&q=80" |
|
|
alt="AI solution" class="w-full h-full object-cover"> |
|
|
<div class="project-overlay absolute inset-0 bg-gradient-to-t from-black/80 to-transparent opacity-0 transition-opacity flex items-end p-6"> |
|
|
<div> |
|
|
<h3 class="text-xl font-bold text-white mb-1" data-translate="aiSolution">AI چارىسى</h3> |
|
|
<p class="text-gray-300 text-sm" data-translate="aiSolutionDesc">توشۇش شىركىتى ئۈچۈن ياساما ئەقىل چارىسى</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="project-card relative rounded-xl overflow-hidden h-64"> |
|
|
<img src="https://images.unsplash.com/photo-1639762681057-408e52192e55?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1332&q=80" |
|
|
alt="Blockchain" class="w-full h-full object-cover"> |
|
|
<div class="project-overlay absolute inset-0 bg-gradient-to-t from-black/80 to-transparent opacity-0 transition-opacity flex items-end p-6"> |
|
|
<div> |
|
|
<h3 class="text-xl font-bold text-white mb-1" data-translate="blockchainSolution">بىلوكتىرەك چارىسى</h3> |
|
|
<p class="text-gray-300 text-sm" data-translate="blockchainSolutionDesc">مالىيە شىركىتى ئۈچۈن بىلوكتىرەك چارىسى</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="text-center mt-12"> |
|
|
<a href="#" class="inline-flex items-center bg-blue-600 hover:bg-blue-700 text-white px-6 py-3 rounded-lg font-medium transition" data-translate="viewAll"> |
|
|
بارلىق ئىشلىرىمىزنى كۆرۈش |
|
|
<i class="fas fa-arrow-left ml-2"></i> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-16 md:py-24 bg-gray-50"> |
|
|
<div class="container mx-auto px-6"> |
|
|
<div class="text-center mb-16"> |
|
|
<h2 class="text-3xl md:text-4xl font-bold mb-4" data-translate="testimonials">خېرىدارلارنىڭ پىكىرى</h2> |
|
|
<p class="max-w-2xl mx-auto text-gray-600" data-translate="testimonialsDesc"> |
|
|
بىز بىلەن ھەمكارلىشىپ تاماشىبىنلارنىڭ قانداق پىكرى |
|
|
</p> |
|
|
</div> |
|
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> |
|
|
|
|
|
<div class="bg-white rounded-xl p-6 shadow-sm"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="w-12 h-12 rounded-full bg-blue-100 flex items-center justify-center"> |
|
|
<i class="fas fa-user text-blue-600"></i> |
|
|
</div> |
|
|
<div class="mr-3"> |
|
|
<h4 class="font-bold">ئەخمەتجان</h4> |
|
|
<p class="text-gray-500 text-sm" data-translate="restaurantOwner">رېستوران ئىگىسى</p> |
|
|
</div> |
|
|
</div> |
|
|
<p class="text-gray-700" data-translate="testimonial1"> |
|
|
بىزنىڭ تور بېكىتىمىزنى لايىھەلىگەندىن كېيىن، سودىمىز %40 ئاشتى. تېخىمۇ كۆپ تاماشىبىن بىزنى تونۇپ يېتىشكە باشلىدى. |
|
|
</p> |
|
|
<div class="flex mt-4 text-yellow-400"> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star"></i> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-white rounded-xl p-6 shadow-sm"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="w-12 h-12 rounded-full bg-purple-100 flex items-center justify-center"> |
|
|
<i class="fas fa-user text-purple-600"></i> |
|
|
</div> |
|
|
<div class="mr-3"> |
|
|
<h4 class="font-bold">گۈلنار</h4> |
|
|
<p class="text-gray-500 text-sm" data-translate="fashionBrand">كىيىم-كېچەك ماركىسى</p> |
|
|
</div> |
|
|
</div> |
|
|
<p class="text-gray-700" data-translate="testimonial2"> |
|
|
ماركىمىزنىڭ كىملىك لايىھەسى ۋە ئەپى ئۈچۈن تېخنىكا بىلەن ھەمكارلىشىش بەك ياخشى تەجرىبە بولدى. ئۇلار كەسپىي ۋە ئىشىنىشلىك. |
|
|
</p> |
|
|
<div class="flex mt-4 text-yellow-400"> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star-half-alt"></i> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-white rounded-xl p-6 shadow-sm"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="w-12 h-12 rounded-full bg-green-100 flex items-center justify-center"> |
|
|
<i class="fas fa-user text-green-600"></i> |
|
|
</div> |
|
|
<div class="mr-3"> |
|
|
<h4 class="font-bold">مەمەت</h4> |
|
|
<p class="text-gray-500 text-sm" data-translate="techStartup">تېخنىكا شىركىتى</p> |
|
|
</div> |
|
|
</div> |
|
|
<p class="text-gray-700" data-translate="testimonial3"> |
|
|
بىزنىڭ يېڭى مەھسۇلاتىمىزنى تونۇشتۇرۇش ئۈچۈن قىسقا فىلىم لايىھەلىگەن. فىلىمىز سۆزسىز ئەلا بولدى ۋە تاماشىبىنلارنىڭ قىزغىنلىقىنى تۇيغۇزۇپ بەردى. |
|
|
</p> |
|
|
<div class="flex mt-4 text-yellow-400"> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star"></i> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-16 md:py-24 bg-blue-600 text-white"> |
|
|
<div class="container mx-auto px-6"> |
|
|
<div class="grid grid-cols-2 md:grid-cols-4 gap-8 text-center"> |
|
|
<div> |
|
|
<div class="text-4xl md:text-5xl font-bold mb-2">200+</div> |
|
|
<p data-translate="happyClients">قانائەتلىنەر خېرىدار</p> |
|
|
</div> |
|
|
<div> |
|
|
<div class="text-4xl md:text-5xl font-bold mb-2">350+</div> |
|
|
<p data-translate="projectsDone">تاماملىغان تۈر</p> |
|
|
</div> |
|
|
<div> |
|
|
<div class="text-4xl md:text-5xl font-bold mb-2">15+</div> |
|
|
<p data-translate="industriesServed">سانائەت تۈرى</p> |
|
|
</div> |
|
|
<div> |
|
|
<div class="text-4xl md:text-5xl font-bold mb-2">50+</div> |
|
|
<p data-translate="teamMembers">خىزمەتچىلەر</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-16 md:py-24 bg-gradient-to-r from-blue-600 to-purple-600 text-white"> |
|
|
<div class="container mx-auto px-6 text-center"> |
|
|
<h2 class="text-3xl md:text-4xl font-bold mb-6" data-translate="readyToStart">تېخنىكا بىلەن ھەمكارلىشىشقا تەييارمىسىز؟</h2> |
|
|
<p class="max-w-2xl mx-auto text-blue-100 mb-8" data-translate="ctaDesc"> |
|
|
بىز بىلەن بىۋاستە ئالاقىلىشىپ، سودىڭىزنى رەقەملىك دۇنياغا ئېلىپ چىقىڭ |
|
|
</p> |
|
|
<div class="flex flex-wrap justify-center gap-4"> |
|
|
<a href="#" class="bg-white text-blue-600 hover:bg-gray-100 px-8 py-3 rounded-lg font-medium transition" data-translate="contactUs"> |
|
|
بىز بىلەن ئالاقىلىشىڭ |
|
|
</a> |
|
|
<a href="#" class="bg-transparent border border-white text-white hover:bg-white hover:text-blue-600 px-8 py-3 rounded-lg font-medium transition" data-translate="learnMore"> |
|
|
تېخىمۇ كۆپ ئۇچۇر |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<footer class="bg-gray-900 text-white pt-16 pb-8"> |
|
|
<div class="container mx-auto px-6"> |
|
|
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12"> |
|
|
<div> |
|
|
<div class="flex items-center space-x-2 mb-4"> |
|
|
<div class="w-10 h-10 bg-blue-600 rounded-lg flex items-center justify-center"> |
|
|
<i class="fas fa-microchip text-white"></i> |
|
|
</div> |
|
|
<span class="text-xl font-bold gradient-text bg-gradient-to-r from-blue-400 to-purple-400">تېخنىكا</span> |
|
|
</div> |
|
|
<p class="text-gray-400 mb-4" data-translate="footerDesc"> |
|
|
يېڭى دەۋر تېخنىكىسى بىلەن سودىڭىزنى يۇقىرى پەللىگە كۆتۈرىمىز |
|
|
</p> |
|
|
<div class="flex space-x-4"> |
|
|
<a href="#" class="text-gray-400 hover:text-white transition"> |
|
|
<i class="fab fa-facebook-f"></i> |
|
|
</a> |
|
|
<a href="#" class="text-gray-400 hover:text-white transition"> |
|
|
<i class="fab fa-twitter"></i> |
|
|
</a> |
|
|
<a href="#" class="text-gray-400 hover:text-white transition"> |
|
|
<i class="fab fa-instagram"></i> |
|
|
</a> |
|
|
<a href="#" class="text-gray-400 hover:text-white transition"> |
|
|
<i class="fab fa-linkedin-in"></i> |
|
|
</a> |
|
|
<a href="#" class="text-gray-400 hover:text-white transition"> |
|
|
<i class="fab fa-youtube"></i> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<h3 class="text-lg font-bold mb-4" data-translate="services">مۇلازىمەتلەر</h3> |
|
|
<ul class="space-y-2"> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white transition" data-translate="webDev">تور بەت لايىھەسى</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white transition" data-translate="appDev">ئەپ لايىھەسى</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white transition" data-translate="digitalMarketing">رەقەملىك ماركېتىڭ</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white transition" data-translate="aiSolutions">AI ۋە ماشىنا ئۆگىنىش</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white transition" data-translate="cloudServices">بۇلۇت ھېسابلاش</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white transition" data-translate="dataAnalytics">سانلىق مەلۇمات تەھلىل</a></li> |
|
|
</ul> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<h3 class="text-lg font-bold mb-4" data-translate="company">شىركەت</h3> |
|
|
<ul class="space-y-2"> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white transition" data-translate="about">ھەققىمىزدە</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white transition" data-translate="team">خىزمەتچىلەر</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white transition" data-translate="careers">خىزمەت ئورنى</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white transition" data-translate="blog">بىلوگ</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white transition" data-translate="contact">ئالاقە</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white transition" data-translate="privacy">مەخپىيەتلىك سىياسىتى</a></li> |
|
|
</ul> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<h3 class="text-lg font-bold mb-4" data-translate="contact">ئالاقە</h3> |
|
|
<ul class="space-y-2 text-gray-400"> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-map-marker-alt mt-1 mr-2 text-blue-400"></i> |
|
|
<span data-translate="address">ئۈرۈمچى شەھىرى، شىنجاڭ</span> |
|
|
</li> |
|
|
<li class="flex items-center"> |
|
|
<i class="fas fa-phone-alt mr-2 text-blue-400"></i> |
|
|
<span>+86 131 3967 5083</span> |
|
|
</li> |
|
|
<li class="flex items-center"> |
|
|
<i class="fas fa-envelope mr-2 text-blue-400"></i> |
|
|
<span>only3697@hotmail.com</span> |
|
|
</li> |
|
|
<li class="flex items-center"> |
|
|
<i class="fas fa-clock mr-2 text-blue-400"></i> |
|
|
<span data-translate="workingHours">دۈشمەندىن جۈمەگىچە، 10:00 - 18:00</span> |
|
|
</li> |
|
|
</ul> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="border-t border-gray-800 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center"> |
|
|
<p class="text-gray-400 text-sm" data-translate="copyright"> |
|
|
© 2023 تېخنىكا. بارلىق ھوقۇقلار قوغدالغان. |
|
|
</p> |
|
|
<div class="flex space-x-6 mt-4 md:mt-0"> |
|
|
<a href="#" class="text-gray-400 hover:text-white text-sm transition" data-translate="privacy">مەخپىيەتلىك سىياسىتى</a> |
|
|
<a href="#" class="text-gray-400 hover:text-white text-sm transition" data-translate="terms">ئىشلىتىش شەرتى</a> |
|
|
<a href="#" class="text-gray-400 hover:text-white text-sm transition" data-translate="cookies">Cookies</a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</footer> |
|
|
|
|
|
<script> |
|
|
|
|
|
const translations = { |
|
|
ug: { |
|
|
home: "باش بەت", |
|
|
services: "مۇلازىمەتلەر", |
|
|
portfolio: "ئىشلىرىمىز", |
|
|
solutions: "چارىلار", |
|
|
industries: "سانائەتلەر", |
|
|
about: "ھەققىمىزدە", |
|
|
contact: "ئالاقە", |
|
|
contactUs: "بىز بىلەن ئالاقىلىشىڭ", |
|
|
language: "تىل", |
|
|
heroTitle: "يېڭى دەۋىر تېخنىكىسى بىلەن كەلگۈسىگە قەدەم بېسىڭ", |
|
|
heroSubtitle: "بىز سىزنىڭ كارخانىڭىزنى رەقەملىك دۇنياغا تونۇشتۇرىمىز. ئەڭ يېڭى تېخنىكا ۋە كەسپىي لايىھە بىلەن سىزنىڭ سودىڭىزنى يۇقىرى پەللىگە كۆتۈرىمىز.", |
|
|
getStarted: "ھازىر باشلاڭ", |
|
|
learnMore: "تېخىمۇ كۆپ ئۇچۇر", |
|
|
ourServices: "مۇلازىمەتلىرىمىز", |
|
|
servicesDesc: "بىز كارخانىلارغا ئەڭ يېڭى تېخنىكا ۋە لايىھە مۇلازىمەتلىرىنى تەمىنلەيمىز", |
|
|
webDev: "تور بەت لايىھەسى", |
|
|
webDevDesc: "زامانىۋى كۆرۈنۈشكە ئىگە، ئىشلىتىش ئاسان تور بەت لايىھەسى", |
|
|
appDev: "ئەپ لايىھەسى", |
|
|
appDevDesc: "ئىشلىتىش ئاسان، سۇپىغا ماس كېلىدىغان ئەپ لايىھەسى", |
|
|
digitalMarketing: "رەقەملىك ماركېتىڭ", |
|
|
digitalMarketingDesc: "تور ئارقىلىق ماركېتىڭ قىلىش ۋە سودىڭىزنى كېڭەيتىش", |
|
|
aiSolutions: "AI ۋە ماشىنا ئۆگىنىش", |
|
|
aiSolutionsDesc: "سانائەت ئۈچۈن ياسالغان ياساما ئەقىل ۋە ماشىنا ئۆگىنىش چارىسى", |
|
|
cloudServices: "بۇلۇت ھېسابلاش", |
|
|
cloudServicesDesc: "بۇلۇت ئاساسىدىكى ھېسابلاش ۋە ساقلىغۇچ مۇلازىمىتى", |
|
|
dataAnalytics: "سانلىق مەلۇمات تەھلىل", |
|
|
dataAnalyticsDesc: "سانلىق مەلۇماتنى تەھلىل قىلىش ۋە قارار چىقىرىش مۇلازىمىتى", |
|
|
cyberSecurity: "سايبىر خەۋپسىزلىك", |
|
|
cyberSecurityDesc: "شىركەت سانلىق مەلۇماتىنى قوغداش ۋە خەۋپسىزلىك مۇلازىمىتى", |
|
|
blockchain: "بىلوكتىرەك تېخنىكىسى", |
|
|
blockchainDesc: "بىلوكتىرەك ئاساسىدىكى چارە ۋە ئەقىللىق شەرتلەر مۇلازىمىتى", |
|
|
ourWork: "ئىشلىرىمىز", |
|
|
portfolioDesc: "بىزنىڭ ئەڭ يېقىنقى تاماشىبىنلار ئۈچۈن لايىھەلەنگەن ئىشلىرىمىز", |
|
|
ecommerceSite: "سودا تور بېكىتى", |
|
|
ecommerceSiteDesc: "تولۇق فۇنكسىيەلىك سودا تور بېكىتى", |
|
|
healthApp: "ساغلاملىق ئەپى", |
|
|
healthAppDesc: "ساغلاملىقنى كونترول قىلىدىغان ئەپ", |
|
|
brandIdentity: "ماركا كىملىكى", |
|
|
brandIdentityDesc: "يېمەك-ئىچمەك ماركىسى ئۈچۈن كىملىك لايىھەسى", |
|
|
dataDashboard: "سانلىق مەلۇمات تابلوسى", |
|
|
dataDashboardDesc: "مالىيە شىركىتى ئۈچۈن سانلىق مەلۇمات تەھلىل سىستېمىسى", |
|
|
aiSolution: "AI چارىسى", |
|
|
aiSolutionDesc: "توشۇش شىركىتى ئۈچۈن ياساما ئەقىل چارىسى", |
|
|
blockchainSolution: "بىلوكتىرەك چارىسى", |
|
|
blockchainSolutionDesc: "مالىيە شىركىتى ئۈچۈن بىلوكتىرەك چارىسى", |
|
|
viewAll: "بارلىق ئىشلىرىمىزنى كۆرۈش", |
|
|
industriesWeServe: "ئىشلەيدىغان سانائەتلەر", |
|
|
industriesDesc: "بىز تۆۋەندىكى سانائەتلەردىكى كارخانىلارغا مۇلازىمەت قىلىمىز", |
|
|
retail: "سودا", |
|
|
food: "يېمەك-ئىچمەك", |
|
|
education: "مائارىپ", |
|
|
healthcare: "ساغلاملىق", |
|
|
finance: "مالىيە", |
|
|
logistics: "توشۇش", |
|
|
testimonials: "خېرىدارلارنىڭ پىكىرى", |
|
|
testimonialsDesc: "بىز بىلەن ھەمكارلىشىپ تاماشىبىنلارنىڭ قانداق پىكرى", |
|
|
restaurantOwner: "رېستوران ئىگىسى", |
|
|
testimonial1: "بىزنىڭ تور بېكىتىمىزنى لايىھەلىگەندىن كېيىن، سودىمىز %40 ئاشتى. تېخىمۇ كۆپ تاماشىبىن بىزنى تونۇپ يېتىشكە باشلىدى.", |
|
|
fashionBrand: "كىيىم-كېچەك ماركىسى", |
|
|
testimonial2: "ماركىمىزنىڭ كىملىك لايىھەسى ۋە ئەپى ئۈچۈن تېخنىكا بىلەن ھەمكارلىشىش بەك ياخشى تەجرىبە بولدى. ئۇلار كەسپىي ۋە ئىشىنىشلىك.", |
|
|
techStartup: "تېخنىكا شىركىتى", |
|
|
testimonial3: "بىزنىڭ يېڭى مەھسۇلاتىمىزنى تونۇشتۇرۇش ئۈچۈن قىسقا فىلىم لايىھەلىگەن. فىلىمىز سۆزسىز ئەلا بولدى ۋە تاماشىبىنلارنىڭ قىزغىنلىقىنى تۇيغۇزۇپ بەردى.", |
|
|
happyClients: "قانائەتلىنەر خېرىدار", |
|
|
projectsDone: "تاماملىغان تۈر", |
|
|
industriesServed: "سانائەت تۈرى", |
|
|
teamMembers: "خىزمەتچىلەر", |
|
|
readyToStart: "تېخنىكا بىلەن ھەمكارلىشىشقا تەييارمىسىز؟", |
|
|
ctaDesc: "بىز بىلەن بىۋاستە ئالاقىلىشىپ، سودىڭىزنى رەقەملىك دۇنياغا ئېلىپ چىقىڭ", |
|
|
footerDesc: "يېڭى دەۋر تېخنىكىسى بىلەن سودىڭىزنى يۇقىرى پەللىگە كۆتۈرىمىز", |
|
|
branding: "ماركا لايىھەسى", |
|
|
seo: "SEO مۇلازىمىتى", |
|
|
team: "خىزمەتچىلەر", |
|
|
careers: "خىزمەت ئورنى", |
|
|
blog: "بىلوگ", |
|
|
address: "ئۈرۈمچى شەھىرى، شىنجاڭ", |
|
|
workingHours: "دۈشمەندىن جۈمەگىچە، 10:00 - 18:00", |
|
|
copyright: "© 2023 تېخنىكا. بارلىق ھوقۇقلار قوغدالغان.", |
|
|
privacy: "مەخپىيەتلىك سىياسىتى", |
|
|
terms: "ئىشلىتىش شەرتى", |
|
|
cookies: "Cookies" |
|
|
}, |
|
|
zh: { |
|
|
home: "首页", |
|
|
services: "服务", |
|
|
portfolio: "作品", |
|
|
solutions: "解决方案", |
|
|
industries: "行业", |
|
|
about: "关于我们", |
|
|
contact: "联系我们", |
|
|
contactUs: "联系我们", |
|
|
language: "语言", |
|
|
heroTitle: "用新时代技术迈向未来", |
|
|
heroSubtitle: "我们将您的企业带入数字世界。用最新技术和专业设计提升您的业务。", |
|
|
getStarted: "立即开始", |
|
|
learnMore: "了解更多", |
|
|
ourServices: "我们的服务", |
|
|
servicesDesc: "我们为企业提供最新技术和设计服务", |
|
|
webDev: "网站设计", |
|
|
webDevDesc: "具有现代外观、易于使用的网站设计", |
|
|
appDev: "应用开发", |
|
|
appDevDesc: "易于使用、跨平台兼容的应用设计", |
|
|
digitalMarketing: "数字营销", |
|
|
digitalMarketingDesc: "通过在线营销和推广扩展您的业务", |
|
|
aiSolutions: "人工智能与机器学习", |
|
|
aiSolutionsDesc: "为行业定制的人工智能和机器学习解决方案", |
|
|
cloudServices: "云计算", |
|
|
cloudServicesDesc: "基于云的计算和存储服务", |
|
|
dataAnalytics: "数据分析", |
|
|
dataAnalyticsDesc: "数据分析和决策服务", |
|
|
cyberSecurity: "网络安全", |
|
|
cyberSecurityDesc: "保护企业数据和安全的服务", |
|
|
blockchain: "区块链技术", |
|
|
blockchainDesc: "基于区块链的解决方案和智能合约服务", |
|
|
ourWork: "我们的作品", |
|
|
portfolioDesc: "我们为最新客户设计的作品", |
|
|
ecommerceSite: "电子商务网站", |
|
|
ecommerceSiteDesc: "功能齐全的电子商务网站", |
|
|
healthApp: "健康应用", |
|
|
healthAppDesc: "健康管理应用", |
|
|
brandIdentity: "品牌形象", |
|
|
brandIdentityDesc: "餐饮品牌的视觉识别设计", |
|
|
dataDashboard: "数据仪表板", |
|
|
dataDashboardDesc: "为金融公司设计的数据分析系统", |
|
|
aiSolution: "AI解决方案", |
|
|
aiSolutionDesc: "为物流公司设计的人工智能解决方案", |
|
|
blockchainSolution: "区块链解决方案", |
|
|
blockchainSolutionDesc: "为金融公司设计的区块链解决方案", |
|
|
viewAll: "查看所有作品", |
|
|
industriesWeServe: "服务行业", |
|
|
industriesDesc: "我们为以下行业的公司提供服务", |
|
|
retail: "零售", |
|
|
food: "餐饮", |
|
|
education: "教育", |
|
|
healthcare: "医疗", |
|
|
finance: "金融", |
|
|
logistics: "物流", |
|
|
testimonials: "客户评价", |
|
|
testimonialsDesc: "与我们合作的客户怎么说", |
|
|
restaurantOwner: "餐厅老板", |
|
|
testimonial1: "设计网站后,我们的业务增长了40%。更多客户开始认识我们。", |
|
|
fashionBrand: "时尚品牌", |
|
|
testimonial2: "与Teknika合作设计我们的品牌形象和应用是非常好的体验。他们专业可靠。", |
|
|
techStartup: "科技公司", |
|
|
testimonial3: "他们为我们新产品制作的宣传视频非常出色,成功引起了观众的热情。", |
|
|
happyClients: "满意客户", |
|
|
projectsDone: "完成项目", |
|
|
industriesServed: "服务行业", |
|
|
teamMembers: "团队成员", |
|
|
readyToStart: "准备好与Teknika合作了吗?", |
|
|
ctaDesc: "直接联系我们,将您的业务带入数字世界", |
|
|
footerDesc: "用新时代技术提升您的业务", |
|
|
branding: "品牌设计", |
|
|
seo: "SEO服务", |
|
|
team: "团队", |
|
|
careers: "职业机会", |
|
|
blog: "博客", |
|
|
address: "新疆乌鲁木齐市", |
|
|
workingHours: "周一至周五,10:00 - 18:00", |
|
|
copyright: "© 2023 Teknika. 保留所有权利。", |
|
|
privacy: "隐私政策", |
|
|
terms: "使用条款", |
|
|
cookies: "Cookies" |
|
|
}, |
|
|
en: { |
|
|
home: "Home", |
|
|
services: "Services", |
|
|
portfolio: "Portfolio", |
|
|
solutions: "Solutions", |
|
|
industries: "Industries", |
|
|
about: "About", |
|
|
contact: "Contact", |
|
|
contactUs: "Contact Us", |
|
|
language: "Language", |
|
|
heroTitle: "Step into the Future with New Era Technology", |
|
|
heroSubtitle: "We bring your business into the digital world. Elevate your business with cutting-edge technology and professional design.", |
|
|
getStarted: "Get Started", |
|
|
learnMore: "Learn More", |
|
|
ourServices: "Our Services", |
|
|
servicesDesc: "We provide the latest technology and design services for businesses", |
|
|
webDev: "Website Design", |
|
|
webDevDesc: "Modern looking, easy-to-use website design", |
|
|
appDev: "App Development", |
|
|
appDevDesc: "User-friendly, cross-platform compatible app design", |
|
|
digitalMarketing: "Digital Marketing", |
|
|
digitalMarketingDesc: "Expand your business through online marketing and promotion", |
|
|
aiSolutions: "AI & Machine Learning", |
|
|
aiSolutionsDesc: "Artificial intelligence and machine learning solutions for industries", |
|
|
cloudServices: "Cloud Computing", |
|
|
cloudServicesDesc: "Cloud-based computing and storage services", |
|
|
dataAnalytics: "Data Analytics", |
|
|
dataAnalyticsDesc: "Data analysis and decision making services", |
|
|
cyberSecurity: "Cyber Security", |
|
|
cyberSecurityDesc: "Protect company data and security services", |
|
|
blockchain: "Blockchain Technology", |
|
|
blockchainDesc: "Blockchain-based solutions and smart contracts services", |
|
|
ourWork: "Our Work", |
|
|
portfolioDesc: "Our latest designs for clients", |
|
|
ecommerceSite: "E-commerce Website", |
|
|
ecommerceSiteDesc: "Fully functional e-commerce website", |
|
|
healthApp: "Health App", |
|
|
healthAppDesc: "Health management application", |
|
|
brandIdentity: "Brand Identity", |
|
|
brandIdentityDesc: "Visual identity design for F&B brand", |
|
|
dataDashboard: "Data Dashboard", |
|
|
dataDashboardDesc: "Data analysis system for finance company", |
|
|
aiSolution: "AI Solution", |
|
|
aiSolutionDesc: "Artificial intelligence solution for logistics company", |
|
|
blockchainSolution: "Blockchain Solution", |
|
|
blockchainSolutionDesc: "Blockchain solution for finance company", |
|
|
viewAll: "View All Work", |
|
|
industriesWeServe: "Industries We Serve", |
|
|
industriesDesc: "We serve companies in the following industries", |
|
|
retail: "Retail", |
|
|
food: "Food & Beverage", |
|
|
education: "Education", |
|
|
healthcare: "Healthcare", |
|
|
finance: "Finance", |
|
|
logistics: "Logistics", |
|
|
testimonials: "Testimonials", |
|
|
testimonialsDesc: "What our clients say about working with us", |
|
|
restaurantOwner: "Restaurant Owner", |
|
|
testimonial1: "After designing our website, our business grew by 40%. More customers started to recognize us.", |
|
|
fashionBrand: "Fashion Brand", |
|
|
testimonial2: "Working with Teknika for our brand identity and app was a great experience. They're professional and reliable.", |
|
|
techStartup: "Tech Startup", |
|
|
testimonial3: "The promotional video they made for our new product was excellent and successfully generated audience enthusiasm.", |
|
|
happyClients: "Happy Clients", |
|
|
projectsDone: "Projects Done", |
|
|
industriesServed: "Industries Served", |
|
|
teamMembers: "Team Members", |
|
|
readyToStart: "Ready to work with Teknika?", |
|
|
ctaDesc: "Contact us directly and bring your business into the digital world", |
|
|
footerDesc: "Elevate your business with new era technology", |
|
|
branding: "Branding", |
|
|
seo: "SEO Services", |
|
|
team: "Team", |
|
|
careers: "Careers", |
|
|
blog: "Blog", |
|
|
address: "Urumqi, Xinjiang", |
|
|
workingHours: "Mon-Fri, 10:00 - 18:00", |
|
|
copyright: "© 2023 Teknika. All rights reserved.", |
|
|
privacy: "Privacy Policy", |
|
|
terms: "Terms of Service", |
|
|
cookies: "Cookies" |
|
|
}, |
|
|
ru: { |
|
|
home: "Главная", |
|
|
services: "Услуги", |
|
|
portfolio: "Портфолио", |
|
|
solutions: "Решения", |
|
|
industries: "Отрасли", |
|
|
about: "О нас", |
|
|
contact: "Контакты", |
|
|
contactUs: "Связаться с нами", |
|
|
language: "Язык", |
|
|
heroTitle: "Шагните в будущее с технологиями новой эры", |
|
|
heroSubtitle: "Мы помогаем вашему бизнесу войти в цифровой мир. Развивайте свой бизнес с передовыми технологиями и профессиональным дизайном.", |
|
|
getStarted: "Начать", |
|
|
learnMore: "Узнать больше", |
|
|
ourServices: "Наши услуги", |
|
|
servicesDesc: "Мы предоставляем новейшие технологии и дизайнерские услуги для бизнеса", |
|
|
webDev: "Дизайн сайта", |
|
|
webDevDesc: "Современный, удобный в использовании дизайн сайта", |
|
|
appDev: "Разработка приложений", |
|
|
appDevDesc: "Удобные, кроссплатформенные приложения", |
|
|
digitalMarketing: "Цифровой маркетинг", |
|
|
digitalMarketingDesc: "Расширьте свой бизнес с помощью онлайн-маркетинга и продвижения", |
|
|
aiSolutions: "ИИ и машинное обучение", |
|
|
aiSolutionsDesc: "Решения на основе искусственного интеллекта и машинного обучения для отраслей", |
|
|
cloudServices: "Облачные вычисления", |
|
|
cloudServicesDesc: "Облачные вычисления и услуги хранения данных", |
|
|
dataAnalytics: "Анализ данных", |
|
|
dataAnalyticsDesc: "Анализ данных и услуги по принятию решений", |
|
|
cyberSecurity: "Кибербезопасность", |
|
|
cyberSecurityDesc: "Защита данных компании и услуги безопасности", |
|
|
blockchain: "Блокчейн технологии", |
|
|
|
|
|
</html> |