Spaces:

maimaiti5167
/

https-huggingface-co-maimaiti5167

Running

App Files Files Community

maimaiti5167 commited on Apr 10, 2025

Commit

7715279

verified ·

1 Parent(s): 9175e5e

Add 2 files

Browse files

Files changed (2) hide show

README.md +7 -5
index.html +949 -19

README.md CHANGED Viewed

@@ -1,10 +1,12 @@
 ---
-title: Https Huggingface Co Maimaiti5167
-emoji: 👀
-colorFrom: pink
-colorTo: indigo
 sdk: static
 pinned: false
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: https-huggingface-co-maimaiti5167
+emoji: 🐳
+colorFrom: red
+colorTo: pink
 sdk: static
 pinned: false
+tags:
+  - deepsite
 ---
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

index.html CHANGED Viewed

@@ -1,19 +1,949 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>

+<!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>