File manager

File manager - Edit - /home/linknsbh/proffy.online/public/index.html

Back
<!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> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800;900&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> <script> tailwind.config = { theme: { extend: { fontFamily: { 'tajawal': ['Tajawal', 'sans-serif'], }, colors: { primary: '#6366f1', secondary: '#8b5cf6', accent: '#ec4899', dark: '#0f172a', }, animation: { 'float': 'float 6s ease-in-out infinite', 'pulse-slow': 'pulse 4s cubic-bezier(0.4, 0, 0.6, 1) infinite', 'gradient': 'gradient 8s linear infinite', }, keyframes: { float: { '0%, 100%': { transform: 'translateY(0)' }, '50%': { transform: 'translateY(-20px)' }, }, gradient: { '0%, 100%': { backgroundPosition: '0% 50%' }, '50%': { backgroundPosition: '100% 50%' }, } } } } } </script> <style> body { font-family: 'Tajawal', sans-serif; } .glass-effect { background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.2); } .gradient-text { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .hero-gradient { background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%); background-size: 200% 200%; animation: gradient 8s ease infinite; } .card-hover { transition: all 0.3s ease; } .card-hover:hover { transform: translateY(-10px); box-shadow: 0 20px 40px rgba(0,0,0,0.1); } .feature-icon { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); } </style> </head> <body class="bg-gray-50 overflow-x-hidden"> <!-- Navigation --> <nav class="fixed w-full z-50 glass-effect transition-all duration-300" id="navbar"> <div class="container mx-auto px-6 py-4"> <div class="flex justify-between items-center"> <div class="flex items-center gap-3"> <div class="w-12 h-12 rounded-xl bg-gradient-to-br from-indigo-500 to-purple-600 flex items-center justify-center text-white font-bold text-xl shadow-lg"> <i class="fas fa-store"></i> </div> <div> <h1 class="text-2xl font-bold text-gray-800">بروفى <span class="text-indigo-600">اونلاين</span></h1> <p class="text-xs text-gray-500">نظام إدارة المحلات الذكي</p> </div> </div> <div class="hidden md:flex items-center gap-8"> <a href="#features" class="text-gray-700 hover:text-indigo-600 font-medium transition">المميزات</a> <a href="#services" class="text-gray-700 hover:text-indigo-600 font-medium transition">الخدمات</a> <a href="#pricing" class="text-gray-700 hover:text-indigo-600 font-medium transition">الأسعار</a> <a href="https://link-get.net/contact" class="text-gray-700 hover:text-indigo-600 font-medium transition">تواصل معنا</a> </div> <div class="flex items-center gap-4"> <!-- تسجيل الدخول --> <a href="https://proffy.online/app/login" class="hidden md:block px-6 py-2 text-indigo-600 font-medium hover:bg-indigo-50 rounded-lg transition"> تسجيل الدخول </a> <!-- ابدأ مجاناً --> <a href="https://proffy.online/app/register" class="px-6 py-2 bg-gradient-to-r from-indigo-600 to-purple-600 text-white font-bold rounded-lg hover:shadow-lg hover:scale-105 transition transform inline-block text-center"> ابدأ مجاناً </a> <!-- قائمة الموبايل --> <button class="md:hidden text-gray-700 text-2xl" onclick="toggleMenu()" aria-label="فتح القائمة"> <i class="fas fa-bars"></i> </button> </div> <!-- Mobile Menu --> <div id="mobileMenu" class="hidden md:hidden bg-white border-t"> <div class="px-6 py-4 space-y-3"> <a href="#features" class="block text-gray-700 py-2">المميزات</a> <a href="#services" class="block text-gray-700 py-2">الخدمات</a> <a href="#pricing" class="block text-gray-700 py-2">الأسعار</a> <a href="#contact" class="block text-gray-700 py-2">تواصل معنا</a> </div> </div> </nav> <!-- Hero Section --> <section class="relative min-h-screen flex items-center justify-center overflow-hidden pt-20"> <!-- Animated Background --> <div class="absolute inset-0 hero-gradient opacity-10"></div> <div class="absolute inset-0"> <div class="absolute top-20 left-10 w-72 h-72 bg-purple-300 rounded-full mix-blend-multiply filter blur-xl opacity-70 animate-float"></div> <div class="absolute top-40 right-10 w-72 h-72 bg-indigo-300 rounded-full mix-blend-multiply filter blur-xl opacity-70 animate-float" style="animation-delay: 2s"></div> <div class="absolute -bottom-8 left-1/2 w-72 h-72 bg-pink-300 rounded-full mix-blend-multiply filter blur-xl opacity-70 animate-float" style="animation-delay: 4s"></div> </div> <div class="container mx-auto px-6 relative z-10"> <div class="grid md:grid-cols-2 gap-12 items-center"> <div class="text-center md:text-right"> <div class="inline-block px-4 py-2 bg-indigo-100 text-indigo-700 rounded-full text-sm font-bold mb-6"> <i class="fas fa-star mr-2"></i> النظام الأفضل لإدارة المحلات </div> <h1 class="text-5xl md:text-6xl font-black text-gray-900 leading-tight mb-6"> أدِر <span class="gradient-text">محلك</span> بذكاء<br> وكبرِ <span class="gradient-text">أرباحك</span> </h1> <p class="text-xl text-gray-600 mb-8 leading-relaxed"> نظام بروفى اونلاين السحابي الشامل لإدارة المبيعات، المشتريات، المخزون، الفروع، نقاط البيع، والموظفين - كل ذلك في منصة واحدة سهلة الاستخدام </p> <div class="flex flex-col sm:flex-row gap-4 justify-center md:justify-start"> <!-- رابط التسجيل --> <a href="https://proffy.online/app/register" class="px-8 py-4 bg-gradient-to-r from-indigo-600 to-purple-600 text-white font-bold rounded-xl hover:shadow-2xl hover:scale-105 transition transform flex items-center justify-center gap-2"> <span>ابدأ تجربة مجانية</span> <i class="fas fa-arrow-left"></i> </a> <!-- رابط صفحة العرض التوضيحي --> <a href="https://proffy.online/demo" target="_blank" class="px-8 py-4 bg-white text-gray-700 font-bold rounded-xl border-2 border-gray-200 hover:border-indigo-500 hover:text-indigo-600 transition flex items-center justify-center gap-2"> <i class="fas fa-play-circle"></i> <span>شاهد العرض التوضيحي</span> </a> </div> <div class="mt-8 flex items-center gap-4 justify-center md:justify-start text-gray-500 text-sm"> <span><i class="fas fa-check-circle text-green-500 ml-1"></i> تجربة مجانية لمدة ثلاثة ايام </span> <span><i class="fas fa-check-circle text-green-500 ml-1"></i> تواصل معنا لشرج النظام </span> <span><i class="fas fa-check-circle text-green-500 ml-1"></i> إلغاء في أي وقت</span> </div> </div> <div class="relative"> <div class="relative bg-white rounded-2xl shadow-2xl p-4 transform rotate-2 hover:rotate-0 transition duration-500"> <img src="https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=800&q=80" alt="Dashboard Preview" class="rounded-xl shadow-lg w-full"> <div class="absolute -top-6 -right-6 bg-white p-4 rounded-xl shadow-lg animate-float"> <div class="flex items-center gap-3"> <div class="w-12 h-12 bg-green-100 rounded-full flex items-center justify-center text-green-600"> <i class="fas fa-chart-line text-xl"></i> </div> <div> <p class="text-xs text-gray-500">المبيعات اليوم</p> <p class="text-lg font-bold text-gray-800">+٢٣٪</p> </div> </div> </div> <div class="absolute -bottom-6 -left-6 bg-white p-4 rounded-xl shadow-lg animate-float" style="animation-delay: 2s"> <div class="flex items-center gap-3"> <div class="w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center text-blue-600"> <i class="fas fa-box text-xl"></i> </div> <div> <p class="text-xs text-gray-500">المنتجات</p> <p class="text-lg font-bold text-gray-800">١,٢٤٥</p> </div> </div> </div> </div> </div> </div> </div> </section> <!-- Stats Section --> <section class="py-20 bg-white"> <div class="container mx-auto px-6"> <div class="grid grid-cols-2 md:grid-cols-4 gap-8"> <div class="text-center p-6 rounded-2xl bg-gradient-to-br from-indigo-50 to-purple-50"> <div class="text-4xl font-black text-indigo-600 mb-2">+5000</div> <div class="text-gray-600">عميل نشط</div> </div> <div class="text-center p-6 rounded-2xl bg-gradient-to-br from-purple-50 to-pink-50"> <div class="text-4xl font-black text-purple-600 mb-2">+2M</div> <div class="text-gray-600">فاتورة شهرياً</div> </div> <div class="text-center p-6 rounded-2xl bg-gradient-to-br from-pink-50 to-red-50"> <div class="text-4xl font-black text-pink-600 mb-2">99.9%</div> <div class="text-gray-600">وقت التشغيل</div> </div> <div class="text-center p-6 rounded-2xl bg-gradient-to-br from-red-50 to-orange-50"> <div class="text-4xl font-black text-red-600 mb-2">24/7</div> <div class="text-gray-600">دعم فني</div> </div> </div> </div> </section> <!-- Features Section --> <section id="features" class="py-20 bg-gray-50"> <div class="container mx-auto px-6"> <div class="text-center mb-16"> <h2 class="text-4xl font-bold text-gray-900 mb-4">كل ما تحتاجه لإدارة محلك</h2> <p class="text-xl text-gray-600 max-w-2xl mx-auto">نظام متكامل يوفر لك جميع الأدوات اللازمة لإدارة نشاطك التجاري بكفاءة عالية</p> </div> <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8"> <!-- Feature 1 --> <div class="bg-white rounded-2xl p-8 shadow-lg card-hover border border-gray-100"> <div class="w-16 h-16 feature-icon rounded-2xl flex items-center justify-center text-white text-2xl mb-6"> <i class="fas fa-cash-register"></i> </div> <h3 class="text-xl font-bold text-gray-900 mb-3">نقاط البيع (POS)</h3> <p class="text-gray-600 leading-relaxed">نظام نقاط بيع سريع ومرن يعمل على جميع الأجهزة. دعم الباركود، القارئات، والمدفوعات الإلكترونية.</p> </div> <!-- Feature 2 --> <div class="bg-white rounded-2xl p-8 shadow-lg card-hover border border-gray-100"> <div class="w-16 h-16 feature-icon rounded-2xl flex items-center justify-center text-white text-2xl mb-6"> <i class="fas fa-boxes"></i> </div> <h3 class="text-xl font-bold text-gray-900 mb-3">إدارة المخزون</h3> <p class="text-gray-600 leading-relaxed">تتبع دقيق للمخزون، تنبيهات انخفاض المخزون، إدارة المستودعات المتعددة، وترقيم المنتجات.</p> </div> <!-- Feature 3 --> <div class="bg-white rounded-2xl p-8 shadow-lg card-hover border border-gray-100"> <div class="w-16 h-16 feature-icon rounded-2xl flex items-center justify-center text-white text-2xl mb-6"> <i class="fas fa-shopping-cart"></i> </div> <h3 class="text-xl font-bold text-gray-900 mb-3">المبيعات والمشتريات</h3> <p class="text-gray-600 leading-relaxed">إدارة كاملة لدورة البيع والشراء، عروض أسعار، أوامر شراء، فواتير مبيعات، وإدارة المرتجعات.</p> </div> <!-- Feature 4 --> <div class="bg-white rounded-2xl p-8 shadow-lg card-hover border border-gray-100"> <div class="w-16 h-16 feature-icon rounded-2xl flex items-center justify-center text-white text-2xl mb-6"> <i class="fas fa-code-branch"></i> </div> <h3 class="text-xl font-bold text-gray-900 mb-3">إدارة الفروع</h3> <p class="text-gray-600 leading-relaxed">ربط وفصل جميع فروعك في نظام واحد، تحويل المخزون بين الفروع، ومتابعة أداء كل فرع.</p> </div> <!-- Feature 5 --> <div class="bg-white rounded-2xl p-8 shadow-lg card-hover border border-gray-100"> <div class="w-16 h-16 feature-icon rounded-2xl flex items-center justify-center text-white text-2xl mb-6"> <i class="fas fa-users-cog"></i> </div> <h3 class="text-xl font-bold text-gray-900 mb-3">إدارة الموظفين</h3> <p class="text-gray-600 leading-relaxed">صلاحيات متدرجة للموظفين، تتبع نشاطات المستخدمين، نظام الحضور والانصراف، وحساب الرواتب.</p> </div> <!-- Feature 6 --> <div class="bg-white rounded-2xl p-8 shadow-lg card-hover border border-gray-100"> <div class="w-16 h-16 feature-icon rounded-2xl flex items-center justify-center text-white text-2xl mb-6"> <i class="fas fa-chart-pie"></i> </div> <h3 class="text-xl font-bold text-gray-900 mb-3">التقارير والتحليلات</h3> <p class="text-gray-600 leading-relaxed">تقارير متنوعة وشاملة، رسوم بيانية تفاعلية، تصدير Excel/PDF، ولوحة تحكم ذكية لاتخاذ القرار.</p> </div> </div> </div> </section> <!-- Services Detail Section --> <section id="services" class="py-20 bg-white overflow-hidden"> <div class="container mx-auto px-6"> <div class="grid md:grid-cols-2 gap-16 items-center mb-20"> <div class="order-2 md:order-1"> <img src="https://images.unsplash.com/photo-1460925895917-afdab827c52f?w=600&q=80" alt="Analytics" class="rounded-2xl shadow-2xl"> </div> <div class="order-1 md:order-2"> <div class="inline-block px-4 py-2 bg-green-100 text-green-700 rounded-full text-sm font-bold mb-4"> تحليلات ذكية </div> <h2 class="text-3xl font-bold text-gray-900 mb-4">تقارير وتحليلات في الوقت الفعلي</h2> <p class="text-gray-600 mb-6 leading-relaxed"> احصل على رؤى عميقة حول أداء نشاطك التجاري مع لوحة تحكم تفاعلية تعرض المؤشرات الرئيسية، المبيعات، الأرباح، وأداء المنتجات لحظة بلحظة. </p> <ul class="space-y-3"> <li class="flex items-center gap-3 text-gray-700"> <i class="fas fa-check text-green-500"></i> <span>تقارير مبيعات يومية/أسبوعية/شهرية</span> </li> <li class="flex items-center gap-3 text-gray-700"> <i class="fas fa-check text-green-500"></i> <span>تحليل سلوك العملاء والمنتجات الأكثر مبيعاً</span> </li> <li class="flex items-center gap-3 text-gray-700"> <i class="fas fa-check text-green-500"></i> <span>تنبؤات بالمبيعات المستقبلية</span> </li> </ul> </div> </div> <div class="grid md:grid-cols-2 gap-16 items-center"> <div> <div class="inline-block px-4 py-2 bg-blue-100 text-blue-700 rounded-full text-sm font-bold mb-4"> وصول متعدد </div> <h2 class="text-3xl font-bold text-gray-900 mb-4">إدارة من أي مكان وفي أي وقت</h2> <p class="text-gray-600 mb-6 leading-relaxed"> نظام سحابي 100% يعمل على جميع الأجهزة - الكمبيوتر، التابلت، والموبايل. راقب محلك وأدِره من أي مكان في العالم. </p> <ul class="space-y-3"> <li class="flex items-center gap-3 text-gray-700"> <i class="fas fa-check text-green-500"></i> <span>تطبيق ويب متجاوب مع جميع الشاشات</span> </li> <li class="flex items-center gap-3 text-gray-700"> <i class="fas fa-check text-green-500"></i> <span>نظام محاسبى كامل بدون اخطاء مبيعات - مشتريات - تقارير دورية</span> </li> <li class="flex items-center gap-3 text-gray-700"> <i class="fas fa-check text-green-500"></i> <span>مزامنة فورية بين جميع الأجهزة</span> </li> </ul> </div> <div> <img src="https://images.unsplash.com/photo-1512941937669-90a1b58e7e9c?w=600&q=80" alt="Mobile Access" class="rounded-2xl shadow-2xl"> </div> </div> </div> </section> <!-- Pricing Section --> <section id="pricing" class="py-20 bg-gray-900 text-white"> <div class="container mx-auto px-6"> <div class="text-center mb-16"> <h2 class="text-4xl font-bold mb-4">خطط الأسعار</h2> <p class="text-gray-400 text-xl">اختر الخطة المناسبة لحجم نشاطك التجاري</p> </div> <div class="grid md:grid-cols-3 gap-8 max-w-6xl mx-auto"> <!-- Basic Plan --> <div class="bg-gray-800 rounded-2xl p-8 border border-gray-700 hover:border-indigo-500 transition"> <h3 class="text-xl font-bold mb-2">البداية</h3> <p class="text-gray-400 text-sm mb-6">للأعمال الصغيرة</p> <div class="text-4xl font-bold mb-6"> 3500 <span class="text-lg text-gray-400">جنية/سنويا</span> </div> <ul class="space-y-4 mb-8"> <li class="flex items-center gap-3"> <i class="fas fa-check text-green-400"></i> <span>فرع واحد</span> </li> <li class="flex items-center gap-3"> <i class="fas fa-check text-green-400"></i> <span>حتى 3 مستخدمين</span> </li> <li class="flex items-center gap-3"> <i class="fas fa-check text-green-400"></i> <span>500 منتج</span> </li> <li class="flex items-center gap-3"> <i class="fas fa-check text-green-400"></i> <span>دعم فني</span> </li> </ul> <button class="w-full py-3 border border-indigo-500 text-indigo-400 rounded-xl font-bold hover:bg-indigo-500 hover:text-white transition"> اختر الخطة </button> </div> <!-- Pro Plan --> <div class="bg-gradient-to-b from-indigo-600 to-purple-700 rounded-2xl p-8 border-2 border-indigo-400 transform scale-105 relative"> <div class="absolute -top-4 left-1/2 transform -translate-x-1/2 bg-yellow-400 text-gray-900 px-4 py-1 rounded-full text-sm font-bold"> الأكثر شعبية </div> <h3 class="text-xl font-bold mb-2">الاحترافية</h3> <p class="text-indigo-200 text-sm mb-6">للأعمال المتوسطة</p> <div class="text-4xl font-bold mb-6"> 4500 <span class="text-lg text-indigo-200">جنية/سنويا</span> </div> <ul class="space-y-4 mb-8"> <li class="flex items-center gap-3"> <i class="fas fa-check text-white"></i> <span>حتى 3 فروع</span> </li> <li class="flex items-center gap-3"> <i class="fas fa-check text-white"></i> <span>حتى 10 مستخدمين</span> </li> <li class="flex items-center gap-3"> <i class="fas fa-check text-white"></i> <span>منتجات غير محدودة</span> </li> <li class="flex items-center gap-3"> <i class="fas fa-check text-white"></i> <span>تقارير متقدمة</span> </li> <li class="flex items-center gap-3"> <i class="fas fa-check text-white"></i> <span>API للربط</span> </li> </ul> <button class="w-full py-3 bg-white text-indigo-600 rounded-xl font-bold hover:shadow-lg transition"> اختر الخطة </button> </div> <!-- Enterprise Plan --> <div class="bg-gray-800 rounded-2xl p-8 border border-gray-700 hover:border-indigo-500 transition"> <h3 class="text-xl font-bold mb-2">المؤسسات</h3> <p class="text-gray-400 text-sm mb-6">للسلاسل الكبرى</p> <div class="text-4xl font-bold mb-6"> 5500 <span class="text-lg text-gray-400">جنية/سنويا</span> </div> <ul class="space-y-4 mb-8"> <li class="flex items-center gap-3"> <i class="fas fa-check text-green-400"></i> <span>فروع غير محدودة</span> </li> <li class="flex items-center gap-3"> <i class="fas fa-check text-green-400"></i> <span>مستخدمين غير محدودين</span> </li> <li class="flex items-center gap-3"> <i class="fas fa-check text-green-400"></i> <span>مخصص كامل</span> </li> <li class="flex items-center gap-3"> <i class="fas fa-check text-green-400"></i> <span>مدير حساب مخصص</span> </li> <li class="flex items-center gap-3"> <i class="fas fa-check text-green-400"></i> <span>تدريب على الموقع</span> </li> </ul> <button class="w-full py-3 border border-indigo-500 text-indigo-400 rounded-xl font-bold hover:bg-indigo-500 hover:text-white transition"> تواصل معنا </button> </div> </div> </div> </section> <!-- Testimonials --> <section class="py-20 bg-indigo-50"> <div class="container mx-auto px-6"> <h2 class="text-4xl font-bold text-center text-gray-900 mb-16">آراء عملائنا</h2> <div class="grid md:grid-cols-3 gap-8"> <div class="bg-white p-8 rounded-2xl shadow-lg"> <div class="flex text-yellow-400 mb-4"> <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> <p class="text-gray-600 mb-6">"غيرت بروفى اونلاين طريقة إدارتي لمحل الملابس. أستطيع الآن متابعة المخزون والمبيعات من هاتفي بسهولة رهيبة."</p> <div class="flex items-center gap-4"> <div class="w-12 h-12 bg-indigo-100 rounded-full flex items-center justify-center text-indigo-600 font-bold"> ع </div> <div> <div class="font-bold text-gray-900">أحمد العلي</div> <div class="text-sm text-gray-500">صاحب محل ملابس</div> </div> </div> </div> <div class="bg-white p-8 rounded-2xl shadow-lg"> <div class="flex text-yellow-400 mb-4"> <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> <p class="text-gray-600 mb-6">"أدير 5 فروع للإلكترونيات من مكان واحد. النظام سهل جداً والدعم الفني ممتاز. أنصح به بشدة!"</p> <div class="flex items-center gap-4"> <div class="w-12 h-12 bg-purple-100 rounded-full flex items-center justify-center text-purple-600 font-bold"> س </div> <div> <div class="font-bold text-gray-900">سارة السعيد</div> <div class="text-sm text-gray-500">مديرة سلسلة متاجر</div> </div> </div> </div> <div class="bg-white p-8 rounded-2xl shadow-lg"> <div class="flex text-yellow-400 mb-4"> <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> <p class="text-gray-600 mb-6">"التقارير التفصيلية ساعدتني في فهم أي المنتجات رابحة وأيها يحتاج تعديل. زادت أرباحي 40% في 6 أشهر."</p> <div class="flex items-center gap-4"> <div class="w-12 h-12 bg-pink-100 rounded-full flex items-center justify-center text-pink-600 font-bold"> م </div> <div> <div class="font-bold text-gray-900">محمد الخالد</div> <div class="text-sm text-gray-500">صاحب سوبر ماركت</div> </div> </div> </div> </div> </div> </section> <!-- CTA Section --> <section class="py-20 hero-gradient text-white"> <div class="container mx-auto px-6 text-center"> <h2 class="text-4xl md:text-5xl font-bold mb-6">ابدأ رحلة نجاحك الآن</h2> <p class="text-xl mb-8 opacity-90 max-w-2xl mx-auto"> انضم لأكثر من 5000 تاجر يثقون ببروفى اونلاين لإدارة أعمالهم. جرب مجاناً لمدة يومين بدون اى التزام تواصل معنا على رقم 01092692756. </p> <div class="flex flex-col sm:flex-row gap-4 justify-center"> <button class="px-8 py-4 bg-white text-indigo-600 font-bold rounded-xl hover:shadow-2xl hover:scale-105 transition transform"> ابدأ تجربة مجانية </button> <button class="px-8 py-4 bg-transparent border-2 border-white text-white font-bold rounded-xl hover:bg-white hover:text-indigo-600 transition"> تواصل مع المبيعات </button> </div> </div> </section> <!-- Footer --> <footer class="bg-gray-900 text-gray-300 py-16"> <div class="container mx-auto px-6"> <div class="grid md:grid-cols-4 gap-12 mb-12"> <div> <div class="flex items-center gap-3 mb-6"> <div class="w-10 h-10 rounded-lg bg-gradient-to-br from-indigo-500 to-purple-600 flex items-center justify-center text-white"> <i class="fas fa-store"></i> </div> <h3 class="text-xl font-bold text-white">بروفى اونلاين</h3> </div> <p class="text-sm leading-relaxed"> نظام سحابي متكامل لإدارة المحلات والأنشطة التجارية بكفاءة عالية وسهولة تامة تطوير شركة لينك جت للحلول الرقمية. </p> </div> <div> <h4 class="text-white font-bold mb-4">المنتج</h4> <ul class="space-y-2"> <li><a href="#" class="hover:text-white transition">المميزات</a></li> <li><a href="#" class="hover:text-white transition">الأسعار</a></li> <li><a href="#" class="hover:text-white transition">التحديثات</a></li> <li><a href="#" class="hover:text-white transition">API</a></li> </ul> </div> <div> <h4 class="text-white font-bold mb-4">الشركة</h4> <ul class="space-y-2"> <li><a href="https://link-get.net/contact" class="hover:text-white transition">من نحن</a></li> <li><a href="#" class="hover:text-white transition">المدونة</a></li> <li><a href="#" class="hover:text-white transition">التوظيف</a></li> <li><a href="#" class="hover:text-white transition">اتصل بنا</a></li> </ul> </div> <div> <h4 class="text-white font-bold mb-4">الدعم</h4> <ul class="space-y-2"> <li><a href="https://link-get.net/contact" class="hover:text-white transition">مركز المساعدة</a></li> <li><a href="#" class="hover:text-white transition">التوثيق</a></li> <li><a href="#" class="hover:text-white transition">الشروط والأحكام</a></li> <li><a href="#" class="hover:text-white transition">سياسة الخصوصية</a></li> </ul> </div> </div> <div class="border-t border-gray-800 pt-8 flex flex-col md:flex-row justify-between items-center gap-4"> <p class="text-sm">تطوير شركة لينك جت للحلول الرقمية© 2026 بروفى اونلاين. جميع الحقوق محفوظة.</p> <div class="flex gap-4"> <a href="#" class="w-10 h-10 rounded-full bg-gray-800 flex items-center justify-center hover:bg-indigo-600 transition"> <i class="fab fa-twitter"></i> </a> <a href="#" class="w-10 h-10 rounded-full bg-gray-800 flex items-center justify-center hover:bg-indigo-600 transition"> <i class="fab fa-linkedin-in"></i> </a> <a href="#" class="w-10 h-10 rounded-full bg-gray-800 flex items-center justify-center hover:bg-indigo-600 transition"> <i class="fab fa-instagram"></i> </a> </div> </div> </div> </footer> <script> // Navbar scroll effect window.addEventListener('scroll', function() { const navbar = document.getElementById('navbar'); if (window.scrollY > 50) { navbar.classList.add('bg-white/90', 'shadow-lg'); } else { navbar.classList.remove('bg-white/90', 'shadow-lg'); } }); // Mobile menu toggle function toggleMenu() { const menu = document.getElementById('mobileMenu'); menu.classList.toggle('hidden'); } // Smooth scroll 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' }); // Close mobile menu if open document.getElementById('mobileMenu').classList.add('hidden'); } }); }); </script> <!-- زر واتساب احترافي --> <div class="fixed bottom-6 right-6 z-50 flex flex-col items-end gap-2"> <!-- فقاعة الترحيب --> <div class="bg-white rounded-lg shadow-lg p-3 mb-2 max-w-xs text-sm text-gray-700 opacity-0 transition-opacity duration-300" id="whatsapp-bubble"> 👋 هل تحتاج مساعدة؟ تحدث معنا مباشرة </div> <!-- الزر --> <a href="https://wa.me/201092692756?text=مرحباً%20أريد%20الاستفسار%20عن%20نظام%20Proffy" target="_blank" class="w-16 h-16 bg-gradient-to-br from-green-400 to-green-600 rounded-full shadow-2xl hover:scale-110 transition transform flex items-center justify-center text-white text-3xl relative" onmouseenter="document.getElementById('whatsapp-bubble').style.opacity='1'" onmouseleave="document.getElementById('whatsapp-bubble').style.opacity='0'" aria-label="واتساب"> <!-- أيقونة الواتساب --> <svg class="w-8 h-8" fill="currentColor" viewBox="0 0 24 24"> <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z"/> </svg> <!-- نقطة التنبيه --> <span class="absolute -top-1 -right-1 w-4 h-4 bg-red-500 rounded-full border-2 border-white"></span> </a> </div> </body> </html>

| ver. 1.4 | Github | . | PHP 8.2.31 | Generation time: 0.56 | proxy | phpinfo | Settings