{"id":250832,"date":"2026-03-14T06:50:10","date_gmt":"2026-03-14T06:50:10","guid":{"rendered":"https:\/\/triplepsupplements.be\/?page_id=250832"},"modified":"2026-07-29T11:14:53","modified_gmt":"2026-07-29T11:14:53","slug":"home","status":"publish","type":"page","link":"https:\/\/triplepsupplements.be\/fr\/","title":{"rendered":"TripleP Supplements"},"content":{"rendered":"\n
\n\n \n TripleP | Pro-Level Electrolytes<\/title>\n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n \n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n brand: {\n green: '#97d700', \/* Neon green *\/\n dark: '#1d1d1f', \/* Apple dark gray\/black *\/\n gray: '#86868b', \/* Apple medium gray *\/\n light: '#f5f5f7' \/* Apple light gray background *\/\n }\n },\n fontFamily: {\n sans: ['Inter', 'sans-serif'],\n },\n letterSpacing: {\n tighter: '-.04em',\n tight: '-.02em',\n }\n }\n }\n }\n <\/script>\n <style>\n \/* --- FIX VOOR DE WITTE RANDEN AAN DE ZIJKANT --- *\/\n .entry-content > .wp-block-group {\n padding: 0 !important;\n }\n\n \/* Smooth scrolling fix voor WordPress *\/\n html { scroll-behavior: smooth; }\n\n \/* Fade-up animaties voor een premium feel *\/\n .reveal {\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);\n }\n .reveal.active {\n opacity: 1;\n transform: translateY(0);\n }\n \n \/* Hide scrollbar *\/\n ::-webkit-scrollbar { width: 8px; }\n ::-webkit-scrollbar-track { background: #f5f5f7; }\n ::-webkit-scrollbar-thumb { background: #d1d1d6; border-radius: 4px; }\n \n \/* Verberg standaard details marker voor accordions *\/\n details > summary::-webkit-details-marker { display: none; }\n\n \/* --- FIX VOOR WORDPRESS ASTRA --- *\/\n a.bg-brand-dark:hover { color: #ffffff !important; }\n a.bg-brand-green:hover { color: #1d1d1f !important; }\n\n \/* --- UX Fix: Animaties alleen voor apparaten met een muis (Hover) --- *\/\n @media (hover: hover) and (pointer: fine) {\n \/* Diepte\/Perspectief Effect Hero *\/\n .perspective-item {\n transition: all 0.9s cubic-bezier(0.25, 1, 0.5, 1);\n transform-origin: center;\n }\n .group:hover .perspective-far-left { transform: translateX(-180px) scale(0.7); opacity: 0.3; filter: blur(3px); }\n .group:hover .perspective-left { transform: translateX(-90px) scale(0.85); opacity: 0.6; filter: blur(1.5px); }\n .group:hover .perspective-right { transform: translateX(90px) scale(0.85); opacity: 0.6; filter: blur(1.5px); }\n .group:hover .perspective-far-right { transform: translateX(180px) scale(0.7); opacity: 0.3; filter: blur(3px); }\n .group:hover .perspective-center { transform: scale(1.05); }\n\n \/* Zweef effect voor pakketten (2 gekruiste tubes) *\/\n .focus-bundle-hover img {\n transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n }\n .focus-bundle-hover:hover img:first-of-type {\n transform: translateY(-12px) rotate(-16deg) translateX(-6px) scale(1.03);\n }\n .focus-bundle-hover:hover img:last-of-type {\n transform: translateY(-12px) rotate(16deg) translateX(6px) scale(1.03);\n }\n }\n\n \/* --- Automatische intro voor de hero ---\n Gebruikt EXACT dezelfde transition + eindwaarden als het hover-effect,\n maar wordt bij het laden getriggerd via de klasse .hero-autoplay (JS).\n Zo is de beweging identiek aan het rollover-effect. *\/\n @media (min-width: 768px) {\n .perspective-item {\n transition: all 0.9s cubic-bezier(0.25, 1, 0.5, 1);\n transform-origin: center;\n }\n .hero-autoplay .perspective-far-left { transform: translateX(-180px) scale(0.7); opacity: 0.3; filter: blur(3px); }\n .hero-autoplay .perspective-left { transform: translateX(-90px) scale(0.85); opacity: 0.6; filter: blur(1.5px); }\n .hero-autoplay .perspective-right { transform: translateX(90px) scale(0.85); opacity: 0.6; filter: blur(1.5px); }\n .hero-autoplay .perspective-far-right { transform: translateX(180px) scale(0.7); opacity: 0.3; filter: blur(3px); }\n .hero-autoplay .perspective-center { transform: scale(1.05); }\n }\n\n \/* Respecteer 'minder beweging': geen animatie, meteen de eindstand *\/\n @media (prefers-reduced-motion: reduce) {\n .perspective-item { transition: none !important; }\n }\n\n \/* Marquee Animation voor de Reviews *\/\n @keyframes scroll {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n .animate-scroll {\n animation: scroll 40s linear infinite;\n width: max-content;\n }\n <\/style>\n\n\n\n\n<main class=\"alignfull flex-grow pb-28 md:pb-0\">\n \n <section id=\"overzicht\" class=\"relative min-h-[90vh] flex flex-col items-center justify-center pt-10 md:pt-20 overflow-hidden bg-brand-light\">\n <div class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-[60vw] h-[60vw] bg-brand-green\/10 blur-[100px] rounded-full pointer-events-none\"><\/div>\n \n <div class=\"relative z-10 text-center px-4 max-w-4xl mx-auto w-full reveal\">\n <h1 class=\"text-6xl md:text-8xl lg:text-[120px] font-bold tracking-tighter leading-none mb-6 text-brand-dark\">\n Hydratatie die werkt.<br>Elke dag.\n <\/h1>\n <p class=\"text-xl md:text-3xl text-brand-gray font-medium tracking-tight mb-10 max-w-2xl mx-auto\">\n Mineralen die je lichaam verliest. Fruitige smaken die je water upgraden. Een tablet die oplost in je fles.\n <\/p>\n \n <div class=\"flex flex-col sm:flex-row justify-center items-center gap-6\">\n <a href=\"\/store\/\" class=\"bg-brand-green text-brand-dark font-bold py-4 px-12 rounded-full hover:bg-[#8ac208] hover:scale-105 transition-all duration-300 shadow-[0_10px_30px_rgba(151,215,0,0.3)] w-full sm:w-auto text-base tracking-wide\">\n Bestel direct\n <\/a>\n <a href=\"\/verkooppunten\/\" class=\"text-brand-dark hover:text-brand-green font-semibold underline underline-offset-8 transition-colors duration-300 w-full sm:w-auto text-sm\">\n Vind een verkooppunt\n <\/a>\n <\/div>\n <\/div>\n\n <!-- MOBIELE WEERGAVE: 3 buisjes netjes naast elkaar (Verbergt op desktop) -->\n <div class=\"relative z-20 w-full flex md:hidden justify-center items-end gap-3 px-4 mt-12 mb-8 reveal\" style=\"transition-delay: 0.2s;\">\n <img decoding=\"async\" src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2026\/03\/Effervescent_Tablets_bosbessen.png\" alt=\"Bosbessen\" class=\"w-[30%] max-w-[120px] object-contain drop-shadow-md\">\n <img decoding=\"async\" src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2026\/03\/Effervescent_Tablets_meloen.png\" alt=\"Meloen\" class=\"w-[35%] max-w-[140px] object-contain drop-shadow-xl z-10 relative\">\n <img decoding=\"async\" src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2026\/03\/Effervescent_Tablets_citroen.png\" alt=\"Citroen\" class=\"w-[30%] max-w-[120px] object-contain drop-shadow-md\">\n <\/div>\n\n <!-- DESKTOP WEERGAVE: Perspectief effect (Verbergt op mobiel) -->\n <div id=\"hero-tubes\" class=\"relative z-20 w-full hidden md:flex justify-center px-8 mt-16 mb-20 reveal group cursor-pointer\" style=\"transition-delay: 0.2s;\">\n <div class=\"relative h-[50vh] flex justify-center items-center\">\n <img decoding=\"async\" src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2026\/03\/Effervescent_Tablets_bosbessen.png\" alt=\"Bosbessen\" class=\"perspective-item perspective-far-left absolute inset-0 w-full h-full object-contain opacity-0 z-0 pointer-events-none drop-shadow-sm\">\n <img decoding=\"async\" src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2026\/03\/Effervescent_Tablets_bosbessen.png\" alt=\"Bosbessen\" class=\"perspective-item perspective-far-right absolute inset-0 w-full h-full object-contain opacity-0 z-0 pointer-events-none drop-shadow-sm\">\n \n <img decoding=\"async\" src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2026\/03\/Effervescent_Tablets_citroen.png\" alt=\"Citroen\" class=\"perspective-item perspective-left absolute inset-0 w-full h-full object-contain opacity-0 z-10 pointer-events-none drop-shadow-md\">\n <img decoding=\"async\" src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2026\/03\/Effervescent_Tablets_citroen.png\" alt=\"Citroen\" class=\"perspective-item perspective-right absolute inset-0 w-full h-full object-contain opacity-0 z-10 pointer-events-none drop-shadow-md\">\n \n <img decoding=\"async\" src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2026\/03\/Effervescent_Tablets_meloen.png\" alt=\"TripleP Meloen\" class=\"perspective-item perspective-center relative z-20 h-full w-auto object-contain drop-shadow-[0_30px_60px_rgba(0,0,0,0.15)]\">\n <\/div>\n <\/div>\n <\/section>\n\n <div class=\"bg-white border-b border-gray-200 py-4 hidden md:block reveal\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"flex justify-center gap-8 md:gap-12 text-sm font-medium text-brand-gray flex-wrap\">\n <span class=\"flex items-center gap-2\"><i data-lucide=\"coins\" class=\"w-4 h-4 text-brand-green\"><\/i> \u20ac0,50 per dosis \u2014 je water hoeft niet duur te zijn<\/span>\n <span class=\"flex items-center gap-2\"><i data-lucide=\"leaf\" class=\"w-4 h-4 text-brand-green\"><\/i> Geen sorbitol \u2014 beter verdraagbaar, ook tijdens inspanning<\/span>\n <span class=\"flex items-center gap-2\"><i data-lucide=\"palette\" class=\"w-4 h-4 text-brand-green\"><\/i> Geen kunstmatige kleurstoffen \u2014 rode biet, anthocyaninen & vitamine B2<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <section class=\"bg-white text-brand-dark py-32 px-6\">\n <div class=\"max-w-4xl mx-auto text-center reveal\">\n <h2 class=\"text-4xl md:text-6xl font-bold tracking-tighter mb-8 leading-tight\">\n Wat zijn elektrolyten eigenlijk?\n <\/h2>\n <p class=\"text-xl md:text-2xl text-brand-gray font-medium leading-relaxed max-w-3xl mx-auto\">\n Je lichaam bestaat voor 60% uit water. Maar water alleen is niet genoeg \u2014 je hebt mineralen nodig om dat water ook \u00e9cht op te nemen. Die mineralen noemen we elektrolyten. Je verliest ze elke dag: tijdens het sporten, op het werk, zelfs tijdens je slaap. TripleP vult ze aan. E\u00e9n tablet in je fles. Simpel.\n <\/p>\n <\/div>\n <\/section>\n\n <section id=\"voordelen\" class=\"bg-brand-light py-20 md:py-32 px-4 sm:px-6 lg:px-8\">\n <div class=\"max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-3 gap-6\">\n \n <!-- Bento Box 1: Natrium -->\n <div class=\"md:col-span-2 bg-white rounded-[2.5rem] p-10 md:p-14 flex flex-col justify-center overflow-hidden relative shadow-[0_4px_24px_rgba(0,0,0,0.03)] reveal border border-gray-100\">\n <div class=\"absolute -right-4 -top-8 text-[180px] font-black text-brand-light opacity-60 z-0 select-none\">Na<\/div>\n <div class=\"relative z-10 w-full md:w-3\/4\">\n <div class=\"w-14 h-14 rounded-2xl bg-brand-light flex items-center justify-center text-xl font-bold text-brand-green shadow-sm mb-6 border border-gray-100\">Na<\/div>\n <h3 class=\"text-3xl md:text-5xl font-bold tracking-tight mb-4 text-brand-dark\">Natrium<\/h3>\n <p class=\"text-lg text-brand-gray font-medium leading-relaxed\">Regelt de vochtbalans in je lichaam. De belangrijkste elektrolyt die je verliest bij zweten.<\/p>\n <\/div>\n <\/div>\n\n <!-- Bento Box 2: Kalium -->\n <div class=\"bg-white rounded-[2.5rem] p-10 flex flex-col justify-between overflow-hidden relative shadow-[0_4px_24px_rgba(0,0,0,0.03)] reveal border border-gray-100\" style=\"transition-delay: 0.1s;\">\n <div class=\"absolute -right-2 -top-4 text-[120px] font-black text-brand-light opacity-60 z-0 select-none\">K<\/div>\n <div class=\"relative z-10\">\n <div class=\"w-14 h-14 rounded-2xl bg-brand-light flex items-center justify-center text-xl font-bold text-brand-green shadow-sm mb-6 border border-gray-100\">K<\/div>\n <h3 class=\"text-2xl font-bold tracking-tight mb-2 text-brand-dark\">Kalium<\/h3>\n <p class=\"text-brand-gray font-medium\">Draagt bij tot een normale werking van je spieren. Essentieel na inspanning.<\/p>\n <\/div>\n <\/div>\n\n <!-- Bento Box 3: Magnesium -->\n <div class=\"bg-white rounded-[2.5rem] p-10 flex flex-col justify-between overflow-hidden relative shadow-[0_4px_24px_rgba(0,0,0,0.03)] reveal border border-gray-100\" style=\"transition-delay: 0.2s;\">\n <div class=\"absolute -right-2 -top-4 text-[120px] font-black text-brand-light opacity-60 z-0 select-none\">Mg<\/div>\n <div class=\"relative z-10\">\n <div class=\"w-14 h-14 rounded-2xl bg-brand-light flex items-center justify-center text-xl font-bold text-brand-green shadow-sm mb-6 border border-gray-100\">Mg<\/div>\n <h3 class=\"text-2xl font-bold tracking-tight mb-2 text-brand-dark\">Magnesium<\/h3>\n <p class=\"text-brand-gray font-medium\">Draagt bij tot het verminderen van vermoeidheid. Voor lichaam \u00e9n geest.<\/p>\n <\/div>\n <\/div>\n\n <!-- Bento Box 4: Calcium -->\n <div class=\"md:col-span-2 bg-white rounded-[2.5rem] p-10 md:p-14 flex items-center shadow-[0_4px_24px_rgba(0,0,0,0.03)] reveal border border-gray-100 relative overflow-hidden\" style=\"transition-delay: 0.3s;\">\n <div class=\"absolute right-0 bottom-0 text-[180px] font-black text-brand-light opacity-60 z-0 select-none leading-none transform translate-y-1\/4\">Ca<\/div>\n <div class=\"relative z-10 flex-1\">\n <div class=\"w-14 h-14 rounded-2xl bg-brand-light flex items-center justify-center text-xl font-bold text-brand-green shadow-sm mb-6 border border-gray-100\">Ca<\/div>\n <h3 class=\"text-3xl md:text-5xl font-bold tracking-tight mb-4 text-brand-dark\">Calcium<\/h3>\n <p class=\"text-lg text-brand-gray font-medium leading-relaxed\">Ondersteunt de normale werking van spijsverteringsenzymen. Meer dan alleen botten.<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n <section class=\"bg-white py-32 px-6 border-y border-gray-100 relative overflow-hidden\">\n <div class=\"absolute top-0 right-0 w-[800px] h-[800px] bg-brand-green\/5 rounded-full blur-[120px] -translate-y-1\/2 translate-x-1\/3 pointer-events-none\"><\/div>\n\n <div class=\"max-w-4xl mx-auto relative z-10 text-center reveal\">\n <p class=\"text-sm font-bold tracking-[0.2em] text-gray-400 uppercase mb-4\">Pure Transparantie<\/p>\n <h2 class=\"text-4xl md:text-5xl lg:text-6xl font-bold tracking-tighter text-brand-dark mb-10\">Geen kunstmatige kleurstoffen.<\/h2>\n <p class=\"text-xl md:text-2xl text-brand-gray font-medium leading-relaxed mb-12\">\n Geen kunstmatige kleurstoffen. We kleuren met rode biet, anthocyaninen uit blauwe vruchten, en vitamine B2 \u2014 die laatste levert ook nog eens \u00b171% van je dagelijkse behoefte per tablet. Geen aspartaam. Geen sorbitol. Geen bewaarmiddelen. 0 van de 14 erkende allergenen. Gewoon wat je lichaam nodig heeft. Niets wat het niet nodig heeft.\n <\/p>\n \n <div class=\"flex flex-wrap justify-center items-center gap-4 md:gap-8 text-brand-dark font-semibold text-base md:text-lg bg-brand-light py-6 px-8 rounded-[2rem] border border-gray-100 w-max mx-auto max-w-full\">\n <span class=\"flex items-center gap-2 whitespace-nowrap\"><i data-lucide=\"scale\" class=\"w-5 h-5 text-brand-green\"><\/i> 4g per tablet<\/span>\n <span class=\"hidden md:block text-gray-300\">|<\/span>\n <span class=\"flex items-center gap-2 whitespace-nowrap\"><i data-lucide=\"flame\" class=\"w-5 h-5 text-brand-green\"><\/i> \u00b18,2 kcal<\/span>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"smaken\" class=\"bg-brand-light text-brand-dark py-24 pb-32 border-b border-gray-200\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\n <h2 class=\"text-5xl font-bold tracking-tighter mb-20 reveal\">Kies je flow.<\/h2>\n \n <div class=\"flex flex-col md:flex-row justify-center items-end gap-10 lg:gap-16\">\n \n <div class=\"flex flex-col items-center reveal focus-bundle-hover w-full md:w-1\/3 max-w-[300px] mx-auto\">\n <div class=\"relative w-[220px] h-[340px] mb-6 flex justify-center items-center\">\n <div class=\"absolute bottom-0 w-full h-[320px] bg-white rounded-[2rem] shadow-sm border border-gray-100 transition-shadow duration-300 group-hover:shadow-md\"><\/div>\n <img decoding=\"async\" src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2026\/03\/Effervescent_Tablets_meloen.png\" alt=\"Watermeloen\" class=\"absolute h-[380px] w-auto object-contain drop-shadow-2xl z-10 -rotate-[12deg] -translate-x-4\">\n <img decoding=\"async\" src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2026\/03\/Effervescent_Tablets_meloen.png\" alt=\"Watermeloen\" class=\"absolute h-[380px] w-auto object-contain drop-shadow-2xl z-20 rotate-[12deg] translate-x-4\">\n <\/div>\n \n <h3 class=\"text-2xl font-bold tracking-tight mb-1\">Watermeloen<\/h3>\n <p class=\"text-brand-gray text-sm mb-4\">Zoet, fruitig<\/p>\n \n <div class=\"flex items-center justify-center gap-1 mb-2 text-brand-dark\">\n <span class=\"text-lg font-bold\">\u20ac 9,95<\/span>\n <span class=\"text-xs font-medium text-gray-400\">per stuk<\/span>\n <\/div>\n\n <div class=\"flex items-center justify-center gap-1 mb-6 text-[10px] font-semibold text-brand-dark\">\n <div class=\"flex text-brand-green\">\n <i data-lucide=\"star\" class=\"w-3 h-3 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-3 h-3 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-3 h-3 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-3 h-3 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-3 h-3 fill-current\"><\/i>\n <\/div>\n <span class=\"ml-1 opacity-70\">4.9\/5<\/span>\n <\/div>\n\n <a href=\"https:\/\/triplepsupplements.be\/product\/watermeloen-electrolyte-tabs\/\" class=\"inline-flex items-center justify-center gap-2 bg-brand-dark text-white text-sm font-semibold px-8 py-3.5 rounded-full hover:opacity-80 transition-opacity duration-300 w-full max-w-[240px]\">\n <i data-lucide=\"shopping-cart\" class=\"w-4 h-4\"><\/i> Bestel\n <\/a>\n <\/div>\n\n <div class=\"flex flex-col items-center reveal focus-bundle-hover w-full md:w-1\/3 max-w-[300px] mx-auto mt-12 md:mt-0 relative\" style=\"transition-delay: 0.1s;\">\n <div class=\"relative w-[220px] h-[340px] mb-6 flex justify-center items-center\">\n <div class=\"absolute bottom-0 w-full h-[320px] bg-white rounded-[2rem] shadow-sm border border-gray-100 transition-shadow duration-300 group-hover:shadow-md\"><\/div>\n <img decoding=\"async\" src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2026\/03\/Effervescent_Tablets_bosbessen.png\" alt=\"Blauwe Bes\" class=\"absolute h-[380px] w-auto object-contain drop-shadow-2xl z-10 -rotate-[12deg] -translate-x-4\">\n <img decoding=\"async\" src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2026\/03\/Effervescent_Tablets_bosbessen.png\" alt=\"Blauwe Bes\" class=\"absolute h-[380px] w-auto object-contain drop-shadow-2xl z-20 rotate-[12deg] translate-x-4\">\n <\/div>\n \n <h3 class=\"text-2xl font-bold tracking-tight mb-1\">Blauwe Bes<\/h3>\n <p class=\"text-brand-gray text-sm mb-4\">Fris, krachtig<\/p>\n\n <div class=\"flex items-center justify-center gap-1 mb-2 text-brand-dark\">\n <span class=\"text-lg font-bold\">\u20ac 9,95<\/span>\n <span class=\"text-xs font-medium text-gray-400\">per stuk<\/span>\n <\/div>\n\n <div class=\"flex items-center justify-center gap-1 mb-6 text-[10px] font-semibold text-brand-dark\">\n <div class=\"flex text-brand-green\">\n <i data-lucide=\"star\" class=\"w-3 h-3 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-3 h-3 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-3 h-3 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-3 h-3 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-3 h-3 fill-current\"><\/i>\n <\/div>\n <span class=\"ml-1 opacity-70\">4.9\/5<\/span>\n <\/div>\n\n <a href=\"https:\/\/triplepsupplements.be\/product\/blauwe-bes-electrolyte-tabs\/\" class=\"inline-flex items-center justify-center gap-2 bg-brand-dark text-white text-sm font-semibold px-8 py-3.5 rounded-full hover:opacity-80 transition-opacity duration-300 w-full max-w-[240px]\">\n <i data-lucide=\"shopping-cart\" class=\"w-4 h-4\"><\/i> Bestel\n <\/a>\n <\/div>\n\n <div class=\"flex flex-col items-center reveal focus-bundle-hover w-full md:w-1\/3 max-w-[300px] mx-auto mt-12 md:mt-0\" style=\"transition-delay: 0.2s;\">\n <div class=\"relative w-[220px] h-[340px] mb-6 flex justify-center items-center\">\n <div class=\"absolute bottom-0 w-full h-[320px] bg-white rounded-[2rem] shadow-sm border border-gray-100 transition-shadow duration-300 group-hover:shadow-md\"><\/div>\n <img decoding=\"async\" src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2026\/03\/Effervescent_Tablets_citroen.png\" alt=\"Citroen\" class=\"absolute h-[380px] w-auto object-contain drop-shadow-2xl z-10 -rotate-[12deg] -translate-x-4\">\n <img decoding=\"async\" src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2026\/03\/Effervescent_Tablets_citroen.png\" alt=\"Citroen\" class=\"absolute h-[380px] w-auto object-contain drop-shadow-2xl z-20 rotate-[12deg] translate-x-4\">\n <\/div>\n \n <h3 class=\"text-2xl font-bold tracking-tight mb-1\">Citroen<\/h3>\n <p class=\"text-brand-gray text-sm mb-4\">Scherp, fris<\/p>\n \n <div class=\"flex items-center justify-center gap-1 mb-2 text-brand-dark\">\n <span class=\"text-lg font-bold\">\u20ac 9,95<\/span>\n <span class=\"text-xs font-medium text-gray-400\">per stuk<\/span>\n <\/div>\n\n <div class=\"flex items-center justify-center gap-1 mb-6 text-[10px] font-semibold text-brand-dark\">\n <div class=\"flex text-brand-green\">\n <i data-lucide=\"star\" class=\"w-3 h-3 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-3 h-3 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-3 h-3 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-3 h-3 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-3 h-3 fill-current\"><\/i>\n <\/div>\n <span class=\"ml-1 opacity-70\">4.9\/5<\/span>\n <\/div>\n\n <a href=\"https:\/\/triplepsupplements.be\/product\/citroen-electrolyte-tabs\/\" class=\"inline-flex items-center justify-center gap-2 bg-brand-dark text-white text-sm font-semibold px-8 py-3.5 rounded-full hover:opacity-80 transition-opacity duration-300 w-full max-w-[240px]\">\n <i data-lucide=\"shopping-cart\" class=\"w-4 h-4\"><\/i> Bestel\n <\/a>\n <\/div>\n\n <\/div>\n\n <\/div>\n <\/section>\n\n <section id=\"reviews-section\" class=\"bg-white py-32 border-b border-gray-200 overflow-hidden relative\">\n <div class=\"max-w-7xl mx-auto px-6 text-center reveal mb-16\">\n <h2 class=\"text-4xl md:text-5xl font-bold tracking-tighter text-brand-dark mb-4\">Gewaardeerd door professionals.<\/h2>\n <p class=\"text-lg text-brand-gray font-medium\">Lees waarom duizenden gebruikers niet meer zonder kunnen.<\/p>\n <\/div>\n\n <div class=\"relative w-full max-w-[100vw] overflow-hidden reveal\" style=\"transition-delay: 0.2s;\">\n <div class=\"absolute inset-y-0 left-0 w-12 md:w-32 bg-gradient-to-r from-white to-transparent z-10 pointer-events-none\"><\/div>\n <div class=\"absolute inset-y-0 right-0 w-12 md:w-32 bg-gradient-to-l from-white to-transparent z-10 pointer-events-none\"><\/div>\n\n <div class=\"flex w-max animate-scroll hover:[animation-play-state:paused]\" id=\"review-track\">\n \n <div class=\"flex gap-6 pr-6\">\n <div class=\"w-[350px] md:w-[450px] bg-brand-light p-10 rounded-[2rem] flex-shrink-0 border border-gray-100 hover:shadow-xl hover:border-brand-green transition-all duration-300 transform hover:-translate-y-1\">\n <div class=\"flex text-brand-green mb-6\">\n <i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i>\n <\/div>\n <p class=\"text-brand-dark text-lg md:text-xl font-medium leading-relaxed mb-8\">“Deze tabs zijn een lifesaver op drukke dagen. Of ik nu van de ene meeting naar de andere ga, of een lange werkdag heb, ze zorgen ervoor dat ik me fit en helder blijf voelen.”<\/p>\n \n <div class=\"flex items-center gap-4\">\n <img decoding=\"async\" src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2024\/11\/1730636039109.jpeg\" alt=\"Yannick\" class=\"w-12 h-12 rounded-full object-cover grayscale\">\n <div>\n <p class=\"font-bold text-brand-dark text-sm !mb-0\">Yannick De Neef<\/p>\n <p class=\"text-xs text-gray-500 font-medium !mb-0\">Communitymanager<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"w-[350px] md:w-[450px] bg-brand-light p-10 rounded-[2rem] flex-shrink-0 border border-gray-100 hover:shadow-xl hover:border-brand-green transition-all duration-300 transform hover:-translate-y-1\">\n <div class=\"flex text-brand-green mb-6\">\n <i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i>\n <\/div>\n <p class=\"text-brand-dark text-lg md:text-xl font-medium leading-relaxed mb-8\">“Met mijn hectische schema kan ik niet altijd op tijd eten of genoeg drinken. Deze tabs zorgen ervoor dat ik me na lange dagen nog energiek voel en scherp blijf.”<\/p>\n \n <div class=\"flex items-center gap-4\">\n <img decoding=\"async\" src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2024\/11\/1586444355074.jpeg\" alt=\"Ferda\" class=\"w-12 h-12 rounded-full object-cover grayscale\">\n <div>\n <p class=\"font-bold text-brand-dark text-sm !mb-0\">Ferda Yagizoglu<\/p>\n <p class=\"text-xs text-gray-500 font-medium !mb-0\">Service Delivery Manager<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"w-[350px] md:w-[450px] bg-brand-light p-10 rounded-[2rem] flex-shrink-0 border border-gray-100 hover:shadow-xl hover:border-brand-green transition-all duration-300 transform hover:-translate-y-1\">\n <div class=\"flex text-brand-green mb-6\">\n <i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i>\n <\/div>\n <p class=\"text-brand-dark text-lg md:text-xl font-medium leading-relaxed mb-8\">“Als professional ben ik constant onderweg. De Hydrate Tabs van Triple P hebben mijn energie en concentratie duidelijk verbeterd. Een absolute must-have!”<\/p>\n \n <div class=\"flex items-center gap-4\">\n <img decoding=\"async\" src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2023\/12\/instagram-logo-profile.png\" alt=\"Mehdi\" class=\"w-12 h-12 rounded-full object-cover grayscale\">\n <div>\n <p class=\"font-bold text-brand-dark text-sm !mb-0\">Mehdi El Hamzaoui<\/p>\n <p class=\"text-xs text-gray-500 font-medium !mb-0\">Business Development<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"w-[350px] md:w-[450px] bg-brand-light p-10 rounded-[2rem] flex-shrink-0 border border-gray-100 hover:shadow-xl hover:border-brand-green transition-all duration-300 transform hover:-translate-y-1\">\n <div class=\"flex text-brand-green mb-6\">\n <i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i>\n <\/div>\n <p class=\"text-brand-dark text-lg md:text-xl font-medium leading-relaxed mb-8\">“Achter mijn scherm zitten voelt minder vermoeiend. Ze helpen me om gehydrateerd en gefocust te blijven tijdens intensieve projecten. Een simpele oplossing.”<\/p>\n \n <div class=\"flex items-center gap-4\">\n <img decoding=\"async\" src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2024\/11\/1673465604641.jpeg\" alt=\"Ronald\" class=\"w-12 h-12 rounded-full object-cover grayscale\">\n <div>\n <p class=\"font-bold text-brand-dark text-sm !mb-0\">Ronald Vanbrabant<\/p>\n <p class=\"text-xs text-gray-500 font-medium !mb-0\">Productieverantwoordelijke<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"flex gap-6 pr-6\" aria-hidden=\"true\">\n <!-- Duplicaten voor de infinite scroll loop -->\n <div class=\"w-[350px] md:w-[450px] bg-brand-light p-10 rounded-[2rem] flex-shrink-0 border border-gray-100 hover:shadow-xl hover:border-brand-green transition-all duration-300 transform hover:-translate-y-1\">\n <div class=\"flex text-brand-green mb-6\">\n <i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i>\n <\/div>\n <p class=\"text-brand-dark text-lg md:text-xl font-medium leading-relaxed mb-8\">“Deze tabs zijn een lifesaver op drukke dagen. Of ik nu van de ene meeting naar de andere ga, of een lange werkdag heb, ze zorgen ervoor dat ik me fit en helder blijf voelen.”<\/p>\n \n <div class=\"flex items-center gap-4\">\n <img decoding=\"async\" src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2024\/11\/1730636039109.jpeg\" alt=\"Yannick\" class=\"w-12 h-12 rounded-full object-cover grayscale\">\n <div>\n <p class=\"font-bold text-brand-dark text-sm !mb-0\">Yannick De Neef<\/p>\n <p class=\"text-xs text-gray-500 font-medium !mb-0\">Communitymanager<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"w-[350px] md:w-[450px] bg-brand-light p-10 rounded-[2rem] flex-shrink-0 border border-gray-100 hover:shadow-xl hover:border-brand-green transition-all duration-300 transform hover:-translate-y-1\">\n <div class=\"flex text-brand-green mb-6\">\n <i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i>\n <\/div>\n <p class=\"text-brand-dark text-lg md:text-xl font-medium leading-relaxed mb-8\">“Met mijn hectische schema kan ik niet altijd op tijd eten of genoeg drinken. Deze tabs zorgen ervoor dat ik me na lange dagen nog energiek voel en scherp blijf.”<\/p>\n \n <div class=\"flex items-center gap-4\">\n <img decoding=\"async\" src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2024\/11\/1586444355074.jpeg\" alt=\"Ferda\" class=\"w-12 h-12 rounded-full object-cover grayscale\">\n <div>\n <p class=\"font-bold text-brand-dark text-sm !mb-0\">Ferda Yagizoglu<\/p>\n <p class=\"text-xs text-gray-500 font-medium !mb-0\">Service Delivery Manager<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"w-[350px] md:w-[450px] bg-brand-light p-10 rounded-[2rem] flex-shrink-0 border border-gray-100 hover:shadow-xl hover:border-brand-green transition-all duration-300 transform hover:-translate-y-1\">\n <div class=\"flex text-brand-green mb-6\">\n <i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i>\n <\/div>\n <p class=\"text-brand-dark text-lg md:text-xl font-medium leading-relaxed mb-8\">“Als professional ben ik constant onderweg. De Hydrate Tabs van Triple P hebben mijn energie en concentratie duidelijk verbeterd. Een absolute must-have!”<\/p>\n \n <div class=\"flex items-center gap-4\">\n <img decoding=\"async\" src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2023\/12\/instagram-logo-profile.png\" alt=\"Mehdi\" class=\"w-12 h-12 rounded-full object-cover grayscale\">\n <div>\n <p class=\"font-bold text-brand-dark text-sm !mb-0\">Mehdi El Hamzaoui<\/p>\n <p class=\"text-xs text-gray-500 font-medium !mb-0\">Business Development<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"w-[350px] md:w-[450px] bg-brand-light p-10 rounded-[2rem] flex-shrink-0 border border-gray-100 hover:shadow-xl hover:border-brand-green transition-all duration-300 transform hover:-translate-y-1\">\n <div class=\"flex text-brand-green mb-6\">\n <i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i>\n <\/div>\n <p class=\"text-brand-dark text-lg md:text-xl font-medium leading-relaxed mb-8\">“Achter mijn scherm zitten voelt minder vermoeiend. Ze helpen me om gehydrateerd en gefocust te blijven tijdens intensieve projecten. Een simpele oplossing.”<\/p>\n \n <div class=\"flex items-center gap-4\">\n <img decoding=\"async\" src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2024\/11\/1673465604641.jpeg\" alt=\"Ronald\" class=\"w-12 h-12 rounded-full object-cover grayscale\">\n <div>\n <p class=\"font-bold text-brand-dark text-sm !mb-0\">Ronald Vanbrabant<\/p>\n <p class=\"text-xs text-gray-500 font-medium !mb-0\">Productieverantwoordelijke<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"text-center mt-16 reveal\" style=\"transition-delay: 0.3s;\">\n <a href=\"#\" class=\"inline-block text-brand-dark font-semibold uppercase tracking-widest text-sm border-b-2 border-brand-green pb-1 hover:text-brand-green transition-colors\">\n Lees alle 300+ reviews op Trustpilot\n <\/a>\n <\/div>\n <\/section>\n \n <section class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-20 mb-8\">\n <div class=\"text-center mb-12\">\n <p class=\"text-sm font-semibold tracking-widest text-brand-green mb-3 uppercase\">Praktisch<\/p>\n <h2 class=\"text-3xl font-semibold text-brand-dark\">Veelgestelde Vragen<\/h2>\n <\/div>\n\n <div class=\"space-y-4\">\n <details class=\"group border-b border-gray-200 pb-5\" open=\"\">\n <summary class=\"flex justify-between items-center font-medium cursor-pointer list-none text-lg text-brand-dark hover:text-brand-green transition-colors\">\n Zijn de ingredi\u00ebnten natuurlijk?\n <span class=\"transition group-open:rotate-180 text-brand-gray group-hover:text-brand-green\">\n <i data-lucide=\"chevron-down\" class=\"w-5 h-5\"><\/i>\n <\/span>\n <\/summary>\n <div class=\"text-brand-gray mt-5 text-sm md:text-base leading-relaxed font-medium space-y-5\">\n <p>Ja, we gebruiken alleen natuurlijke ingredi\u00ebnten om de hoogste kwaliteit te garanderen. Onze Electrolyte Tabs zijn vrij van kunstmatige kleurstoffen en conserveringsmiddelen. Daarnaast is het product 100% veganistisch.<\/p>\n <\/div>\n <\/details>\n\n <details class=\"group border-b border-gray-200 pb-5 mt-2\">\n <summary class=\"flex justify-between items-center font-medium cursor-pointer list-none text-lg text-brand-dark hover:text-brand-green transition-colors\">\n Zit er cafe\u00efne in?\n <span class=\"transition group-open:rotate-180 text-brand-gray group-hover:text-brand-green\">\n <i data-lucide=\"chevron-down\" class=\"w-5 h-5\"><\/i>\n <\/span>\n <\/summary>\n <div class=\"text-brand-gray mt-5 text-sm md:text-base leading-relaxed font-medium space-y-5\">\n <p>Nee, onze formule is 100% cafe\u00efnevrij. Hierdoor ervaar je een constante, heldere focus zonder de opgefokte gevoelens of de onvermijdelijke middagcrash die koffie en energiedranken vaak geven. Perfect voor langdurige concentratie op de werkvloer.<\/p>\n <\/div>\n <\/details>\n\n <details class=\"group border-b border-gray-200 pb-5 mt-2\">\n <summary class=\"flex justify-between items-center font-medium cursor-pointer list-none text-lg text-brand-dark hover:text-brand-green transition-colors\">\n Hoe bestel ik en hoelang duurt de levering?\n <span class=\"transition group-open:rotate-180 text-brand-gray group-hover:text-brand-green\">\n <i data-lucide=\"chevron-down\" class=\"w-5 h-5\"><\/i>\n <\/span>\n <\/summary>\n <div class=\"text-brand-gray mt-5 text-sm md:text-base leading-relaxed font-medium space-y-5\">\n <p>We bieden momenteel Bancontact en overschrijving als betaalopties aan. We verzenden je bestelling zo snel mogelijk via Bpost. Je ontvangt na bestelling netjes een bevestigingsmail met de track & trace gegevens.<\/p>\n <\/div>\n <\/details>\n <\/div>\n <\/section>\n\n <div class=\"fixed bottom-0 left-0 w-full bg-white\/90 backdrop-blur-md border-t border-gray-200 px-4 py-4 z-50 flex flex-col gap-3 md:hidden shadow-[0_-10px_30px_rgba(0,0,0,0.05)]\">\n <a href=\"#smaken\" class=\"bg-brand-green text-brand-dark font-bold py-4 px-6 rounded-full text-center shadow-[0_4px_14px_rgba(151,215,0,0.3)] w-full text-base tracking-wide active:scale-95 transition-transform\">\n Bestel direct\n <\/a>\n <a href=\"\/verkooppunten\/\" class=\"text-brand-dark hover:text-brand-green text-center font-semibold underline underline-offset-4 text-sm transition-colors duration-300 pb-1\">\n Vind een verkooppunt\n <\/a>\n <\/div>\n<\/main>\n\n<script>\n \/\/ Lucide-iconen veilig initialiseren.\n \/\/ In WordPress is DOMContentLoaded vaak al afgevuurd wanneer deze inline-code draait,\n \/\/ en het externe lucide-script kan nog aan het inladen zijn. We wachten daarom netjes\n \/\/ tot 'lucide' beschikbaar is voor we createIcons() aanroepen.\n (function () {\n function tripleInitIcons() {\n if (window.lucide && typeof window.lucide.createIcons === 'function') {\n window.lucide.createIcons();\n } else {\n setTimeout(tripleInitIcons, 50);\n }\n }\n tripleInitIcons();\n })();\n\n \/\/ Reveal animatie logica (hernoemd naar tripleReveal om conflicten met andere\n \/\/ plugin-scripts op de pagina te vermijden).\n function tripleReveal() {\n var reveals = document.querySelectorAll(\".reveal\");\n for (var i = 0; i < reveals.length; i++) {\n var windowHeight = window.innerHeight;\n var elementTop = reveals[i].getBoundingClientRect().top;\n var elementVisible = 100;\n\n if (elementTop < windowHeight - elementVisible) {\n reveals[i].classList.add(\"active\");\n }\n }\n }\n\n if (typeof window !== 'undefined') {\n window.addEventListener(\"scroll\", tripleReveal);\n \/\/ Roep direct 1x aan voor elementen bovenaan de pagina\n setTimeout(tripleReveal, 100);\n }\n\n \/\/ Hero-intro automatisch afspelen: voegt .hero-autoplay toe zodra de hero\n \/\/ netjes in beeld is. Vanaf dat moment gebruikt hij exact dezelfde transition\n \/\/ als het hover-effect, dus de beweging is identiek.\n (function () {\n var hero = document.getElementById('hero-tubes');\n if (hero) {\n setTimeout(function () { hero.classList.add('hero-autoplay'); }, 900);\n }\n })();\n<\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>TripleP | Pro-Level Electrolytes Hydratatie die werkt.Elke dag. Mineralen die je lichaam verliest. Fruitige smaken die je water upgraden. Een tablet die oplost in je fles. Bestel direct Vind een verkooppunt \u20ac0,50 per dosis \u2014 je water hoeft niet duur te zijn Geen sorbitol \u2014 beter verdraagbaar, ook tijdens inspanning Geen kunstmatige kleurstoffen \u2014 rode […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"off","_et_pb_old_content":"<!-- wp:group {\"align\":\"full\",\"layout\":{\"type\":\"constrained\",\"wideSize\":\"100%\"}} -->\n<div class=\"wp-block-group alignfull\"><!-- wp:html -->\n<!DOCTYPE html>\n<html lang=\"nl\" class=\"scroll-smooth\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>TripleP | Pro-Level Electrolytes<\/title>\n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n \n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n brand: {\n green: '#97d700', \/* Neon green *\/\n dark: '#1d1d1f', \/* Apple dark gray\/black *\/\n gray: '#86868b', \/* Apple medium gray *\/\n light: '#f5f5f7' \/* Apple light gray background *\/\n }\n },\n fontFamily: {\n sans: ['Inter', 'sans-serif'],\n },\n letterSpacing: {\n tighter: '-.04em',\n tight: '-.02em',\n }\n }\n }\n }\n <\/script>\n <style>\n \/* --- FIX VOOR DE WITTE RANDEN AAN DE ZIJKANT --- *\/\n .entry-content > .wp-block-group {\n padding: 0 !important;\n }\n\n \/* Smooth scrolling fix voor WordPress *\/\n html { scroll-behavior: smooth; }\n\n \/* Fade-up animaties voor een premium feel *\/\n .reveal {\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);\n }\n .reveal.active {\n opacity: 1;\n transform: translateY(0);\n }\n \n \/* Hide scrollbar *\/\n ::-webkit-scrollbar { width: 8px; }\n ::-webkit-scrollbar-track { background: #f5f5f7; }\n ::-webkit-scrollbar-thumb { background: #d1d1d6; border-radius: 4px; }\n \n \/* Verberg standaard details marker voor accordions *\/\n details > summary::-webkit-details-marker { display: none; }\n\n \/* --- FIX VOOR WORDPRESS ASTRA --- *\/\n a.bg-brand-dark:hover { color: #ffffff !important; }\n a.bg-brand-green:hover { color: #1d1d1f !important; }\n\n \/* --- UX Fix: Animaties alleen voor apparaten met een muis (Hover) --- *\/\n @media (hover: hover) and (pointer: fine) {\n \/* Diepte\/Perspectief Effect Hero *\/\n .perspective-item {\n transition: all 0.9s cubic-bezier(0.25, 1, 0.5, 1);\n transform-origin: center;\n }\n .group:hover .perspective-far-left { transform: translateX(-180px) scale(0.7); opacity: 0.3; filter: blur(3px); }\n .group:hover .perspective-left { transform: translateX(-90px) scale(0.85); opacity: 0.6; filter: blur(1.5px); }\n .group:hover .perspective-right { transform: translateX(90px) scale(0.85); opacity: 0.6; filter: blur(1.5px); }\n .group:hover .perspective-far-right { transform: translateX(180px) scale(0.7); opacity: 0.3; filter: blur(3px); }\n .group:hover .perspective-center { transform: scale(1.05); }\n\n \/* Zweef effect voor pakketten (2 gekruiste tubes) *\/\n .focus-bundle-hover img {\n transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n }\n .focus-bundle-hover:hover img:first-of-type {\n transform: translateY(-12px) rotate(-16deg) translateX(-6px) scale(1.03);\n }\n .focus-bundle-hover:hover img:last-of-type {\n transform: translateY(-12px) rotate(16deg) translateX(6px) scale(1.03);\n }\n }\n\n \/* Marquee Animation voor de Reviews *\/\n @keyframes scroll {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n .animate-scroll {\n animation: scroll 40s linear infinite;\n width: max-content;\n }\n <\/style>\n<\/head>\n\n<body class=\"bg-brand-light text-brand-dark font-sans antialiased overflow-x-hidden selection:bg-brand-green selection:text-white\">\n\n<main class=\"alignfull flex-grow pb-28 md:pb-0\">\n \n <section id=\"overzicht\" class=\"relative min-h-[90vh] flex flex-col items-center justify-center pt-10 md:pt-20 overflow-hidden bg-brand-light\">\n <div class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-[60vw] h-[60vw] bg-brand-green\/10 blur-[100px] rounded-full pointer-events-none\"><\/div>\n \n <div class=\"relative z-10 text-center px-4 max-w-4xl mx-auto w-full reveal\">\n <h1 class=\"text-6xl md:text-8xl lg:text-[120px] font-bold tracking-tighter leading-none mb-6 text-brand-dark\">\n Hydratatie die werkt.<br>Elke dag.\n <\/h1>\n <p class=\"text-xl md:text-3xl text-brand-gray font-medium tracking-tight mb-10 max-w-2xl mx-auto\">\n Mineralen die je lichaam verliest. Fruitige smaken die je water upgraden. Een tablet die oplost in je fles.\n <\/p>\n \n <div class=\"flex flex-col sm:flex-row justify-center items-center gap-6\">\n <a href=\"\/store\/\" class=\"bg-brand-green text-brand-dark font-bold py-4 px-12 rounded-full hover:bg-[#8ac208] hover:scale-105 transition-all duration-300 shadow-[0_10px_30px_rgba(151,215,0,0.3)] w-full sm:w-auto text-base tracking-wide\">\n Bestel direct\n <\/a>\n <a href=\"\/verkooppunten\/\" class=\"text-brand-dark hover:text-brand-green font-semibold underline underline-offset-8 transition-colors duration-300 w-full sm:w-auto text-sm\">\n Vind een verkooppunt\n <\/a>\n <\/div>\n <\/div>\n\n <div class=\"relative z-20 w-full flex justify-center px-8 mt-16 mb-12 md:mb-20 reveal group cursor-pointer\" style=\"transition-delay: 0.2s;\">\n <div class=\"relative h-[40vh] md:h-[50vh] flex justify-center items-center\">\n <img src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2026\/03\/Effervescent_Tablets_bosbessen.png\" alt=\"Bosbessen\" class=\"perspective-item perspective-far-left absolute inset-0 w-full h-full object-contain opacity-0 z-0 pointer-events-none drop-shadow-sm\">\n <img src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2026\/03\/Effervescent_Tablets_bosbessen.png\" alt=\"Bosbessen\" class=\"perspective-item perspective-far-right absolute inset-0 w-full h-full object-contain opacity-0 z-0 pointer-events-none drop-shadow-sm\">\n \n <img src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2026\/03\/Effervescent_Tablets_citroen.png\" alt=\"Citroen\" class=\"perspective-item perspective-left absolute inset-0 w-full h-full object-contain opacity-0 z-10 pointer-events-none drop-shadow-md\">\n <img src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2026\/03\/Effervescent_Tablets_citroen.png\" alt=\"Citroen\" class=\"perspective-item perspective-right absolute inset-0 w-full h-full object-contain opacity-0 z-10 pointer-events-none drop-shadow-md\">\n \n <img src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2026\/03\/Effervescent_Tablets_meloen.png\" alt=\"TripleP Meloen\" class=\"perspective-item perspective-center relative z-20 h-full w-auto object-contain drop-shadow-[0_30px_60px_rgba(0,0,0,0.15)]\">\n <\/div>\n <\/div>\n <\/section>\n\n <div class=\"bg-white border-b border-gray-200 py-4 hidden md:block reveal\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"flex justify-center gap-8 md:gap-12 text-sm font-medium text-brand-gray flex-wrap\">\n <span class=\"flex items-center gap-2\"><i data-lucide=\"coins\" class=\"w-4 h-4 text-brand-green\"><\/i> \u20ac0,50 per dosis \u2014 je water hoeft niet duur te zijn<\/span>\n <span class=\"flex items-center gap-2\"><i data-lucide=\"leaf\" class=\"w-4 h-4 text-brand-green\"><\/i> Geen sorbitol \u2014 beter verdraagbaar, ook tijdens inspanning<\/span>\n <span class=\"flex items-center gap-2\"><i data-lucide=\"palette\" class=\"w-4 h-4 text-brand-green\"><\/i> Geen kunstmatige kleurstoffen \u2014 rode biet, anthocyaninen & vitamine B2<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <section class=\"bg-white text-brand-dark py-32 px-6\">\n <div class=\"max-w-4xl mx-auto text-center reveal\">\n <h2 class=\"text-4xl md:text-6xl font-bold tracking-tighter mb-8 leading-tight\">\n Wat zijn elektrolyten eigenlijk?\n <\/h2>\n <p class=\"text-xl md:text-2xl text-brand-gray font-medium leading-relaxed max-w-3xl mx-auto\">\n Je lichaam bestaat voor 60% uit water. Maar water alleen is niet genoeg \u2014 je hebt mineralen nodig om dat water ook \u00e9cht op te nemen. Die mineralen noemen we elektrolyten. Je verliest ze elke dag: tijdens het sporten, op het werk, zelfs tijdens je slaap. TripleP vult ze aan. E\u00e9n tablet in je fles. Simpel.\n <\/p>\n <\/div>\n <\/section>\n\n <section id=\"voordelen\" class=\"bg-brand-light py-20 md:py-32 px-4 sm:px-6 lg:px-8\">\n <div class=\"max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-3 gap-6\">\n \n <!-- Bento Box 1: Natrium -->\n <div class=\"md:col-span-2 bg-white rounded-[2.5rem] p-10 md:p-14 flex flex-col justify-center overflow-hidden relative shadow-[0_4px_24px_rgba(0,0,0,0.03)] reveal border border-gray-100\">\n <div class=\"absolute -right-4 -top-8 text-[180px] font-black text-brand-light opacity-60 z-0 select-none\">Na<\/div>\n <div class=\"relative z-10 w-full md:w-3\/4\">\n <div class=\"w-14 h-14 rounded-2xl bg-brand-light flex items-center justify-center text-xl font-bold text-brand-green shadow-sm mb-6 border border-gray-100\">Na<\/div>\n <h3 class=\"text-3xl md:text-5xl font-bold tracking-tight mb-4 text-brand-dark\">Natrium<\/h3>\n <p class=\"text-lg text-brand-gray font-medium leading-relaxed\">Regelt de vochtbalans in je lichaam. De belangrijkste elektrolyt die je verliest bij zweten.<\/p>\n <\/div>\n <\/div>\n\n <!-- Bento Box 2: Kalium -->\n <div class=\"bg-white rounded-[2.5rem] p-10 flex flex-col justify-between overflow-hidden relative shadow-[0_4px_24px_rgba(0,0,0,0.03)] reveal border border-gray-100\" style=\"transition-delay: 0.1s;\">\n <div class=\"absolute -right-2 -top-4 text-[120px] font-black text-brand-light opacity-60 z-0 select-none\">K<\/div>\n <div class=\"relative z-10\">\n <div class=\"w-14 h-14 rounded-2xl bg-brand-light flex items-center justify-center text-xl font-bold text-brand-green shadow-sm mb-6 border border-gray-100\">K<\/div>\n <h3 class=\"text-2xl font-bold tracking-tight mb-2 text-brand-dark\">Kalium<\/h3>\n <p class=\"text-brand-gray font-medium\">Draagt bij tot een normale werking van je spieren. Essentieel na inspanning.<\/p>\n <\/div>\n <\/div>\n\n <!-- Bento Box 3: Magnesium -->\n <div class=\"bg-white rounded-[2.5rem] p-10 flex flex-col justify-between overflow-hidden relative shadow-[0_4px_24px_rgba(0,0,0,0.03)] reveal border border-gray-100\" style=\"transition-delay: 0.2s;\">\n <div class=\"absolute -right-2 -top-4 text-[120px] font-black text-brand-light opacity-60 z-0 select-none\">Mg<\/div>\n <div class=\"relative z-10\">\n <div class=\"w-14 h-14 rounded-2xl bg-brand-light flex items-center justify-center text-xl font-bold text-brand-green shadow-sm mb-6 border border-gray-100\">Mg<\/div>\n <h3 class=\"text-2xl font-bold tracking-tight mb-2 text-brand-dark\">Magnesium<\/h3>\n <p class=\"text-brand-gray font-medium\">Draagt bij tot het verminderen van vermoeidheid. Voor lichaam \u00e9n geest.<\/p>\n <\/div>\n <\/div>\n\n <!-- Bento Box 4: Calcium -->\n <div class=\"md:col-span-2 bg-white rounded-[2.5rem] p-10 md:p-14 flex items-center shadow-[0_4px_24px_rgba(0,0,0,0.03)] reveal border border-gray-100 relative overflow-hidden\" style=\"transition-delay: 0.3s;\">\n <div class=\"absolute right-0 bottom-0 text-[180px] font-black text-brand-light opacity-60 z-0 select-none leading-none transform translate-y-1\/4\">Ca<\/div>\n <div class=\"relative z-10 flex-1\">\n <div class=\"w-14 h-14 rounded-2xl bg-brand-light flex items-center justify-center text-xl font-bold text-brand-green shadow-sm mb-6 border border-gray-100\">Ca<\/div>\n <h3 class=\"text-3xl md:text-5xl font-bold tracking-tight mb-4 text-brand-dark\">Calcium<\/h3>\n <p class=\"text-lg text-brand-gray font-medium leading-relaxed\">Ondersteunt de normale werking van spijsverteringsenzymen. Meer dan alleen botten.<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n <section class=\"bg-white py-32 px-6 border-y border-gray-100 relative overflow-hidden\">\n <div class=\"absolute top-0 right-0 w-[800px] h-[800px] bg-brand-green\/5 rounded-full blur-[120px] -translate-y-1\/2 translate-x-1\/3 pointer-events-none\"><\/div>\n\n <div class=\"max-w-4xl mx-auto relative z-10 text-center reveal\">\n <p class=\"text-sm font-bold tracking-[0.2em] text-gray-400 uppercase mb-4\">Pure Transparantie<\/p>\n <h2 class=\"text-4xl md:text-5xl lg:text-6xl font-bold tracking-tighter text-brand-dark mb-10\">Geen kunstmatige kleurstoffen.<\/h2>\n <p class=\"text-xl md:text-2xl text-brand-gray font-medium leading-relaxed mb-12\">\n Geen kunstmatige kleurstoffen. We kleuren met rode biet, anthocyaninen uit blauwe vruchten, en vitamine B2 \u2014 die laatste levert ook nog eens \u00b171% van je dagelijkse behoefte per tablet. Geen aspartaam. Geen sorbitol. Geen bewaarmiddelen. 0 van de 14 erkende allergenen. Gewoon wat je lichaam nodig heeft. Niets wat het niet nodig heeft.\n <\/p>\n \n <div class=\"flex flex-wrap justify-center items-center gap-4 md:gap-8 text-brand-dark font-semibold text-base md:text-lg bg-brand-light py-6 px-8 rounded-[2rem] border border-gray-100 w-max mx-auto max-w-full\">\n <span class=\"flex items-center gap-2 whitespace-nowrap\"><i data-lucide=\"scale\" class=\"w-5 h-5 text-brand-green\"><\/i> 4g per tablet<\/span>\n <span class=\"hidden md:block text-gray-300\">|<\/span>\n <span class=\"flex items-center gap-2 whitespace-nowrap\"><i data-lucide=\"timer\" class=\"w-5 h-5 text-brand-green\"><\/i> oplost in \u00b14 minuten<\/span>\n <span class=\"hidden md:block text-gray-300\">|<\/span>\n <span class=\"flex items-center gap-2 whitespace-nowrap\"><i data-lucide=\"flame\" class=\"w-5 h-5 text-brand-green\"><\/i> \u00b18,2 kcal<\/span>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"smaken\" class=\"bg-brand-light text-brand-dark py-24 pb-32 border-b border-gray-200\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\n <h2 class=\"text-5xl font-bold tracking-tighter mb-20 reveal\">Kies je flow.<\/h2>\n \n <div class=\"flex flex-col md:flex-row justify-center items-end gap-10 lg:gap-16\">\n \n <div class=\"flex flex-col items-center reveal focus-bundle-hover w-full md:w-1\/3 max-w-[300px] mx-auto\">\n <div class=\"relative w-[220px] h-[340px] mb-6 flex justify-center items-center\">\n <div class=\"absolute bottom-0 w-full h-[320px] bg-white rounded-[2rem] shadow-sm border border-gray-100 transition-shadow duration-300 group-hover:shadow-md\"><\/div>\n <img src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2026\/03\/Effervescent_Tablets_meloen.png\" alt=\"Watermeloen\" class=\"absolute h-[380px] w-auto object-contain drop-shadow-2xl z-10 -rotate-[12deg] -translate-x-4\">\n <img src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2026\/03\/Effervescent_Tablets_meloen.png\" alt=\"Watermeloen\" class=\"absolute h-[380px] w-auto object-contain drop-shadow-2xl z-20 rotate-[12deg] translate-x-4\">\n <\/div>\n \n <h3 class=\"text-2xl font-bold tracking-tight mb-1\">Watermeloen Pakket<\/h3>\n <p class=\"text-brand-gray text-sm mb-4\">2x Watermeloen (Zoet, fruitig)<\/p>\n \n <div class=\"flex items-center justify-center gap-1 mb-2 text-brand-dark\">\n <span class=\"text-lg font-bold\">\u20ac 29,90<\/span>\n <span class=\"text-xs font-medium text-gray-400\">\/ 40 tabs<\/span>\n <\/div>\n\n <div class=\"flex items-center justify-center gap-1 mb-6 text-[10px] font-semibold text-brand-dark\">\n <div class=\"flex text-brand-green\">\n <i data-lucide=\"star\" class=\"w-3 h-3 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-3 h-3 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-3 h-3 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-3 h-3 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-3 h-3 fill-current\"><\/i>\n <\/div>\n <span class=\"ml-1 opacity-70\">4.9\/5<\/span>\n <\/div>\n\n <a href=\"\/store\/\" class=\"inline-flex items-center justify-center gap-2 bg-brand-dark text-white text-sm font-semibold px-8 py-3.5 rounded-full hover:opacity-80 transition-opacity duration-300 w-full max-w-[240px]\">\n <i data-lucide=\"shopping-cart\" class=\"w-4 h-4\"><\/i> Kies Pakket\n <\/a>\n <\/div>\n\n <div class=\"flex flex-col items-center reveal focus-bundle-hover w-full md:w-1\/3 max-w-[300px] mx-auto mt-12 md:mt-0 relative\" style=\"transition-delay: 0.1s;\">\n <div class=\"relative w-[220px] h-[340px] mb-6 flex justify-center items-center\">\n <div class=\"absolute bottom-0 w-full h-[320px] bg-white rounded-[2rem] shadow-[0_15px_40px_rgba(151,215,0,0.15)] border-2 border-brand-green transition-shadow duration-300 hover:shadow-[0_20px_50px_rgba(151,215,0,0.25)]\"><\/div>\n <div class=\"absolute top-1 z-30 bg-brand-green text-brand-dark text-[10px] font-bold uppercase tracking-widest py-1.5 px-4 rounded-full shadow-md whitespace-nowrap\">\n Nieuw & Meest Gekozen\n <\/div>\n <img src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2026\/03\/Effervescent_Tablets_bosbessen.png\" alt=\"Blauwe Bes\" class=\"absolute h-[380px] w-auto object-contain drop-shadow-2xl z-10 -rotate-[12deg] -translate-x-4\">\n <img src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2026\/03\/Effervescent_Tablets_bosbessen.png\" alt=\"Blauwe Bes\" class=\"absolute h-[380px] w-auto object-contain drop-shadow-2xl z-20 rotate-[12deg] translate-x-4\">\n <\/div>\n \n <h3 class=\"text-2xl font-bold tracking-tight mb-1\">Blauwe Bes Pakket<\/h3>\n <p class=\"text-brand-gray text-sm mb-4\">2x Blauwe Bes (Fris, krachtig)<\/p>\n\n <div class=\"flex items-center justify-center gap-1 mb-2 text-brand-dark\">\n <span class=\"text-lg font-bold\">\u20ac 29,90<\/span>\n <span class=\"text-xs font-medium text-gray-400\">\/ 40 tabs<\/span>\n <\/div>\n\n <div class=\"flex items-center justify-center gap-1 mb-6 text-[10px] font-semibold text-brand-dark\">\n <div class=\"flex text-brand-green\">\n <i data-lucide=\"check-circle-2\" class=\"w-3.5 h-3.5\"><\/i>\n <\/div>\n <span class=\"ml-1 text-brand-green uppercase tracking-wide\">Gratis Verzending<\/span>\n <\/div>\n\n <a href=\"\/store\/\" class=\"inline-flex items-center justify-center gap-2 bg-brand-green text-brand-dark text-sm font-bold px-8 py-3.5 rounded-full hover:bg-[#8ac208] transition-colors duration-300 shadow-md w-full max-w-[240px]\">\n <i data-lucide=\"shopping-cart\" class=\"w-4 h-4\"><\/i> Kies Pakket\n <\/a>\n <\/div>\n\n <div class=\"flex flex-col items-center reveal focus-bundle-hover w-full md:w-1\/3 max-w-[300px] mx-auto mt-12 md:mt-0\" style=\"transition-delay: 0.2s;\">\n <div class=\"relative w-[220px] h-[340px] mb-6 flex justify-center items-center\">\n <div class=\"absolute bottom-0 w-full h-[320px] bg-white rounded-[2rem] shadow-sm border border-gray-100 transition-shadow duration-300 group-hover:shadow-md\"><\/div>\n <img src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2026\/03\/Effervescent_Tablets_citroen.png\" alt=\"Citroen\" class=\"absolute h-[380px] w-auto object-contain drop-shadow-2xl z-10 -rotate-[12deg] -translate-x-4\">\n <img src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2026\/03\/Effervescent_Tablets_citroen.png\" alt=\"Citroen\" class=\"absolute h-[380px] w-auto object-contain drop-shadow-2xl z-20 rotate-[12deg] translate-x-4\">\n <\/div>\n \n <h3 class=\"text-2xl font-bold tracking-tight mb-1\">Citroen Pakket<\/h3>\n <p class=\"text-brand-gray text-sm mb-4\">2x Citroen (Scherp, fris)<\/p>\n \n <div class=\"flex items-center justify-center gap-1 mb-2 text-brand-dark\">\n <span class=\"text-lg font-bold\">\u20ac 29,90<\/span>\n <span class=\"text-xs font-medium text-gray-400\">\/ 40 tabs<\/span>\n <\/div>\n\n <div class=\"flex items-center justify-center gap-1 mb-6 text-[10px] font-semibold text-brand-dark\">\n <div class=\"flex text-brand-green\">\n <i data-lucide=\"star\" class=\"w-3 h-3 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-3 h-3 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-3 h-3 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-3 h-3 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-3 h-3 fill-current\"><\/i>\n <\/div>\n <span class=\"ml-1 opacity-70\">4.9\/5<\/span>\n <\/div>\n\n <a href=\"\/store\/\" class=\"inline-flex items-center justify-center gap-2 bg-brand-dark text-white text-sm font-semibold px-8 py-3.5 rounded-full hover:opacity-80 transition-opacity duration-300 w-full max-w-[240px]\">\n <i data-lucide=\"shopping-cart\" class=\"w-4 h-4\"><\/i> Kies Pakket\n <\/a>\n <\/div>\n\n <\/div>\n\n <!-- --- NIEUWE SUBSCRIPTION BANNER --- -->\n <div class=\"mt-32 max-w-5xl mx-auto bg-white text-brand-dark rounded-[3rem] p-10 md:p-16 relative overflow-hidden reveal shadow-[0_8px_30px_rgba(0,0,0,0.06)] text-left border border-gray-100\">\n <div class=\"absolute top-0 right-0 w-96 h-96 bg-brand-green rounded-full blur-[120px] opacity-10 pointer-events-none\"><\/div>\n \n <div class=\"relative z-10 flex flex-col md:flex-row items-center justify-between gap-12\">\n <div class=\"flex-1\">\n <span class=\"inline-flex items-center gap-1.5 py-1.5 px-4 rounded-full bg-brand-light text-brand-dark text-xs font-bold tracking-widest uppercase mb-6 border border-gray-200\">\n <i data-lucide=\"repeat\" class=\"w-3 h-3\"><\/i> Abonnement\n <\/span>\n <h3 class=\"text-3xl md:text-5xl font-bold mb-4 tracking-tight\">Kies 3 tubes per maand<\/h3>\n <p class=\"text-lg md:text-xl text-brand-gray mb-10 max-w-lg font-medium leading-relaxed\">\n Smaken vrij te combineren. Gratis verzending. Elke maand opzegbaar.\n <\/p>\n \n <div class=\"flex flex-col items-start gap-5\">\n <a href=\"\/store\/\" class=\"bg-brand-green text-brand-dark font-bold py-4 px-8 rounded-full hover:bg-[#8ac208] hover:scale-105 transition-all duration-300 shadow-[0_10px_30px_rgba(151,215,0,0.3)] text-lg w-full sm:w-auto text-center\">\n Nooit meer zonder zitten\n <\/a>\n <a href=\"https:\/\/www.newpharma.be\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"text-sm text-brand-gray hover:text-brand-dark underline underline-offset-4 transition-colors\">\n Liever eenmalig bestellen? Ga naar onze partner Newpharma.\n <\/a>\n <\/div>\n <\/div>\n \n <div class=\"w-full md:w-2\/5 relative flex justify-center items-center h-56 md:h-auto pointer-events-none mt-8 md:mt-0\">\n <img src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2026\/03\/Effervescent_Tablets_meloen.png\" alt=\"Meloen\" class=\"w-28 md:w-40 absolute transform -rotate-[15deg] -translate-x-16 md:-translate-x-20 z-10 drop-shadow-xl\">\n <img src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2026\/03\/Effervescent_Tablets_citroen.png\" alt=\"Citroen\" class=\"w-32 md:w-48 absolute transform z-30 drop-shadow-2xl -translate-y-4\">\n <img src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2026\/03\/Effervescent_Tablets_bosbessen.png\" alt=\"Bosbessen\" class=\"w-28 md:w-40 absolute transform rotate-[15deg] translate-x-16 md:translate-x-20 z-20 drop-shadow-xl\">\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n <section id=\"reviews-section\" class=\"bg-white py-32 border-b border-gray-200 overflow-hidden relative\">\n <div class=\"max-w-7xl mx-auto px-6 text-center reveal mb-16\">\n <h2 class=\"text-4xl md:text-5xl font-bold tracking-tighter text-brand-dark mb-4\">Gewaardeerd door professionals.<\/h2>\n <p class=\"text-lg text-brand-gray font-medium\">Lees waarom duizenden gebruikers niet meer zonder kunnen.<\/p>\n <\/div>\n\n <div class=\"relative w-full max-w-[100vw] overflow-hidden reveal\" style=\"transition-delay: 0.2s;\">\n <div class=\"absolute inset-y-0 left-0 w-12 md:w-32 bg-gradient-to-r from-white to-transparent z-10 pointer-events-none\"><\/div>\n <div class=\"absolute inset-y-0 right-0 w-12 md:w-32 bg-gradient-to-l from-white to-transparent z-10 pointer-events-none\"><\/div>\n\n <div class=\"flex w-max animate-scroll hover:[animation-play-state:paused]\" id=\"review-track\">\n \n <div class=\"flex gap-6 pr-6\">\n <div class=\"w-[350px] md:w-[450px] bg-brand-light p-10 rounded-[2rem] flex-shrink-0 border border-gray-100 hover:shadow-xl hover:border-brand-green transition-all duration-300 transform hover:-translate-y-1\">\n <div class=\"flex text-brand-green mb-6\">\n <i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i>\n <\/div>\n <p class=\"text-brand-dark text-lg md:text-xl font-medium leading-relaxed mb-8\">\"Deze tabs zijn een lifesaver op drukke dagen. Of ik nu van de ene meeting naar de andere ga, of een lange werkdag heb, ze zorgen ervoor dat ik me fit en helder blijf voelen.\"<\/p>\n \n <div class=\"flex items-center gap-4\">\n <img src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2024\/11\/1730636039109.jpeg\" alt=\"Yannick\" class=\"w-12 h-12 rounded-full object-cover grayscale\">\n <div>\n <p class=\"font-bold text-brand-dark text-sm !mb-0\">Yannick De Neef<\/p>\n <p class=\"text-xs text-gray-500 font-medium !mb-0\">Communitymanager<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"w-[350px] md:w-[450px] bg-brand-light p-10 rounded-[2rem] flex-shrink-0 border border-gray-100 hover:shadow-xl hover:border-brand-green transition-all duration-300 transform hover:-translate-y-1\">\n <div class=\"flex text-brand-green mb-6\">\n <i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i>\n <\/div>\n <p class=\"text-brand-dark text-lg md:text-xl font-medium leading-relaxed mb-8\">\"Met mijn hectische schema kan ik niet altijd op tijd eten of genoeg drinken. Deze tabs zorgen ervoor dat ik me na lange dagen nog energiek voel en scherp blijf.\"<\/p>\n \n <div class=\"flex items-center gap-4\">\n <img src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2024\/11\/1586444355074.jpeg\" alt=\"Ferda\" class=\"w-12 h-12 rounded-full object-cover grayscale\">\n <div>\n <p class=\"font-bold text-brand-dark text-sm !mb-0\">Ferda Yagizoglu<\/p>\n <p class=\"text-xs text-gray-500 font-medium !mb-0\">Service Delivery Manager<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"w-[350px] md:w-[450px] bg-brand-light p-10 rounded-[2rem] flex-shrink-0 border border-gray-100 hover:shadow-xl hover:border-brand-green transition-all duration-300 transform hover:-translate-y-1\">\n <div class=\"flex text-brand-green mb-6\">\n <i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i>\n <\/div>\n <p class=\"text-brand-dark text-lg md:text-xl font-medium leading-relaxed mb-8\">\"Als professional ben ik constant onderweg. De Hydrate Tabs van Triple P hebben mijn energie en concentratie duidelijk verbeterd. Een absolute must-have!\"<\/p>\n \n <div class=\"flex items-center gap-4\">\n <img src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2023\/12\/instagram-logo-profile.png\" alt=\"Mehdi\" class=\"w-12 h-12 rounded-full object-cover grayscale\">\n <div>\n <p class=\"font-bold text-brand-dark text-sm !mb-0\">Mehdi El Hamzaoui<\/p>\n <p class=\"text-xs text-gray-500 font-medium !mb-0\">Business Development<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"w-[350px] md:w-[450px] bg-brand-light p-10 rounded-[2rem] flex-shrink-0 border border-gray-100 hover:shadow-xl hover:border-brand-green transition-all duration-300 transform hover:-translate-y-1\">\n <div class=\"flex text-brand-green mb-6\">\n <i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i>\n <\/div>\n <p class=\"text-brand-dark text-lg md:text-xl font-medium leading-relaxed mb-8\">\"Achter mijn scherm zitten voelt minder vermoeiend. Ze helpen me om gehydrateerd en gefocust te blijven tijdens intensieve projecten. Een simpele oplossing.\"<\/p>\n \n <div class=\"flex items-center gap-4\">\n <img src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2024\/11\/1673465604641.jpeg\" alt=\"Ronald\" class=\"w-12 h-12 rounded-full object-cover grayscale\">\n <div>\n <p class=\"font-bold text-brand-dark text-sm !mb-0\">Ronald Vanbrabant<\/p>\n <p class=\"text-xs text-gray-500 font-medium !mb-0\">Productieverantwoordelijke<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"flex gap-6 pr-6\" aria-hidden=\"true\">\n <!-- Duplicaten voor de infinite scroll loop -->\n <div class=\"w-[350px] md:w-[450px] bg-brand-light p-10 rounded-[2rem] flex-shrink-0 border border-gray-100 hover:shadow-xl hover:border-brand-green transition-all duration-300 transform hover:-translate-y-1\">\n <div class=\"flex text-brand-green mb-6\">\n <i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i>\n <\/div>\n <p class=\"text-brand-dark text-lg md:text-xl font-medium leading-relaxed mb-8\">\"Deze tabs zijn een lifesaver op drukke dagen. Of ik nu van de ene meeting naar de andere ga, of een lange werkdag heb, ze zorgen ervoor dat ik me fit en helder blijf voelen.\"<\/p>\n \n <div class=\"flex items-center gap-4\">\n <img src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2024\/11\/1730636039109.jpeg\" alt=\"Yannick\" class=\"w-12 h-12 rounded-full object-cover grayscale\">\n <div>\n <p class=\"font-bold text-brand-dark text-sm !mb-0\">Yannick De Neef<\/p>\n <p class=\"text-xs text-gray-500 font-medium !mb-0\">Communitymanager<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"w-[350px] md:w-[450px] bg-brand-light p-10 rounded-[2rem] flex-shrink-0 border border-gray-100 hover:shadow-xl hover:border-brand-green transition-all duration-300 transform hover:-translate-y-1\">\n <div class=\"flex text-brand-green mb-6\">\n <i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i>\n <\/div>\n <p class=\"text-brand-dark text-lg md:text-xl font-medium leading-relaxed mb-8\">\"Met mijn hectische schema kan ik niet altijd op tijd eten of genoeg drinken. Deze tabs zorgen ervoor dat ik me na lange dagen nog energiek voel en scherp blijf.\"<\/p>\n \n <div class=\"flex items-center gap-4\">\n <img src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2024\/11\/1586444355074.jpeg\" alt=\"Ferda\" class=\"w-12 h-12 rounded-full object-cover grayscale\">\n <div>\n <p class=\"font-bold text-brand-dark text-sm !mb-0\">Ferda Yagizoglu<\/p>\n <p class=\"text-xs text-gray-500 font-medium !mb-0\">Service Delivery Manager<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"w-[350px] md:w-[450px] bg-brand-light p-10 rounded-[2rem] flex-shrink-0 border border-gray-100 hover:shadow-xl hover:border-brand-green transition-all duration-300 transform hover:-translate-y-1\">\n <div class=\"flex text-brand-green mb-6\">\n <i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i>\n <\/div>\n <p class=\"text-brand-dark text-lg md:text-xl font-medium leading-relaxed mb-8\">\"Als professional ben ik constant onderweg. De Hydrate Tabs van Triple P hebben mijn energie en concentratie duidelijk verbeterd. Een absolute must-have!\"<\/p>\n \n <div class=\"flex items-center gap-4\">\n <img src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2023\/12\/instagram-logo-profile.png\" alt=\"Mehdi\" class=\"w-12 h-12 rounded-full object-cover grayscale\">\n <div>\n <p class=\"font-bold text-brand-dark text-sm !mb-0\">Mehdi El Hamzaoui<\/p>\n <p class=\"text-xs text-gray-500 font-medium !mb-0\">Business Development<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"w-[350px] md:w-[450px] bg-brand-light p-10 rounded-[2rem] flex-shrink-0 border border-gray-100 hover:shadow-xl hover:border-brand-green transition-all duration-300 transform hover:-translate-y-1\">\n <div class=\"flex text-brand-green mb-6\">\n <i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i>\n <\/div>\n <p class=\"text-brand-dark text-lg md:text-xl font-medium leading-relaxed mb-8\">\"Achter mijn scherm zitten voelt minder vermoeiend. Ze helpen me om gehydrateerd en gefocust te blijven tijdens intensieve projecten. Een simpele oplossing.\"<\/p>\n \n <div class=\"flex items-center gap-4\">\n <img src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2024\/11\/1673465604641.jpeg\" alt=\"Ronald\" class=\"w-12 h-12 rounded-full object-cover grayscale\">\n <div>\n <p class=\"font-bold text-brand-dark text-sm !mb-0\">Ronald Vanbrabant<\/p>\n <p class=\"text-xs text-gray-500 font-medium !mb-0\">Productieverantwoordelijke<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"text-center mt-16 reveal\" style=\"transition-delay: 0.3s;\">\n <a href=\"#\" class=\"inline-block text-brand-dark font-semibold uppercase tracking-widest text-sm border-b-2 border-brand-green pb-1 hover:text-brand-green transition-colors\">\n Lees alle 300+ reviews op Trustpilot\n <\/a>\n <\/div>\n <\/section>\n \n <section class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-20 mb-8\">\n <div class=\"text-center mb-12\">\n <p class=\"text-sm font-semibold tracking-widest text-brand-green mb-3 uppercase\">Praktisch<\/p>\n <h2 class=\"text-3xl font-semibold text-brand-dark\">Veelgestelde Vragen<\/h2>\n <\/div>\n\n <div class=\"space-y-4\">\n <details class=\"group border-b border-gray-200 pb-5\" open>\n <summary class=\"flex justify-between items-center font-medium cursor-pointer list-none text-lg text-brand-dark hover:text-brand-green transition-colors\">\n Zijn de ingredi\u00ebnten natuurlijk?\n <span class=\"transition group-open:rotate-180 text-brand-gray group-hover:text-brand-green\">\n <i data-lucide=\"chevron-down\" class=\"w-5 h-5\"><\/i>\n <\/span>\n <\/summary>\n <div class=\"text-brand-gray mt-5 text-sm md:text-base leading-relaxed font-medium space-y-5\">\n <p>Ja, we gebruiken alleen natuurlijke ingredi\u00ebnten om de hoogste kwaliteit te garanderen. Onze Electrolyte Tabs zijn vrij van kunstmatige kleurstoffen en conserveringsmiddelen. Daarnaast is het product 100% veganistisch.<\/p>\n <\/div>\n <\/details>\n\n <details class=\"group border-b border-gray-200 pb-5 mt-2\">\n <summary class=\"flex justify-between items-center font-medium cursor-pointer list-none text-lg text-brand-dark hover:text-brand-green transition-colors\">\n Zit er cafe\u00efne in?\n <span class=\"transition group-open:rotate-180 text-brand-gray group-hover:text-brand-green\">\n <i data-lucide=\"chevron-down\" class=\"w-5 h-5\"><\/i>\n <\/span>\n <\/summary>\n <div class=\"text-brand-gray mt-5 text-sm md:text-base leading-relaxed font-medium space-y-5\">\n <p>Nee, onze formule is 100% cafe\u00efnevrij. Hierdoor ervaar je een constante, heldere focus zonder de opgefokte gevoelens of de onvermijdelijke middagcrash die koffie en energiedranken vaak geven. Perfect voor langdurige concentratie op de werkvloer.<\/p>\n <\/div>\n <\/details>\n\n <details class=\"group border-b border-gray-200 pb-5 mt-2\">\n <summary class=\"flex justify-between items-center font-medium cursor-pointer list-none text-lg text-brand-dark hover:text-brand-green transition-colors\">\n Hoe bestel ik en hoelang duurt de levering?\n <span class=\"transition group-open:rotate-180 text-brand-gray group-hover:text-brand-green\">\n <i data-lucide=\"chevron-down\" class=\"w-5 h-5\"><\/i>\n <\/span>\n <\/summary>\n <div class=\"text-brand-gray mt-5 text-sm md:text-base leading-relaxed font-medium space-y-5\">\n <p>We bieden momenteel Bancontact en overschrijving als betaalopties aan. We verzenden je bestelling zo snel mogelijk via Bpost. Je ontvangt na bestelling netjes een bevestigingsmail met de track & trace gegevens.<\/p>\n <\/div>\n <\/details>\n <\/div>\n <\/section>\n\n <div class=\"fixed bottom-0 left-0 w-full bg-white\/90 backdrop-blur-md border-t border-gray-200 px-4 py-4 z-50 flex flex-col gap-3 md:hidden shadow-[0_-10px_30px_rgba(0,0,0,0.05)]\">\n <a href=\"#smaken\" class=\"bg-brand-green text-brand-dark font-bold py-4 px-6 rounded-full text-center shadow-[0_4px_14px_rgba(151,215,0,0.3)] w-full text-base tracking-wide active:scale-95 transition-transform\">\n Bestel direct\n <\/a>\n <a href=\"\/verkooppunten\/\" class=\"text-brand-dark hover:text-brand-green text-center font-semibold underline underline-offset-4 text-sm transition-colors duration-300 pb-1\">\n Vind een verkooppunt\n <\/a>\n <\/div>\n<\/main>\n\n<script>\n \/\/ Zorg ervoor dat de iconen veilig inladen nadat de paginastructuur klaar is\n document.addEventListener('DOMContentLoaded', () => {\n lucide.createIcons();\n });\n\n \/\/ Reveal animatie logica\n function reveal() {\n var reveals = document.querySelectorAll(\".reveal\");\n for (var i = 0; i < reveals.length; i++) {\n var windowHeight = window.innerHeight;\n var elementTop = reveals[i].getBoundingClientRect().top;\n var elementVisible = 100; \n\n if (elementTop < windowHeight - elementVisible) {\n reveals[i].classList.add(\"active\");\n }\n }\n }\n \n if (typeof window !== 'undefined') {\n window.addEventListener(\"scroll\", reveal);\n \/\/ Roep direct 1x aan voor elementen bovenaan de pagina\n setTimeout(reveal, 100); \n }\n<\/script>\n<\/body>\n<\/html>\n<!-- \/wp:html -->\n\n<!-- wp:html {\"metadata\":{\"blockVisibility\":false}} -->\n<!DOCTYPE html>\n<html lang=\"nl\" class=\"scroll-smooth\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>TripleP | Pro-Level Electrolytes<\/title>\n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n \n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n brand: {\n green: '#97d700', \/* Neon green *\/\n dark: '#1d1d1f', \/* Apple dark gray\/black *\/\n gray: '#86868b', \/* Apple medium gray *\/\n light: '#f5f5f7' \/* Apple light gray background *\/\n }\n },\n fontFamily: {\n sans: ['Inter', 'sans-serif'],\n },\n letterSpacing: {\n tighter: '-.04em',\n tight: '-.02em',\n }\n }\n }\n }\n <\/script>\n <style>\n \/* --- FIX VOOR DE WITTE RANDEN AAN DE ZIJKANT --- *\/\n .entry-content > .wp-block-group {\n padding: 0 !important;\n }\n\n \/* Smooth scrolling fix voor WordPress *\/\n html { scroll-behavior: smooth; }\n\n \/* Fade-up animaties voor een premium feel *\/\n .reveal {\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);\n }\n .reveal.active {\n opacity: 1;\n transform: translateY(0);\n }\n \n \/* Hide scrollbar *\/\n ::-webkit-scrollbar { width: 8px; }\n ::-webkit-scrollbar-track { background: #f5f5f7; }\n ::-webkit-scrollbar-thumb { background: #d1d1d6; border-radius: 4px; }\n \n \/* Verberg standaard details marker voor accordions *\/\n details > summary::-webkit-details-marker { display: none; }\n\n \/* --- FIX VOOR WORDPRESS ASTRA --- *\/\n a.bg-brand-dark:hover { color: #ffffff !important; }\n a.bg-brand-green:hover { color: #1d1d1f !important; }\n\n \/* --- UX Fix: Animaties alleen voor apparaten met een muis (Hover) --- *\/\n @media (hover: hover) and (pointer: fine) {\n \/* Diepte\/Perspectief Effect Hero *\/\n .perspective-item {\n transition: all 0.9s cubic-bezier(0.25, 1, 0.5, 1);\n transform-origin: center;\n }\n .group:hover .perspective-far-left { transform: translateX(-180px) scale(0.7); opacity: 0.3; filter: blur(3px); }\n .group:hover .perspective-left { transform: translateX(-90px) scale(0.85); opacity: 0.6; filter: blur(1.5px); }\n .group:hover .perspective-right { transform: translateX(90px) scale(0.85); opacity: 0.6; filter: blur(1.5px); }\n .group:hover .perspective-far-right { transform: translateX(180px) scale(0.7); opacity: 0.3; filter: blur(3px); }\n .group:hover .perspective-center { transform: scale(1.05); }\n\n \/* Zweef effect voor pakketten (2 gekruiste tubes) *\/\n .focus-bundle-hover img {\n transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n }\n .focus-bundle-hover:hover img:first-of-type {\n transform: translateY(-12px) rotate(-16deg) translateX(-6px) scale(1.03);\n }\n .focus-bundle-hover:hover img:last-of-type {\n transform: translateY(-12px) rotate(16deg) translateX(6px) scale(1.03);\n }\n }\n\n \/* Marquee Animation voor de Reviews *\/\n @keyframes scroll {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n .animate-scroll {\n animation: scroll 40s linear infinite;\n width: max-content;\n }\n <\/style>\n<\/head>\n\n<body class=\"bg-brand-light text-brand-dark font-sans antialiased overflow-x-hidden selection:bg-brand-green selection:text-white\">\n\n<main class=\"alignfull flex-grow pb-28 md:pb-0\">\n \n <section id=\"overzicht\" class=\"relative min-h-[90vh] flex flex-col items-center justify-center pt-10 md:pt-20 overflow-hidden bg-brand-light\">\n <div class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-[60vw] h-[60vw] bg-brand-green\/10 blur-[100px] rounded-full pointer-events-none\"><\/div>\n \n <div class=\"relative z-10 text-center px-4 max-w-4xl mx-auto w-full reveal\">\n <h1 class=\"text-6xl md:text-8xl lg:text-[120px] font-bold tracking-tighter leading-none mb-6 text-brand-dark\">\n Pure focus.<br>Geen crash.\n <\/h1>\n <p class=\"text-xl md:text-3xl text-brand-gray font-medium tracking-tight mb-10 max-w-2xl mx-auto\">\n Electrolytes heruitgevonden voor de professional die presteert op topniveau.\n <\/p>\n \n <div class=\"flex flex-col sm:flex-row justify-center items-center gap-6\">\n <a href=\"\/store\/\" class=\"bg-brand-green text-brand-dark font-bold py-4 px-12 rounded-full hover:bg-[#8ac208] hover:scale-105 transition-all duration-300 shadow-[0_10px_30px_rgba(151,215,0,0.3)] w-full sm:w-auto text-base tracking-wide\">\n Bestel direct\n <\/a>\n <a href=\"\/verkooppunten\/\" class=\"text-brand-gray hover:text-brand-dark font-medium underline underline-offset-8 transition-colors duration-300 w-full sm:w-auto text-sm\">\n Of vind een verkooppunt\n <\/a>\n <\/div>\n <\/div>\n\n <div class=\"relative z-20 w-full flex justify-center px-8 mt-16 mb-12 md:mb-20 reveal group cursor-pointer\" style=\"transition-delay: 0.2s;\">\n <div class=\"relative h-[40vh] md:h-[50vh] flex justify-center items-center\">\n <img src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2026\/03\/Effervescent_Tablets_bosbessen.png\" alt=\"Bosbessen\" class=\"perspective-item perspective-far-left absolute inset-0 w-full h-full object-contain opacity-0 z-0 pointer-events-none drop-shadow-sm\">\n <img src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2026\/03\/Effervescent_Tablets_bosbessen.png\" alt=\"Bosbessen\" class=\"perspective-item perspective-far-right absolute inset-0 w-full h-full object-contain opacity-0 z-0 pointer-events-none drop-shadow-sm\">\n \n <img src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2026\/03\/Effervescent_Tablets_citroen.png\" alt=\"Citroen\" class=\"perspective-item perspective-left absolute inset-0 w-full h-full object-contain opacity-0 z-10 pointer-events-none drop-shadow-md\">\n <img src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2026\/03\/Effervescent_Tablets_citroen.png\" alt=\"Citroen\" class=\"perspective-item perspective-right absolute inset-0 w-full h-full object-contain opacity-0 z-10 pointer-events-none drop-shadow-md\">\n \n <img src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2026\/03\/Effervescent_Tablets_meloen.png\" alt=\"TripleP Meloen\" class=\"perspective-item perspective-center relative z-20 h-full w-auto object-contain drop-shadow-[0_30px_60px_rgba(0,0,0,0.15)]\">\n <\/div>\n <\/div>\n <\/section>\n\n <div class=\"bg-white border-b border-gray-200 py-4 hidden md:block reveal\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"flex justify-center gap-12 text-sm font-medium text-brand-gray\">\n <span class=\"flex items-center gap-2\"><i data-lucide=\"truck\" class=\"w-4 h-4 text-brand-green\"><\/i> Voor 23:59 besteld, morgen in huis<\/span>\n <span class=\"flex items-center gap-2\"><i data-lucide=\"leaf\" class=\"w-4 h-4 text-brand-green\"><\/i> 100% Vegan & Suikervrij<\/span>\n <span class=\"flex items-center gap-2\"><i data-lucide=\"shield-check\" class=\"w-4 h-4 text-brand-green\"><\/i> Wetenschappelijk geformuleerd<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <section class=\"bg-white text-brand-dark py-32 px-6\">\n <div class=\"max-w-4xl mx-auto text-center reveal\">\n <h2 class=\"text-4xl md:text-6xl font-bold tracking-tighter mb-8 leading-tight\">\n Koffie geeft je een piek.<br>Wij geven je controle.\n <\/h2>\n <p class=\"text-xl md:text-2xl text-brand-gray font-medium leading-relaxed max-w-3xl mx-auto\">\n Ontwikkeld voor de werkdag. Onze unieke mix van essenti\u00eble mineralen hydrateert razendsnel, zonder de suikers of cafe\u00efne die je later op de dag laten instorten.\n <\/p>\n <\/div>\n <\/section>\n\n <section id=\"voordelen\" class=\"bg-brand-light py-32 px-4 sm:px-6 lg:px-8\">\n <div class=\"max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-3 gap-6\">\n <div class=\"md:col-span-2 bg-white rounded-[2.5rem] p-10 md:p-14 flex flex-col justify-center overflow-hidden relative shadow-[0_4px_24px_rgba(0,0,0,0.03)] reveal border border-gray-100\">\n <div class=\"relative z-10 w-full md:w-2\/3\">\n <h3 class=\"text-3xl md:text-5xl font-bold tracking-tight mb-4 text-brand-dark\">0% Suiker.<br>100% Helderheid.<\/h3>\n <p class=\"text-lg text-brand-gray font-medium\">Geen onnodige toevoegingen. Alleen wat je hersenen en lichaam echt nodig hebben om urenlang scherp te blijven.<\/p>\n <\/div>\n <div class=\"absolute -bottom-20 -right-20 w-80 h-80 border-[40px] border-brand-light rounded-full\"><\/div>\n <\/div>\n\n <div class=\"bg-white rounded-[2.5rem] p-10 flex flex-col justify-between shadow-[0_4px_24px_rgba(0,0,0,0.03)] reveal border border-gray-100\" style=\"transition-delay: 0.1s;\">\n <div class=\"bg-brand-light w-16 h-16 rounded-full flex items-center justify-center mb-6\">\n <i data-lucide=\"leaf\" class=\"w-8 h-8 text-brand-green\"><\/i>\n <\/div>\n <div>\n <h3 class=\"text-2xl font-bold tracking-tight mb-2 text-brand-dark\">Vegan.<\/h3>\n <p class=\"text-brand-gray font-medium\">Volledig plantaardig geproduceerd en vrij van dierlijke ingredi\u00ebnten.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"bg-white rounded-[2.5rem] p-10 flex flex-col justify-between shadow-[0_4px_24px_rgba(0,0,0,0.03)] reveal border border-gray-100\" style=\"transition-delay: 0.2s;\">\n <div class=\"bg-brand-light w-16 h-16 rounded-full flex items-center justify-center mb-6\">\n <i data-lucide=\"zap\" class=\"w-8 h-8 text-brand-green\"><\/i>\n <\/div>\n <div>\n <h3 class=\"text-2xl font-bold tracking-tight mb-2 text-brand-dark\">Direct oplosbaar.<\/h3>\n <p class=\"text-brand-gray font-medium\">Drop in je water, bruist direct. Klaar in seconden.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"md:col-span-2 bg-white rounded-[2.5rem] p-10 md:p-14 flex items-center shadow-[0_4px_24px_rgba(0,0,0,0.03)] reveal border border-gray-100\" style=\"transition-delay: 0.3s;\">\n <div class=\"flex-1\">\n <h3 class=\"text-3xl md:text-5xl font-bold tracking-tight mb-4 text-brand-dark\">Gemaakt voor<br>de meeting room.<\/h3>\n <p class=\"text-lg text-brand-gray font-medium\">Geen typische sportdrank verpakking, maar een strakke, professionele koker die perfect past op je bureau.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"bg-white py-32 px-6 border-y border-gray-100 relative overflow-hidden\">\n <div class=\"absolute top-0 right-0 w-[800px] h-[800px] bg-brand-green\/5 rounded-full blur-[120px] -translate-y-1\/2 translate-x-1\/3 pointer-events-none\"><\/div>\n\n <div class=\"max-w-7xl mx-auto relative z-10\">\n <div class=\"text-center mb-20 reveal\">\n <p class=\"text-sm font-bold tracking-[0.2em] text-gray-400 uppercase mb-4\">Pure Transparantie<\/p>\n <h2 class=\"text-4xl md:text-5xl lg:text-6xl font-bold tracking-tighter text-brand-dark\">Wat je ziet is wat je krijgt.<\/h2>\n <\/div>\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 lg:gap-8 reveal\" style=\"transition-delay: 0.2s;\">\n \n <div class=\"bg-brand-light p-10 md:p-12 rounded-[2.5rem] border border-gray-100 hover:shadow-[0_8px_30px_rgba(0,0,0,0.05)] hover:border-brand-green\/40 transition-all duration-500 group relative overflow-hidden\">\n <div class=\"absolute -right-4 -top-8 text-[180px] font-black text-white opacity-60 group-hover:scale-110 group-hover:-rotate-3 transition-transform duration-700 pointer-events-none select-none\">Na<\/div>\n <div class=\"relative z-10\">\n <div class=\"w-14 h-14 rounded-2xl bg-white flex items-center justify-center text-xl font-bold text-brand-green shadow-sm mb-6 border border-gray-100\">Na<\/div>\n <h4 class=\"text-3xl font-bold text-brand-dark mb-4 tracking-tight\">Natrium<\/h4>\n <p class=\"text-lg text-brand-gray font-medium leading-relaxed\">Cruciaal voor een optimale vochtbalans. Helpt uitdroging te voorkomen tijdens lange, intensieve werkblokken en versnelt de hydratatie.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"bg-brand-light p-10 md:p-12 rounded-[2.5rem] border border-gray-100 hover:shadow-[0_8px_30px_rgba(0,0,0,0.05)] hover:border-brand-green\/40 transition-all duration-500 group relative overflow-hidden\">\n <div class=\"absolute -right-4 -top-8 text-[180px] font-black text-white opacity-60 group-hover:scale-110 group-hover:-rotate-3 transition-transform duration-700 pointer-events-none select-none\">Mg<\/div>\n <div class=\"relative z-10\">\n <div class=\"w-14 h-14 rounded-2xl bg-white flex items-center justify-center text-xl font-bold text-brand-green shadow-sm mb-6 border border-gray-100\">Mg<\/div>\n <h4 class=\"text-3xl font-bold text-brand-dark mb-4 tracking-tight\">Magnesium<\/h4>\n <p class=\"text-lg text-brand-gray font-medium leading-relaxed\">De ultieme anti-stress mineraal. Vermindert mentale vermoeidheid en ondersteunt een scherpe, heldere werking van je zenuwstelsel.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"bg-brand-light p-10 md:p-12 rounded-[2.5rem] border border-gray-100 hover:shadow-[0_8px_30px_rgba(0,0,0,0.05)] hover:border-brand-green\/40 transition-all duration-500 group relative overflow-hidden\">\n <div class=\"absolute -right-4 -top-8 text-[180px] font-black text-white opacity-60 group-hover:scale-110 group-hover:-rotate-3 transition-transform duration-700 pointer-events-none select-none\">K<\/div>\n <div class=\"relative z-10\">\n <div class=\"w-14 h-14 rounded-2xl bg-white flex items-center justify-center text-xl font-bold text-brand-green shadow-sm mb-6 border border-gray-100\">K<\/div>\n <h4 class=\"text-3xl font-bold text-brand-dark mb-4 tracking-tight\">Kalium<\/h4>\n <p class=\"text-lg text-brand-gray font-medium leading-relaxed\">Ondersteunt een gezonde bloeddruk en vlotte spierfunctie. Zorgt ervoor dat je cellen de energie krijgen die ze nodig hebben om te presteren.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"bg-brand-light p-10 md:p-12 rounded-[2.5rem] border border-gray-100 hover:shadow-[0_8px_30px_rgba(0,0,0,0.05)] hover:border-brand-green\/40 transition-all duration-500 group relative overflow-hidden\">\n <div class=\"absolute -right-4 -top-8 text-[180px] font-black text-white opacity-60 group-hover:scale-110 group-hover:-rotate-3 transition-transform duration-700 pointer-events-none select-none\">Ca<\/div>\n <div class=\"relative z-10\">\n <div class=\"w-14 h-14 rounded-2xl bg-white flex items-center justify-center text-xl font-bold text-brand-green shadow-sm mb-6 border border-gray-100\">Ca<\/div>\n <h4 class=\"text-3xl font-bold text-brand-dark mb-4 tracking-tight\">Calcium<\/h4>\n <p class=\"text-lg text-brand-gray font-medium leading-relaxed\">Niet alleen essentieel voor sterke botten, maar fungeert ook als een cruciale boodschapper voor signalen in je hersenen en zenuwen.<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"smaken\" class=\"bg-brand-light text-brand-dark py-24 pb-40 border-b border-gray-200\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\n <h2 class=\"text-5xl font-bold tracking-tighter mb-20 reveal\">Kies je flow.<\/h2>\n \n <div class=\"flex flex-col md:flex-row justify-center items-end gap-10 lg:gap-16\">\n \n <div class=\"flex flex-col items-center reveal focus-bundle-hover w-full md:w-1\/3 max-w-[300px] mx-auto\">\n <div class=\"relative w-[220px] h-[340px] mb-6 flex justify-center items-center\">\n <div class=\"absolute bottom-0 w-full h-[320px] bg-white rounded-[2rem] shadow-sm border border-gray-100 transition-shadow duration-300 group-hover:shadow-md\"><\/div>\n <img src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2026\/03\/Effervescent_Tablets_meloen.png\" alt=\"Watermeloen\" class=\"absolute h-[380px] w-auto object-contain drop-shadow-2xl z-10 -rotate-[12deg] -translate-x-4\">\n <img src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2026\/03\/Effervescent_Tablets_meloen.png\" alt=\"Watermeloen\" class=\"absolute h-[380px] w-auto object-contain drop-shadow-2xl z-20 rotate-[12deg] translate-x-4\">\n <\/div>\n \n <h3 class=\"text-2xl font-bold tracking-tight mb-1\">Watermeloen Pakket<\/h3>\n <p class=\"text-brand-gray text-sm mb-4\">2x Watermeloen (Zoet, fruitig)<\/p>\n \n <div class=\"flex items-center justify-center gap-1 mb-2 text-brand-dark\">\n <span class=\"text-lg font-bold\">\u20ac 29,90<\/span>\n <span class=\"text-xs font-medium text-gray-400\">\/ 40 tabs<\/span>\n <\/div>\n\n <div class=\"flex items-center justify-center gap-1 mb-6 text-[10px] font-semibold text-brand-dark\">\n <div class=\"flex text-brand-green\">\n <i data-lucide=\"star\" class=\"w-3 h-3 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-3 h-3 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-3 h-3 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-3 h-3 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-3 h-3 fill-current\"><\/i>\n <\/div>\n <span class=\"ml-1 opacity-70\">4.9\/5<\/span>\n <\/div>\n\n <a href=\"\/store\/\" class=\"inline-flex items-center justify-center gap-2 bg-brand-dark text-white text-sm font-semibold px-8 py-3.5 rounded-full hover:opacity-80 transition-opacity duration-300 w-full max-w-[240px]\">\n <i data-lucide=\"shopping-cart\" class=\"w-4 h-4\"><\/i> Kies Pakket\n <\/a>\n <\/div>\n\n <div class=\"flex flex-col items-center reveal focus-bundle-hover w-full md:w-1\/3 max-w-[300px] mx-auto mt-12 md:mt-0 relative\" style=\"transition-delay: 0.1s;\">\n <div class=\"relative w-[220px] h-[340px] mb-6 flex justify-center items-center\">\n <div class=\"absolute bottom-0 w-full h-[320px] bg-white rounded-[2rem] shadow-[0_15px_40px_rgba(151,215,0,0.15)] border-2 border-brand-green transition-shadow duration-300 hover:shadow-[0_20px_50px_rgba(151,215,0,0.25)]\"><\/div>\n <div class=\"absolute top-1 z-30 bg-brand-green text-brand-dark text-[10px] font-bold uppercase tracking-widest py-1.5 px-4 rounded-full shadow-md whitespace-nowrap\">\n Nieuw & Meest Gekozen\n <\/div>\n <img src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2026\/03\/Effervescent_Tablets_bosbessen.png\" alt=\"Blauwe Bes\" class=\"absolute h-[380px] w-auto object-contain drop-shadow-2xl z-10 -rotate-[12deg] -translate-x-4\">\n <img src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2026\/03\/Effervescent_Tablets_bosbessen.png\" alt=\"Blauwe Bes\" class=\"absolute h-[380px] w-auto object-contain drop-shadow-2xl z-20 rotate-[12deg] translate-x-4\">\n <\/div>\n \n <h3 class=\"text-2xl font-bold tracking-tight mb-1\">Blauwe Bes Pakket<\/h3>\n <p class=\"text-brand-gray text-sm mb-4\">2x Blauwe Bes (Fris, krachtig)<\/p>\n\n <div class=\"flex items-center justify-center gap-1 mb-2 text-brand-dark\">\n <span class=\"text-lg font-bold\">\u20ac 29,90<\/span>\n <span class=\"text-xs font-medium text-gray-400\">\/ 40 tabs<\/span>\n <\/div>\n\n <div class=\"flex items-center justify-center gap-1 mb-6 text-[10px] font-semibold text-brand-dark\">\n <div class=\"flex text-brand-green\">\n <i data-lucide=\"check-circle-2\" class=\"w-3.5 h-3.5\"><\/i>\n <\/div>\n <span class=\"ml-1 text-brand-green uppercase tracking-wide\">Gratis Verzending<\/span>\n <\/div>\n\n <a href=\"\/store\/\" class=\"inline-flex items-center justify-center gap-2 bg-brand-green text-brand-dark text-sm font-bold px-8 py-3.5 rounded-full hover:bg-[#8ac208] transition-colors duration-300 shadow-md w-full max-w-[240px]\">\n <i data-lucide=\"shopping-cart\" class=\"w-4 h-4\"><\/i> Kies Pakket\n <\/a>\n <\/div>\n\n <div class=\"flex flex-col items-center reveal focus-bundle-hover w-full md:w-1\/3 max-w-[300px] mx-auto mt-12 md:mt-0\" style=\"transition-delay: 0.2s;\">\n <div class=\"relative w-[220px] h-[340px] mb-6 flex justify-center items-center\">\n <div class=\"absolute bottom-0 w-full h-[320px] bg-white rounded-[2rem] shadow-sm border border-gray-100 transition-shadow duration-300 group-hover:shadow-md\"><\/div>\n <img src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2026\/03\/Effervescent_Tablets_citroen.png\" alt=\"Citroen\" class=\"absolute h-[380px] w-auto object-contain drop-shadow-2xl z-10 -rotate-[12deg] -translate-x-4\">\n <img src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2026\/03\/Effervescent_Tablets_citroen.png\" alt=\"Citroen\" class=\"absolute h-[380px] w-auto object-contain drop-shadow-2xl z-20 rotate-[12deg] translate-x-4\">\n <\/div>\n \n <h3 class=\"text-2xl font-bold tracking-tight mb-1\">Citroen Pakket<\/h3>\n <p class=\"text-brand-gray text-sm mb-4\">2x Citroen (Scherp, fris)<\/p>\n \n <div class=\"flex items-center justify-center gap-1 mb-2 text-brand-dark\">\n <span class=\"text-lg font-bold\">\u20ac 29,90<\/span>\n <span class=\"text-xs font-medium text-gray-400\">\/ 40 tabs<\/span>\n <\/div>\n\n <div class=\"flex items-center justify-center gap-1 mb-6 text-[10px] font-semibold text-brand-dark\">\n <div class=\"flex text-brand-green\">\n <i data-lucide=\"star\" class=\"w-3 h-3 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-3 h-3 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-3 h-3 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-3 h-3 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-3 h-3 fill-current\"><\/i>\n <\/div>\n <span class=\"ml-1 opacity-70\">4.9\/5<\/span>\n <\/div>\n\n <a href=\"\/store\/\" class=\"inline-flex items-center justify-center gap-2 bg-brand-dark text-white text-sm font-semibold px-8 py-3.5 rounded-full hover:opacity-80 transition-opacity duration-300 w-full max-w-[240px]\">\n <i data-lucide=\"shopping-cart\" class=\"w-4 h-4\"><\/i> Kies Pakket\n <\/a>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"reviews-section\" class=\"bg-white py-32 border-b border-gray-200 overflow-hidden relative\">\n <div class=\"max-w-7xl mx-auto px-6 text-center reveal mb-16\">\n <h2 class=\"text-4xl md:text-5xl font-bold tracking-tighter text-brand-dark mb-4\">Gewaardeerd door professionals.<\/h2>\n <p class=\"text-lg text-brand-gray font-medium\">Lees waarom duizenden gebruikers niet meer zonder kunnen.<\/p>\n <\/div>\n\n <div class=\"relative w-full max-w-[100vw] overflow-hidden reveal\" style=\"transition-delay: 0.2s;\">\n <div class=\"absolute inset-y-0 left-0 w-12 md:w-32 bg-gradient-to-r from-white to-transparent z-10 pointer-events-none\"><\/div>\n <div class=\"absolute inset-y-0 right-0 w-12 md:w-32 bg-gradient-to-l from-white to-transparent z-10 pointer-events-none\"><\/div>\n\n <div class=\"flex w-max animate-scroll hover:[animation-play-state:paused]\" id=\"review-track\">\n \n <div class=\"flex gap-6 pr-6\">\n <div class=\"w-[350px] md:w-[450px] bg-brand-light p-10 rounded-[2rem] flex-shrink-0 border border-gray-100 hover:shadow-xl hover:border-brand-green transition-all duration-300 transform hover:-translate-y-1\">\n <div class=\"flex text-brand-green mb-6\">\n <i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i>\n <\/div>\n <p class=\"text-brand-dark text-lg md:text-xl font-medium leading-relaxed mb-8\">\"Deze tabs zijn een lifesaver op drukke dagen. Of ik nu van de ene meeting naar de andere ga, of een lange werkdag heb, ze zorgen ervoor dat ik me fit en helder blijf voelen.\"<\/p>\n \n <div class=\"flex items-center gap-4\">\n <img src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2024\/11\/1730636039109.jpeg\" alt=\"Yannick\" class=\"w-12 h-12 rounded-full object-cover grayscale\">\n <div>\n <p class=\"font-bold text-brand-dark text-sm !mb-0\">Yannick De Neef<\/p>\n <p class=\"text-xs text-gray-500 font-medium !mb-0\">Communitymanager<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"w-[350px] md:w-[450px] bg-brand-light p-10 rounded-[2rem] flex-shrink-0 border border-gray-100 hover:shadow-xl hover:border-brand-green transition-all duration-300 transform hover:-translate-y-1\">\n <div class=\"flex text-brand-green mb-6\">\n <i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i>\n <\/div>\n <p class=\"text-brand-dark text-lg md:text-xl font-medium leading-relaxed mb-8\">\"Met mijn hectische schema kan ik niet altijd op tijd eten of genoeg drinken. Deze tabs zorgen ervoor dat ik me na lange dagen nog energiek voel en scherp blijf.\"<\/p>\n \n <div class=\"flex items-center gap-4\">\n <img src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2024\/11\/1586444355074.jpeg\" alt=\"Ferda\" class=\"w-12 h-12 rounded-full object-cover grayscale\">\n <div>\n <p class=\"font-bold text-brand-dark text-sm !mb-0\">Ferda Yagizoglu<\/p>\n <p class=\"text-xs text-gray-500 font-medium !mb-0\">Service Delivery Manager<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"w-[350px] md:w-[450px] bg-brand-light p-10 rounded-[2rem] flex-shrink-0 border border-gray-100 hover:shadow-xl hover:border-brand-green transition-all duration-300 transform hover:-translate-y-1\">\n <div class=\"flex text-brand-green mb-6\">\n <i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i>\n <\/div>\n <p class=\"text-brand-dark text-lg md:text-xl font-medium leading-relaxed mb-8\">\"Als professional ben ik constant onderweg. De Hydrate Tabs van Triple P hebben mijn energie en concentratie duidelijk verbeterd. Een absolute must-have!\"<\/p>\n \n <div class=\"flex items-center gap-4\">\n <img src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2023\/12\/instagram-logo-profile.png\" alt=\"Mehdi\" class=\"w-12 h-12 rounded-full object-cover grayscale\">\n <div>\n <p class=\"font-bold text-brand-dark text-sm !mb-0\">Mehdi El Hamzaoui<\/p>\n <p class=\"text-xs text-gray-500 font-medium !mb-0\">Business Development<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"w-[350px] md:w-[450px] bg-brand-light p-10 rounded-[2rem] flex-shrink-0 border border-gray-100 hover:shadow-xl hover:border-brand-green transition-all duration-300 transform hover:-translate-y-1\">\n <div class=\"flex text-brand-green mb-6\">\n <i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i>\n <\/div>\n <p class=\"text-brand-dark text-lg md:text-xl font-medium leading-relaxed mb-8\">\"Achter mijn scherm zitten voelt minder vermoeiend. Ze helpen me om gehydrateerd en gefocust te blijven tijdens intensieve projecten. Een simpele oplossing.\"<\/p>\n \n <div class=\"flex items-center gap-4\">\n <img src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2024\/11\/1673465604641.jpeg\" alt=\"Ronald\" class=\"w-12 h-12 rounded-full object-cover grayscale\">\n <div>\n <p class=\"font-bold text-brand-dark text-sm !mb-0\">Ronald Vanbrabant<\/p>\n <p class=\"text-xs text-gray-500 font-medium !mb-0\">Productieverantwoordelijke<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"flex gap-6 pr-6\" aria-hidden=\"true\">\n <div class=\"w-[350px] md:w-[450px] bg-brand-light p-10 rounded-[2rem] flex-shrink-0 border border-gray-100 hover:shadow-xl hover:border-brand-green transition-all duration-300 transform hover:-translate-y-1\">\n <div class=\"flex text-brand-green mb-6\">\n <i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i>\n <\/div>\n <p class=\"text-brand-dark text-lg md:text-xl font-medium leading-relaxed mb-8\">\"Deze tabs zijn een lifesaver op drukke dagen. Of ik nu van de ene meeting naar de andere ga, of een lange werkdag heb, ze zorgen ervoor dat ik me fit en helder blijf voelen.\"<\/p>\n \n <div class=\"flex items-center gap-4\">\n <img src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2024\/11\/1730636039109.jpeg\" alt=\"Yannick\" class=\"w-12 h-12 rounded-full object-cover grayscale\">\n <div>\n <p class=\"font-bold text-brand-dark text-sm !mb-0\">Yannick De Neef<\/p>\n <p class=\"text-xs text-gray-500 font-medium !mb-0\">Communitymanager<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"w-[350px] md:w-[450px] bg-brand-light p-10 rounded-[2rem] flex-shrink-0 border border-gray-100 hover:shadow-xl hover:border-brand-green transition-all duration-300 transform hover:-translate-y-1\">\n <div class=\"flex text-brand-green mb-6\">\n <i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i>\n <\/div>\n <p class=\"text-brand-dark text-lg md:text-xl font-medium leading-relaxed mb-8\">\"Met mijn hectische schema kan ik niet altijd op tijd eten of genoeg drinken. Deze tabs zorgen ervoor dat ik me na lange dagen nog energiek voel en scherp blijf.\"<\/p>\n \n <div class=\"flex items-center gap-4\">\n <img src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2024\/11\/1586444355074.jpeg\" alt=\"Ferda\" class=\"w-12 h-12 rounded-full object-cover grayscale\">\n <div>\n <p class=\"font-bold text-brand-dark text-sm !mb-0\">Ferda Yagizoglu<\/p>\n <p class=\"text-xs text-gray-500 font-medium !mb-0\">Service Delivery Manager<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"w-[350px] md:w-[450px] bg-brand-light p-10 rounded-[2rem] flex-shrink-0 border border-gray-100 hover:shadow-xl hover:border-brand-green transition-all duration-300 transform hover:-translate-y-1\">\n <div class=\"flex text-brand-green mb-6\">\n <i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i>\n <\/div>\n <p class=\"text-brand-dark text-lg md:text-xl font-medium leading-relaxed mb-8\">\"Als professional ben ik constant onderweg. De Hydrate Tabs van Triple P hebben mijn energie en concentratie duidelijk verbeterd. Een absolute must-have!\"<\/p>\n \n <div class=\"flex items-center gap-4\">\n <img src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2023\/12\/instagram-logo-profile.png\" alt=\"Mehdi\" class=\"w-12 h-12 rounded-full object-cover grayscale\">\n <div>\n <p class=\"font-bold text-brand-dark text-sm !mb-0\">Mehdi El Hamzaoui<\/p>\n <p class=\"text-xs text-gray-500 font-medium !mb-0\">Business Development<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"w-[350px] md:w-[450px] bg-brand-light p-10 rounded-[2rem] flex-shrink-0 border border-gray-100 hover:shadow-xl hover:border-brand-green transition-all duration-300 transform hover:-translate-y-1\">\n <div class=\"flex text-brand-green mb-6\">\n <i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i>\n <\/div>\n <p class=\"text-brand-dark text-lg md:text-xl font-medium leading-relaxed mb-8\">\"Achter mijn scherm zitten voelt minder vermoeiend. Ze helpen me om gehydrateerd en gefocust te blijven tijdens intensieve projecten. Een simpele oplossing.\"<\/p>\n \n <div class=\"flex items-center gap-4\">\n <img src=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2024\/11\/1673465604641.jpeg\" alt=\"Ronald\" class=\"w-12 h-12 rounded-full object-cover grayscale\">\n <div>\n <p class=\"font-bold text-brand-dark text-sm !mb-0\">Ronald Vanbrabant<\/p>\n <p class=\"text-xs text-gray-500 font-medium !mb-0\">Productieverantwoordelijke<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"text-center mt-16 reveal\" style=\"transition-delay: 0.3s;\">\n <a href=\"#\" class=\"inline-block text-brand-dark font-semibold uppercase tracking-widest text-sm border-b-2 border-brand-green pb-1 hover:text-brand-green transition-colors\">\n Lees alle 300+ reviews op Trustpilot\n <\/a>\n <\/div>\n <\/section>\n \n <section class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-20 mb-8\">\n <div class=\"text-center mb-12\">\n <p class=\"text-sm font-semibold tracking-widest text-brand-green mb-3 uppercase\">Praktisch<\/p>\n <h2 class=\"text-3xl font-semibold text-brand-dark\">Veelgestelde Vragen<\/h2>\n <\/div>\n\n <div class=\"space-y-4\">\n <details class=\"group border-b border-gray-200 pb-5\" open>\n <summary class=\"flex justify-between items-center font-medium cursor-pointer list-none text-lg text-brand-dark hover:text-brand-green transition-colors\">\n Zijn de ingredi\u00ebnten natuurlijk?\n <span class=\"transition group-open:rotate-180 text-brand-gray group-hover:text-brand-green\">\n <i data-lucide=\"chevron-down\" class=\"w-5 h-5\"><\/i>\n <\/span>\n <\/summary>\n <div class=\"text-brand-gray mt-5 text-sm md:text-base leading-relaxed font-medium space-y-5\">\n <p>Ja, we gebruiken alleen natuurlijke ingredi\u00ebnten om de hoogste kwaliteit te garanderen. Onze Electrolyte Tabs zijn vrij van kunstmatige kleurstoffen en conserveringsmiddelen. Daarnaast is het product 100% veganistisch.<\/p>\n <\/div>\n <\/details>\n\n <details class=\"group border-b border-gray-200 pb-5 mt-2\">\n <summary class=\"flex justify-between items-center font-medium cursor-pointer list-none text-lg text-brand-dark hover:text-brand-green transition-colors\">\n Zit er cafe\u00efne of suiker in?\n <span class=\"transition group-open:rotate-180 text-brand-gray group-hover:text-brand-green\">\n <i data-lucide=\"chevron-down\" class=\"w-5 h-5\"><\/i>\n <\/span>\n <\/summary>\n <div class=\"text-brand-gray mt-5 text-sm md:text-base leading-relaxed font-medium space-y-5\">\n <p>Nee, onze formule is 100% suikervrij \u00e9n cafe\u00efnevrij. Hierdoor ervaar je een constante, heldere focus zonder de opgefokte gevoelens of de onvermijdelijke middagcrash die koffie en energiedranken vaak geven. Perfect voor langdurige concentratie op de werkvloer.<\/p>\n <\/div>\n <\/details>\n\n <details class=\"group border-b border-gray-200 pb-5 mt-2\">\n <summary class=\"flex justify-between items-center font-medium cursor-pointer list-none text-lg text-brand-dark hover:text-brand-green transition-colors\">\n Hoe bestel ik en hoelang duurt de levering?\n <span class=\"transition group-open:rotate-180 text-brand-gray group-hover:text-brand-green\">\n <i data-lucide=\"chevron-down\" class=\"w-5 h-5\"><\/i>\n <\/span>\n <\/summary>\n <div class=\"text-brand-gray mt-5 text-sm md:text-base leading-relaxed font-medium space-y-5\">\n <p>We bieden momenteel Bancontact en overschrijving als betaalopties aan. Bestel je voor 23:59, dan heb je jouw bestelling morgen al in huis. Je ontvangt na bestelling netjes een bevestigingsmail met de track & trace gegevens.<\/p>\n <\/div>\n <\/details>\n <\/div>\n <\/section>\n\n <div class=\"fixed bottom-0 left-0 w-full bg-white\/90 backdrop-blur-md border-t border-gray-200 px-4 py-4 z-50 flex flex-col gap-3 md:hidden shadow-[0_-10px_30px_rgba(0,0,0,0.05)]\">\n <a href=\"#smaken\" class=\"bg-brand-green text-brand-dark font-bold py-4 px-6 rounded-full text-center shadow-[0_4px_14px_rgba(151,215,0,0.3)] w-full text-base tracking-wide active:scale-95 transition-transform\">\n Bestel direct\n <\/a>\n <a href=\"\/verkooppunten\/\" class=\"text-brand-gray hover:text-brand-dark text-center font-medium underline underline-offset-4 text-sm transition-colors duration-300 pb-1\">\n Of vind een verkooppunt\n <\/a>\n <\/div>\n<\/main>\n\n<script>\n \/\/ Zorg ervoor dat de iconen veilig inladen nadat de paginastructuur klaar is\n document.addEventListener('DOMContentLoaded', () => {\n lucide.createIcons();\n });\n\n \/\/ Reveal animatie logica\n function reveal() {\n var reveals = document.querySelectorAll(\".reveal\");\n for (var i = 0; i < reveals.length; i++) {\n var windowHeight = window.innerHeight;\n var elementTop = reveals[i].getBoundingClientRect().top;\n var elementVisible = 100; \n\n if (elementTop < windowHeight - elementVisible) {\n reveals[i].classList.add(\"active\");\n }\n }\n }\n \n if (typeof window !== 'undefined') {\n window.addEventListener(\"scroll\", reveal);\n \/\/ Roep direct 1x aan voor elementen bovenaan de pagina\n setTimeout(reveal, 100); \n }\n<\/script>\n<\/body>\n<\/html>\n<!-- \/wp:html --><\/div>\n<!-- \/wp:group -->","_et_gb_content_width":"","inline_featured_image":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-250832","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>TripleP Supplements - TripleP supplements<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/triplepsupplements.be\/fr\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"TripleP Supplements - TripleP supplements\" \/>\n<meta property=\"og:description\" content=\"TripleP | Pro-Level Electrolytes Hydratatie die werkt.Elke dag. Mineralen die je lichaam verliest. Fruitige smaken die je water upgraden. Een tablet die oplost in je fles. Bestel direct Vind een verkooppunt \u20ac0,50 per dosis \u2014 je water hoeft niet duur te zijn Geen sorbitol \u2014 beter verdraagbaar, ook tijdens inspanning Geen kunstmatige kleurstoffen \u2014 rode […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/triplepsupplements.be\/fr\/\" \/>\n<meta property=\"og:site_name\" content=\"TripleP supplements\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-29T11:14:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2026\/03\/Effervescent_Tablets_bosbessen.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture est.\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/triplepsupplements.be\\\/\",\"url\":\"https:\\\/\\\/triplepsupplements.be\\\/\",\"name\":\"TripleP Supplements - TripleP supplements\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/triplepsupplements.be\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/triplepsupplements.be\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/triplepsupplements.be\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/triplepsupplements.be\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Effervescent_Tablets_bosbessen.png\",\"datePublished\":\"2026-03-14T06:50:10+00:00\",\"dateModified\":\"2026-07-29T11:14:53+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/triplepsupplements.be\\\/#breadcrumb\"},\"inLanguage\":\"fr-BE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/triplepsupplements.be\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-BE\",\"@id\":\"https:\\\/\\\/triplepsupplements.be\\\/#primaryimage\",\"url\":\"https:\\\/\\\/triplepsupplements.be\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Effervescent_Tablets_bosbessen.png\",\"contentUrl\":\"https:\\\/\\\/triplepsupplements.be\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Effervescent_Tablets_bosbessen.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/triplepsupplements.be\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/triplepsupplements.be\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"TripleP Supplements\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/triplepsupplements.be\\\/#website\",\"url\":\"https:\\\/\\\/triplepsupplements.be\\\/\",\"name\":\"TripleP supplements\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/triplepsupplements.be\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/triplepsupplements.be\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-BE\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/triplepsupplements.be\\\/#organization\",\"name\":\"TripleP supplements\",\"url\":\"https:\\\/\\\/triplepsupplements.be\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-BE\",\"@id\":\"https:\\\/\\\/triplepsupplements.be\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/triplepsupplements.be\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/TripleP-logo-webl.png\",\"contentUrl\":\"https:\\\/\\\/triplepsupplements.be\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/TripleP-logo-webl.png\",\"width\":1545,\"height\":330,\"caption\":\"TripleP supplements\"},\"image\":{\"@id\":\"https:\\\/\\\/triplepsupplements.be\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"TripleP Supplements - TripleP supplements","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/triplepsupplements.be\/fr\/","og_locale":"fr_FR","og_type":"article","og_title":"TripleP Supplements - TripleP supplements","og_description":"TripleP | Pro-Level Electrolytes Hydratatie die werkt.Elke dag. Mineralen die je lichaam verliest. Fruitige smaken die je water upgraden. Een tablet die oplost in je fles. Bestel direct Vind een verkooppunt \u20ac0,50 per dosis \u2014 je water hoeft niet duur te zijn Geen sorbitol \u2014 beter verdraagbaar, ook tijdens inspanning Geen kunstmatige kleurstoffen \u2014 rode […]","og_url":"https:\/\/triplepsupplements.be\/fr\/","og_site_name":"TripleP supplements","article_modified_time":"2026-07-29T11:14:53+00:00","og_image":[{"url":"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2026\/03\/Effervescent_Tablets_bosbessen.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture est.":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/triplepsupplements.be\/","url":"https:\/\/triplepsupplements.be\/","name":"TripleP Supplements - TripleP supplements","isPartOf":{"@id":"https:\/\/triplepsupplements.be\/#website"},"primaryImageOfPage":{"@id":"https:\/\/triplepsupplements.be\/#primaryimage"},"image":{"@id":"https:\/\/triplepsupplements.be\/#primaryimage"},"thumbnailUrl":"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2026\/03\/Effervescent_Tablets_bosbessen.png","datePublished":"2026-03-14T06:50:10+00:00","dateModified":"2026-07-29T11:14:53+00:00","breadcrumb":{"@id":"https:\/\/triplepsupplements.be\/#breadcrumb"},"inLanguage":"fr-BE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/triplepsupplements.be\/"]}]},{"@type":"ImageObject","inLanguage":"fr-BE","@id":"https:\/\/triplepsupplements.be\/#primaryimage","url":"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2026\/03\/Effervescent_Tablets_bosbessen.png","contentUrl":"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2026\/03\/Effervescent_Tablets_bosbessen.png"},{"@type":"BreadcrumbList","@id":"https:\/\/triplepsupplements.be\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/triplepsupplements.be\/"},{"@type":"ListItem","position":2,"name":"TripleP Supplements"}]},{"@type":"WebSite","@id":"https:\/\/triplepsupplements.be\/#website","url":"https:\/\/triplepsupplements.be\/","name":"TripleP supplements","description":"","publisher":{"@id":"https:\/\/triplepsupplements.be\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/triplepsupplements.be\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-BE"},{"@type":"Organization","@id":"https:\/\/triplepsupplements.be\/#organization","name":"TripleP supplements","url":"https:\/\/triplepsupplements.be\/","logo":{"@type":"ImageObject","inLanguage":"fr-BE","@id":"https:\/\/triplepsupplements.be\/#\/schema\/logo\/image\/","url":"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2026\/01\/TripleP-logo-webl.png","contentUrl":"https:\/\/triplepsupplements.be\/wp-content\/uploads\/2026\/01\/TripleP-logo-webl.png","width":1545,"height":330,"caption":"TripleP supplements"},"image":{"@id":"https:\/\/triplepsupplements.be\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/triplepsupplements.be\/fr\/wp-json\/wp\/v2\/pages\/250832","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/triplepsupplements.be\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/triplepsupplements.be\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/triplepsupplements.be\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/triplepsupplements.be\/fr\/wp-json\/wp\/v2\/comments?post=250832"}],"version-history":[{"count":5,"href":"https:\/\/triplepsupplements.be\/fr\/wp-json\/wp\/v2\/pages\/250832\/revisions"}],"predecessor-version":[{"id":251046,"href":"https:\/\/triplepsupplements.be\/fr\/wp-json\/wp\/v2\/pages\/250832\/revisions\/251046"}],"wp:attachment":[{"href":"https:\/\/triplepsupplements.be\/fr\/wp-json\/wp\/v2\/media?parent=250832"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}