);
}
/* Big segmented countdown -- D / H / M / S with flip animation */
function BigCountdown({ to }) {
const now = useNow(1000);
const p = diffParts(to - now);
const seg = (val, lbl) => (
);
}
/* ---------- How it works ---------- */
const STEPS = [
{ n: '01', t: 'Shop at SunFront', icon: 'receipt', d: 'Any purchase over MVR 1,000 qualifies. Save your receipt.' },
{ n: '02', t: 'Enter your bill', icon: 'message', d: 'Type your bill number and mobile. 30 seconds, done.' },
{ n: '03', t: 'Predict the Match', icon: 'target', d: 'Team A, Draw, or Team B. 104 matches to call.' },
{ n: '04', t: 'Enter the draw', icon: 'trophy', d: 'Correct pick = draw entry. More games, more chances.' },
];
function HowItWorks() {
return (
How it works
Four steps. Free entry.
No app. No signup. Just your SunFront receipt.
{STEPS.map(s => )}
);
}
function StepCard({ n, t, icon, d }) {
return (
{n}
{t}
{d}
);
}
/* ---------- FAQ ---------- */
const FAQS = [
{
q: 'Which receipts qualify?',
a: 'Any single SunFront purchase of MVR 1,000 or above. Bills under MVR 1,000 do not qualify. Receipts cannot be combined.',
},
{
q: 'How many predictions do I get per bill?',
a: 'One prediction per MVR 1,000 spent. A bill of MVR 3,000 gives you 3 predictions across any matches you choose.',
},
{
q: 'Can I predict the same match with multiple bills?',
a: 'Yes. If you have two qualifying bills, you can predict the same match twice -- one entry per bill.',
},
{
q: 'When does a prediction close?',
a: 'Exactly at kickoff. Once the match starts, your pick is locked. Submit before the whistle.',
},
{
q: 'How do I win a prize?',
a: 'Each correct prediction earns one draw entry. At the end of the campaign, winners are drawn and contacted on the mobile number you provided.',
},
{
q: 'What if I win -- how do I claim?',
a: 'We contact you on the mobile number from your original bill. You must present the physical bill or a clear photo of it to claim.',
},
{
q: 'Can I change my prediction after submitting?',
a: 'Yes, as long as the match has not started. Once kickoff happens, your pick is final.',
},
];
function FAQSection() {
const [open, setOpen] = React.useState(null);
return (
FAQ
Quick answers.
{FAQS.map(function(f, i) {
const isOpen = open === i;
const isLast = i === FAQS.length - 1;
return (
{isOpen && (
{f.a}
)}
);
})}
);
}
/* ---------- Rules ---------- */
const RULES = [
'Pick locks at kickoff. Submit before the whistle -- no changes after.',
'One bill, one pick per match. Got more receipts? More picks.',
'Name + mobile required. We contact you if you win.',
'Your details stay private. Stats are totals only -- never personal.',
];
function Rules() {
return (
The rules
Simple. Fair. Transparent.
{RULES.map((r, i) => )}
);
}
function RuleCard({ i, text }) {
return (
{String(i).padStart(2, '0')}
{text}
);
}
/* ---------- Big bottom CTA ---------- */
function BigCTA({ onCTA }) {
return (
{/* Dark vignette + campaign logo centred on white pill */}
{/* Grand prize teaser -- right after hero, clickable to predict */}
onCTA('predict')}
onKeyDown={(e) => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); onCTA('predict'); } }}
style={{
width: '100%', height: '100%',
objectFit: 'cover', objectPosition: 'center top',
display: 'block', cursor: 'pointer',
}}
/>