🤖 مساعد السفر الذكي بAI

مساعد السفر الذكي بAI * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); min-height: 100vh; padding: 20px; } .container { max-width: 800px; margin: 0 auto; background: white; border-radius: 20px; box-shadow: 0 20px 60px rgba(0,0,0,0.3); padding: 40px; } h1 { text-align: center; color: #667eea; margin-bottom: 10px; font-size: 2.5em; } .subtitle { text-align: center; color: #666; margin-bottom: 40px; font-size: 1.1em; } .form-group { margin-bottom: 25px; } label { display: block; margin-bottom: 8px; color: #333; font-weight: bold; font-size: 1.1em; } input[type="text"], input[type="number"], select { width: 100%; padding: 12px 15px; border: 2px solid #e0e0e0; border-radius: 10px; font-size: 16px; transition: all 0.3s; font-family: inherit; background-color: white; } input[type="text"]:focus, input[type="number"]:focus, select:focus { outline: none; border-color: #667eea; box-shadow: 0 0 0 3px rgba(102,126,234,0.1); } select { cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: left 12px center; background-size: 20px; padding-left: 45px; } select option { color: #333; background-color: white; padding: 10px; } select option:first-child { color: #999; } .btn-generate { width: 100%; padding: 15px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border: none; border-radius: 10px; font-size: 1.2em; font-weight: bold; cursor: pointer; transition: transform 0.2s, box-shadow 0.2s; margin-top: 30px; } .btn-generate:hover { transform: translateY(-2px); box-shadow: 0 10px 25px rgba(102,126,234,0.4); } .btn-generate:active { transform: translateY(0); } .result-container { display: none; margin-top: 30px; padding: 25px; background: #f8f9fa; border-radius: 10px; border: 2px solid #667eea; } .result-container.show { display: block; animation: slideDown 0.3s ease; } @keyframes slideDown { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } .result-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; } .result-title { font-size: 1.3em; color: #667eea; font-weight: bold; } .btn-copy { padding: 8px 20px; background: #28a745; color: white; border: none; border-radius: 5px; cursor: pointer; font-weight: bold; transition: background 0.3s; } .btn-copy:hover { background: #218838; } .btn-copy.copied { background: #17a2b8; } .prompt-text { background: white; padding: 20px; border-radius: 8px; line-height: 1.8; white-space: pre-wrap; font-size: 1em; color: #333; border: 1px solid #dee2e6; direction: ltr; text-align: left; margin-bottom: 20px; } .copy-instruction { text-align: center; font-size: 1.1em; color: #667eea; font-weight: bold; margin-bottom: 20px; padding: 15px; background: #e3e8ff; border-radius: 8px; } .models-container { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; } .btn-model { padding: 12px 10px; color: white; border: none; border-radius: 8px; font-size: 0.95em; font-weight: bold; cursor: pointer; transition: transform 0.2s, box-shadow 0.2s; text-align: center; line-height: 1.3; } .btn-model:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0,0,0,0.3); } .btn-model:active { transform: translateY(0); } .btn-claude { background: linear-gradient(135deg, #6B46C1 0%, #805AD5 100%); } .btn-chatgpt { background: linear-gradient(135deg, #10A37F 0%, #1AB88C 100%); } .btn-gemini { background: linear-gradient(135deg, #4285F4 0%, #669DF6 100%); } .btn-perplexity { background: linear-gradient(135deg, #FF6B6B 0%, #FF8E8E 100%); } .required { color: #dc3545; } @media (max-width: 768px) { .models-container { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .container { padding: 20px; } h1 { font-size: 1.8em; } .models-container { grid-template-columns: 1fr; } .btn-model { font-size: 1em; } } 🤖 مساعد السفر الذكي بAI ستحصل على برومبت احترافي لتوليد خطط سفر ذكية اسم الوجهة * نوع الرحلة * -- اختر نوع الرحلة -- استجمام عمل مغامرات علاج عائلية شهر عسل ثقافية وتاريخية تسوق دراسية شهر السفر * -- اختر شهر السفر -- يناير فبراير مارس أبريل مايو يونيو يوليو أغسطس سبتمبر أكتوبر نوفمبر ديسمبر عدد الأيام * -- اختر عدد الأيام -- يوم واحد يومان 3 أيام 4 أيام 5 أيام 6 أيام 7 أيام (أسبوع) 8 أيام 9 أيام 10 أيام عدد الأشخاص * -- اختر عدد الأشخاص -- شخص واحد شخصان 3 أشخاص 4 أشخاص 5 أشخاص 6 أشخاص 7 أشخاص 8 أشخاص 9 أشخاص 10 أشخاص نوع الإقامة * -- اختر نوع الإقامة -- فندق فاخر (5 نجوم) فندق متوسط (3-4 نجوم) فندق اقتصادي (2-3 نجوم) شقة فندقية نزل (هوستل) بيت ضيافة منتجع سياحي الميزانية (بالدولار) * 🎯 إنشاء البرومبت 📋 البرومبت الخاص بك 📋 انسخ البرومبت تم نسخ البرومبت، افتح النموذج المفضل لديك واعمل لصق كلودClaude شات جي بي تيChatGPT جيمينايGemini بيربلكستيPerplexity const form = document.getElementById('promptForm'); const resultContainer = document.getElementById('resultContainer'); const promptText = document.getElementById('promptText'); const copyBtn = document.getElementById('copyBtn'); // URLs for AI models const modelUrls = { claude: 'https://claude.ai/new', chatgpt: 'https://chat.openai.com/', gemini: 'https://gemini.google.com/', perplexity: 'https://www.perplexity.ai/' }; function generatePrompt() { const destination = document.getElementById('destination').value; const tripType = document.getElementById('tripType').value; const month = document.getElementById('month').value; const days = document.getElementById('days').value; const people = document.getElementById('people').value; const accommodation = document.getElementById('accommodation').value; const budget = document.getElementById('budget').value; const prompt = `Please create a comprehensive and detailed travel plan for ${destination}. TRIP DETAILS: - Destination: ${destination} - Trip Type: ${tripType} - Travel Month: ${month} - Duration: ${days} days - Number of People: ${people} - Accommodation Type: ${accommodation} - Total Budget: $${budget} USD IMPORTANT INSTRUCTIONS: 1. RESEARCH REQUIREMENT: - Use web_search to find the most current and accurate information - Search for up-to-date prices, attractions, hotels, restaurants, and recommendations - Verify all information is recent and reliable 2. REQUIRED SECTIONS (in this exact order): A. DAILY ITINERARY (Table Format) - Create a detailed day-by-day plan - Include specific times, activities, locations, and estimated costs - Present in a clear table format B. ACCOMMODATION RECOMMENDATIONS - Suggest 3-5 specific hotels/accommodations with: * Names, addresses, phone numbers * Website links * Price ranges per night * Brief description and why recommended C. TOP ATTRACTIONS & ACTIVITIES - List specific places to visit with: * Exact names and addresses * Opening hours and entry fees * Best time to visit (to avoid crowds) * Estimated time needed for each attraction D. HALAL FOOD & DINING - Recommend specific halal restaurants with: * Restaurant names, addresses, phone numbers * Website/social media links * Price ranges and must-try dishes * Local halal food specialties E. TRANSPORTATION GUIDE - Airport to city transfer options with prices - Local transportation (metro, bus, taxi, ride-sharing apps) - Transportation costs and tips - Recommended transportation apps F. SIM CARDS & CONNECTIVITY - Local telecom providers - SIM card prices and data packages - Where to buy (airport, city stores) - Internet availability and costs G. LOCAL EVENTS & HOLIDAYS - Any special events, festivals, or holidays in ${month} - How these might affect the trip - Special celebrations worth attending H. BUDGET BREAKDOWN - Detailed cost estimation for: * Accommodation (total for ${days} days) * Food (breakfast, lunch, dinner daily) * Transportation * Attractions & activities * Shopping & miscellaneous - Present in table format I. PRACTICAL TIPS SPECIFIC TO ${destination} - Visa requirements and costs - Local currency and payment methods (ATM, credit cards) - Best areas to stay - Safety considerations - Language tips and useful phrases - Cultural etiquette specific to this destination - Emergency contacts and hospitals - Money-saving tips J. ALTERNATIVE RECOMMENDATIONS - Less crowded alternatives to popular tourist spots - Hidden gems and local favorites 3. FORMATTING REQUIREMENTS: - Use tables for itineraries and budget breakdowns - Use bullet points for lists - Use paragraphs for descriptions and tips - Make it well-organized and easy to read 4. SOURCES: - At the end, list all sources and websites used - Include reliable travel websites, official tourism sites, and recent reviews 5. FINAL OUTPUT: - Write the ENTIRE response in Arabic - Use professional, engaging, and clear Arabic language - Make it practical and actionable for tourists Please ensure all information is accurate, current, and specifically tailored to ${destination} in ${month}.`; return prompt; } function copyToClipboard(text) { return navigator.clipboard.writeText(text).then(function() { return true; }).catch(function(err) { // Fallback method const textArea = document.createElement("textarea"); textArea.value = text; textArea.style.position = "fixed"; textArea.style.left = "-999999px"; document.body.appendChild(textArea); textArea.focus(); textArea.select(); try { document.execCommand('copy'); document.body.removeChild(textArea); return true; } catch (err) { document.body.removeChild(textArea); return false; } }); } // Form submit handler form.addEventListener('submit', function(e) { e.preventDefault(); const prompt = generatePrompt(); promptText.textContent = prompt; resultContainer.classList.add('show'); // Scroll to result resultContainer.scrollIntoView({ behavior: 'smooth', block: 'nearest' }); }); // Copy button handler copyBtn.addEventListener('click', function() { const text = promptText.textContent; copyToClipboard(text).then(function(success) { if (success) { copyBtn.textContent = '✅ تم النسخ!'; copyBtn.classList.add('copied'); setTimeout(function() { copyBtn.textContent = '📋 انسخ البرومبت'; copyBtn.classList.remove('copied'); }, 2000); } else { alert('حدث خطأ في النسخ. حاول مرة أخرى.'); } }); }); // Model buttons handlers function handleModelClick(modelName, modelUrl) { const text = promptText.textContent; copyToClipboard(text).then(function(success) { if (success) { window.open(modelUrl, '_blank'); } else { alert('حدث خطأ في النسخ. حاول مرة أخرى.'); } }); } document.getElementById('btnClaude').addEventListener('click', function() { handleModelClick('claude', modelUrls.claude); }); document.getElementById('btnChatGPT').addEventListener('click', function() { handleModelClick('chatgpt', modelUrls.chatgpt); }); document.getElementById('btnGemini').addEventListener('click', function() { handleModelClick('gemini', modelUrls.gemini); }); document.getElementById('btnPerplexity').addEventListener('click', function() { handleModelClick('perplexity', modelUrls.perplexity); });