);
}
/* Pointer drag-to-scroll for the slider; suppresses the click that ends a drag. */
function useDragScroll() {
const ref = React.useRef(null);
React.useEffect(() => {
const el = ref.current; if (!el) return;
let down = false, sx = 0, sl = 0, moved = false;
const onDown = e => { down = true; moved = false; sx = e.pageX; sl = el.scrollLeft; };
const onMove = e => { if (!down) return; const dx = e.pageX - sx; if (Math.abs(dx) > 4) moved = true; el.scrollLeft = sl - dx; };
const onUp = () => { down = false; };
const onClick = e => { if (moved) { e.preventDefault(); e.stopPropagation(); } };
el.addEventListener('pointerdown', onDown);
window.addEventListener('pointermove', onMove, { passive: true });
window.addEventListener('pointerup', onUp, { passive: true });
el.addEventListener('click', onClick, true);
return () => {
el.removeEventListener('pointerdown', onDown);
window.removeEventListener('pointermove', onMove);
window.removeEventListener('pointerup', onUp);
el.removeEventListener('click', onClick, true);
};
}, []);
return ref;
}
function ArrowBtn({ dir, onClick }) {
const [h, setH] = React.useState(false);
return (
);
}
/* Social-proof band that lives at the foot of the hero: header, stat cards,
and a horizontally scrollable testimonial slider. */
function Reviews() {
const scroller = useDragScroll();
const nudge = dir => {
const el = scroller.current; if (!el) return;
const card = el.querySelector('[data-review-card]');
const amt = card ? card.getBoundingClientRect().width + 16 : 356;
el.scrollBy({ left: dir * amt, behavior: 'smooth' });
};
const reviews = [
['Samuel Porterfield', 'SP', '#97CDFF', 'SnewJ is the man when it comes to picking winners.'],
['T. Flem', 'TF', '#bfe0ff', 'Great way to build your bankroll. Simple straight plays that deliver.'],
['Dervarick Tyson', 'DT', '#9fc3e8', 'Consistency is key. Straight plays are fire.'],
["J's StraightPlays", 'JS', '#cdd7e2', 'Picks working here.'],
['Novacito23', 'NV', '#97CDFF', 'They do hit.'],
['HuyT', 'HY', '#bfe0ff', 'The best.'],
];
return (
Reviews
What members are saying.
{reviews.map(([n, ini, t, q]) => )}
nudge(-1)} />
nudge(1)} />
);
}
/* ===================================================================== HERO */
/* Hero VSL — Vimeo-hosted embed in a 16:9 frame with the brand glow border. */
function HeroVideo() {
return (
);
}
function Hero() {
return (
AI finds the trades. You collect.
Our AI runs the numbers on Polymarket around the clock — the one market where the odds aren't stacked against you. The second it finds a trade worth taking, you get a ping. Place it in 60 seconds, then collect.. That's the whole system.
}>
{/* Hero video with flanking graphics — composed at 1440px / 16:9.
Side images are flush (0px) against the video and scale as a % of its width. */}
);
}
/* ===================================================================== DEMO */
function Demo() {
const captions = [
['radar', 'What the bot scans', 'Polymarket prices vs sharp Vegas lines, side by side.'],
['bell', 'What the alert looks like', 'One clean Discord ping with price, fair value, and edge.'],
['mouse-pointer-click', 'How you act', 'Open Polymarket, buy YES or NO at the suggested price.'],
];
return (
See the machine, the signal, the trade.
DEMO · 2:04
{captions.map(([ic, t, d]) => (
{t}
{d}
))}
);
}
/* ================================================================== PROCESS */
/* Dot indicators for a horizontal mobile slider. Tracks the nearest-centered
child of `scrollerRef` and scrolls to a card when a dot is tapped. Hidden on
desktop via the `mobile-dots` class (CSS media query). */
function SliderDots({ scrollerRef, count }) {
const [active, setActive] = React.useState(0);
React.useEffect(() => {
const el = scrollerRef.current; if (!el) return;
const onScroll = () => {
const center = el.scrollLeft + el.clientWidth / 2;
let best = 0, bestDist = Infinity;
Array.from(el.children).forEach((c, i) => {
const cc = c.offsetLeft + c.offsetWidth / 2;
const d = Math.abs(cc - center);
if (d < bestDist) { bestDist = d; best = i; }
});
setActive(best);
};
el.addEventListener('scroll', onScroll, { passive: true });
onScroll();
return () => el.removeEventListener('scroll', onScroll);
}, []);
const go = i => {
const el = scrollerRef.current; if (!el) return;
const child = el.children[i]; if (!child) return;
el.scrollTo({ left: child.offsetLeft - (el.clientWidth - child.offsetWidth) / 2, behavior: 'smooth' });
};
return (
{Array.from({ length: count }).map((_, i) => (
);
}
/* One "how it works" step: numbered badge, tinted media well, hover lift. */
function StepCard({ n, img, quote, title, body }) {
const [hover, setHover] = React.useState(false);
return (
);
}
function Process() {
const procRef = React.useRef(null);
const steps = [
['uploads/process-1.png', '"I watch Polymarket 24/7."', 'Bot finds edge.', 'Our algorithm cross-references every contract against sharp Vegas lines. When it spots a mispricing, it flags it instantly.'],
['uploads/process-2.png', '"One notification."', 'Get a ping.', 'Contract name, direction (YES or NO), suggested entry price, confidence level. Keep notifications on.'],
['uploads/process-3.png', '"Open Polymarket. Trade."', 'Place a trade.', 'The signal tells you exactly what to buy and at what price. You just show up and click.'],
['uploads/process-4.png', '"You got in before everyone."', 'Grow bankroll.', 'As the price moves toward fair value, your position gains. When the event resolves, you collect.'],
];
return (
Four step process.
You don't need to understand how the scanner works. You just need to follow the signal.
Start free. Upgrade when you want faster alerts, custom filters, and direct access to the team.
Billing handled through Whop · Cancel anytime · Signals only, you trade
setCheckout(null)} />
);
}
/* ====================================================================== FAQ */
function FaqChatRow({ q, a, open, onToggle }) {
const [hover, setHover] = React.useState(false);
const bubbleBg = open ? 'rgba(143,201,255,0.18)' : (hover ? 'rgba(143,201,255,0.10)' : 'rgba(255,255,255,0.06)');
return (
{a}
);
}
function Faq() {
const items = [
['Why is it free?', 'The free tier is funded by our Polymarket affiliate deal — we make money when you sign up and deposit, so basic signals cost you nothing.'],
['Is this a bot that trades for me?', 'No. Sharpline sends signals. You place every trade manually on Polymarket — you stay in full control of your money.'],
['What is the difference between the plans?', 'Speed, filters, access, and signal quality. Higher tiers get faster alerts, custom filters, and direct contact with the team.'],
['Can I cancel?', 'Yes. Billing and cancellation are managed through Whop — cancel anytime, no lock-in.'],
['What sports does it cover?', 'NBA, MLB, NFL, UFC, soccer, and player props — with more markets added over time.'],
['Is this legal?', 'It depends on your area. Check whether Polymarket is allowed where you live before signing up.'],
];
const [open, setOpen] = React.useState(0);
return (
