diff --git a/src/components/NewsMarquee.tsx b/src/components/NewsMarquee.tsx index 6f8cd70..3f468b3 100644 --- a/src/components/NewsMarquee.tsx +++ b/src/components/NewsMarquee.tsx @@ -9,14 +9,14 @@ export const NewsMarquee: React.FC = ({ titles }) => { return null; } - // Join all titles with a separator and duplicate for seamless looping - const marqueeText = titles.join(' --- ') + ' --- ' + titles.join(' --- '); + // Join all titles with a separator and duplicate multiple times for seamless looping + const fullMarqueeText = Array(4).fill(titles.join(' --- ')).join(' --- '); return ( -
-
+
+
- {marqueeText} + {fullMarqueeText}
diff --git a/tailwind.config.js b/tailwind.config.js index 94d464e..83cc3cd 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -10,7 +10,7 @@ export default { }, }, animation: { - marquee: 'marquee 120s linear infinite', // Adjusted duration for slower scroll + marquee: 'marquee 240s linear infinite', // Adjusted duration for slower scroll }, }, },