// pages-home.jsx — Home + Shop + Product pages const { useState: useStateHS, useEffect: useEffectHS, useMemo } = React; // ───────────────────────────────────────────────────────────────────────────── // HOME function HomePage({ navigate, addToCart }) { const featured = (window.PRODUCTS || []).slice(0, 4); const totalCount = (window.PRODUCTS || []).length; return (
{/* HERO — cinematic 3D scroll (human → DNA → peptide) */} {/* TRUST BAR */}
{/* FEATURED PRODUCTS */}
navigate("shop")}>View all {totalCount || ""} } />
{featured.map((p) => )}
{/* ABOUT TEASER */}
Genmax laboratory — researchers at work
About Genmax

Founded by researchers who needed peptides they could actually trust.

Genmax Laboratories produces and sources peptides exclusively for research and laboratory use. Every compound is HPLC-verified by an independent partner laboratory before it ever leaves our facility. No marketing claims. No medical promises. Just clean data, clean compounds, and transparent paperwork.

{/* PROCESS */}
{[ ["01", "Select", "Browse the catalog. Every product lists its purity, batch, and intended research use."], ["02", "Verify", "Download the third-party HPLC report and certificate of analysis for the exact batch you'll receive."], ["03", "Order", "Place your order through encrypted checkout. Lab credentials reviewed where required."], ["04", "Receive", "Cold-chain insulated shipment, 2-day worldwide. Tracking and batch documents emailed at dispatch."], ].map(([n, t, d]) => (
{n}

{t}

{d}

))}
{/* FAQ */}
{/* NEWSLETTER */}
); } // ───────────────────────────────────────────────────────────────────────────── // SHOP function ShopPage({ navigate }) { const all = window.PRODUCTS || []; const cats = ["All", ...Array.from(new Set(all.map((p) => p.category)))]; const [cat, setCat] = useStateHS("All"); const [sort, setSort] = useStateHS("featured"); const filtered = useMemo(() => { let r = cat === "All" ? all : all.filter((p) => p.category === cat); if (sort === "price-asc") r = [...r].sort((a, b) => a.price - b.price); if (sort === "price-desc") r = [...r].sort((a, b) => b.price - a.price); if (sort === "name") r = [...r].sort((a, b) => a.name.localeCompare(b.name)); return r; }, [cat, sort, all]); return (
Catalog

Shop · {filtered.length} products

Updated {new Date().toLocaleDateString("en-CA")}
{/* Filters */} {/* Grid */}
{filtered.map((p) => )}
); } // ───────────────────────────────────────────────────────────────────────────── // PRODUCT function ProductPage({ navigate, productId, addToCart }) { const all = window.PRODUCTS || []; if (all.length === 0) return null; const product = all.find((p) => p.id === productId) || all[0]; const [qty, setQty] = useStateHS(1); const [tab, setTab] = useStateHS("about"); const recs = all.filter((p) => p.id !== product.id).slice(0, 4); return (
{/* Breadcrumb */}
{ e.preventDefault(); navigate("home"); }} href="#" style={{ color: "inherit", textDecoration: "none" }}>Genmax {" / "} { e.preventDefault(); navigate("shop"); }} href="#" style={{ color: "inherit", textDecoration: "none" }}>Shop {" / "} {product.code} · {product.name}
{/* Hero */}
{product.code} {product.badge && {product.badge}}

{product.name}

{product.category}
${product.price}
per {product.dose} vial

{product.blurb} Sold strictly for laboratory and research use.

{/* Key specs */}
{[ ["Purity (HPLC)", product.purity], ["Form", product.form], ["Storage", product.storage], ["Grade", product.grade], ].map(([k, v], i, arr) => (
{k} {v}
))}
{/* Quantity + add */}
{qty}
{/* trust mini */}
◇ HPLC verified ◇ Cold-chain shipping ◇ COA included
{/* Tabs */}
{[ ["about", "About"], ["specs", "Specifications"], ["mechanism", "Mechanism"], ["docs", "Documentation"], ["ship", "Shipping & storage"], ].map(([k, l]) => ( ))}
{tab === "about" && (
{product.description ? ( product.description.split("\n\n").map((para, i) => (

{para}

)) ) : (

Detailed compound information available on the COA shipped with this product.

)} {product.researchAreas && product.researchAreas.length > 0 && (
Research areas
{product.researchAreas.map((area) => ( {area} ))}
)}
)} {tab === "specs" && (
Identification
{[ ["Compound", product.name], ["Scientific name", product.scientificName || "—"], ["CAS reference", product.cas || "[batch-specific]"], ["Sequence", product.sequence || "[available on COA]"], ["Molecular formula", product.formula || "—"], ["Molecular weight", product.mw ? `${product.mw} g/mol` : "[batch-specific]"], ].filter(([_, v]) => v && v !== "—").map(([k, v]) => (
{k}
{v}
))}
Quality
{[ ["Purity threshold", product.purity], ["Test method", "HPLC + MS"], ["Third-party lab", "Verified · ID on COA"], ["Endotoxin", "< 0.25 EU/mg"], ].map(([k, v]) => (
{k}
{v}
))}
)} {tab === "mechanism" && (
{product.mechanism ? (

{product.mechanism}

) : (

Mechanistic information for this compound is available in the linked published research. Consult primary literature for current mechanistic models.

)}
)} {tab === "docs" && (

The certificate of analysis (COA) for your batch is delivered with the shipment and available for download below. Each document includes the batch identifier, HPLC chromatogram, mass spectrometry confirmation, and signatures from both our facility and the verifying third-party laboratory.

)} {tab === "ship" && (

All peptides ship lyophilized in vacuum-sealed vials, packed in insulated cold-chain containers with phase-change cooling rated for 72 hours of transit. Once received, store unopened vials at the temperature listed in the specifications. After reconstitution, refer to compound-specific stability guidelines.

)}
{/* Recommendations */}
{recs.map((p) => )}
); } Object.assign(window, { HomePage, ShopPage, ProductPage });