Spaces:

Rayan545454
/

s3hhh

Running

App Files Files Community

Rayan545454 commited on Sep 16, 2025

Commit

fd4ced5

verified ·

1 Parent(s): f22028a

ارسم 🔐 برامج RT للأمان السيبراني

Browse files

📌 تصميم: ريان بن خالد بن عبدالمحسن الثميري

⸻

خدماتنا:
• حماية الأنظمة والشبكات من الهجمات الإلكترونية.
• تأمين البيانات والمعلومات من الاختراق أو التسريب.
• الكشف المبكر عن التهديدات والتعامل معها بسرعة.
• تطوير استراتيجيات تمنع الجرائم الإلكترونية - Initial Deployment

Files changed (3) hide show

README.md +7 -5
index.html +277 -18
prompts.txt +10 -0

README.md CHANGED Viewed

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

 ---
+title: s3hhh
+emoji: 🐳
+colorFrom: red
+colorTo: red
 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,278 @@
-<!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>RT Security - الأمان السيبراني</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'><text y='.9em' font-size='90'>🔐</text></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/animejs/lib/anime.iife.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script>
+    <style>
+        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
+        body {
+            font-family: 'Inter', sans-serif;
+            background: #0a0a0a;
+        }
+        .cyber-grid {
+            background-image:
+                linear-gradient(rgba(0, 255, 255, 0.1) 1px, transparent 1px),
+                linear-gradient(90deg, rgba(0, 255, 255, 0.1) 1px, transparent 1px);
+            background-size: 50px 50px;
+        }
+        .glow {
+            box-shadow: 0 0 20px rgba(0, 255, 255, 0.5);
+        }
+        .text-glow {
+            text-shadow: 0 0 10px rgba(0, 255, 255, 0.8);
+        }
+        .service-card {
+            background: linear-gradient(135deg, rgba(0, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.8) 100%);
+            border: 1px solid rgba(0, 255, 255, 0.3);
+            transition: all 0.3s ease;
+        }
+        .service-card:hover {
+            transform: translateY(-5px);
+            box-shadow: 0 10px 30px rgba(0, 255, 255, 0.3);
+            border-color: rgba(0, 255, 255, 0.6);
+        }
+        .vanta-canvas {
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            z-index: -1;
+        }
+    </style>
+</head>
+<body class="bg-black text-white overflow-x-hidden">
+    <!-- Navigation -->
+    <nav class="fixed top-0 w-full bg-black/90 backdrop-blur-md z-50 border-b border-cyan-500/20">
+        <div class="container mx-auto px-6 py-4">
+            <div class="flex justify-between items-center">
+                <div class="flex items-center space-x-2">
+                    <i data-feather="shield" class="w-8 h-8 text-cyan-400"></i>
+                    <span class="text-2xl font-bold text-glow">RT Security</span>
+                </div>
+                <div class="hidden md:flex space-x-8">
+                    <a href="#home" class="hover:text-cyan-400 transition-colors">الرئيسية</a>
+                    <a href="#services" class="hover:text-cyan-400 transition-colors">خدماتنا</a>
+                    <a href="#about" class="hover:text-cyan-400 transition-colors">من نحن</a>
+                    <a href="#contact" class="hover:text-cyan-400 transition-colors">اتصل بنا</a>
+                </div>
+                <button class="md:hidden" id="menu-toggle">
+                    <i data-feather="menu" class="w-6 h-6"></i>
+                </button>
+            </div>
+        </div>
+    </nav>
+    <!-- Hero Section -->
+    <section id="home" class="relative min-h-screen flex items-center justify-center cyber-grid overflow-hidden">
+        <div id="vanta-bg" class="vanta-canvas"></div>
+        <div class="container mx-auto px-6 text-center z-10">
+            <h1 class="text-5xl md:text-7xl font-bold mb-6 text-glow" data-aos="fade-up">
+                🔐 برامج RT للأمان السيبراني
+            </h1>
+            <p class="text-xl md:text-2xl mb-8 text-gray-300" data-aos="fade-up" data-aos-delay="200">
+                حماية شاملة لأنظمتك وشبكاتك من التهديدات الإلكترونية
+            </p>
+            <div class="flex flex-col md:flex-row gap-4 justify-center" data-aos="fade-up" data-aos-delay="400">
+                <button class="px-8 py-4 bg-cyan-500 hover:bg-cyan-600 rounded-lg font-semibold transition-all glow hover:glow-lg">
+                    ابدأ الآن
+                </button>
+                <button class="px-8 py-4 border border-cyan-500 hover:bg-cyan-500/10 rounded-lg font-semibold transition-all">
+                    تعرف على المزيد
+                </button>
+            </div>
+        </div>
+    </section>
+    <!-- Services Section -->
+    <section id="services" class="py-20 bg-gradient-to-b from-black to-gray-900">
+        <div class="container mx-auto px-6">
+            <h2 class="text-4xl md:text-5xl font-bold text-center mb-16 text-glow" data-aos="fade-up">
+                خدماتنا الأمنية
+            </h2>
+            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
+                <div class="service-card p-8 rounded-xl" data-aos="fade-up" data-aos-delay="100">
+                    <div class="w-16 h-16 bg-cyan-500/20 rounded-full flex items-center justify-center mb-6 mx-auto">
+                        <i data-feather="shield" class="w-8 h-8 text-cyan-400"></i>
+                    </div>
+                    <h3 class="text-xl font-semibold mb-4 text-center">حماية الأنظمة</h3>
+                    <p class="text-gray-400 text-center">حماية الأنظمة والشبكات من الهجمات الإلكترونية المتقدمة</p>
+                </div>
+                <div class="service-card p-8 rounded-xl" data-aos="fade-up" data-aos-delay="200">
+                    <div class="w-16 h-16 bg-cyan-500/20 rounded-full flex items-center justify-center mb-6 mx-auto">
+                        <i data-feather="lock" class="w-8 h-8 text-cyan-400"></i>
+                    </div>
+                    <h3 class="text-xl font-semibold mb-4 text-center">تأمين البيانات</h3>
+                    <p class="text-gray-400 text-center">تأمين البيانات والمعلومات من الاختراق أو التسريب</p>
+                </div>
+                <div class="service-card p-8 rounded-xl" data-aos="fade-up" data-aos-delay="300">
+                    <div class="w-16 h-16 bg-cyan-500/20 rounded-full flex items-center justify-center mb-6 mx-auto">
+                        <i data-feather="alert-triangle" class="w-8 h-8 text-cyan-400"></i>
+                    </div>
+                    <h3 class="text-xl font-semibold mb-4 text-center">الكشف المبكر</h3>
+                    <p class="text-gray-400 text-center">الكشف المبكر عن التهديدات والتعامل معها بسرعة</p>
+                </div>
+                <div class="service-card p-8 rounded-xl" data-aos="fade-up" data-aos-delay="400">
+                    <div class="w-16 h-16 bg-cyan-500/20 rounded-full flex items-center justify-center mb-6 mx-auto">
+                        <i data-feather="cpu" class="w-8 h-8 text-cyan-400"></i>
+                    </div>
+                    <h3 class="text-xl font-semibold mb-4 text-center">استراتيجيات وقائية</h3>
+                    <p class="text-gray-400 text-center">تطوير استراتيجيات تمنع الجرائم الإلكترونية</p>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- About Section -->
+    <section id="about" class="py-20 bg-gray-900">
+        <div class="container mx-auto px-6">
+            <div class="flex flex-col md:flex-row items-center gap-12">
+                <div class="md:w-1/2" data-aos="fade-right">
+                    <h2 class="text-4xl font-bold mb-6 text-glow">من نحن</h2>
+                    <p class="text-gray-300 mb-6 leading-relaxed">
+                        نحن فريق متخصص في الأمان السيبراني، نقدم حلولاً مبتكرة لحماية مؤسساتك من التهديدات الرقمية المتزايدة.
+                    </p>
+                    <p class="text-gray-300 mb-6 leading-relaxed">
+                        بخبرة تمتد لسنوات في مجال الأمن الإلكتروني، نضمن لك أعلى مستويات الحماية لبياناتك وأنظمتك.
+                    </p>
+                    <div class="flex items-center gap-4 mt-8">
+                        <div class="text-cyan-400">
+                            <i data-feather="check-circle" class="w-6 h-6"></i>
+                        </div>
+                        <span>شهادات دولية في الأمن السيبراني</span>
+                    </div>
+                    <div class="flex items-center gap-4 mt-4">
+                        <div class="text-cyan-400">
+                            <i data-feather="check-circle" class="w-6 h-6"></i>
+                        </div>
+                        <span>فريق عمل محترف ومتخصص</span>
+                    </div>
+                </div>
+                <div class="md:w-1/2" data-aos="fade-left">
+                    <img src="http://static.photos/technology/640x360/42" alt="Cyber Security" class="rounded-xl shadow-2xl glow">
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Contact Section -->
+    <section id="contact" class="py-20 bg-black">
+        <div class="container mx-auto px-6">
+            <h2 class="text-4xl md:text-5xl font-bold text-center mb-16 text-glow" data-aos="fade-up">
+                تواصل معنا
+            </h2>
+            <div class="max-w-2xl mx-auto">
+                <form class="space-y-6" data-aos="fade-up" data-aos-delay="200">
+                    <div>
+                        <input type="text" placeholder="الاسم الكامل" class="w-full px-4 py-3 bg-gray-900 border border-gray-700 rounded-lg focus:border-cyan-500 focus:outline-none transition-colors">
+                    </div>
+                    <div>
+                        <input type="email" placeholder="البريد الإلكتروني" class="w-full px-4 py-3 bg-gray-900 border border-gray-700 rounded-lg focus:border-cyan-500 focus:outline-none transition-colors">
+                    </div>
+                    <div>
+                        <textarea placeholder="رسالتك" rows="5" class="w-full px-4 py-3 bg-gray-900 border border-gray-700 rounded-lg focus:border-cyan-500 focus:outline-none transition-colors resize-none"></textarea>
+                    </div>
+                    <button type="submit" class="w-full py-3 bg-cyan-500 hover:bg-cyan-600 rounded-lg font-semibold transition-all glow">
+                        إرسال الرسالة
+                    </button>
+                </form>
+            </div>
+        </div>
+    </section>
+    <!-- Footer -->
+    <footer class="bg-gray-900 py-8 border-t border-gray-800">
+        <div class="container mx-auto px-6">
+            <div class="flex flex-col md:flex-row justify-between items-center">
+                <div class="flex items-center space-x-2 mb-4 md:mb-0">
+                    <i data-feather="shield" class="w-6 h-6 text-cyan-400"></i>
+                    <span class="text-lg font-semibold">RT Security</span>
+                </div>
+                <p class="text-gray-400">تصميم: ريان بن خالد بن عبدالمحسن الثميري</p>
+            </div>
+        </div>
+    </footer>
+    <script>
+        // Initialize AOS
+        AOS.init({
+            duration: 1000,
+            once: true
+        });
+        // Initialize Feather Icons
+        feather.replace();
+        // Initialize Vanta.js Background
+        VANTA.GLOBE({
+            el: "#vanta-bg",
+            mouseControls: true,
+            touchControls: true,
+            gyroControls: false,
+            minHeight: 200.00,
+            minWidth: 200.00,
+            scale: 1.00,
+            scaleMobile: 1.00,
+            color: 0x0,
+            color2: 0xff00,
+            size: 1.00,
+            backgroundColor: 0x0
+        });
+        // Mobile Menu Toggle
+        const menuToggle = document.getElementById('menu-toggle');
+        const mobileMenu = document.createElement('div');
+        mobileMenu.className = 'fixed inset-0 bg-black/95 z-40 hidden';
+        mobileMenu.innerHTML = `
+            <div class="flex flex-col items-center justify-center h-full space-y-8 text-2xl">
+                <button class="absolute top-8 right-8" id="close-menu">
+                    <i data-feather="x" class="w-8 h-8"></i>
+                </button>
+                <a href="#home" class="hover:text-cyan-400 transition-colors">الرئيسية</a>
+                <a href="#services" class="hover:text-cyan-400 transition-colors">خدماتنا</a>
+                <a href="#about" class="hover:text-cyan-400 transition-colors">من نحن</a>
+                <a href="#contact" class="hover:text-cyan-400 transition-colors">اتصل بنا</a>
+            </div>
+        `;
+        document.body.appendChild(mobileMenu);
+        menuToggle.addEventListener('click', () => {
+            mobileMenu.classList.remove('hidden');
+        });
+        document.getElementById('close-menu').addEventListener('click', () => {
+            mobileMenu.classList.add('hidden');
+        });
+        // Smooth Scrolling
+        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'
+                    });
+                    mobileMenu.classList.add('hidden');
+                }
+            });
+        });
+        // Form Submission
+        document.querySelector('form').addEventListener('submit', (e) => {
+            e.preventDefault();
+            alert('تم إرسال رسالتك بنجاح! سنتواصل معك قريباً.');
+            e.target.reset();
+        });
+    </script>
+</body>
 </html>

prompts.txt ADDED Viewed

	@@ -0,0 +1,10 @@

+ارسم 🔐 برامج RT للأمان السيبراني
+📌 تصميم: ريان بن خالد بن عبدالمحسن الثميري
+⸻
+خدماتنا:
+	•	حماية الأنظمة والشبكات من الهجمات الإلكترونية.
+	•	تأمين البيانات والمعلومات من الاختراق أو التسريب.
+	•	الكشف المبكر عن التهديدات والتعامل معها بسرعة.
+	•	تطوير استراتيجيات تمنع الجرائم الإلكترونية