Big Al’s Is Giving Away 100 FREE $100 Sephora Gift Cards!
:root {
–pink: #d4457a;
–pink-pale: #fff5f9;
–pink-light: #fce4ef;
–rose: #b5304f;
–gold: #c8860a;
–gold-pale: #fffdf0;
–cream: #fdfbf8;
–white: #ffffff;
–border: #f0d8e4;
–text-dark: #1a0810;
–text-gray: #4a2030;
–text-light: #8a5070;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
html { width: 100%; }
body {
font-family: ‘Inter’, sans-serif;
background: var(–cream);
color: var(–text-dark);
font-size: 17px;
line-height: 1.85;
width: 100%;
overflow-x: hidden;
}
/* WORDPRESS FULL-WIDTH BREAKOUT */
/* PROGRESS BAR */
#xp-bar-container { position: fixed; top: 0; left: 0; right: 0; height: 5px; background: var(–pink-light); z-index: 9999; }
#xp-bar { height: 100%; width: 0%; background: linear-gradient(90deg, var(–pink), var(–gold)); transition: width 0.2s ease; }
/* CLICKBAIT BANNER */
.clickbait-banner {
background: var(–pink-pale);
border-bottom: 2px solid var(–border);
padding: 18px 20px;
text-align: center;
}
.clickbait-banner p {
font-family: ‘Playfair Display’, serif;
font-size: clamp(1.05rem, 4.2vw, 1.5rem);
font-weight: 700;
font-style: italic;
color: var(–text-dark);
line-height: 1.4;
max-width: 780px;
margin: 0 auto;
}
.clickbait-banner p span { color: var(–pink); font-style: normal; }
/* HEADER */
header {
background: linear-gradient(160deg, #fff5f9 0%, #fce4ef 50%, #f9cfe2 100%);
color: var(–text-dark);
text-align: center;
padding: 52px 16px 44px;
position: relative;
overflow: hidden;
width: 100%;
border-bottom: 4px solid var(–pink);
}
.status-tag {
display: inline-block;
background: rgba(212,69,122,0.1);
border: 1px solid rgba(212,69,122,0.3);
border-radius: 50px;
padding: 6px 18px;
font-size: 0.78rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
margin-bottom: 20px;
color: var(–pink);
}
header h1 {
font-family: ‘Playfair Display’, serif;
font-size: clamp(1.9rem, 7.5vw, 3.6rem);
font-weight: 800;
line-height: 1.1;
margin-bottom: 16px;
color: var(–text-dark);
}
header h1 span { color: var(–pink); }
.hero-sub {
font-size: 1.05rem;
max-width: 620px;
margin: 0 auto 26px;
line-height: 1.75;
color: var(–text-gray);
}
.prize-value {
font-family: ‘Playfair Display’, serif;
font-size: clamp(2.6rem, 9vw, 4.2rem);
font-weight: 800;
color: var(–pink);
line-height: 1;
margin-bottom: 4px;
}
.prize-label { font-size: 0.78rem; letter-spacing: 0.12em; text-transform: uppercase; opacity: 0.65; margin-bottom: 26px; color: var(–text-dark); }
.countdown { display: flex; justify-content: center; gap: 10px; margin-bottom: 28px; flex-wrap: wrap; }
.cd-box { background: var(–white); border: 1px solid var(–border); border-radius: 10px; padding: 12px 16px; min-width: 68px; text-align: center; box-shadow: 0 2px 8px rgba(212,69,122,0.1); }
.cd-num { font-family: ‘Playfair Display’, serif; font-size: 2rem; font-weight: 700; color: var(–pink); line-height: 1; }
.cd-label { font-size: 0.65rem; letter-spacing: 0.1em; text-transform: uppercase; opacity: 0.6; margin-top: 4px; color: var(–text-dark); }
.cta-btn {
display: inline-block;
background: linear-gradient(135deg, var(–pink) 0%, var(–rose) 100%);
color: #fff;
font-family: ‘Inter’, sans-serif;
font-size: 1.15rem;
font-weight: 800;
letter-spacing: 0.04em;
text-transform: uppercase;
padding: 18px 48px;
border-radius: 50px;
border: none;
cursor: pointer;
text-decoration: none;
transition: opacity 0.2s, transform 0.15s;
margin: 8px 0;
box-shadow: 0 8px 28px rgba(212,69,122,0.28);
}
.cta-btn:hover { opacity: 0.9; transform: translateY(-2px); }
.stat-row { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; margin-top: 22px; }
.stat-pill { background: var(–white); border: 1px solid var(–border); border-radius: 8px; padding: 8px 16px; font-size: 0.82rem; text-align: center; color: var(–text-gray); box-shadow: 0 2px 6px rgba(212,69,122,0.08); }
.stat-pill strong { display: block; font-size: 1.1rem; color: var(–pink); font-family: ‘Playfair Display’, serif; }
.content-wrap { max-width: 860px; margin: 0 auto; padding: 0 0 60px; }
.toc-box { background: var(–white); border: 1px solid var(–border); border-left: 5px solid var(–pink); padding: 24px 20px; margin: 0; }
.toc-box .toc-label { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(–pink); margin-bottom: 12px; }
.toc-box ol { padding-left: 20px; }
.toc-box ol li { margin-bottom: 6px; }
.toc-box ol li a { color: var(–text-dark); text-decoration: none; font-weight: 500; }
.toc-box ol li a:hover { color: var(–pink); }
section { background: var(–white); padding: 32px 20px; margin: 8px 0; border-top: 1px solid var(–border); border-bottom: 1px solid var(–border); width: 100%; }
section h2 { font-family: ‘Playfair Display’, serif; font-size: 1.65rem; font-weight: 700; color: var(–text-dark); margin-bottom: 16px; padding-bottom: 12px; border-bottom: 2px solid var(–border); }
section h2 span { color: var(–pink); }
section p { color: var(–text-gray); margin-bottom: 16px; line-height: 1.85; }
section p:last-child { margin-bottom: 0; }
blockquote { border-left: 4px solid var(–pink); background: var(–pink-pale); padding: 16px 20px; margin: 20px 0; border-radius: 0 8px 8px 0; font-style: italic; color: var(–text-gray); font-size: 0.95rem; }
/* EXCLUSION ALERT */
.exclusion-alert { background: #fff8e0; border: 2px solid var(–gold); border-radius: 10px; padding: 16px 18px; margin: 16px 0; }
.exclusion-alert .ea-label { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(–gold); margin-bottom: 6px; }
.exclusion-alert p { color: var(–text-gray); font-size: 0.92rem; margin-bottom: 0; }
.exclusion-alert strong { color: var(–text-dark); }
/* PRIZE CARD */
.prize-hero { background: linear-gradient(135deg, var(–pink-pale), #fce4ef); border: 2px solid var(–pink); border-radius: 16px; padding: 28px 20px; text-align: center; margin: 20px 0; }
.ph-icon { font-size: 3rem; display: block; margin-bottom: 10px; }
.ph-count { font-size: 0.78rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(–text-light); margin-bottom: 8px; }
.ph-title { font-family: ‘Playfair Display’, serif; font-size: 1.9rem; font-weight: 800; color: var(–text-dark); margin-bottom: 8px; }
.ph-desc { font-size: 0.97rem; color: var(–text-gray); max-width: 480px; margin: 0 auto 14px; line-height: 1.6; }
.ph-value { display: inline-block; background: var(–pink); color: #fff; font-size: 0.88rem; font-weight: 700; padding: 6px 20px; border-radius: 50px; }
/* ENTRY STEPS */
.entry-steps { display: grid; grid-template-columns: 1fr; gap: 12px; margin: 20px 0; }
.entry-step { background: var(–pink-pale); border: 1px solid var(–border); border-radius: 12px; padding: 18px 16px; display: flex; gap: 14px; align-items: flex-start; }
.es-num { display: flex; align-items: center; justify-content: center; min-width: 38px; height: 38px; background: var(–pink); color: #fff; font-weight: 800; font-size: 1.05rem; border-radius: 50%; flex-shrink: 0; }
.es-body strong { display: block; font-weight: 700; color: var(–text-dark); margin-bottom: 4px; }
.es-body span { color: var(–text-gray); font-size: 0.92rem; line-height: 1.5; }
/* BONUS BOX */
.bonus-box { background: linear-gradient(135deg, var(–gold-pale), #fff3cc); border: 2px solid var(–gold); border-radius: 12px; padding: 18px 16px; margin: 16px 0; }
.bonus-box .bb-label { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(–gold); margin-bottom: 8px; }
.bonus-box p { color: var(–text-gray); font-size: 0.92rem; margin-bottom: 0; }
.bonus-box strong { color: var(–text-dark); }
/* COPY BOX */
.copy-box { background: var(–white); border: 2px dashed var(–pink); border-radius: 10px; padding: 16px 18px; margin: 16px 0; position: relative; }
.copy-box .cb-label { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(–pink); margin-bottom: 8px; }
.copy-box .cb-text { font-size: 0.97rem; color: var(–text-dark); font-style: italic; line-height: 1.6; margin-bottom: 12px; }
.copy-btn { background: var(–pink); color: #fff; border: none; border-radius: 50px; padding: 8px 22px; font-size: 0.82rem; font-weight: 700; cursor: pointer; letter-spacing: 0.04em; }
.copy-btn:hover { background: var(–rose); }
/* DATA TABLE */
.data-table { width: 100%; border-collapse: collapse; margin: 16px 0; font-size: 0.92rem; }
.data-table th { background: var(–pink); color: #fff; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; padding: 11px 14px; text-align: left; font-size: 0.82rem; }
.data-table td { padding: 10px 14px; border-bottom: 1px solid var(–border); color: var(–text-gray); vertical-align: top; }
.data-table tr:nth-child(even) td { background: var(–pink-pale); }
.data-table td strong { color: var(–text-dark); }
/* TIMELINE */
.timeline { list-style: none; padding: 0; margin: 16px 0; }
.timeline li { display: flex; gap: 14px; margin-bottom: 14px; align-items: flex-start; }
.tl-dot { width: 13px; height: 13px; background: var(–pink); border-radius: 50%; margin-top: 6px; flex-shrink: 0; }
.tl-body strong { display: block; color: var(–text-dark); font-weight: 600; }
.tl-body span { color: var(–text-gray); font-size: 0.92rem; }
/* TIPS */
.tips-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 16px 0; }
.tip-card { background: var(–pink-pale); border: 1px solid var(–border); border-radius: 10px; padding: 16px 14px; }
.tip-card .tip-icon { font-size: 1.6rem; display: block; margin-bottom: 6px; }
.tip-card strong { display: block; font-weight: 700; color: var(–text-dark); margin-bottom: 4px; font-size: 0.93rem; }
.tip-card span { color: var(–text-gray); font-size: 0.88rem; }
/* FAQ */
.faq-item { border: 1px solid var(–border); border-radius: 8px; margin-bottom: 10px; overflow: hidden; }
.faq-q { width: 100%; background: var(–white); border: none; padding: 15px 18px; text-align: left; font-family: ‘Inter’, sans-serif; font-size: 0.97rem; font-weight: 600; color: var(–text-dark); cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.faq-q:hover { background: var(–pink-pale); }
.faq-arrow { font-size: 0.78rem; color: var(–pink); transition: transform 0.25s; flex-shrink: 0; }
.faq-item.open .faq-arrow { transform: rotate(180deg); }
.faq-a { display: none; padding: 0 18px 16px; color: var(–text-gray); font-size: 0.93rem; line-height: 1.8; border-top: 1px solid var(–border); background: var(–pink-pale); }
.faq-item.open .faq-a { display: block; }
/* RELATED */
.related-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 16px 0; }
.related-card { background: var(–white); border: 1px solid var(–border); border-radius: 8px; padding: 14px; text-decoration: none; color: var(–text-dark); transition: border-color 0.2s, transform 0.15s; display: block; }
.related-card:hover { border-color: var(–pink); transform: translateY(-2px); }
.related-card .rc-cat { font-size: 0.66rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(–pink); margin-bottom: 5px; }
.related-card .rc-title { font-size: 0.87rem; font-weight: 600; line-height: 1.35; color: var(–text-dark); }
/* ENTRY SECTION */
.entry-section { background: linear-gradient(135deg, #fff5f9 0%, #fce4ef 100%); border-top: 3px solid var(–pink); border-bottom: 3px solid var(–pink); padding: 44px 20px; text-align: center; margin: 8px 0; width: 100%; }
.entry-section h2 { font-family: ‘Playfair Display’, serif; font-size: 1.9rem; font-weight: 800; color: var(–text-dark); margin-bottom: 10px; }
.entry-section h2 span { color: var(–pink); }
.entry-section p { color: var(–text-gray); margin-bottom: 22px; max-width: 560px; margin-left: auto; margin-right: auto; }
/* FACT POPUPS */
.fact-popup { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10000; background: var(–white); border: 3px solid var(–pink); border-radius: 16px; padding: 24px 26px; max-width: 310px; width: 90%; text-align: center; box-shadow: 0 20px 60px rgba(0,0,0,0.22); font-family: ‘Inter’, sans-serif; font-size: 0.93rem; color: var(–text-dark); line-height: 1.6; }
.fact-icon { display: block; font-size: 2.2rem; margin-bottom: 10px; }
.fact-title { display: block; font-family: ‘Playfair Display’, serif; font-size: 1.15rem; font-weight: 700; color: var(–pink); margin-bottom: 8px; }
/* SKIP POPUP */
#skip-popup { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10001; background: var(–white); border: 3px solid var(–pink); border-radius: 18px; padding: 30px 26px; max-width: 330px; width: 90%; text-align: center; box-shadow: 0 24px 70px rgba(0,0,0,0.25); font-family: ‘Inter’, sans-serif; }
#skip-popup .skip-icon { font-size: 2.4rem; margin-bottom: 10px; display: block; }
#skip-popup h3 { font-family: ‘Playfair Display’, serif; font-size: 1.35rem; font-weight: 700; color: var(–pink); margin-bottom: 8px; }
#skip-popup p { color: var(–text-gray); font-size: 0.9rem; margin-bottom: 18px; }
.popup-btn-yes { display: block; width: 100%; background: var(–pink); color: #fff; font-family: ‘Inter’, sans-serif; font-size: 1rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.04em; padding: 13px; border-radius: 50px; border: none; cursor: pointer; margin-bottom: 10px; }
.popup-btn-yes:hover { background: var(–rose); }
.popup-btn-no { display: block; width: 100%; background: transparent; color: var(–text-gray); font-size: 0.88rem; padding: 10px; border-radius: 50px; border: 1px solid var(–border); cursor: pointer; }
.popup-btn-no:hover { background: var(–pink-pale); }
/* FOOTER */
footer { background: #fff5f9; border-top: 2px solid var(–border); padding: 32px 20px; text-align: center; color: var(–text-light); font-size: 0.78rem; line-height: 1.7; }
footer strong { color: var(–text-dark); }
@media (min-width: 640px) {
.content-wrap { padding: 0 20px 60px; }
section { border-radius: 12px; margin: 16px 0; border: 1px solid var(–border); }
.toc-box { border-radius: 10px; margin: 16px 0; }
.entry-section { border-radius: 14px; margin: 16px 0; border: 2px solid var(–pink); }
.tips-grid { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }
.related-grid { grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); }
.entry-steps { grid-template-columns: 1fr 1fr; }
}
/* === FREEBIEMOM FULL-WIDTH BREAKOUT === */
/* Force page to escape WordPress Soledad theme 640px content container */
.cs-entry__content-wrap,
.entry-content {
max-width: 100% !important;
width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
overflow: visible !important;
}
.cs-entry__content-wrap {
max-width: 100% !important;
}
/* Remove side padding from ALL theme containers */
.cs-container,
.cs-main-content,
.cs-content-area,
.cs-entry__container,
.cs-entry__wrap {
padding-left: 0 !important;
padding-right: 0 !important;
max-width: 100% !important;
}
Big Al’s Is Giving Away
100 FREE $100
Sephora Gift Cards!
To celebrate the launch of Big Al’s Sephora Beauty Bar, they’re giving away 100 Sephora gift cards worth $100 each — that’s $10,000 in beauty money! All you have to do is comment your holy-grail products on their Instagram post. No purchase necessary. Ends March 25, 2026!
What Is the Big Al’s Sephora Beauty Bar Giveaway?
Big Al’s — the popular restaurant and entertainment brand — just launched a Sephora Beauty Bar, and to celebrate they’re going big: giving away 100 Sephora gift cards worth $100 each to 100 lucky winners. That’s $10,000 in total Sephora shopping money!
Entry couldn’t be simpler. Head to their Instagram Reel, and comment your holy-grail beauty products in the comments. That’s it! No purchase, no form, no email signup — just drop your fave products in the comments and you’re in for a chance to win.
The giveaway ends March 25, 2026 at 11pm PT, so you don’t have much time. Winners will be randomly selected from all eligible comments.
“Comment your holy-grail products to enter for a chance to win a $100 Sephora gift card. 100 winners!” — Big Al’s Instagram
This giveaway is open to residents of 50 US states and DC, but New York (NY) and Florida (FL) residents are excluded and are NOT eligible to enter. If you live in NY or FL, you cannot participate in this giveaway.
The Prize
ARV: $100 per winner — $10,000 total
| Prize | Winners | Value Each | Total Value |
|---|---|---|---|
| $100 Sephora Gift Card | 100 | $100 | $10,000 |
How to Enter
Entry is done entirely on Instagram — no form, no email, no purchase. Here’s exactly what to do:
Tap the ENTER HERE button below to go directly to the Big Al’s Instagram Reel announcing the Sephora Beauty Bar giveaway.
While not explicitly required, following the account is always a good idea — it keeps you in the loop for winner announcements and future giveaways!
Drop a comment on the Reel listing your holy-grail beauty products. Be specific — mention brand names, product names, and why you love them. This is your entry!
100 winners will be randomly selected from all eligible comments after the giveaway closes on March 25, 2026 at 11pm PT. Winners will be notified via DM or post!
Who Can Enter
This giveaway explicitly excludes New York and Florida residents. If you live in NY or FL, you are not eligible to win. All other US states and DC are welcome!
| Requirement | Details |
|---|---|
| Residency | 50 US states and DC — excluding New York and Florida |
| Age | Must be 18 years of age or older |
| Purchase Required? | No — completely free to enter |
| Entry Method | Comment on the Big Al’s Instagram Reel |
| Sponsor | Unwell Partnerships, LLC |
| Official Rules | See link in Big Al’s Instagram bio |
| Instagram Affiliation | This promotion is NOT sponsored, endorsed, or associated with Instagram |
-
Giveaway OpensAlready live — enter now!
-
Giveaway Closes — March 25, 2026 at 11pm PTAll entries must be submitted by this time. Don’t wait!
-
Winners Selected100 winners randomly drawn from all eligible comments after the giveaway closes.
-
Winners NotifiedWinners will be contacted via Instagram DM or announced on the Big Al’s account. Check your DMs!
Tips to Win
Be Specific With Your Products!
Don’t just say “moisturizer” — name the brand and product. The more genuine and detailed your comment, the more it stands out. Think: Charlotte Tilbury, Drunk Elephant, Rare Beauty, etc.
NY and FL — You’re Out!
New York and Florida residents are explicitly excluded from this giveaway. If you’re in NY or FL, unfortunately you’re not eligible to win. All other states are welcome!
Watch for Winner DMs!
Winners are notified via Instagram DM. Make sure your DMs are open and check them after March 25. Beware of fake accounts — the real notification comes from the official @bigals account only!
Enter Before March 25 at 11pm PT!
The giveaway closes March 25, 2026 at 11pm Pacific Time. That’s 2am ET on March 26. Don’t wait — enter now while you’re thinking about it!
Make Sure Your Account Is Public!
If your Instagram account is set to private, your comment may not be visible or eligible. Consider making your account public before entering to ensure your entry counts.
Watch Out for Scams!
Only the official @bigals Instagram account will DM winners. If anyone else DMs you claiming you won and asking for personal info or payment, it’s a scam — report and block them!
Frequently Asked Questions
More Free Giveaways to Enter
Enter Now on Instagram!
Tap below to go to the Big Al’s Instagram Reel and drop your holy-grail beauty products in the comments. 100 winners each get a $100 Sephora gift card! Ends March 25, 2026 at 11pm PT. Free to enter. 18+. US only (excluding NY and FL).
COMMENT ON INSTAGRAM NOW 💐
100 Winners!
Big Al’s is giving away 100 Sephora gift cards worth $100 each — that’s $10,000 in total beauty prizes!
Ends March 25!
This giveaway closes on March 25, 2026 at 11pm PT. Enter now before it’s too late!
NY and FL Excluded!
New York and Florida residents are not eligible for this giveaway. All other US states and DC are welcome!
Check Your DMs!
Winners are notified via Instagram DM from the official @bigals account. Keep your DMs open after March 25!
Ready to Enter?
Jump to the entry section and comment your holy-grail products on Instagram for a chance to win a $100 Sephora gift card!
(function() {
// COUNTDOWN to March 25, 2026 11pm PT
var deadline = new Date(‘2026-03-25T23:00:00-07:00’).getTime();
function updateCountdown() {
var now = Date.now();
var diff = deadline – now;
if (diff 0 ? (scrollTop / docHeight) * 100 : 0;
var bar = document.getElementById(‘xp-bar’);
if (bar) bar.style.width = Math.min(pct, 100) + ‘%’;
});
// FAQ ACCORDION
document.querySelectorAll(‘.faq-q’).forEach(function(btn) {
btn.addEventListener(‘click’, function() {
var item = this.closest(‘.faq-item’);
if (!item) return;
var isOpen = item.classList.contains(‘open’);
document.querySelectorAll(‘.faq-item.open’).forEach(function(el) { el.classList.remove(‘open’); });
if (!isOpen) item.classList.add(‘open’);
});
});
// COPY COMMENT
window.copyComment = function() {
var text = document.getElementById(‘comment-text’);
if (text) {
navigator.clipboard.writeText(text.textContent.trim()).then(function() {
var btn = document.querySelector(‘.copy-btn’);
if (btn) { btn.textContent = ‘Copied!’; setTimeout(function() { btn.textContent = ‘Copy Example Comment’; }, 2000); }
});
}
};
// AUTO-SCROLL
var scrolling = false;
var scrollInterval = null;
var factTimers = [];
var skipShown = false;
var skipPopup = document.getElementById(‘skip-popup’);
function triggerFact(id) {
var el = document.getElementById(id);
if (el) {
el.style.display = ‘block’;
setTimeout(function() { el.style.display = ‘none’; }, 4500);
}
}
function startAutoScroll() {
if (scrolling) return;
scrolling = true;
scrollInterval = setInterval(function() {
var scrollTop = window.scrollY || document.documentElement.scrollTop;
var docHeight = document.documentElement.scrollHeight – window.innerHeight;
if (scrollTop >= docHeight – 10) { stopAutoScroll(); return; }
window.scrollBy(0, 5);
var pct = docHeight > 0 ? (scrollTop / docHeight) * 100 : 0;
if (!skipShown) {
if (pct >= 50) {
skipShown = true;
if (skipPopup) skipPopup.style.display = ‘block’;
}
}
}, 16);
factTimers.push(setTimeout(function() { triggerFact(‘fact1’); }, 6000));
factTimers.push(setTimeout(function() { triggerFact(‘fact2’); }, 16000));
factTimers.push(setTimeout(function() { triggerFact(‘fact3’); }, 28000));
factTimers.push(setTimeout(function() { triggerFact(‘fact4’); }, 40000));
}
function stopAutoScroll() {
scrolling = false;
if (scrollInterval) { clearInterval(scrollInterval); scrollInterval = null; }
factTimers.forEach(function(t) { clearTimeout(t); });
factTimers = [];
}
var startBtn = document.getElementById(‘scroll-start-btn’);
if (startBtn) {
startBtn.addEventListener(‘click’, function(e) {
e.preventDefault();
e.stopPropagation();
startAutoScroll();
});
}
var skipYes = document.getElementById(‘skip-yes’);
var skipNo = document.getElementById(‘skip-no’);
if (skipYes) {
skipYes.addEventListener(‘click’, function() {
stopAutoScroll();
if (skipPopup) skipPopup.style.display = ‘none’;
var section = document.getElementById(‘enter-now’);
if (section) section.scrollIntoView({ behavior: ‘smooth’, block: ‘start’ });
});
}
if (skipNo) {
skipNo.addEventListener(‘click’, function() {
if (skipPopup) skipPopup.style.display = ‘none’;
startAutoScroll();
});
}
document.addEventListener(‘click’, function(e) {
if (e.target.id === ‘scroll-start-btn’) return;
if (e.target.id === ‘skip-yes’) return;
if (e.target.id === ‘skip-no’) return;
if (e.target.closest(‘.cta-btn’)) return;
if (e.target.closest(‘.copy-btn’)) return;
if (skipPopup) { if (skipPopup.style.display === ‘block’) return; }
if (scrolling) stopAutoScroll();
});
})();
Helpful Freebie Mom Guides
Keep going