They’re Paying For Your Groceries! Enter To Win $500 Cash for Instacart

/* — GLOBAL THEME: OPAL APPLE (GOLD/GREEN) — */
:root {
–primary: #F2994A; /* Opal Orange/Gold */
–secondary: #27AE60; /* Fresh Leaf Green */
–accent: #d35400; /* Deep Holiday Orange/Red */
–dark: #2c3e50; /* Dark Slate */
–light: #fef9e7; /* Very Light Yellow/Cream */
–text: #333333;
–border: #e2e8f0;
}
body { margin: 0; padding: 0; box-sizing: border-box; background: #fff; font-family: ‘Helvetica Neue’, Helvetica, Arial, sans-serif; }
/* CONTAINER */
.lp-container {
max-width: 800px;
margin: 0 auto;
padding: 0 20px 60px 20px;
color: var(–text);
line-height: 1.8;
font-size: 19px;
}
/* TYPOGRAPHY */
h1 {
font-family: ‘Helvetica Neue’, sans-serif;
font-size: 2.5rem;
font-weight: 800;
color: var(–primary);
line-height: 1.1;
margin-top: 40px;
margin-bottom: 10px;
letter-spacing: -0.5px;
}
.meta {
font-size: 0.85rem;
color: #7f8c8d;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 40px;
border-bottom: 1px solid var(–border);
padding-bottom: 20px;
font-weight: 600;
}
h2 {
font-size: 1.8rem;
color: var(–secondary);
margin-top: 50px;
border-left: 5px solid var(–primary);
padding-left: 15px;
}
p { margin-bottom: 25px; }
/* CALLOUTS */
.highlight-box {
background: var(–light);
border: 1px solid var(–primary);
padding: 25px;
border-radius: 8px;
color: #555;
font-style: italic;
font-size: 0.95em;
margin: 30px 0;
border-left: 6px solid var(–primary);
}
ul { margin-bottom: 30px; }
li { margin-bottom: 12px; }
/* IMAGE PLACEHOLDER */
.featured-image {
width: 100%; height: auto;
border-radius: 15px;
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
margin-bottom: 40px;
}
/* AD SLOT STYLING */
.ad-slot {
background: #f9f9f9;
border: 1px solid #ddd;
text-align: center;
padding: 20px;
margin: 40px 0;
}
.button-ad-slot {
margin: 20px 0;
padding: 10px;
background: rgba(255,255,255,0.9);
border-radius: 10px;
text-align: center;
}
/* — SWEEPSTAKES SECTION — */
#sweeps-wrapper {
margin-top: 80px;
background: #fff;
border-radius: 20px;
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.4);
border: 1px solid var(–border);
overflow: hidden;
position: relative;
text-align: center;
scroll-margin-top: 40px;
}
.sweeps-header {
background: linear-gradient(135deg, #F2994A 0%, #F2C94C 100%); /* Gold Gradient */
padding: 40px 20px;
color: white;
}
.sweeps-header h3 { margin: 0; font-size: 32px; text-transform: uppercase; letter-spacing: 1px; font-weight: 800; color: #fff; text-shadow: 0 2px 5px rgba(0,0,0,0.2); }
.sweeps-header p { margin: 10px 0 0 0; opacity: 1; font-size: 18px; font-weight: 500; }
.sweeps-body { padding: 40px 20px; background-color: #fcfcfc; }
/* PRIZES */
.prize-grid {
display: grid;
grid-template-columns: 1fr;
gap: 15px;
text-align: left;
background: white;
padding: 20px;
border-radius: 8px;
border: 1px solid var(–border);
max-width: 500px;
margin: 0 auto 30px auto;
}
.prize-row { display: flex; align-items: center; font-weight: 600; color: var(–dark); font-size: 18px; }
.icon { margin-right: 12px; font-size: 24px; }
.val { color: var(–secondary); font-weight: 800; margin-right: 5px; }
/* TIMER */
#countdown {
display: flex;
justify-content: center;
gap: 15px;
margin: 30px 0;
}
.time-box {
background: var(–dark);
color: #F2C94C;
padding: 15px;
border-radius: 10px;
min-width: 70px;
}
.time-num { font-size: 32px; font-weight: 700; line-height: 1; display: block; }
.time-lbl { font-size: 12px; text-transform: uppercase; margin-top: 5px; color: white; }
/* BUTTON */
.enter-btn {
display: inline-block;
background: var(–secondary); /* Green Button */
color: white;
font-size: 24px;
font-weight: 900;
text-decoration: none;
padding: 25px 50px;
border-radius: 50px;
box-shadow: 0 10px 25px rgba(39, 174, 96, 0.4);
transition: transform 0.2s, background 0.2s;
text-transform: uppercase;
animation: pulse 2s infinite;
width: 80%;
max-width: 400px;
}
.enter-btn:hover { transform: scale(1.05); background: #219150; }
@keyframes pulse {
0% { box-shadow: 0 0 0 0 rgba(39, 174, 96, 0.7); }
70% { box-shadow: 0 0 0 15px rgba(39, 174, 96, 0); }
100% { box-shadow: 0 0 0 0 rgba(39, 174, 96, 0); }
}
.legal-footer {
font-size: 11px;
color: #94a3b8;
margin-top: 40px;
line-height: 1.5;
text-align: left;
padding: 20px;
background: #fff;
border-top: 1px solid var(–border);
}
/* — OVERLAY & INTERACTION — */
#overlay {
position: fixed; top:0; left:0; width:100%; height:100%;
background: linear-gradient(135deg, #F2994A 0%, #F2C94C 100%);
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
backdrop-filter: blur(5px);
}
.overlay-content {
background: white;
padding: 40px;
border-radius: 12px;
text-align: center;
max-width: 500px;
width: 90%;
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.3);
}
#start-btn {
background: var(–secondary);
color: white;
border: none;
padding: 20px 40px;
font-size: 22px;
font-weight: 900;
border-radius: 50px;
cursor: pointer;
margin-top: 20px;
width: 100%;
text-transform: uppercase;
transition: transform 0.2s;
box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}
#start-btn:hover { transform: scale(1.02); }
/* TOAST POPUP */
#toast {
position: fixed;
top: 50%; /* MIDDLE OF SCREEN */
left: 50%;
transform: translate(-50%, -50%);
background: white;
border: 4px solid var(–primary);
padding: 30px 50px;
border-radius: 15px;
box-shadow: 0 30px 60px rgba(0,0,0,0.5);
font-weight: 800;
color: var(–dark);
font-size: 28px;
z-index: 9998;
display: none;
text-align: center;
width: 80%;
max-width: 400px;
}
canvas { position: fixed; top:0; left:0; width:100%; height:100%; pointer-events:none; z-index:9990; display:none; }

