import { createFileRoute, Link } from '@tanstack/react-router'; import Breadcrumbs from "@/components/Breadcrumbs"; import { useMemo, useState } from 'react'; import { ExternalLink, FlaskConical, Shield, CheckCircle, Award, ArrowRight, Search, Sparkles, Scale, HeartPulse, TrendingUp, Calendar, ArrowUpDown } from 'lucide-react'; import { motion } from 'framer-motion'; import RelatedLinks from '@/components/RelatedLinks'; import { getRelatedLinks } from '@/lib/relatedLinks'; import { labTests, labCategoryLabels } from '@/data/labTests'; import { labResultText } from '@/data/labTests'; import { getLabtests, type LabTests } from '@/lib/content.functions'; import heroLab from '@/assets/hero-labtests.jpg'; import { useT, useLang, headLang, localizePath, SITE_URL, type T } from '@/lib/i18n'; import { tr } from '@/lib/kennisbank-i18n'; const CATEGORY_ICON: Record = { 'glp1-weight': Scale, 'healing-tissue': HeartPulse, 'growth-secretagogues': TrendingUp, 'other-peptides': Sparkles, }; function categoryDescription(t: T, c: string): string { switch (c) { case 'glp1-weight': return t('GLP-1 en amyline-analogen zoals retatrutide en tirzepatide', 'GLP-1 and amylin analogues such as retatrutide and tirzepatide'); case 'healing-tissue': return t('Peptiden voor herstel-onderzoek zoals BPC-157 en TB-500', 'Peptides for recovery research such as BPC-157 and TB-500'); case 'growth-secretagogues': return t('HGH en groeihormoon-secretagogen', 'HGH and growth hormone secretagogues'); case 'other-peptides': return t('Overige research-peptiden en hormonen', 'Other research peptides and hormones'); default: return c; } } /** Order used when the database has no categories yet. */ const CATEGORY_ORDER: string[] = ['glp1-weight', 'healing-tissue', 'growth-secretagogues', 'other-peptides']; const MONTHS_NL = ['januari','februari','maart','april','mei','juni','juli','augustus','september','oktober','november','december']; const MONTHS_EN = ['January','February','March','April','May','June','July','August','September','October','November','December']; type SortMode = 'newest' | 'oldest' | 'category' | 'name'; function monthKey(d: string): string { const [, month, year] = d.split('/'); return `${year}-${month}`; } function productBase(name: string): string { return name.replace(/\s*\(.*?\)\s*/g, '').replace(/\s+\d+(?:[.,]\d+)?\s*(mg|iu)\b.*$/i, '').trim(); } function monthLabel(key: string, lang: 'nl' | 'en'): string { const [year, month] = key.split('-'); const months = lang === 'en' ? MONTHS_EN : MONTHS_NL; return `${months[Number(month) - 1]} ${year}`; } function parseDate(d: string): number { const [day, month, year] = d.split('/').map(Number); return new Date(year, month - 1, day).getTime(); } export const Route = createFileRoute('/labtesten')({ // The reports are managed in the admin panel; the list in this codebase is the // fallback for an installation where nothing has been imported yet. loader: async () => ({ labtests: await getLabtests() }), head: (ctx) => { const lang = headLang(ctx); const path = localizePath('/labtesten', lang); const title = lang === 'en' ? 'Lab Tests — Independent Quality Control | Peptidewinkel' : 'Labtesten — Onafhankelijke Kwaliteitscontrole | Peptidewinkel'; const description = lang === 'en' ? 'View our independent lab results from Janoshik. All products are tested for purity, dosage and safety for your peace of mind.' : 'Bekijk onze onafhankelijke labresultaten van Janoshik. Alle producten worden getest op zuiverheid, dosering en veiligheid voor jouw zekerheid.'; const ogTitle = lang === 'en' ? 'Lab Tests — Peptidewinkel' : 'Labtesten — Peptidewinkel'; const ogDescription = lang === 'en' ? 'Independent analyses of purity and dosage.' : 'Onafhankelijke analyses op zuiverheid en dosering.'; return { meta: [ { title }, { name: 'description', content: description }, { property: 'og:title', content: ogTitle }, { property: 'og:description', content: ogDescription }, { property: 'og:url', content: `${SITE_URL}${path}` }, { property: 'og:type', content: 'website' }, ], links: [{ rel: 'canonical', href: `${SITE_URL}${path}` }], }; }, component: LabTestsPage, }); const fadeUp = { initial: { opacity: 0, y: 30 }, whileInView: { opacity: 1, y: 0 }, viewport: { once: true, margin: '-50px' }, }; function LabTestsPage() { const t = useT(); const lang = useLang(); const { labtests } = Route.useLoaderData(); return (
{t('HPLC
{t('Lab', 'Lab')}{t('testen', ' tests')} {t('Alle producten worden geproduceerd door Alpha BioPharma en getest door het externe laboratorium Janoshik Analytical. Elk rapport hieronder linkt naar het origineel op janoshik.com.', 'All products are manufactured by Alpha BioPharma and tested by the independent laboratory Janoshik Analytical. Each report below links to the original on janoshik.com.')}
{[ { icon: Shield, title: t('Extern lab', 'Independent lab'), desc: t('Getest door Janoshik Analytical — geen eigendom van de fabrikant of van Peptidewinkel.', 'Tested by Janoshik Analytical — not owned by the manufacturer or by Peptidewinkel.') }, { icon: CheckCircle, title: t('Datum per rapport', 'Date per report'), desc: t('Bij elk resultaat staat de testdatum, zodat je ziet hoe recent het is.', 'Each result shows the test date, so you can see how recent it is.') }, { icon: Award, title: t('Transparantie voorop', 'Transparency first'), desc: t('Elk testresultaat is publiek toegankelijk zodat je zelf kunt verifiëren wat je koopt.', 'Every test result is publicly accessible so you can verify yourself what you are buying.') }, ].map((item) => (

{item.title}

{item.desc}

))}

{t('Onze aanpak', 'Our approach')}

{t('Waarom wij testen', 'Why we test')}

{t('Wie produceert:', 'Who manufactures:')} {t('Alpha BioPharma, onze enige fabrikant. Peptidewinkel produceert zelf niet; wij kopen in, controleren de documentatie en verzenden.', 'Alpha BioPharma, our sole manufacturer. Peptidewinkel does not manufacture itself; we purchase, verify the documentation and ship.')}

{t('Wie test:', 'Who tests:')} {t('Janoshik Analytical, een extern analyselaboratorium. De opdracht en de monsters komen van Alpha BioPharma.', 'Janoshik Analytical, an independent analytical laboratory. The commission and the samples come from Alpha BioPharma.')}

{t('Wat "onafhankelijk" betekent:', 'What "independent" means:')} {t('het lab is geen eigendom van de fabrikant of van Peptidewinkel en publiceert het rapport zelf. Je kunt elk rapport op janoshik.com controleren via de link en de unieke code in de URL.', 'the lab is not owned by the manufacturer or by Peptidewinkel and publishes the report itself. You can verify every report on janoshik.com via the link and the unique code in the URL.')}

{t('Methode:', 'Method:')} {t('Janoshik meet zuiverheid met HPLC en, waar vermeld, het gehalte in mg of IU per flacon. De exacte methode en het monster staan in het originele rapport.', 'Janoshik measures purity with HPLC and, where stated, the content in mg or IU per vial. The exact method and sample are in the original report.')}

{t('Per resultaat tonen we:', 'Per result we show:')} {t('product, batch (als die in het rapport staat), testdatum, gemeten resultaat en de link naar het rapport. Niet elk product en niet elke batch is getest; staat een product hier niet, dan is er (nog) geen rapport.', 'product, batch (if stated in the report), test date, measured result and the link to the report. Not every product and not every batch has been tested; if a product does not appear here, no report exists (yet).')}

{t('Overtuigd van onze kwaliteit?', 'Convinced of our quality?')}

{t('Bekijk ons uitgebreide assortiment van lab-geteste producten.', 'Browse our extensive range of lab-tested products.')}

{t('Bekijk producten', 'View products')} {t('Vragen? Neem contact op', 'Questions? Get in touch')}
); } function LabResultsSection({ data }: { data: LabTests | null }) { const t = useT(); const lang = useLang(); // Reports, labels and categories come from the admin panel when it has them. const reports = data?.tests.length ? data.tests : labTests; const categoryLabels: Record = data?.categories.length ? Object.fromEntries(data.categories.map((c) => [c.slug, c.name])) : labCategoryLabels; const categoryOrder = data?.categories.length ? data.categories.map((c) => c.slug) : CATEGORY_ORDER; const labelFor = (slug: string): string => { const label = categoryLabels[slug]; return label ? tr(label, lang) : slug; }; const descriptionFor = (slug: string): string => { const fromPanel = data?.categories.find((c) => c.slug === slug)?.description; const text = fromPanel && (fromPanel.nl || fromPanel.en) ? tr(fromPanel, lang) : ''; return text !== '' ? text : categoryDescription(t, slug); }; const [query, setQuery] = useState(''); const [activeCategory, setActiveCategory] = useState('all'); const [month, setMonth] = useState('all'); const [sort, setSort] = useState('newest'); const [product, setProduct] = useState('all'); const productOptions = useMemo( () => Array.from(new Set(reports.map((t2) => productBase(t2.product)))).sort((a, b) => a.localeCompare(b, 'nl')), [reports], ); const monthOptions = useMemo( () => Array.from(new Set(reports.map((t2) => monthKey(t2.date)))).sort().reverse(), [reports], ); const categoryCounts = useMemo(() => { const counts: Record = { all: reports.length }; for (const c of categoryOrder) counts[c] = reports.filter((t2) => t2.category === c).length; return counts; }, [reports, categoryOrder]); const filtered = useMemo(() => { const q = query.trim().toLowerCase(); return reports .filter((t2) => (activeCategory === 'all' ? true : t2.category === activeCategory)) .filter((t2) => (!q ? true : t2.product.toLowerCase().includes(q) || t2.result.toLowerCase().includes(q) || t2.date.includes(q))) .filter((t2) => (month === 'all' ? true : monthKey(t2.date) === month)) .filter((t2) => (product === 'all' ? true : productBase(t2.product) === product)) .sort((a, b) => { if (sort === 'oldest') return parseDate(a.date) - parseDate(b.date); if (sort === 'name') return a.product.localeCompare(b.product, 'nl'); return parseDate(b.date) - parseDate(a.date); }); }, [reports, query, activeCategory, month, sort, product]); const grouped = useMemo(() => { const map = new Map(); for (const c of categoryOrder) map.set(c, []); for (const t2 of filtered) { const bucket = map.get(t2.category ?? ''); if (bucket) bucket.push(t2); } return map; }, [filtered, categoryOrder]); return (

{t('Resultaten', 'Results')}

{reports.length} {t('geteste producten', 'tested products')}

{t('Zoek op productnaam of datum, filter op product of maand, of rangschik per categorie.', 'Search by product name or date, filter by product or month, or sort by category.')}

setQuery(e.target.value)} placeholder={t('Zoek bv. retatrutide, hgh of 09/2026...', 'Search e.g. retatrutide, hgh or 09/2026...')} className="w-full pl-10 pr-4 py-2.5 text-sm bg-surface border border-border rounded-xl focus:outline-none focus:ring-2 focus:ring-primary/30 focus:border-primary transition" />
setActiveCategory('all')} label={t('Alle', 'All')} count={categoryCounts.all} /> {categoryOrder.map((c) => { const Icon = CATEGORY_ICON[c] ?? Sparkles; return ( setActiveCategory(c)} label={labelFor(c)} count={categoryCounts[c]} icon={} /> ); })}
{filtered.length === 0 ? (
{t('Geen resultaten gevonden voor je zoekopdracht.', 'No results found for your search.')}
) : (
{(sort === 'category' ? categoryOrder : [null]).map((cat) => { const items = cat ? grouped.get(cat) ?? [] : filtered; if (items.length === 0) return null; const Icon = cat ? CATEGORY_ICON[cat] ?? Sparkles : Sparkles; return (
{cat &&

{labelFor(cat)} ({items.length})

{descriptionFor(cat)}

}
{items.map((test, i) => (

{test.product}

{test.url !== '#' ? ( {t('Bekijk rapport', 'View report')} ) : ( {t('Beschikbaar', 'Available')} )} ))}
); })}
)}
); } function FilterChip({ active, onClick, label, count, icon }: { active: boolean; onClick: () => void; label: string; count: number; icon?: React.ReactNode }) { return ( ); }