maimaiti5167's picture
Add 2 files
7715279 verified
<!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 -->
<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>
<!-- Hero Section -->
<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>
<!-- Services 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">
<!-- Service 1 -->
<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>
<!-- Service 2 -->
<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>
<!-- Service 3 -->
<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>
<!-- Service 4 -->
<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>
<!-- Service 5 -->
<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>
<!-- Service 6 -->
<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>
<!-- Service 7 -->
<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>
<!-- Service 8 -->
<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>
<!-- Industries 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>
<!-- Portfolio 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">
<!-- Project 1 -->
<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>
<!-- Project 2 -->
<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>
<!-- Project 3 -->
<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>
<!-- Project 4 -->
<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>
<!-- Project 5 -->
<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>
<!-- Project 6 -->
<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>
<!-- Testimonials -->
<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">
<!-- Testimonial 1 -->
<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>
<!-- Testimonial 2 -->
<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>
<!-- Testimonial 3 -->
<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>
<!-- Stats 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>
<!-- CTA 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 -->
<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">
&copy; 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>
// Language translations
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: "&copy; 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: "&copy; 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: "&copy; 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>