|
|
<!DOCTYPE html> |
|
|
<html dir="rtl" lang="ar"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>أول نموذج ذكاء اصطناعي مصري</title> |
|
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.css" rel="stylesheet"> |
|
|
<style> |
|
|
@keyframes rotate { |
|
|
from { transform: rotate(0deg); } |
|
|
to { transform: rotate(360deg); } |
|
|
} |
|
|
.rotate-animation { |
|
|
animation: rotate 10s linear infinite; |
|
|
} |
|
|
.feature-card:hover { |
|
|
transform: translateY(-10px); |
|
|
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1); |
|
|
} |
|
|
.gradient-bg { |
|
|
background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%); |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body class="gradient-bg min-h-screen text-white"> |
|
|
<nav class="bg-gray-900/50 backdrop-blur-lg"> |
|
|
<div class="container mx-auto px-6 py-4 flex justify-between items-center"> |
|
|
<img src="https://ufastpro.com/wp-content/uploads/2024/12/3.png" alt="Logo" class="w-12 h-12 rotate-animation"> |
|
|
<button class="bg-orange-500 hover:bg-orange-600 px-6 py-2 rounded-full transition-colors"> |
|
|
ابدأ الآن |
|
|
</button> |
|
|
</div> |
|
|
</nav> |
|
|
|
|
|
<main class="container mx-auto px-6 py-16"> |
|
|
<section class="text-center mb-20"> |
|
|
<h1 class="text-5xl font-bold mb-6">أول نموذج ذكاء اصطناعي مصري</h1> |
|
|
<p class="text-xl text-gray-300 max-w-2xl mx-auto"> |
|
|
تجربة فريدة في عالم الذكاء الاصطناعي مع قدرات متقدمة وفهم عميق للغة العربية |
|
|
</p> |
|
|
</section> |
|
|
|
|
|
<section class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> |
|
|
<div class="feature-card bg-white/10 backdrop-blur-lg rounded-xl p-8 transition-all duration-300"> |
|
|
<h3 class="text-xl font-bold mb-4">المحادثة الذكية</h3> |
|
|
<p class="text-gray-300">القدرة على فهم وتحليل والرد على جميع الاستفسارات بدقة عالية</p> |
|
|
</div> |
|
|
<div class="feature-card bg-white/10 backdrop-blur-lg rounded-xl p-8 transition-all duration-300"> |
|
|
<h3 class="text-xl font-bold mb-4">كتابة المحتوى</h3> |
|
|
<p class="text-gray-300">إنشاء مقالات وقصص وروايات باللغة العربية الفصحى</p> |
|
|
</div> |
|
|
<div class="feature-card bg-white/10 backdrop-blur-lg rounded-xl p-8 transition-all duration-300"> |
|
|
<h3 class="text-xl font-bold mb-4">التحدث الصوتي</h3> |
|
|
<p class="text-gray-300">دعم كامل للتحدث باللغة العربية الفصحى بطلاقة</p> |
|
|
</div> |
|
|
<div class="feature-card bg-white/10 backdrop-blur-lg rounded-xl p-8 transition-all duration-300"> |
|
|
<h3 class="text-xl font-bold mb-4">البحث المتقدم</h3> |
|
|
<p class="text-gray-300">إمكانية البحث في الإنترنت وتقديم معلومات دقيقة</p> |
|
|
</div> |
|
|
<div class="feature-card bg-white/10 backdrop-blur-lg rounded-xl p-8 transition-all duration-300"> |
|
|
<h3 class="text-xl font-bold mb-4">تحليل البيانات</h3> |
|
|
<p class="text-gray-300">قدرات متقدمة في تحليل ومعالجة البيانات</p> |
|
|
</div> |
|
|
<div class="feature-card bg-white/10 backdrop-blur-lg rounded-xl p-8 transition-all duration-300"> |
|
|
<h3 class="text-xl font-bold mb-4">الترجمة</h3> |
|
|
<p class="text-gray-300">ترجمة دقيقة بين العربية واللغات الأخرى</p> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
<section class="text-center mt-20"> |
|
|
<button class="bg-orange-500 hover:bg-orange-600 px-12 py-4 rounded-full text-lg font-bold transition-colors"> |
|
|
جرب النموذج مجاناً |
|
|
</button> |
|
|
</section> |
|
|
</main> |
|
|
|
|
|
<footer class="bg-gray-900/50 backdrop-blur-lg mt-20 py-8"> |
|
|
<div class="container mx-auto px-6 text-center text-gray-400"> |
|
|
جميع الحقوق محفوظة © 2025 |
|
|
</div> |
|
|
</footer> |
|
|
</body> |
|
|
</html> |
