Now I have the full picture. I need to:

1. Add useEffect to the imports
2. Add a Clock icon for the cooldown indicator
3. Create an ad modal component
4. Update the vote state management to use localStorage for 12-hour cooldowns
5. Update the vote button to show cooldown time remaining and trigger the ad modal

Now I'll add the AdModal component after the EditBotModal:

Now I need to update the BotCardProps and BotCard to handle the cooldown:

Now I need to update the vote button in BotCard:

Now I need to update the BotDirectory component to handle the ad modal and localStorage cooldowns:

Now I need to update the BotCard usages to pass the new props:

Now I need to add the AdModal at the end of the component:

I've added a voting system with a 10-second ad timer and 12-hour cooldown. When users click the Vote button, an ad modal appears with a 10-second countdown and progress bar. After the timer completes, they can click "Complete Vote" to register their vote. The cooldown is stored in localStorage, so users can only vote for each bot once every 12 hours. The vote button displays the remaining cooldown time (e.g., "11h 45m") when on cooldown.