Win A $500 Instacart Gift Card: Making Holiday Grocery Runs Sweeter
The holidays are officially here, and if you are anything like me, your grocery bill is starting to look a little scary. Between the family feasts, the cookie exchanges, and the endless snacking, our carts are fuller than ever.
That is why I am absolutely thrilled to partner with Opal Apples for a massive holiday giveaway! We aren’t just giving away apples; we are giving away a $500 Instacart Gift Card so you can fill your cart with everything you need for the season.
“This isn’t just an apple. It’s a naturally non-browning, crispy, sweet super-snack. Once you try an Opal, you never go back.”
1. Why Opal Apples Are A “Mom Hack”
Let’s talk about the dreaded “brown apple” situation. You slice an apple for your kid’s lunchbox, and by noon, it looks… unappealing. Opal Apples have solved this problem naturally.
Opal Apples are the first U.S. apple variety that is naturally non-browning. You can slice them in the morning, leave them out for a holiday charcuterie board, or toss them in a salad, and they stay bright, crisp, and golden for hours. No lemon juice required. No salty water hacks needed.
2. The Flavor Profile
If a Honeycrisp and a Golden Delicious had a baby, it would be an Opal. They have that satisfying “crunch” we all love, but with a warm, floral sweetness that makes them perfect for eating raw or baking into a pie.
Because they are naturally sweeter, I actually use less sugar in my apple crumbles when I bake with Opals. It’s a small health swap that saves calories without sacrificing flavor.
3. How To Use The $500 Prize
Imagine heading into the New Year with your grocery budget completely covered. With a $500 Instacart gift card, you could:
- Stock the Pantry: Buy all the staples for January meal prep.
- Host a Party: create an epic cheese board featuring Opal slices.
- Treat Yourself: Finally buy those fancy ingredients you usually skip.
4. Enter The Giveaway!
We want to make your grocery runs a little sweeter this season. Entering is incredibly easy, and you can do it right from your phone.
Ready to win? Check out the details below!
WIN $500 IN GROCERIES!
Sponsored by Opal Apples
Giveaway Ends Dec 31st!
- Follow @OpalBrand on Facebook.
- Share the designated post.
- Tag a friend in the comments!
ENTER ON FACEBOOK
(Tap to open the Official Facebook Post)
// CONFIGURATION
// End Date: Dec 31, 2025 23:59:59
const END_DATE = new Date(“Dec 31, 2025 23:59:59”).getTime();
const SCROLL_DURATION = 30000; // 30 Seconds Duration
// DOM ELEMENTS
const overlay = document.getElementById(‘overlay’);
const startBtn = document.getElementById(‘start-btn’);
const toast = document.getElementById(‘toast’);
const confettiCanvas = document.getElementById(‘confetti’);
// SCROLL TARGET: Footer
const targetSection = document.querySelector(‘.legal-footer’);
// STATE
let isScrolling = false;
let scrollTimeouts = [];
// — 1. COUNTDOWN TIMER —
function updateTimer() {
const now = new Date().getTime();
const distance = END_DATE – now;
if (distance < 0) {
document.getElementById("d").innerText = "00";
return;
}
const d = Math.floor(distance / (1000 * 60 * 60 * 24));
const h = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
const m = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
const s = Math.floor((distance % (1000 * 60)) / 1000);
document.getElementById("d").innerText = d < 10 ? "0" + d : d;
document.getElementById("h").innerText = h < 10 ? "0" + h : h;
document.getElementById("m").innerText = m < 10 ? "0" + m : m;
document.getElementById("s").innerText = s clearTimeout(id));
scrollTimeouts = [];
console.log(“Auto-scroll stopped by user.”);
}
}
// Bind stop events
[‘wheel’, ‘touchmove’, ‘keydown’, ‘mousedown’].forEach(evt => {
window.addEventListener(evt, stopAutoScroll);
});
// Start Sequence
startBtn.addEventListener(‘click’, () => {
overlay.style.display = ‘none’;
isScrolling = true;
fireConfetti();
// Trigger Toasts (Specific to Opal Apple)
const messages = [
“Starting… 🍎”,
“Win $500 Groceries! 🛒”,
“Opal Apples Giveaway 🎁”,
“Ends Dec 31st! ⏳”,
“Entry Form Below 👇”
];
messages.forEach((msg, index) => {
let tId = setTimeout(() => {
if(isScrolling) showToast(msg);
}, (index * 5000) + 1000);
scrollTimeouts.push(tId);
});
// Start Scroll Loop
startSlowScroll();
});
function showToast(msg) {
toast.innerText = msg;
toast.style.display = ‘block’;
setTimeout(() => { toast.style.display = ‘none’; }, 3000);
}
// — 3. SCROLL LOGIC —
function startSlowScroll() {
const startY = window.scrollY;
// Scroll to Footer minus buffer
const endY = targetSection.getBoundingClientRect().top + window.scrollY – 50;
const change = endY – startY;
let startTime = null;
function animateScroll(timestamp) {
if (!isScrolling) return;
if (!startTime) startTime = timestamp;
const elapsed = timestamp – startTime;
// Linear tween
const val = (elapsed / SCROLL_DURATION) * change + startY;
window.scrollTo(0, val);
if (elapsed < SCROLL_DURATION) {
requestAnimationFrame(animateScroll);
} else {
isScrolling = false;
}
}
requestAnimationFrame(animateScroll);
}
// — 4. CONFETTI ANIMATION —
function fireConfetti() {
const ctx = confettiCanvas.getContext('2d');
confettiCanvas.style.display = 'block';
confettiCanvas.width = window.innerWidth;
confettiCanvas.height = window.innerHeight;
const particles = [];
const colors = ['#F2994A', '#27AE60', '#F2C94C']; // Orange, Green, Gold
for(let i=0; i {
ctx.fillStyle = p.c;
ctx.fillRect(p.x, p.y, 8, 8);
p.x += p.vx;
p.y += p.vy;
if(p.y < confettiCanvas.height) active = true;
});
if(active) requestAnimationFrame(draw);
else confettiCanvas.style.display = 'none';
}
draw();
}
Helpful Freebie Mom Guides
Keep going