Spaces:

Rayan545454
/

re555

Running

App Files Files Community

Rayan545454 commited on Sep 13, 2025

Commit

a446cce

verified ·

1 Parent(s): 9373f92

اختراق العقل

Browse files

عبر نبرة الصوت

تقنية ذكاء اصطناعي متقدمة تحلل نبرة صوتك وتكشف عن حالتك النفسية بدقة مذهلة، لتمنحك تجربة مختلفة تمامًا
مدة ٦٠ ثانيه - Initial Deployment

Files changed (3) hide show

README.md +7 -5
index.html +400 -18
prompts.txt +42 -0

README.md CHANGED Viewed

@@ -1,10 +1,12 @@
 ---
-title: Re555
-emoji: 🐠
-colorFrom: yellow
-colorTo: blue
 sdk: static
 pinned: false
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: re555
+emoji: 🐳
+colorFrom: red
+colorTo: purple
 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,401 @@
-<!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="ar" dir="rtl">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>نبض - اختراق العقل عبر نبرة الصوت</title>
+    <link rel="icon" type="image/x-icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><circle cx='50' cy='50' r='45' fill='%23ec4899' opacity='0.8'/><path d='M30 50 Q50 30 70 50 T90 50' stroke='white' stroke-width='3' fill='none'/></svg>">
+    <script src="https://cdn.tailwindcss.com"></script>
+    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
+    <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/animejs/lib/anime.iife.min.js"></script>
+    <style>
+        @import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');
+        body {
+            font-family: 'Tajawal', sans-serif;
+            background: #0f0f23;
+        }
+        .gradient-text {
+            background: linear-gradient(135deg, #ec4899, #8b5cf6, #06b6d4);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        .glass-card {
+            background: rgba(255, 255, 255, 0.05);
+            backdrop-filter: blur(10px);
+            border: 1px solid rgba(255, 255, 255, 0.1);
+        }
+        .pulse-ring {
+            animation: pulse-ring 2s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
+        }
+        @keyframes pulse-ring {
+            0% {
+                transform: scale(0.33);
+                opacity: 0.8;
+            }
+            80%, 100% {
+                opacity: 0;
+            }
+        }
+        .wave-animation {
+            animation: wave 3s ease-in-out infinite;
+        }
+        @keyframes wave {
+            0%, 100% {
+                transform: scaleY(1);
+            }
+            50% {
+                transform: scaleY(1.5);
+            }
+        }
+        .floating {
+            animation: floating 6s ease-in-out infinite;
+        }
+        @keyframes floating {
+            0%, 100% {
+                transform: translateY(0px);
+            }
+            50% {
+                transform: translateY(-20px);
+            }
+        }
+        .mood-indicator {
+            transition: all 0.3s ease;
+        }
+        .mood-indicator:hover {
+            transform: scale(1.05);
+        }
+    </style>
+</head>
+<body class="bg-gray-900 text-white overflow-x-hidden">
+    <!-- Vanta Background -->
+    <div id="vanta-bg" class="fixed inset-0 z-0"></div>
+    <!-- Navigation -->
+    <nav class="relative z-10 glass-card m-4 rounded-2xl px-6 py-4">
+        <div class="flex items-center justify-between">
+            <div class="flex items-center space-x-4">
+                <div class="w-10 h-10 bg-gradient-to-r from-pink-500 to-purple-600 rounded-full flex items-center justify-center">
+                    <i data-feather="activity" class="w-6 h-6 text-white"></i>
+                </div>
+                <span class="text-2xl font-bold gradient-text">نبض</span>
+            </div>
+            <div class="hidden md:flex items-center space-x-8">
+                <a href="#features" class="hover:text-pink-400 transition">المميزات</a>
+                <a href="#how-it-works" class="hover:text-pink-400 transition">كيف يعمل</a>
+                <a href="#faq" class="hover:text-pink-400 transition">الأسئلة</a>
+                <button class="bg-gradient-to-r from-pink-500 to-purple-600 px-6 py-2 rounded-full hover:shadow-lg hover:shadow-pink-500/25 transition">
+                    جرب الآن
+                </button>
+            </div>
+            <button class="md:hidden" id="mobile-menu-btn">
+                <i data-feather="menu" class="w-6 h-6"></i>
+            </button>
+        </div>
+    </nav>
+    <!-- Mobile Menu -->
+    <div id="mobile-menu" class="fixed inset-0 bg-gray-900 bg-opacity-95 z-50 hidden">
+        <div class="flex justify-end p-6">
+            <button id="close-menu" class="text-white">
+                <i data-feather="x" class="w-8 h-8"></i>
+            </button>
+        </div>
+        <div class="flex flex-col items-center space-y-8 text-xl">
+            <a href="#features" class="hover:text-pink-400 transition">المميزات</a>
+            <a href="#how-it-works" class="hover:text-pink-400 transition">كيف يعمل</a>
+            <a href="#faq" class="hover:text-pink-400 transition">الأسئلة</a>
+            <button class="bg-gradient-to-r from-pink-500 to-purple-600 px-8 py-3 rounded-full">
+                جرب الآن
+            </button>
+        </div>
+    </div>
+    <!-- Hero Section -->
+    <section class="relative z-10 min-h-screen flex items-center justify-center px-4">
+        <div class="text-center max-w-4xl mx-auto" data-aos="fade-up">
+            <h1 class="text-5xl md:text-7xl font-bold mb-6">
+                <span class="gradient-text">اختراق العقل</span>
+                <br>
+                <span class="text-white">عبر نبرة الصوت</span>
+            </h1>
+            <p class="text-xl md:text-2xl text-gray-300 mb-8 leading-relaxed">
+                تقنية ذكاء اصطناعي متقدمة تحلل نبرة صوتك وتكشف عن حالتك النفسية بدقة مذهلة، لتمنحك تجربة مختلفة تمامًا
+            </p>
+            <!-- Voice Recording Interface -->
+            <div class="relative inline-block">
+                <button id="record-btn" class="relative w-32 h-32 rounded-full bg-gradient-to-r from-pink-500 to-purple-600 flex items-center justify-center hover:scale-110 transition-transform">
+                    <div class="absolute inset-0 rounded-full bg-gradient-to-r from-pink-500 to-purple-600 opacity-30 pulse-ring"></div>
+                    <i data-feather="mic" class="w-12 h-12 text-white z-10"></i>
+                </button>
+                <div id="recording-status" class="mt-4 text-sm text-gray-400 hidden">
+                    يتم التحليل...
+                </div>
+            </div>
+            <!-- Mood Display -->
+            <div id="mood-display" class="mt-8 hidden">
+                <div class="glass-card rounded-2xl p-6 max-w-md mx-auto">
+                    <h3 class="text-lg font-semibold mb-4">حالتك النفسية الآن:</h3>
+                    <div id="mood-result" class="text-2xl font-bold gradient-text"></div>
+                    <div class="mt-4 flex justify-center space-x-2">
+                        <div class="w-2 h-8 bg-pink-500 rounded wave-animation" style="animation-delay: 0s"></div>
+                        <div class="w-2 h-8 bg-purple-500 rounded wave-animation" style="animation-delay: 0.1s"></div>
+                        <div class="w-2 h-8 bg-cyan-500 rounded wave-animation" style="animation-delay: 0.2s"></div>
+                        <div class="w-2 h-8 bg-pink-500 rounded wave-animation" style="animation-delay: 0.3s"></div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Features Section -->
+    <section id="features" class="relative z-10 py-20 px-4">
+        <div class="max-w-6xl mx-auto">
+            <h2 class="text-4xl md:text-5xl font-bold text-center mb-16" data-aos="fade-up">
+                <span class="gradient-text">مميزات نبض</span>
+            </h2>
+            <div class="grid md:grid-cols-3 gap-8">
+                <div class="glass-card rounded-2xl p-8 text-center" data-aos="fade-up" data-aos-delay="100">
+                    <div class="w-20 h-20 bg-gradient-to-r from-pink-500 to-purple-600 rounded-full flex items-center justify-center mx-auto mb-4">
+                        <i data-feather="brain" class="w-10 h-10 text-white"></i>
+                    </div>
+                    <h3 class="text-2xl font-bold mb-4">ذكاء اصطناعي متقدم</h3>
+                    <p class="text-gray-300">خوارزميات متطورة تحلل نبرة صوتك بدقة فائقة وتكشف عن أدق التفاصيل النفسية</p>
+                </div>
+                <div class="glass-card rounded-2xl p-8 text-center" data-aos="fade-up" data-aos-delay="200">
+                    <div class="w-20 h-20 bg-gradient-to-r from-purple-500 to-cyan-500 rounded-full flex items-center justify-center mx-auto mb-4">
+                        <i data-feather="trending-up" class="w-10 h-10 text-white"></i>
+                    </div>
+                    <h3 class="text-2xl font-bold mb-4">متابعة لحظية</h3>
+                    <p class="text-gray-300">رصد مستمر لحالتك النفسية وتقديم تقارير مفصلة عن تطور مزاجك اليومي</p>
+                </div>
+                <div class="glass-card rounded-2xl p-8 text-center" data-aos="fade-up" data-aos-delay="300">
+                    <div class="w-20 h-20 bg-gradient-to-r from-cyan-500 to-pink-500 rounded-full flex items-center justify-center mx-auto mb-4">
+                        <i data-feather="shield" class="w-10 h-10 text-white"></i>
+                    </div>
+                    <h3 class="text-2xl font-bold mb-4">خصوصية تامة</h3>
+                    <p class="text-gray-300">جميع البيانات مشفرة بالكامل ولا يتم مشاركتها مع أي طرف ثالث</p>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- How It Works -->
+    <section id="how-it-works" class="relative z-10 py-20 px-4">
+        <div class="max-w-4xl mx-auto">
+            <h2 class="text-4xl md:text-5xl font-bold text-center mb-16" data-aos="fade-up">
+                <span class="gradient-text">كيف يعمل نبض؟</span>
+            </h2>
+            <div class="space-y-12">
+                <div class="flex items-center space-x-reverse space-x-8" data-aos="fade-right">
+                    <div class="flex-shrink-0 w-16 h-16 bg-gradient-to-r from-pink-500 to-purple-600 rounded-full flex items-center justify-center text-2xl font-bold">1</div>
+                    <div>
+                        <h3 class="text-2xl font-bold mb-2">التسجيل</h3>
+                        <p class="text-gray-300">قم بتسجيل صوتك لمدة 60 ثانية فقط عبر الميكروفون</p>
+                    </div>
+                </div>
+                <div class="flex items-center space-x-reverse space-x-8" data-aos="fade-left">
+                    <div class="flex-shrink-0 w-16 h-16 bg-gradient-to-r from-purple-500 to-cyan-500 rounded-full flex items-center justify-center text-2xl font-bold">2</div>
+                    <div>
+                        <h3 class="text-2xl font-bold mb-2">التحليل</h3>
+                        <p class="text-gray-300">تحليل الذكاء الاصطناعي للترددات والنغمات والاهتزازات الصوتية</p>
+                    </div>
+                </div>
+                <div class="flex items-center space-x-reverse space-x-8" data-aos="fade-right">
+                    <div class="flex-shrink-0 w-16 h-16 bg-gradient-to-r from-cyan-500 to-pink-500 rounded-full flex items-center justify-center text-2xl font-bold">3</div>
+                    <div>
+                        <h3 class="text-2xl font-bold mb-2">النتائج</h3>
+                        <p class="text-gray-300">عرض حالتك النفسية بدقة مع توصيات شخصية لتحسين مزاجك</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- FAQ Section -->
+    <section id="faq" class="relative z-10 py-20 px-4">
+        <div class="max-w-4xl mx-auto">
+            <h2 class="text-4xl md:text-5xl font-bold text-center mb-16" data-aos="fade-up">
+                <span class="gradient-text">الأسئلة الشائعة</span>
+            </h2>
+            <div class="space-y-6">
+                <div class="glass-card rounded-2xl p-6" data-aos="fade-up">
+                    <button class="flex justify-between items-center w-full text-right" onclick="toggleFAQ(this)">
+                        <h3 class="text-xl font-bold">ما هو "نبض" بالذكاء الاصطناعي؟</h3>
+                        <i data-feather="chevron-down" class="w-5 h-5 transform transition-transform"></i>
+                    </button>
+                    <div class="hidden mt-4 text-gray-300">
+                        "نبض" هو نظام ذكي يستخدم خوارزميات تحليل الصوت للتعرف على حالتك النفسية والمزاجية بدقة عالية.
+                    </div>
+                </div>
+                <div class="glass-card rounded-2xl p-6" data-aos="fade-up">
+                    <button class="flex justify-between items-center w-full text-right" onclick="toggleFAQ(this)">
+                        <h3 class="text-xl font-bold">كيف يعمل "نبض"؟</h3>
+                        <i data-feather="chevron-down" class="w-5 h-5 transform transition-transform"></i>
+                    </button>
+                    <div class="hidden mt-4 text-gray-300">
+                        يقوم بتسجيل نبرة صوتك لمدة 60 ثانية، ثم يحلل الترددات والنغمات والاهتزازات عبر الذكاء الاصطناعي ليكشف حالتك مثل: فرح، توتر، حزن، أو طاقة عالية.
+                    </div>
+                </div>
+                <div class="glass-card rounded-2xl p-6" data-aos="fade-up">
+                    <button class="flex justify-between items-center w-full text-right" onclick="toggleFAQ(this)">
+                        <h3 class="text-xl font-bold">ما الفائدة من "نبض"؟</h3>
+                        <i data-feather="chevron-down" class="w-5 h-5 transform transition-transform"></i>
+                    </button>
+                    <div class="hidden mt-4 text-gray-300">
+                        يساعدك على فهم نفسك بشكل أفضل، تحسين حالتك المزاجية، ومتابعة صحتك النفسية بطريقة مبتكرة وسهلة.
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Footer -->
+    <footer class="relative z-10 glass-card m-4 rounded-2xl p-8 text-center">
+        <div class="max-w-4xl mx-auto">
+            <div class="flex items-center justify-center space-x-4 mb-4">
+                <div class="w-10 h-10 bg-gradient-to-r from-pink-500 to-purple-600 rounded-full flex items-center justify-center">
+                    <i data-feather="activity" class="w-6 h-6 text-white"></i>
+                </div>
+                <span class="text-2xl font-bold gradient-text">نبض</span>
+            </div>
+            <p class="text-gray-300 mb-4">اختراق العقل عبر نبرة الصوت</p>
+            <div class="flex justify-center space-x-6">
+                <a href="#" class="text-gray-400 hover:text-pink-400 transition">
+                    <i data-feather="twitter" class="w-6 h-6"></i>
+                </a>
+                <a href="#" class="text-gray-400 hover:text-pink-400 transition">
+                    <i data-feather="instagram" class="w-6 h-6"></i>
+                </a>
+                <a href="#" class="text-gray-400 hover:text-pink-400 transition">
+                    <i data-feather="linkedin" class="w-6 h-6"></i>
+                </a>
+            </div>
+        </div>
+    </footer>
+    <script>
+        // Initialize AOS
+        AOS.init({
+            duration: 1000,
+            once: true
+        });
+        // Initialize Vanta.js
+        VANTA.GLOBE({
+            el: "#vanta-bg",
+            mouseControls: true,
+            touchControls: true,
+            gyroControls: false,
+            minHeight: 200.00,
+            minWidth: 200.00,
+            scale: 1.00,
+            scaleMobile: 1.00,
+            color: 0xec4899,
+            color2: 0x8b5cf6,
+            size: 1.00,
+            backgroundColor: 0x0f0f23
+        });
+        // Mobile menu toggle
+        const mobileMenuBtn = document.getElementById('mobile-menu-btn');
+        const closeMenuBtn = document.getElementById('close-menu');
+        const mobileMenu = document.getElementById('mobile-menu');
+        mobileMenuBtn.addEventListener('click', () => {
+            mobileMenu.classList.remove('hidden');
+        });
+        closeMenuBtn.addEventListener('click', () => {
+            mobileMenu.classList.add('hidden');
+        });
+        // Voice recording simulation
+        const recordBtn = document.getElementById('record-btn');
+        const recordingStatus = document.getElementById('recording-status');
+        const moodDisplay = document.getElementById('mood-display');
+        const moodResult = document.getElementById('mood-result');
+        const moods = ['فرح', 'توتر', 'حزن', 'طاقة عالية', 'هدوء', 'حماس'];
+        recordBtn.addEventListener('click', () => {
+            recordBtn.classList.add('animate-pulse');
+            recordingStatus.classList.remove('hidden');
+            setTimeout(() => {
+                recordBtn.classList.remove('animate-pulse');
+                recordingStatus.classList.add('hidden');
+                moodDisplay.classList.remove('hidden');
+                const randomMood = moods[Math.floor(Math.random() * moods.length)];
+                moodResult.textContent = randomMood;
+                // Animate mood result
+                anime({
+                    targets: '#mood-result',
+                    scale: [0.5, 1],
+                    opacity: [0, 1],
+                    duration: 1000,
+                    easing: 'easeOutElastic(1, .5)'
+                });
+            }, 60000);
+        });
+        // FAQ toggle
+        function toggleFAQ(button) {
+            const content = button.nextElementSibling;
+            const icon = button.querySelector('i');
+            if (content.classList.contains('hidden')) {
+                content.classList.remove('hidden');
+                icon.style.transform = 'rotate(180deg)';
+            } else {
+                content.classList.add('hidden');
+                icon.style.transform = 'rotate(0deg)';
+            }
+        }
+        // Smooth scroll for navigation links
+        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
+            anchor.addEventListener('click', function (e) {
+                e.preventDefault();
+                const target = document.querySelector(this.getAttribute('href'));
+                if (target) {
+                    target.scrollIntoView({
+                        behavior: 'smooth',
+                        block: 'start'
+                    });
+                }
+            });
+        });
+        // Initialize Feather Icons
+        feather.replace();
+    </script>
+</body>
 </html>

