As promised, here's the exact prompt to create amazing tiger images:
Prompt: "A majestic Bengal tiger in a lush jungle, photorealistic, detailed fur, golden hour lighting, cinematic, 8k, professional wildlife photography, sharp focus"
// Main JavaScript for AI Toolkit for Viral Reel Makers
document.addEventListener('DOMContentLoaded', function() {
// Mobile menu toggle
const mobileMenuBtn = document.querySelector('.mobile-menu-btn');
const nav = document.querySelector('.nav');
if (mobileMenuBtn) {
mobileMenuBtn.addEventListener('click', function() {
nav.style.display = nav.style.display === 'flex' ? 'none' : 'flex';
if (nav.style.display === 'flex') {
nav.style.flexDirection = 'column';
nav.style.position = 'absolute';
nav.style.top = '100%';
nav.style.left = '0';
nav.style.right = '0';
nav.style.backgroundColor = 'white';
nav.style.padding = '20px';
nav.style.boxShadow = '0 10px 20px rgba(0,0,0,0.1)';
nav.style.gap = '15px';
nav.style.zIndex = '1000';
}
});
}
// Free prompt button
const freePromptBtn = document.getElementById('freePromptBtn');
if (freePromptBtn) {
freePromptBtn.addEventListener('click', function() {
alert('🎁 Free Prompt: "Create a before/after transformation reel with motivational voiceover and trending audio. Use quick cuts and text overlays to highlight key changes."\n\nCopy this prompt and customize for your niche!');
});
}
// Comment submission
const submitCommentBtn = document.getElementById('submitCommentBtn');
const commentInput = document.getElementById('commentInput');
if (submitCommentBtn && commentInput) {
submitCommentBtn.addEventListener('click', function() {
const comment = commentInput.value.trim();
if (comment === '') {
alert('Please enter your niche or content type to get free prompts!');
return;
}
// Simulate sending comment
submitCommentBtn.innerHTML = ' Sending...';
submitCommentBtn.disabled = true;
setTimeout(() => {
alert(`✅ Thank you! We've received your request for "${comment}" niche.\n\nWe'll email you 3 custom AI prompts within 24 hours.`);
commentInput.value = '';
submitCommentBtn.innerHTML = ' Get Free Prompts';
submitCommentBtn.disabled = false;
}, 1500);
});
}
// Payment flow functionality
const buyNowBtn = document.getElementById('buyNowBtn');
const timerDisplay = document.getElementById('timerDisplay');
const qrContainer = document.getElementById('qrContainer');
const paymentSuccess = document.getElementById('paymentSuccess');
const countdownTimer = document.getElementById('countdownTimer');
const qrTimeRemaining = document.getElementById('qrTimeRemaining');
const qrProgress = document.getElementById('qrProgress');
const googleFormsBtn = document.getElementById('googleFormsBtn');
// Payment steps
const step1 = document.getElementById('step1');
const step2 = document.getElementById('step2');
const step3 = document.getElementById('step3');
const step4 = document.getElementById('step4');
let countdownInterval;
let qrTimerInterval;
// Initialize payment steps
function updatePaymentSteps(step) {
// Reset all steps
[step1, step2, step3, step4].forEach(s => s.classList.remove('active'));
// Activate up to current step
if (step >= 1) step1.classList.add('active');
if (step >= 2) step2.classList.add('active');
if (step >= 3) step3.classList.add('active');
if (step >= 4) step4.classList.add('active');
}
// Start 45-second countdown
function startCountdown() {
// Clear any existing intervals
clearInterval(countdownInterval);
clearInterval(qrTimerInterval);
let seconds = 45;
countdownTimer.textContent = seconds;
countdownInterval = setInterval(() => {
seconds--;
countdownTimer.textContent = seconds;
if (seconds <= 0) {
clearInterval(countdownInterval);
showQRCode();
}
}, 1000);
}
// Show QR code and start 2-minute timer
function showQRCode() {
timerDisplay.style.display = 'none';
qrContainer.style.display = 'block';
updatePaymentSteps(3);
let qrSeconds = 120;
qrTimeRemaining.textContent = qrSeconds;
qrTimerInterval = setInterval(() => {
qrSeconds--;
qrTimeRemaining.textContent = qrSeconds;
// Update progress bar
const progressPercent = (qrSeconds / 120) * 100;
qrProgress.style.width = `${progressPercent}%`;
if (qrSeconds <= 0) {
clearInterval(qrTimerInterval);
qrContainer.innerHTML = '
QR Code Expired
The payment window has closed. Please click "Buy Now" again to generate a new QR code.
';
}
}, 1000);
}
// Buy Now button click
if (buyNowBtn) {
buyNowBtn.addEventListener('click', function() {
// Hide button, show timer
buyNowBtn.style.display = 'none';
timerDisplay.style.display = 'block';
updatePaymentSteps(2);
// Start countdown
startCountdown();
});
}
// Simulate payment success (for demo purposes)
function simulatePaymentSuccess() {
clearInterval(qrTimerInterval);
qrContainer.style.display = 'none';
paymentSuccess.style.display = 'block';
updatePaymentSteps(4);
}
// Auto-simulate payment after 30 seconds of QR display (for demo)
setTimeout(() => {
// This is just for demo - in real scenario, user would scan QR
console.log('Demo: Auto-simulating payment after 30s');
}, 30000);
// Google Forms button
if (googleFormsBtn) {
googleFormsBtn.addEventListener('click', function() {
// Open Google Forms in new tab (demo URL)
window.open('https://docs.google.com/forms/d/e/1FAIpQLSfExampleForm/viewform?usp=pp_url&entry.1234567890=AI+Toolkit+Payment', '_blank');
// Show confirmation
alert('✅ Google Forms opened in new tab. Please fill out the form to confirm your payment and receive access to the toolkit.');
});
}
// Demo: Add click to QR code to simulate payment
const qrCodeElement = document.getElementById('qrCode');
if (qrCodeElement) {
qrCodeElement.addEventListener('click', function() {
if (confirm('Demo: Simulate scanning QR code and completing payment?')) {
simulatePaymentSuccess();
}
});
}
// Smooth scrolling for navigation links
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function(e) {
e.preventDefault();
const targetId = this.getAttribute('href');
if (targetId === '#') return;
const targetElement = document.querySelector(targetId);
if (targetElement) {
window.scrollTo({
top: targetElement.offsetTop - 80,
behavior: 'smooth'
});
// Close mobile menu if open
if (window.innerWidth <= 768) {
nav.style.display = 'none';
}
}
});
});
// Add hover effect to reel cards
const reelCards = document.querySelectorAll('.reel-card');
reelCards.forEach(card => {
card.addEventListener('mouseenter', function() {
this.style.transform = 'translateY(-10px)';
});
card.addEventListener('mouseleave', function() {
this.style.transform = 'translateY(0)';
});
});
// Initialize payment steps
updatePaymentSteps(1);
console.log('AI Toolkit for Viral Reel Makers - JavaScript loaded successfully');
});
.png)