From cc9102bf3cc4d56d8f46636730004a9116b623ef Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Thu, 4 Sep 2025 14:54:05 +0000
Subject: [PATCH] Update social sharing images with new branding and website
 URL

Update the SVG templates for social media sharing images to reflect the FOLX.TV rebranding. This includes changing the company name from "go4.video" to "FOLX.TV", updating the website URL in text elements to "video.folx.tv", and modifying the gradient colors used in the background of these images.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 946a0075-7e32-454b-b348-9e7f576d7f45
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/60d372ff-2c10-46c7-b01b-10c3435136b0/946a0075-7e32-454b-b348-9e7f576d7f45/ZQfqCPf
---
 server/routes.ts | 22 ++++++++++++----------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/server/routes.ts b/server/routes.ts
index 43ff0c4..c53a568 100644
--- a/server/routes.ts
+++ b/server/routes.ts
@@ -716,7 +716,7 @@ export async function registerRoutes(app: Express): Promise<Server> {
         
         <polygon points="321,265 321,295 342,280" fill="white"/>
         
-        <text x="400" y="330" font-family="Arial, sans-serif" font-size="72" font-weight="bold" fill="white">go4.video</text>
+        <text x="400" y="330" font-family="Arial, sans-serif" font-size="72" font-weight="bold" fill="white">FOLX.TV</text>
         
         <text x="400" y="380" font-family="Arial, sans-serif" font-size="32" fill="rgba(255,255,255,0.8)">Professional Video Streaming Platform</text>
         
@@ -744,11 +744,11 @@ export async function registerRoutes(app: Express): Promise<Server> {
       const svg = `<svg width="${width}" height="${height}" xmlns="http://www.w3.org/2000/svg">
         <defs>
           <linearGradient id="bgGradient" x1="0%" y1="0%" x2="100%" y2="100%">
-            <stop offset="0%" style="stop-color:#9333ea;stop-opacity:1" />
-            <stop offset="25%" style="stop-color:#7c3aed;stop-opacity:1" />
-            <stop offset="50%" style="stop-color:#6366f1;stop-opacity:1" />
-            <stop offset="75%" style="stop-color:#0ea5e9;stop-opacity:1" />
-            <stop offset="100%" style="stop-color:#06b6d4;stop-opacity:1" />
+            <stop offset="0%" style="stop-color:#da234d;stop-opacity:1" />
+            <stop offset="25%" style="stop-color:#c51d47;stop-opacity:1" />
+            <stop offset="50%" style="stop-color:#b01640;stop-opacity:1" />
+            <stop offset="75%" style="stop-color:#9b0f39;stop-opacity:1" />
+            <stop offset="100%" style="stop-color:#860832;stop-opacity:1" />
           </linearGradient>
         </defs>
         
@@ -767,7 +767,9 @@ export async function registerRoutes(app: Express): Promise<Server> {
         <polygon points="1150,480 1170,500 1150,520 1130,500" fill="#ffffff" opacity="0.9"/>
         
         <!-- Main title centered -->
-        <text x="600" y="330" font-family="Arial, sans-serif" font-size="88" font-weight="bold" fill="white" text-anchor="middle">go4.video</text>
+        <text x="600" y="300" font-family="Arial, sans-serif" font-size="88" font-weight="bold" fill="white" text-anchor="middle">FOLX.TV</text>
+        <text x="600" y="380" font-family="Arial, sans-serif" font-size="36" fill="rgba(255,255,255,0.9)" text-anchor="middle">video.folx.tv</text>
+        <text x="600" y="430" font-family="Arial, sans-serif" font-size="24" fill="rgba(255,255,255,0.7)" text-anchor="middle">Amazing Content • Premium Streaming Platform</text>
       </svg>`;
 
       const buffer = await sharp(Buffer.from(svg))
@@ -931,10 +933,10 @@ export async function registerRoutes(app: Express): Promise<Server> {
         <text x="450" y="250" font-family="Arial, sans-serif" font-size="42" font-weight="bold" fill="white" text-anchor="start">${video.title.length > 35 ? video.title.substring(0, 32) + '...' : video.title}</text>
         
         <!-- Video opis -->
-        <text x="450" y="300" font-family="Arial, sans-serif" font-size="24" fill="rgba(255,255,255,0.8)" text-anchor="start">${video.description && video.description.length > 60 ? video.description.substring(0, 57) + '...' : video.description || 'Watch this video on go4.video'}</text>
+        <text x="450" y="300" font-family="Arial, sans-serif" font-size="24" fill="rgba(255,255,255,0.8)" text-anchor="start">${video.description && video.description.length > 60 ? video.description.substring(0, 57) + '...' : video.description || 'Watch this video on video.folx.tv'}</text>
         
         <!-- go4.video logo -->
-        <text x="450" y="400" font-family="Arial, sans-serif" font-size="32" font-weight="bold" fill="white" text-anchor="start">go4.video</text>
+        <text x="450" y="400" font-family="Arial, sans-serif" font-size="32" font-weight="bold" fill="white" text-anchor="start">FOLX.TV</text>
         <text x="450" y="430" font-family="Arial, sans-serif" font-size="18" fill="rgba(255,255,255,0.7)" text-anchor="start">Professional Video Streaming Platform</text>
         
         <!-- Video dolžina -->
@@ -1282,7 +1284,7 @@ export async function registerRoutes(app: Express): Promise<Server> {
   app.get('/sitemap.xml', async (req, res) => {
     try {
       const videos = await storage.getVideos(1, 1000); // Get all videos
-      const baseUrl = 'https://go4.video';
+      const baseUrl = 'https://video.folx.tv';
       
       let sitemap = `<?xml version="1.0" encoding="UTF-8"?>
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">