|
|
| | |
|
import React, { useState } from 'react'; import { X } from 'lucide-react'; export default function AnnouncementBarDemo() { const [isVisible, setIsVisible] = useState(true); const handleClose = () => { setIsVisible(false); // In the real version, we'd use localStorage here }; if (!isVisible) { return (
Announcement Bar Closed!
The bar has been dismissed. In the real implementation, it won't reappear until the customer clears their cookies or you set it to reappear after X days.
); } return (
{/* Announcement Bar */}
🎯 BLACK FRIDAY SALE: Save 15% with code{' '} ANCHOR15 {' '} at checkout!
{/* Sample Website Content Below */}
SSNautical.com
This is how your announcement bar will look above your website content.
- ✅ Shows on every page
- ✅ Customer can close it anytime with the X button
- ✅ Responsive on mobile and desktop
- ✅ Won't reappear after closing (uses localStorage)
- ✅ Easy to update text for different occasions
Try It Out:
Click the X button in the red bar above to see how customers can dismiss it. You'll see a confirmation that it's been closed, and you can bring it back to test again.
); }
Personalized Life Rings & Unique Nautical Gifts
- ✔ Coast Guard Approved Life Rings
- ✔ Fast, Nationwide Shipping
- ✔ Custom Gifts for Boaters & Beach Homes
- ✔ Over 20 Years of Nautical Expertise
Set Sail with SSNautical.com – Your Ultimate Destination for Personalized Life Rings & Nautical Gifts!
Love the water? So do we. Picture this: the salty breeze in your hair, the sun sparkling on the water, and your boat gliding effortlessly through the waves. Right there, proudly displayed—your personalized life ring, a symbol of your passion for the ocean. Welcome to SSNautical.com, where nautical dreams come to life.
For over 20 years, we’ve been the go-to destination for personalized life rings, trusted by boaters, marina owners, and nautical enthusiasts nationwide. We ship fast, nationwide, delivering coastal vibes wherever your adventures take you.
| |
| | |
|
|