@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap'); * { font-family: 'Inter', sans-serif; } .glow-text { text-shadow: 0 0 20px rgba(59, 130, 246, 0.8), 0 0 40px rgba(59, 130, 246, 0.6); } .glow-bg { background: linear-gradient(45deg, #3b82f6, #8b5cf6, #06b6d4); background-size: 300% 300%; animation: gradientShift 3s ease infinite; } @keyframes gradientShift { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* Galaxy and Orbiting Objects */ .globe-container { position: relative; width: 300px; height: 300px; margin: 0 auto; z-index: 1; } .globe { width: 300px; height: 300px; border-radius: 50%; background: linear-gradient(45deg, #4ade80, #22d3ee, #3b82f6); box-shadow: 0 0 80px rgba(59, 130, 246, 0.8), inset 0 0 80px rgba(255,255,255,0.2); animation: globeRotate 15s linear infinite; display: flex; align-items: center; justify-content: center; font-size: 5rem; position: relative; } @keyframes globeRotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Galaxy Stars Background */ .galaxy-stars { position: absolute; width: 800px; height: 800px; top: -250px; left: -250px; pointer-events: none; } .star { position: absolute; background: white; border-radius: 50%; animation: twinkle 2s infinite alternate; } .star-small { width: 2px; height: 2px; } .star-medium { width: 3px; height: 3px; } .star-large { width: 4px; height: 4px; } @keyframes twinkle { 0% { opacity: 0.2; } 25% { opacity: 1; } 50% { opacity: 0.3; } 75% { opacity: 0.8; } 100% { opacity: 0.2; } } @keyframes blink { 0%, 50% { opacity: 0.1; } 25%, 75% { opacity: 1; } 100% { opacity: 0.1; } } .star-blink { animation: blink 3s infinite; } /* Milky Way Galaxy Effect */ .milky-way { position: absolute; width: 100vw; height: 100vh; top: 0; left: 0; pointer-events: none; z-index: 0; } .galaxy-arm { position: absolute; background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.1) 20%, rgba(135,206,235,0.3) 40%, rgba(255,255,255,0.4) 50%, rgba(255,192,203,0.3) 60%, rgba(255,255,255,0.1) 80%, transparent 100%); border-radius: 50px; animation: galaxyRotate 60s linear infinite; transform-origin: center center; } .galaxy-arm-1 { width: 80vw; height: 8px; top: 30%; left: 10%; transform: rotate(-15deg); animation-delay: 0s; } .galaxy-arm-2 { width: 90vw; height: 12px; top: 50%; left: 5%; transform: rotate(25deg); animation-delay: -20s; } .galaxy-arm-3 { width: 75vw; height: 6px; top: 70%; left: 12%; transform: rotate(-45deg); animation-delay: -40s; } .galaxy-arm-4 { width: 85vw; height: 10px; top: 20%; left: 8%; transform: rotate(60deg); animation-delay: -30s; } .galaxy-arm-5 { width: 70vw; height: 5px; top: 80%; left: 15%; transform: rotate(-75deg); animation-delay: -50s; } @keyframes galaxyRotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .nebula { position: absolute; border-radius: 50%; filter: blur(3px); animation: nebulaFloat 20s ease-in-out infinite; } .nebula-1 { width: 200px; height: 150px; background: radial-gradient(circle, rgba(255,105,180,0.3) 0%, rgba(138,43,226,0.2) 50%, transparent 100%); top: 15%; left: 20%; animation-delay: 0s; } .nebula-2 { width: 180px; height: 120px; background: radial-gradient(circle, rgba(0,191,255,0.3) 0%, rgba(30,144,255,0.2) 50%, transparent 100%); top: 60%; right: 25%; animation-delay: -7s; } .nebula-3 { width: 160px; height: 100px; background: radial-gradient(circle, rgba(255,20,147,0.3) 0%, rgba(199,21,133,0.2) 50%, transparent 100%); bottom: 20%; left: 30%; animation-delay: -14s; } .nebula-4 { width: 220px; height: 170px; background: radial-gradient(circle, rgba(147,112,219,0.3) 0%, rgba(123,104,238,0.2) 50%, transparent 100%); top: 40%; right: 15%; animation-delay: -10s; } @keyframes nebulaFloat { 0%, 100% { transform: translateY(0px) translateX(0px) scale(1); opacity: 0.6; } 25% { transform: translateY(-30px) translateX(20px) scale(1.1); opacity: 0.8; } 50% { transform: translateY(-60px) translateX(0px) scale(1.2); opacity: 1; } 75% { transform: translateY(-30px) translateX(-20px) scale(1.1); opacity: 0.8; } } .orbit { position: absolute; border: 2px solid rgba(255,255,255,0.15); border-radius: 50%; animation: orbit 20s linear infinite; } .orbit-1 { width: 500px; height: 500px; top: -100px; left: -100px; } .orbit-2 { width: 650px; height: 650px; top: -175px; left: -175px; animation-duration: 25s; } .orbit-3 { width: 800px; height: 800px; top: -250px; left: -250px; animation-duration: 30s; } .orbit-4 { width: 950px; height: 950px; top: -325px; left: -325px; animation-duration: 35s; } @keyframes orbit { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .orbiting-object { position: absolute; font-size: 2.8rem; animation: counterRotate 20s linear infinite; filter: drop-shadow(0 0 10px rgba(255,255,255,0.5)); } .orbit-1 .orbiting-object { top: -20px; left: 50%; transform: translateX(-50%); } .orbit-2 .orbiting-object { top: -20px; left: 50%; transform: translateX(-50%); animation-duration: 25s; } .orbit-3 .orbiting-object { top: -20px; left: 50%; transform: translateX(-50%); animation-duration: 30s; } .orbit-4 .orbiting-object { top: -20px; left: 50%; transform: translateX(-50%); animation-duration: 35s; } @keyframes counterRotate { 0% { transform: translateX(-50%) rotate(0deg); } 100% { transform: translateX(-50%) rotate(-360deg); } } .pulse-glow { animation: pulseGlow 2s ease-in-out infinite alternate; } @keyframes pulseGlow { from { box-shadow: 0 0 20px rgba(59, 130, 246, 0.5); } to { box-shadow: 0 0 40px rgba(59, 130, 246, 0.8), 0 0 60px rgba(59, 130, 246, 0.6); } } .product-card { transition: all 0.3s ease; background: linear-gradient(135deg, rgba(255,255,255,0.1), rgba(255,255,255,0.05)); backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.2); } .product-card:hover { transform: translateY(-10px); box-shadow: 0 20px 40px rgba(0,0,0,0.3); } .category-header { background: linear-gradient(90deg, #ff6b6b, #4ecdc4, #45b7d1, #96ceb4, #feca57); background-size: 300% 300%; animation: gradientShift 4s ease infinite; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .bonus-vault { background: linear-gradient(45deg, #1a1a2e, #16213e, #0f3460); position: relative; overflow: hidden; } .bonus-vault::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,215,0,0.3), transparent); animation: shine 3s infinite; } @keyframes shine { 0% { left: -100%; } 100% { left: 100%; } } .countdown { background: linear-gradient(45deg, #ff0000, #ff4500, #ffa500); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; animation: pulse 1s infinite; } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.7; } } .page { display: none; } .page.active { display: block; } .admin-panel { background: linear-gradient(135deg, #1f2937, #374151); border: 2px solid #4f46e5; } .social-icons a { transition: all 0.3s ease; } .social-icons a:hover { transform: translateY(-3px); color: #3b82f6; } /* Mobile Responsive */ @media (max-width: 768px) { .globe-container { width: 200px; height: 200px; } .globe { width: 200px; height: 200px; font-size: 3.5rem; } .galaxy-stars { width: 600px; height: 600px; top: -200px; left: -200px; } .orbit-1 { width: 350px; height: 350px; top: -75px; left: -75px; } .orbit-2 { width: 450px; height: 450px; top: -125px; left: -125px; } .orbit-3 { width: 550px; height: 550px; top: -175px; left: -175px; } .orbit-4 { width: 650px; height: 650px; top: -225px; left: -225px; } .orbiting-object { font-size: 2rem; } .text-6xl { font-size: 2.5rem; } .text-8xl { font-size: 3rem; } } // Mailchimp API integration (replace with your actual API key and list ID) const MAILCHIMP_API_KEY = 'your-api-key'; const MAILCHIMP_LIST_ID = 'your-list-id'; // Email storage for demo purposes let emailSubscribers = []; // Page Navigation function showPage(pageId) { document.querySelectorAll('.page').forEach(page => { page.classList.remove('active'); }); document.getElementById(pageId).classList.add('active'); // Close mobile menu if open document.getElementById('mobileMenu').classList.add('hidden'); } function toggleMobileMenu() { const menu = document.getElementById('mobileMenu'); menu.classList.toggle('hidden'); } // Bonus Form Submission function submitBonusForm(event) { event.preventDefault(); const email = document.getElementById('bonusEmail').value; if (!email || !email.includes('@')) { alert('❌ Please enter a valid email address!'); return; } // Add to email list emailSubscribers.push({ email: email, type: 'bonus', timestamp: new Date().toISOString() }); // Send email to your address sendEmailNotification(email, 'bonus'); // Get redirect URL from admin settings or use default let redirectUrl = 'https://bonus-sauce.netlify.app/'; const savedBonusLinks = localStorage.getItem('bonusLinks'); if (savedBonusLinks) { const lines = savedBonusLinks.split('\n').filter(line => line.trim()); if (lines.length > 0) { const firstLink = lines[0].trim(); if (firstLink && (firstLink.startsWith('http://') || firstLink.startsWith('https://'))) { redirectUrl = firstLink; } } } console.log('Redirecting to:', redirectUrl); // Show success message first alert('🎉 Success! Redirecting to your bonus vault...'); // Clear the form document.getElementById('bonusEmail').value = ''; // Redirect to bonus page after a short delay setTimeout(() => { window.open(redirectUrl, '_blank'); }, 500); } // Contact Form Submission function submitContactForm(event) { event.preventDefault(); const formData = new FormData(event.target); const email = formData.get('email'); // Add to email list emailSubscribers.push({ email: email, type: 'contact', timestamp: new Date().toISOString() }); // Send email notification sendEmailNotification(email, 'contact'); alert('✅ Message sent successfully! We\'ll get back to you within 24 hours.'); event.target.reset(); } // Email notification function function sendEmailNotification(userEmail, type) { // This would integrate with your email service // For demo purposes, we'll just log it console.log(`New ${type} submission from: ${userEmail}`); // In a real implementation, you would send this to your email // using a service like EmailJS, Mailchimp, or a backend API } // Article Functions const articles = { 'ai-tools': { title: 'AI Tools Revolutionizing Modern Work', content: `

