/* global React */
/* Comparison, How-it-works, Final CTA, Footer */
function Comparison() {
const cols = ["Adam Checks", "Googling it", "Checking manually"];
const rows = [
["Speed", ["Instant", "ok"], ["Minutes", "no"], ["Minutes", "no"]],
["Accuracy", ["Verified", "ok"], ["Unreliable", "no"], ["Accurate", "ok"]],
["Finds restaurants", ["✓", "yes"], ["✕", "x"], ["✕", "x"]],
["Compares prices", ["✓", "yes"], ["✕", "x"], ["✕", "x"]],
["Works on WhatsApp", ["✓", "yes"], ["✕", "x"], ["✕", "x"]],
["Free", ["✓", "yes"], ["✓", "yes"], ["✓", "yes"]],
];
function Cell({ val, kind, hero }) {
let color = "var(--ink)", weight = 700;
if (kind === "no") color = "var(--ink-faint)";
if (kind === "x") return ✕;
if (kind === "yes") return ✓;
if (kind === "ok") color = hero ? "var(--halal)" : "var(--ink)";
return {val};
}
return (
Why it’s different
Nothing else does all of this.
{cols.map((c, i) => (
{i === 0 && ★}{c}
))}
{rows.map((r, ri) => (
{r[0]}
{[1, 2, 3].map((ci) => (
))}
))}
);
}
function HowItWorks() {
const steps = [
{ n: "1", t: "Save the number", d: "Add 213-259-2977 to your contacts as “Adam Checks”.", icon: "📇" },
{ n: "2", t: "Text Adam", d: "Send a product name, a photo of the label, or a voice note.", icon: "💬" },
{ n: "3", t: "Get your answer", d: "A clear halal / haram verdict in seconds — with the proof.", icon: "✅" },
];
return (
How it works
Up and running in 30 seconds.
{steps.map((s, i) => (
{s.n}{s.icon}
{s.t}
{s.d}
))}
);
}
/* QR placeholder (simple deterministic blocks — not a scannable code) */
function QRPlaceholder({ size = 150 }) {
const cells = 11;
const seed = [0,1,1,0,1,0,1,1,0,1,0, 1,0,0,1,0,1,0,0,1,0,1, 1,1,0,1,1,0,1,0,1,1,0];
const grid = [];
for (let i = 0; i < cells * cells; i++) grid.push((seed[(i * 7 + (i % 5)) % seed.length] + (i % 3 === 0 ? 1 : 0)) % 2);
return (
{grid.map((v, i) => )}
);
}
function FinalCTA() {
return (
Try it right now
Ask Adam if your favourite snack is halal.
It’s free, it’s instant, it’s halal. Save the number and use it next time you’re at the store.