Unchained
864008af16
- Create centralized shipping config file (src/lib/config/shipping.ts) - Update CartDrawer.tsx: change hardcoded 5000 to FREE_SHIPPING_THRESHOLD_RSD constant - Update TickerBar.tsx: change hardcoded 10000 to use centralized constant - Ensure uniform free shipping messaging across all pages and localizations
37 lines
924 B
TypeScript
37 lines
924 B
TypeScript
"use client";
|
|
|
|
import { motion } from "framer-motion";
|
|
import { FREE_SHIPPING_THRESHOLD_RSD } from "@/lib/config/shipping";
|
|
|
|
export default function TickerBar() {
|
|
const items = [
|
|
`Free shipping on orders over ${FREE_SHIPPING_THRESHOLD_RSD} RSD`,
|
|
"Natural ingredients",
|
|
"Cruelty-free",
|
|
"Handmade with love",
|
|
];
|
|
|
|
return (
|
|
<div className="bg-foreground text-white py-3 overflow-hidden">
|
|
<motion.div
|
|
className="flex whitespace-nowrap"
|
|
animate={{ x: ["0%", "-50%"] }}
|
|
transition={{
|
|
x: {
|
|
repeat: Infinity,
|
|
repeatType: "loop",
|
|
duration: 20,
|
|
ease: "linear",
|
|
},
|
|
}}
|
|
>
|
|
{[...items, ...items, ...items, ...items].map((item, index) => (
|
|
<span key={index} className="mx-8 text-sm tracking-wide">
|
|
{item}
|
|
</span>
|
|
))}
|
|
</motion.div>
|
|
</div>
|
|
);
|
|
}
|