Artificial Intelligence is transforming the modern workplace in unprecedented ways. From automating routine tasks to providing intelligent insights, AI tools are becoming essential for businesses and professionals worldwide.

Key AI Tools Transforming Work:

• ChatGPT & Language Models: Content creation, coding assistance, and customer support
• Automation Platforms: Workflow optimization and task automation
• AI Analytics: Data analysis and predictive insights
• Design AI: Graphic design and creative content generation

Benefits for Entrepreneurs:

AI tools enable entrepreneurs to scale their operations, reduce costs, and compete with larger companies. Small businesses can now access enterprise-level capabilities through AI-powered solutions.

Future Outlook:

The AI revolution is just beginning. As these tools become more sophisticated and accessible, they will continue to reshape how we work, create, and innovate.

` }, 'health-fitness': { title: 'Health & Fitness in the Digital Age', content: `

The intersection of technology and health is creating revolutionary opportunities for fitness enthusiasts and health-conscious individuals.

Digital Health Trends:

• Wearable Technology: Smartwatches and fitness trackers monitoring vital signs
• AI Nutrition Planning: Personalized meal plans based on individual needs
• Virtual Personal Trainers: AI-powered workout guidance and form correction
• Telemedicine: Remote health consultations and monitoring

Benefits of Digital Health:

