<style>
/* ================== OVERLAY WRAPPER ================== */
#delivery-overlay {
position: fixed;
right: 24px;
bottom: 24px;
width: 100%;
max-width: 36rem;
z-index: 99;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease;
font-family: inherit;
}
/* ================== CARD ================== */
#delivery-overlay .card {
position: relative;
display: flex;
gap: 16px;
padding: 16px 40px 16px 16px;
border-radius: 16px;
background: rgba(255,255,255,0.9);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid #e5e7eb;
box-shadow: 0 20px 40px rgba(0,0,0,.15);
overflow: hidden;
}
/* decorative blur */
#delivery-overlay .blur-bg {
position: absolute;
top: -40px;
right: -40px;
width: 96px;
height: 96px;
background: rgba(59,130,246,0.12);
border-radius: 50%;
filter: blur(32px);
pointer-events: none;
}
/* ================== ICON ================== */
#delivery-overlay .icon-wrap {
flex-shrink: 0;
background: #dbeafe;
color: #2563eb;
padding: 10px;
border-radius: 999px;
}
/* ================== TEXT ================== */
#delivery-overlay .content {
display: flex;
flex-direction: column;
gap: 6px;
}
#delivery-overlay h3 {
margin: 0;
font-size: 1.4rem;
font-weight: 700;
color: #111827;
display: flex;
align-items: center;
gap: 8px;
}
#delivery-overlay p {
margin: 0;
font-size: 1.4rem;
color: #4b5563;
line-height: 1.4;
}
#delivery-overlay .bold {
font-weight: 700;
color: #111827;
}
/* badge */
#delivery-overlay .badge {
font-size: 10px;
font-weight: 700;
background: #2563eb;
color: #fff;
padding: 2px 6px 0;
border-radius: 999px;
text-transform: uppercase;
letter-spacing: .08em;
}
/* timer row */
#delivery-overlay .timer {
display: flex;
align-items: center;
gap: 6px;
margin-top: 4px;
font-size: 1rem;
color: #6b7280;
}
/* ================== CLOSE BUTTON ================== */
#delivery-overlay .close-btn {
position: absolute;
top: 8px;
right: 8px;
width: 28px;
height: 28px;
border-radius: 999px;
border: none;
background: transparent;
cursor: pointer;
color: #9ca3af;
display: flex;
align-items: center;
justify-content: center;
}
#delivery-overlay .close-btn:hover {
background: #f3f4f6;
color: #4b5563;
}
/* ================== ANIMATIONS ================== */
@keyframes slideIn {
from { transform: translateX(100%); opacity: 0; }
to { transform: translateX(0); opacity: 1; }
}
@keyframes fadeOut {
from { opacity: 1; }
to { opacity: 0; }
}
#delivery-overlay.show {
opacity: 1;
pointer-events: auto;
}
#delivery-overlay.slide-in {
animation: slideIn .5s cubic-bezier(.16,1,.3,1) forwards;
}
#delivery-overlay.fade-out {
animation: fadeOut .3s ease forwards;
}
/* ================== MOBILE ================== */
@media (max-width: 480px) {
#delivery-overlay {
right: 12px;
left: 12px;
max-width: none;
}
}
</style>
<!-- ================== HTML ================== -->
<div id="delivery-overlay">
<div class="card">
<div class="blur-bg"></div>
<div class="icon-wrap">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2"/>
<path d="M15 18H9"/>
<path d="M19 18h2a1 1 0 0 0 1-1v-5l-4-4h-3v10a1 1 0 0 0 1 1Z"/>
<circle cx="7" cy="18" r="2"/>
<circle cx="17" cy="18" r="2"/>
</svg>
</div>
<div class="content">
<h3>
Fast Delivery
<span class="badge">Next Day</span>
</h3>
<p>
All orders placed before <span class="bold">5:30 PM</span> are delivered Next Day.
</p>
<div class="timer">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<circle cx="12" cy="12" r="10"/>
<polyline points="12 6 12 12 16 14"/>
</svg>
<span id="delivery-timer">Time remaining: --h --m --s</span>
</div>
</div>
<button class="close-btn" id="close-overlay" aria-label="Close">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M18 6 6 18"/>
<path d="m6 6 12 12"/>
</svg>
</button>
</div>
</div>
<script>
document.addEventListener("DOMContentLoaded", function () {
const overlay = document.getElementById('delivery-overlay');
const closeBtn = document.getElementById('close-overlay');
const timerEl = document.getElementById('delivery-timer');
if (!overlay || !closeBtn || !timerEl) return;
// -------- show overlay --------
setTimeout(() => {
overlay.classList.add('show', 'slide-in');
}, 1500);
closeBtn.addEventListener('click', () => {
overlay.classList.remove('slide-in');
overlay.classList.add('fade-out');
setTimeout(() => overlay.style.display = 'none', 300);
});
// -------- UK TIME COUNTDOWN --------
function getUKNow() {
const parts = new Intl.DateTimeFormat('en-GB', {
timeZone: 'Europe/London',
year: 'numeric', month: 'numeric', day: 'numeric',
hour: 'numeric', minute: 'numeric', second: 'numeric',
hour12: false
}).formatToParts(new Date());
const g = t => parts.find(p => p.type === t).value;
return new Date(g('year'), g('month') - 1, g('day'), g('hour'), g('minute'), g('second'));
}
function updateTimer() {
const now = getUKNow();
const cutoff = new Date(now);
cutoff.setHours(17, 30, 0, 0); // 5:30 PM UK
if (now >= cutoff) cutoff.setDate(cutoff.getDate() + 1);
const diff = cutoff - now;
if (diff <= 0) return;
const s = Math.floor(diff / 1000);
const h = Math.floor(s / 3600);
const m = Math.floor((s % 3600) / 60);
const sec = s % 60;
timerEl.textContent =
`Time remaining: ${String(h).padStart(2,'0')}h ` +
`${String(m).padStart(2,'0')}m ` +
`${String(sec).padStart(2,'0')}s`;
}
updateTimer();
setInterval(updateTimer, 1000);
});
</script>
D36-172-3D4
In stock
Only 1 left
Paint Factory All Purpose Neon Pink Spray Paint Can 400 ML
£2.15
Paint Factory All Purpose Neon Pink Spray Can, a 400ml spray can for bold neon pink finishes.
ORDER WITHIN:
FREE DELIVERY OVER £29.99
Only applicable to Mainland UK
<h4><span style="color: #fabb1a;">DESCRIPTION</span></h4>
<p><span style="color: #000000;">The Paint Factory All Purpose Neon Pink Spray Paint (400ml) is a high-quality aerosol paint designed to deliver a smooth, even coat with vibrant color payoff. Its bold neon pink finish makes it perfect for creating eye-catching designs, refreshing old items, or adding a striking touch to craft, DIY, and decorative projects. Easy to use and quick-drying, it provides excellent coverage on a wide variety of surfaces including wood, metal, plastic, and ceramics.</span></p>
<p><span style="color: #000000;">Whether you’re working on home décor, art projects, or outdoor items, this spray paint ensures a professional-looking result with minimal effort. The 400ml can offers ample quantity for multiple uses, while the durable formulation helps resist fading and wear. Ideal for both hobbyists and professionals, the Paint Factory Neon Pink Spray Paint is the go-to choice for achieving a bold, standout finish that lasts.</span></p>
<h4><span style="color: #fabb1a;">BENEFITS</span></h4>
<ul>
<li>Vibrant Neon Pink color for a lively and dynamic appearance.</li>
<li>All-purpose spray paint suitable for various surfaces and projects.</li>
<li>Quick-drying formula facilitates efficient and timely applications.</li>
<li>400ml can provides ample coverage for a range of creative endeavors.</li>
<li>Transforms ordinary items into attention-grabbing, neon masterpieces.</li>
</ul>
<h4><span style="color: #fabb1a;">DIRECTIONS</span></h4>
<p><span style="color: #000000;">Ensure the surface is clean and dry before application. Shake the can thoroughly for at least one minute. Hold the can approximately 25-30cm away from the surface. Apply in even, sweeping motions, allowing each coat to dry before applying the next. For best results, apply 2-3 coats.</span></p>
<h4><span style="color: #fabb1a;">WARNINGS</span></h4>
<p><span style="color: #000000;">Use in a well-ventilated area. Keep out of reach of children. Avoid contact with eyes and skin. In case of contact, rinse immediately with plenty of water and seek medical advice. Do not expose to heat or flame.</span></p>
| Brand | Paint Factory |
|---|---|
| EAN | 5055319517577 |
| Formulation Type | Liquid |
| Number of items | 1 |
| Size/Volume | 400 ml |
| Usage | Ideal for adding a bright, eye-catching finish to wood, metal, plastic, ceramics, and various DIY or craft projects. |
| Suitable for | Ideal for application on wood, metal, plastic, ceramics, and a variety of indoor and outdoor surfaces. |
| Size | 400 ML |
| Unit Type | 400ml Spray Can. |
| Features | Vibrant neon pink color, quick-drying, multi-surface compatibility, durable finish, and easy-to-use aerosol spray for DIY, crafts, and decorative projects. |
| Type | All Purpose Aerosol Spray Paint. |
| Clean Up | Remove overspray with suitable thinner or solvent immediately. |
| Safety Warning | Use in a well-ventilated area, keep away from heat, sparks, and open flames, and avoid inhalation or contact with skin and eyes. |
| Base | Acrylic |
| Formulation | Acrylic-based aerosol paint |
| Finish | Glossy Neon |
| Recoat Time | 15–30 minutes |
| Transparency | Opaque |
| Weatherproof | Yes |
| Resistant To Water | Yes |
| Strength | Standard all-purpose durability |
| Room Use | Indoor & Outdoor |
| Container Type | Aerosol Spray Can |
| Color | Neon Pink |
| Application Method | Shake the can well and spray evenly from a distance of 20–30 cm on a clean, dry surface for best results. |
Write Your Own Review