diff --git a/pages/_document.js b/pages/_document.js index c584ba0..6abb0be 100644 --- a/pages/_document.js +++ b/pages/_document.js @@ -1,10 +1,49 @@ import { Head, Html, Main, NextScript } from "next/document"; +const promo_banner = [ + "Black Friday 2024 Sale is Live!", + "Flat 33% off on Advantage Bundle", + "Upgrade Now at Lowest Price Ever!" +]; + export default function Document() { return ( + { + promo_banner && ( +
+
+ { + [1,2,3].map((_, i) => ( + + { + promo_banner.map((item, i) => ( + {item} + )) + } + + )) + } +
+ +
+ { + [1, 2, 3].map((_, i) => ( + + { + promo_banner.map((item, i) => ( + {item} + )) + } + + )) + } +
+
+ ) + }
diff --git a/tailwind.config.js b/tailwind.config.js index 953e7be..462977f 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -13,6 +13,21 @@ module.exports = { background: "var(--background)", foreground: "var(--foreground)", }, + animation: { + 'spin-slow': 'spin 2s linear infinite', + marquee: 'marquee 25s linear infinite', + marquee2: 'marquee2 25s linear infinite', + }, + keyframes: { + marquee: { + '0%': { transform: 'translateX(0%)' }, + '100%': { transform: 'translateX(-100%)' }, + }, + marquee2: { + '0%': { transform: 'translateX(100%)' }, + '100%': { transform: 'translateX(0%)' }, + }, + }, }, }, plugins: [],