Technology makes health and fitness more accessible, personalized, and data-driven. Users can track progress, receive instant feedback, and make informed decisions about their wellness journey.

The Future of Fitness:

As technology continues to evolve, we can expect even more personalized and effective health solutions that adapt to individual needs and preferences.

` }, 'online-education': { title: 'Future of Online Education', content: `

Online education is revolutionizing how we learn and develop new skills. The digital transformation of education has opened up unprecedented opportunities for learners worldwide.

Key Developments:

• Interactive Learning Platforms: Engaging multimedia content and gamification
• AI-Powered Tutoring: Personalized learning paths and adaptive assessments
• Virtual Reality Training: Immersive learning experiences
• Micro-Learning: Bite-sized lessons for busy professionals

Career Advancement:

Online education enables professionals to upskill and reskill without disrupting their careers. Flexible scheduling and diverse course offerings make continuous learning achievable.

Global Accessibility:

Digital education breaks down geographical barriers, making quality education accessible to learners regardless of location or background.

` }, 'passive-income': { title: 'Passive Income Strategies for 2024', content: `

Creating passive income streams is essential for financial freedom and security. Digital tools and automation have made it easier than ever to build sustainable income sources.

Top Passive Income Strategies:

• Affiliate Marketing: Promote products and earn commissions automatically
• Digital Products: Create once, sell repeatedly
• Online Courses: Share expertise and generate recurring revenue
• Automated Investing: Let algorithms manage your portfolio

Building Your System:

Success in passive income requires initial effort to set up systems that can run automatically. Focus on scalable solutions that don't require constant attention.

Long-term Wealth Building:

Passive income streams compound over time, creating wealth that grows even while you sleep. Start small and gradually build multiple income sources.

