// Social Image Generator - create the image as base64 data URL
function createSocialImage() {
    const canvas = document.createElement('canvas');
    canvas.width = 1200;
    canvas.height = 630;
    const ctx = canvas.getContext('2d');
    
    // Background gradient
    const gradient = ctx.createLinearGradient(0, 0, canvas.width, canvas.height);
    gradient.addColorStop(0, 'hsl(250, 50%, 15%)');
    gradient.addColorStop(1, 'hsl(240, 30%, 25%)');
    ctx.fillStyle = gradient;
    ctx.fillRect(0, 0, canvas.width, canvas.height);
    
    // Main logo area
    const logoGradient = ctx.createLinearGradient(300, 250, 360, 310);
    logoGradient.addColorStop(0, '#6366f1');
    logoGradient.addColorStop(1, '#8b5cf6');
    
    ctx.fillStyle = logoGradient;
    ctx.beginPath();
    ctx.roundRect(300, 250, 60, 60, 15);
    ctx.fill();
    
    // Play triangle
    ctx.fillStyle = 'white';
    ctx.beginPath();
    ctx.moveTo(321, 265);
    ctx.lineTo(321, 295);
    ctx.lineTo(342, 280);
    ctx.closePath();
    ctx.fill();
    
    // Main title
    ctx.fillStyle = 'white';
    ctx.font = 'bold 72px Arial, sans-serif';
    ctx.textAlign = 'left';
    ctx.fillText('video.folx.tv', 400, 330);
    
    // Subtitle
    ctx.fillStyle = 'rgba(255, 255, 255, 0.8)';
    ctx.font = '32px Arial, sans-serif';
    ctx.fillText('Professional Video Streaming Platform', 400, 380);
    
    return canvas.toDataURL('image/png');
}

// Export for use
if (typeof module !== 'undefined' && module.exports) {
    module.exports = { createSocialImage };
}