prompts.txt ADDED Viewed

	@@ -0,0 +1,42 @@

+✨ 🧠💡 اختراق العقل عبر نبرة الصوت:
+تقنية ذكاء اصطناعي متقدمة تحلل نبرة صوتك وتكشف عن حالتك النفسية بدقة مذهلة، لتمنحك تجربة مختلفة تمامًا.
+📌 عنوان: نبض
+❓سؤال وجواب حول الذكاء الاصطناعي:
+س: ما هو “نبض” بالذكاء الاصطناعي؟
+ج: “نبض” هو نظام ذكي يستخدم خوارزميات تحليل الصوت للتعرف على حالتك النفسية والمزاجية بدقة عالية.
+س: كيف يعمل “نبض”؟
+ج: يقوم بتسجيل نبرة صوتك، ثم يحلل الترددات والنغمات والاهتزازات عبر الذكاء الاصطناعي ليكشف حالتك مثل: فرح، توتر، حزن، أو طاقة عالية.
+س: ما الفائدة من “نبض”؟
+ج: يساعدك على فهم نفسك بشكل أفضل، تحسين حالتك المزاجية، ومتابعة صحتك النفسية بطريقة مبتكرة وسهلة الدكتور ذكاء اصطناعي
+✨ 🧠💡 اختراق العقل عبر نبرة الصوت:
+تقنية ذكاء اصطناعي متقدمة تحلل نبرة صوتك وتكشف عن حالتك النفسية بدقة مذهلة، لتمنحك تجربة مختلفة تمامًا.
+📌 عنوان: نبض
+❓سؤال وجواب حول الذكاء الاصطناعي:
+س: ما هو “نبض” بالذكاء الاصطناعي؟
+ج: “نبض” هو نظام ذكي يستخدم خوارزميات تحليل الصوت للتعرف على حالتك النفسية والمزاجية بدقة عالية.
+س: كيف يعمل “نبض”؟
+ج: يقوم بتسجيل نبرة صوتك، ثم يحلل الترددات والنغمات والاهتزازات عبر الذكاء الاصطناعي ليكشف حالتك مثل: فرح، توتر، حزن، أو طاقة عالية.
+س: ما الفائدة من “نبض”؟
+ج: يساعدك على فهم نفسك بشكل أفضل، تحسين حالتك المزاجية، ومتابعة صحتك النفسية بطريقة مبتكرة وسهلة الدكتور ذكاء اصطناعي
+اختراق العقل
+عبر نبرة الصوت
+تقنية ذكاء اصطناعي متقدمة تحلل نبرة صوتك وتكشف عن حالتك النفسية بدقة مذهلة، لتمنحك تجربة مختلفة تمامًا
+60ثانيه
+اختراق العقل
+عبر نبرة الصوت
+تقنية ذكاء اصطناعي متقدمة تحلل نبرة صوتك وتكشف عن حالتك النفسية بدقة مذهلة، لتمنحك تجربة مختلفة تمامًا
+مدة ٦٠ ثانيه