` }, 'affiliate-marketing': { title: 'Affiliate Marketing Success Tips', content: `

Affiliate marketing success requires strategy, persistence, and the right approach. Top marketers follow proven principles to generate consistent commissions.

Essential Success Strategies:

• Choose Quality Products: Only promote products you believe in
• Build Trust: Provide honest reviews and valuable content
• Know Your Audience: Understand their needs and preferences
• Diversify Income: Promote multiple products and programs

Content Marketing:

Create valuable content that helps your audience solve problems. When you provide genuine value, affiliate recommendations feel natural and trustworthy.

Scaling Your Business:

Use automation tools, email marketing, and social media to scale your affiliate marketing efforts. Focus on building systems that generate passive income.

` }, 'tech-trends': { title: 'Tech Trends Shaping Tomorrow', content: `

Emerging technologies are reshaping industries and creating new opportunities for innovation and growth. Staying informed about these trends is crucial for future success.

Key Technology Trends:

• Artificial Intelligence: Machine learning and automation
• Blockchain Technology: Decentralized systems and cryptocurrencies
• Internet of Things (IoT): Connected devices and smart systems
• Quantum Computing: Revolutionary processing power

Impact on Business:

These technologies are transforming how businesses operate, creating new business models and disrupting traditional industries. Early adopters gain significant competitive advantages.

Preparing for the Future:

Stay informed about technological developments and consider how they might impact your industry. Continuous learning and adaptation are key to thriving in the digital age.

` } }; function showFullArticle(articleId) { const article = articles[articleId]; if (article) { document.getElementById('articleTitle').textContent = article.title; document.getElementById('articleContent').innerHTML = article.content; document.getElementById('articleModal').classList.remove('hidden'); } } function closeArticle() { document.getElementById('articleModal').classList.add('hidden'); } // Countdown timer function updateCountdown() { const now = new Date().getTime(); const tomorrow = new Date(); tomorrow.setDate(tomorrow.getDate() + 1); tomorrow.setHours(0, 0, 0, 0); const distance = tomorrow - now; const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); const seconds = Math.floor((distance % (1000 * 60)) / 1000); const countdownElement = document.querySelector('.countdown'); if (countdownElement) { countdownElement.innerHTML = `⏰ Limited Time Offer Ends In: ${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`; } } // Generate Galaxy Stars function generateGalaxyStars() { const galaxyContainer = document.getElementById('galaxyStars'); if (!galaxyContainer) return; // Clear existing stars galaxyContainer.innerHTML = ''; // Generate random stars for (let i = 0; i 0.6) { star.classList.add('star-blink'); } // Random position const x = Math.random() * 100; const y = Math.random() * 100; star.style.left = x + '%'; star.style.top = y + '%'; // Random animation delay for both twinkle and blink star.style.animationDelay = Math.random() * 3 + 's'; // Random colors for some stars if (Math.random() > 0.8) { const colors = ['#FFD700', '#87CEEB', '#FF69B4', '#98FB98', '#DDA0DD']; star.style.backgroundColor = colors[Math.floor(Math.random() * colors.length)]; star.style.boxShadow = `0 0 10px ${star.style.backgroundColor}`; } galaxyContainer.appendChild(star); } } // Admin Panel Functions document.getElementById('adminTrigger').onclick = () => { document.getElementById('adminPanel').style.display = 'block'; }; function verifyAdmin() { const pass = document.getElementById('adminPass').value; if (pass === '9182776240') { document.getElementById('adminContent').style.display = 'block'; } else { alert('❌ Incorrect password!'); } } function saveLinks() { const bonus = document.getElementById('bonusLink').value; const product = document.getElementById('productLink').value; const blog = document.getElementById('blogLink').value; const mailchimp = document.getElementById('mailchimpLink').value; console.log('Saved Links:', { bonus, product, blog, mailchimp }); alert('✅ Links saved successfully!'); } // Initialize setInterval(updateCountdown, 1000); updateCountdown(); // Generate stars when page loads document.addEventListener('DOMContentLoaded', function() { generateGalaxyStars(); }); // Add scroll animations const observerOptions = { threshold: 0.1, rootMargin: '0px 0px -50px 0px' }; const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.style.opacity = '1'; entry.target.style.transform = 'translateY(0)'; } }); }, observerOptions); // Observe all product cards document.addEventListener('DOMContentLoaded', function() { document.querySelectorAll('.product-card').forEach(card => { card.style.opacity = '0'; card.style.transform = 'translateY(30px)'; card.style.transition = 'all 0.6s ease'; observer.observe(card); }); }); (function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'965a010c56822e90',t:'MTc1MzU5Njk0NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();