From 21918356cb1f2a1ac8fdf0f9084764f129a9f5c0 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Sun, 15 Dec 2024 13:43:34 +0000
Subject: [PATCH] Revamp News Animation

Updated the NewsAnimation component to enhance its visual effects and improve the overall user experience.
[skip gpt_engineer]
---
 .../game/animations/NewsAnimation.tsx         | 31 ++++++++++++-------
 1 file changed, 19 insertions(+), 12 deletions(-)

diff --git a/src/components/game/animations/NewsAnimation.tsx b/src/components/game/animations/NewsAnimation.tsx
index 2f28ec3..b3982c2 100644
--- a/src/components/game/animations/NewsAnimation.tsx
+++ b/src/components/game/animations/NewsAnimation.tsx
@@ -3,11 +3,14 @@ import { motion } from 'framer-motion';
 
 export const NewsAnimation = ({ className = '' }: { className?: string }) => {
   const headlines = [
-    "BREAKING NEWS • MATHEMATICAL TRUTH QUESTIONED •",
-    "EXPERTS DIVIDED ON BASIC ARITHMETIC •",
-    "NEW STUDY CHALLENGES CONVENTIONAL MATH •",
-    "MATHEMATICAL REVOLUTION BREWING •",
-    "EDUCATION SYSTEM IN CRISIS •"
+    "🔥 BREAKING: Math Community Divided Over '2+2=5' Theory",
+    "📊 Poll Shows Rising Support for Alternative Mathematics",
+    "🎓 Top Universities Consider New Mathematical Framework",
+    "💭 Opinion: Why Traditional Math Needs a Revolution",
+    "🌍 Global Movement Questions Mathematical Constants",
+    "📱 #Math2Point0 Trending Worldwide",
+    "⚡ LIVE: Mathematical Paradigm Shift in Progress",
+    "🔍 Investigation: The Hidden Truth Behind Numbers"
   ];
 
   return (
@@ -15,19 +18,23 @@ export const NewsAnimation = ({ className = '' }: { className?: string }) => {
       {headlines.map((headline, index) => (
         <motion.div
           key={index}
-          className="absolute whitespace-nowrap text-yellow-500 font-bold"
+          className="absolute whitespace-nowrap text-yellow-500 font-bold flex items-center gap-2"
           style={{
             top: `${index * 20}%`,
           }}
           initial={{ x: "100%" }}
-          animate={{ x: "-100%" }}
-          transition={{
-            duration: 20,
-            repeat: Infinity,
-            ease: "linear",
-            delay: index * 2,
+          animate={{ 
+            x: "-100%",
+            transition: {
+              duration: 15,
+              repeat: Infinity,
+              ease: "linear",
+              delay: index * 2,
+            }
           }}
         >
+          <span className="animate-pulse inline-block">LIVE</span>
+          <span className="mx-2">•</span>
           {headline}
         </motion.div>
       ))}