{"product_id":"bobana-coffee-scrub-300-gm","title":"Bobana Coffee Scrub 300 gm","description":"\u003c!-- BOBANA Coffee Body Scrub Product Description --\u003e\n\u003cstyle\u003e\n  .bobana-scrub-container {\n    line-height: 1.6;\n    color: #333;\n    max-width: 1200px;\n    margin: 0 auto;\n    background: linear-gradient(135deg, #faf9f7 0%, #ffffff 100%);\n    overflow: hidden;\n  }\n  \n  .hero-section {\n    text-align: center;\n    padding: 4rem 2rem;\n    background: linear-gradient(135deg, #2c1810 0%, #5d3a2b 100%);\n    color: white;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .hero-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: url('data:image\/svg+xml,\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"\u003e\u003cdefs\u003e\u003cpattern id=\"coffee\" width=\"100\" height=\"100\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"20\" cy=\"20\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.1\"\/\u003e\u003ccircle cx=\"80\" cy=\"80\" r=\"0.8\" fill=\"%23ffffff\" opacity=\"0.08\"\/\u003e\u003ccircle cx=\"50\" cy=\"15\" r=\"0.6\" fill=\"%23ffffff\" opacity=\"0.06\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23coffee)\"\/\u003e\u003c\/svg\u003e');\n    animation: coffeeFloat 25s ease-in-out infinite;\n  }\n  \n  .hero-title {\n    font-size: 2.5rem;\n    font-weight: 700;\n    margin-bottom: 1rem;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    animation: heroSlide 1s ease-out;\n    position: relative;\n    z-index: 2;\n  }\n  \n  .hero-subtitle {\n    font-size: 1.1rem;\n    opacity: 0.9;\n    max-width: 700px;\n    margin: 0 auto;\n    animation: heroFade 1s ease-out 0.3s both;\n    position: relative;\n    z-index: 2;\n  }\n  \n  .product-showcase {\n    padding: 3rem 2rem;\n    text-align: center;\n    position: relative;\n  }\n  \n  .product-image {\n    max-width: 400px;\n    width: 100%;\n    height: auto;\n    border-radius: 20px;\n    box-shadow: 0 20px 60px rgba(156, 129, 2, 0.15);\n    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n    margin: 2rem auto;\n    display: block;\n  }\n  \n  .product-image:hover {\n    transform: translateY(-10px) scale(1.02);\n    box-shadow: 0 30px 80px rgba(156, 129, 2, 0.25);\n  }\n  \n  .product-name {\n    font-size: 2rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin: 2rem 0 1rem;\n    animation: slideUp 0.8s ease-out 0.2s both;\n  }\n  \n  .product-intro {\n    font-size: 1.1rem;\n    color: #555;\n    max-width: 800px;\n    margin: 0 auto 3rem;\n    animation: slideUp 0.8s ease-out 0.4s both;\n  }\n  \n  .benefits-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 2rem;\n    padding: 2rem;\n    margin: 3rem 0;\n  }\n  \n  .benefit-card {\n    background: white;\n    border-radius: 15px;\n    padding: 2rem;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    border: 2px solid transparent;\n    animation: cardSlide 0.6s ease-out both;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .benefit-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 4px;\n    background: linear-gradient(90deg, #8B4513, #9C8102);\n    transform: scaleX(0);\n    transition: transform 0.4s ease;\n  }\n  \n  .benefit-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n    border-color: #9C8102;\n  }\n  \n  .benefit-card:hover::before {\n    transform: scaleX(1);\n  }\n  \n  .benefit-card:nth-child(1) { animation-delay: 0.1s; }\n  .benefit-card:nth-child(2) { animation-delay: 0.2s; }\n  .benefit-card:nth-child(3) { animation-delay: 0.3s; }\n  \n  .benefit-number {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 50px;\n    height: 50px;\n    background: linear-gradient(45deg, #8B4513, #9C8102);\n    color: white;\n    border-radius: 50%;\n    font-weight: bold;\n    margin-bottom: 1rem;\n    animation: pulse 2s ease-in-out infinite;\n    font-size: 1.2rem;\n  }\n  \n  .benefit-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin-bottom: 1rem;\n  }\n  \n  .benefit-description {\n    color: #666;\n    line-height: 1.6;\n  }\n  \n  .section {\n    padding: 3rem 2rem;\n    margin: 2rem 0;\n  }\n  \n  .section-title {\n    font-size: 2rem;\n    font-weight: 600;\n    color: #9C8102;\n    text-align: center;\n    margin-bottom: 2rem;\n    animation: slideUp 0.8s ease-out both;\n  }\n  \n  .section-content {\n    max-width: 800px;\n    margin: 0 auto;\n    animation: slideUp 0.8s ease-out 0.2s both;\n  }\n  \n  .two-column {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 3rem;\n    align-items: center;\n    margin: 3rem 0;\n  }\n  \n  .content-image {\n    width: 100%;\n    max-width: 350px;\n    height: auto;\n    border-radius: 15px;\n    box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n    transition: all 0.5s ease;\n    animation: imageSlide 0.8s ease-out both;\n  }\n  \n  .content-image:hover {\n    transform: scale(1.05) rotate(1deg);\n    box-shadow: 0 25px 60px rgba(0,0,0,0.15);\n  }\n  \n  .text-content {\n    animation: slideUp 0.8s ease-out 0.3s both;\n  }\n  \n  .text-content h3 {\n    font-size: 1.5rem;\n    color: #9C8102;\n    margin-bottom: 1rem;\n    font-weight: 600;\n  }\n  \n  .text-content p {\n    color: #555;\n    margin-bottom: 1rem;\n    line-height: 1.7;\n  }\n  \n  .feature-list {\n    list-style: none;\n    padding: 0;\n    margin: 1.5rem 0;\n  }\n  \n  .feature-list li {\n    padding: 0.8rem 0;\n    border-bottom: 1px solid #eee;\n    position: relative;\n    padding-right: 2rem;\n    animation: listSlide 0.5s ease-out both;\n    color: #555;\n  }\n  \n  .feature-list li:nth-child(1) { animation-delay: 0.1s; }\n  .feature-list li:nth-child(2) { animation-delay: 0.2s; }\n  .feature-list li:nth-child(3) { animation-delay: 0.3s; }\n  .feature-list li:nth-child(4) { animation-delay: 0.4s; }\n  \n  .feature-list li::before {\n    content: '✓';\n    position: absolute;\n    right: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    background: linear-gradient(45deg, #8B4513, #9C8102);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    font-weight: bold;\n    font-size: 1.2rem;\n  }\n  \n  .coffee-benefits {\n    background: linear-gradient(135deg, #f5f2f0 0%, #ffffff 100%);\n    border-radius: 20px;\n    padding: 2rem;\n    margin: 2rem 0;\n    border-right: 5px solid #8B4513;\n  }\n  \n  .scientific-fact {\n    background: white;\n    border-radius: 15px;\n    padding: 1.5rem;\n    margin: 1rem 0;\n    border-left: 4px solid #9C8102;\n    box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n    animation: cardSlide 0.6s ease-out both;\n  }\n  \n  .scientific-fact:nth-child(1) { animation-delay: 0.1s; }\n  .scientific-fact:nth-child(2) { animation-delay: 0.2s; }\n  .scientific-fact:nth-child(3) { animation-delay: 0.3s; }\n  .scientific-fact:nth-child(4) { animation-delay: 0.4s; }\n  \n  .timeline {\n    padding: 3rem 2rem;\n    background: linear-gradient(135deg, #f8f6f4 0%, #ffffff 100%);\n  }\n  \n  .timeline-item {\n    display: flex;\n    margin: 2rem 0;\n    animation: timelineSlide 0.8s ease-out both;\n    align-items: flex-start;\n  }\n  \n  .timeline-item:nth-child(1) { animation-delay: 0.1s; }\n  .timeline-item:nth-child(2) { animation-delay: 0.2s; }\n  .timeline-item:nth-child(3) { animation-delay: 0.3s; }\n  .timeline-item:nth-child(4) { animation-delay: 0.4s; }\n  \n  .timeline-marker {\n    width: 80px;\n    height: 80px;\n    background: linear-gradient(45deg, #8B4513, #9C8102);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: white;\n    font-weight: bold;\n    margin-left: 2rem;\n    flex-shrink: 0;\n    animation: markerPulse 2s ease-in-out infinite;\n    font-size: 0.9rem;\n  }\n  \n  .timeline-content {\n    background: white;\n    padding: 1.5rem;\n    border-radius: 15px;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    margin-right: 1rem;\n    flex-grow: 1;\n    border-right: 4px solid #9C8102;\n  }\n  \n  .timeline-content h4 {\n    color: #9C8102;\n    margin-bottom: 0.5rem;\n    font-size: 1.2rem;\n    font-weight: 600;\n  }\n  \n  .usage-steps {\n    background: linear-gradient(135deg, #2c1810 0%, #5d3a2b 100%);\n    color: white;\n    padding: 3rem 2rem;\n    border-radius: 20px;\n    margin: 3rem 0;\n  }\n  \n  .step-card {\n    background: rgba(255,255,255,0.1);\n    border-radius: 15px;\n    padding: 2rem;\n    margin: 1.5rem 0;\n    backdrop-filter: blur(10px);\n    border: 1px solid rgba(255,255,255,0.1);\n    animation: cardSlide 0.6s ease-out both;\n    transition: all 0.3s ease;\n  }\n  \n  .step-card:hover {\n    background: rgba(255,255,255,0.15);\n    transform: translateX(10px);\n  }\n  \n  .step-card:nth-child(1) { animation-delay: 0.1s; }\n  .step-card:nth-child(2) { animation-delay: 0.2s; }\n  .step-card:nth-child(3) { animation-delay: 0.3s; }\n  .step-card:nth-child(4) { animation-delay: 0.4s; }\n  \n  .step-number {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 40px;\n    height: 40px;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    border-radius: 50%;\n    font-weight: bold;\n    margin-bottom: 1rem;\n    font-size: 1.1rem;\n  }\n  \n  .step-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    margin-bottom: 0.5rem;\n    color: #D4AF37;\n  }\n  \n  .value-proposition {\n    background: linear-gradient(135deg, #f8f6f4 0%, #ffffff 100%);\n    padding: 3rem 2rem;\n    border-radius: 20px;\n    margin: 3rem 0;\n    text-align: center;\n  }\n  \n  .comparison-card {\n    background: white;\n    border-radius: 15px;\n    padding: 2rem;\n    margin: 1rem;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    border-top: 4px solid #9C8102;\n    animation: cardSlide 0.6s ease-out both;\n  }\n  \n  .cta-section {\n    text-align: center;\n    padding: 4rem 2rem;\n    background: linear-gradient(135deg, #2c1810 0%, #5d3a2b 100%);\n    color: white;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .cta-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: radial-gradient(circle at 30% 70%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n    animation: ctaGlow 4s ease-in-out infinite alternate;\n  }\n  \n  .cta-title {\n    font-size: 2.2rem;\n    font-weight: 600;\n    margin-bottom: 1rem;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    animation: slideUp 0.8s ease-out both;\n    position: relative;\n    z-index: 2;\n  }\n  \n  .cta-text {\n    font-size: 1.1rem;\n    opacity: 0.9;\n    margin-bottom: 2rem;\n    max-width: 600px;\n    margin-left: auto;\n    margin-right: auto;\n    animation: slideUp 0.8s ease-out 0.2s both;\n    position: relative;\n    z-index: 2;\n  }\n  \n  .floating-coffee-beans {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    pointer-events: none;\n    overflow: hidden;\n  }\n  \n  .floating-bean {\n    position: absolute;\n    width: 8px;\n    height: 12px;\n    background: linear-gradient(45deg, #8B4513, #9C8102);\n    border-radius: 50% 50% 50% 50% \/ 60% 60% 40% 40%;\n    opacity: 0.3;\n    animation: floatBean 12s linear infinite;\n  }\n  \n  .floating-bean:nth-child(1) { left: 10%; animation-delay: 0s; }\n  .floating-bean:nth-child(2) { left: 30%; animation-delay: 3s; }\n  .floating-bean:nth-child(3) { left: 50%; animation-delay: 6s; }\n  .floating-bean:nth-child(4) { left: 70%; animation-delay: 9s; }\n  .floating-bean:nth-child(5) { left: 90%; animation-delay: 1.5s; }\n  \n  @keyframes heroSlide {\n    0% { transform: translateY(30px); opacity: 0; }\n    100% { transform: translateY(0); opacity: 1; }\n  }\n  \n  @keyframes heroFade {\n    0% { opacity: 0; transform: translateY(20px); }\n    100% { opacity: 0.9; transform: translateY(0); }\n  }\n  \n  @keyframes slideUp {\n    0% { transform: translateY(30px); opacity: 0; }\n    100% { transform: translateY(0); opacity: 1; }\n  }\n  \n  @keyframes cardSlide {\n    0% { transform: translateY(50px) scale(0.9); opacity: 0; }\n    100% { transform: translateY(0) scale(1); opacity: 1; }\n  }\n  \n  @keyframes imageSlide {\n    0% { transform: translateX(-30px); opacity: 0; }\n    100% { transform: translateX(0); opacity: 1; }\n  }\n  \n  @keyframes listSlide {\n    0% { transform: translateX(-20px); opacity: 0; }\n    100% { transform: translateX(0); opacity: 1; }\n  }\n  \n  @keyframes timelineSlide {\n    0% { transform: translateX(-50px); opacity: 0; }\n    100% { transform: translateX(0); opacity: 1; }\n  }\n  \n  @keyframes pulse {\n    0%, 100% { transform: scale(1); }\n    50% { transform: scale(1.05); }\n  }\n  \n  @keyframes markerPulse {\n    0%, 100% { box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4); }\n    50% { box-shadow: 0 0 0 10px rgba(156, 129, 2, 0); }\n  }\n  \n  @keyframes coffeeFloat {\n    0%, 100% { transform: translateY(0px) rotate(0deg); }\n    33% { transform: translateY(-15px) rotate(2deg); }\n    66% { transform: translateY(8px) rotate(-2deg); }\n  }\n  \n  @keyframes floatBean {\n    0% { transform: translateY(100vh) rotate(0deg); opacity: 0; }\n    10% { opacity: 0.3; }\n    90% { opacity: 0.3; }\n    100% { transform: translateY(-100px) rotate(360deg); opacity: 0; }\n  }\n  \n  @keyframes ctaGlow {\n    0% { opacity: 0.1; }\n    100% { opacity: 0.3; }\n  }\n  \n  @media (max-width: 768px) {\n    .hero-title {\n      font-size: 2rem;\n    }\n    \n    .two-column {\n      grid-template-columns: 1fr;\n      gap: 2rem;\n    }\n    \n    .reverse-mobile {\n      display: flex;\n      flex-direction: column;\n    }\n    \n    .reverse-mobile .content-image {\n      order: -1;\n      margin-bottom: 1rem;\n    }\n    \n    .benefits-grid {\n      grid-template-columns: 1fr;\n    }\n    \n    .timeline-item {\n      flex-direction: column;\n      text-align: center;\n    }\n    \n    .timeline-marker {\n      order: -1;\n      margin: 0 auto 1rem auto;\n    }\n    \n    .timeline-content {\n      margin: 0;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"bobana-scrub-container\"\u003e\n\u003c!-- Floating Coffee Beans --\u003e\n\u003cdiv class=\"floating-coffee-beans\"\u003e\n\u003cdiv class=\"floating-bean\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"floating-bean\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"floating-bean\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"floating-bean\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"floating-bean\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003eElke dag hopen duizenden dode cellen zich op in uw lichaam...\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003eEn het resultaat?Doffe, ruwe huid, vol donkere vlekken, alsof je niets om jezelf geeft!Vandaag zal dit allemaal veranderen met BOBANA Coffee Body Scrub.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Showcase --\u003e\n\u003cdiv class=\"product-showcase\"\u003e\n\u003cimg alt=\"BOBANA Coffee Body Scrub\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-coffee-brscrub-186597.webp?v=1751732343\"\/\u003e\n\u003ch2 class=\"product-name\"\u003eBOBANA Skin Coffee Body Scrub - Het koffiewonder voor een compleet nieuwe huid\u003c\/h2\u003e\n\u003cp class=\"product-intro\"\u003e\n      Wist je dat je huid zichzelf iedere 28 dagen vernieuwt?Maar het probleem is dat dode cellen niet gemakkelijk ruimte maken voor nieuwe.Het blijft als een laagje stof op het antiek liggen... en je echte, mooie huid zit eronder gevangen!\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Grid --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003e3 wonderen in één product\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-number\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eDiepe exfoliatie van dode cellen\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eZachte, ronde, natuurlijke koffiebonen verwijderen voorzichtig de opgehoopte dode huidlagen en onthullen de frisse huid die eronder ligt.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-number\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eVerwijder hardnekkige donkere vlekken\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eDe geconcentreerde koffieformule met cafeïne stimuleert de bloedcirculatie en breekt pigmentclusters af, waardoor donkere plekken in de knieën, ellebogen en oksels worden geëlimineerd.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-number\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eJonge en levendige huid\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eDe antioxidanten in koffie bestrijden de tekenen van veroudering en stimuleren de celregeneratie, waardoor je een stevige en stralende huid krijgt alsof je jaren terug bent gegaan.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Coffee Science Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"two-column\"\u003e\n\u003cdiv class=\"text-content\"\u003e\n\u003ch2 class=\"section-title\"\u003eWaarom vooral koffie?Het wetenschappelijke geheim achter het wonder\u003c\/h2\u003e\n\u003ch3\u003eKoffie is niet zomaar een drankje... het is een volledig natuurlijke apotheek voor je huid\u003c\/h3\u003e\n\u003cdiv class=\"coffee-benefits\"\u003e\n\u003cdiv class=\"scientific-fact\"\u003e\n\u003ch4\u003e\u003cstrong\u003eStimuleert de bloedcirculatie\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp\u003eHet beantwoordt bloed en zuurstof aan de diepe lagen\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"scientific-fact\"\u003e\n\u003ch4\u003e\u003cstrong\u003eBreekt cellulitisvet af\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp\u003eVerstevigt de huid en vermindert het gerimpelde uiterlijk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"scientific-fact\"\u003e\n\u003ch4\u003e\u003cstrong\u003eStimuleert de collageenproductie\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp\u003eHet maakt de huid sterker en elastischer\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"scientific-fact\"\u003e\n\u003ch4\u003e\u003cstrong\u003eValt vrije radicalen aan\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp\u003eBestrijdt veroudering vanaf de bron\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Coffee Benefits\" class=\"content-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-coffee-brscrub-327832.webp?v=1751732528\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Antioxidants Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003ch3\u003eAntioxidanten: het beschermende leger van de natuur\u003c\/h3\u003e\n\u003cp style=\"text-align: center; font-size: 1.1rem; color: #555; margin-bottom: 2rem;\"\u003eKoffie heeft een hoge concentratie aan natuurlijke antioxidanten:\u003c\/p\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eChlorogeen zuur\u003c\/strong\u003e Die beschermt tegen schade door de zon\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFenolische verbindingen\u003c\/strong\u003e Die infecties bestrijdt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCafeïne\u003c\/strong\u003e Wat de poriën vernauwt en de huidtextuur versterkt\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Gentle Granules Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003ch2 class=\"section-title\"\u003eZachte, ronde korrels: slimme peeling zonder pijn\u003c\/h2\u003e\n\u003ch3 style=\"text-align: center; color: #9C8102;\"\u003eNiet elke peeling is hetzelfde... en dit is het geheim waarvan andere bedrijven niet willen dat je het weet\u003c\/h3\u003e\n\u003cdiv class=\"two-column\"\u003e\n\u003cdiv class=\"text-content\"\u003e\n\u003cp\u003eDe meeste scrubs gebruiken ruwe, scherpe korrels die de huid meer pijn doen dan helpen. \u003cstrong\u003eBOBANA\u003c\/strong\u003e Investeer in gladde rondkorrelige technologie:\u003c\/p\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003ePerfecte ronde vorm\u003c\/strong\u003e - Voorkomt microkrassen en snijwonden\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAfgestudeerde maat\u003c\/strong\u003e - Reinigt efficiënt alle lagen dode huid\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eZachte textuur\u003c\/strong\u003e - Geschikt voor de gevoelige en normale huid\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGelijke verdeling\u003c\/strong\u003e - Regelmatige peeling van alle delen van het lichaam\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003eHet resultaat?\u003c\/strong\u003e Diepe en effectieve exfoliatie zonder enige irritatie of roodheid.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; padding: 2rem;\"\u003e\n\u003cdiv style=\"width: 200px; height: 200px; border-radius: 50%; background: linear-gradient(45deg, #8B4513, #9C8102); margin: 0 auto; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.5rem; font-weight: bold; animation: pulse 2s ease-in-out infinite;\"\u003e\n            Zachte korrels\u003cbr\/\u003eRond\n          \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Value Proposition --\u003e\n\u003cdiv class=\"value-proposition\"\u003e\n\u003ch2 class=\"section-title\"\u003e300g = uitzonderlijke waarde voor de prijs\u003c\/h2\u003e\n\u003ch3 style=\"color: #9C8102; margin-bottom: 2rem;\"\u003eVergeleken met concurrenten: BOBANA geeft mij meer tegen een lagere prijs\u003c\/h3\u003e\n\u003cdiv style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem;\"\u003e\n\u003cdiv class=\"comparison-card\"\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003eBOBANA-PAKKET\u003c\/h4\u003e\n\u003cp style=\"font-size: 2rem; font-weight: bold; color: #8B4513;\"\u003e300 gram\u003c\/p\u003e\n\u003cp\u003eVerdubbel de grootte van concurrenten!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"comparison-card\"\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003eDuur van gebruik\u003c\/h4\u003e\n\u003cp style=\"font-size: 2rem; font-weight: bold; color: #8B4513;\"\u003e4-6 maanden\u003c\/p\u003e\n\u003cp\u003eBij regelmatig gebruik\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"comparison-card\"\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003eDagelijkse kosten\u003c\/h4\u003e\n\u003cp style=\"font-size: 2rem; font-weight: bold; color: #8B4513;\"\u003eMinder dan 5 pond\u003c\/p\u003e\n\u003cp\u003eGoedkoper dan een kopje koffie!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 3rem; padding: 2rem; background: white; border-radius: 15px; border: 2px solid #9C8102;\"\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003eVergelijking met een peelingsessie in een schoonheidscentrum:\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003eEén sessie:\u003c\/strong\u003e 800-1500 pond\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eBOBANA-PAKKET:\u003c\/strong\u003e Ontvang de resultaten van meer dan 30 sessies voor een fractie van de prijs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Results --\u003e\n\u003cdiv class=\"timeline\"\u003e\n\u003ch2 class=\"section-title\"\u003eTransformatiereis: uw huid zal vóór u veranderen\u003c\/h2\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eVanaf het eerste gebruik\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eOnmiddellijk gevoel van zachtheid\u003c\/strong\u003e - Zijden uniform onder je hand\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eOnmiddellijke verwijdering van dode huidcellen\u003c\/strong\u003e - Je ziet het verschil in de badkamer\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFris en actief\u003c\/strong\u003e - Van het stimuleren van de bloedcirculatie\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003eEerste keer\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eNa een week\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eZichtbare verfijning van de algehele huidtextuur\u003c\/strong\u003e - Duidelijk zachter en soepeler\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBegint donkere vlekken lichter te maken\u003c\/strong\u003e - Vooral in de knieën en ellebogen\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNatuurlijke uitstraling\u003c\/strong\u003e - Heldere en stralende huid\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003e7 dagen\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eNa twee weken\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eHet verdwijnen van lagen dode huid\u003c\/strong\u003e - Heldere en schone huid\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEen zichtbare verbetering van de huidtint\u003c\/strong\u003e - Uniformiteit van kleur door het hele lichaam\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUitzonderlijke zachtheid\u003c\/strong\u003e - Zachter dan de kinderhuid\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003e14 dagen\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eNa een maand\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eEen complete radicale transformatie\u003c\/strong\u003e - Volledig nieuwe huid\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDe meeste donkere vlekken verdwijnen\u003c\/strong\u003e - Uniforme en natuurlijke kleur\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFlexibiliteit en levendigheid\u003c\/strong\u003e -Jonge en stralende huid\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003e30 dagen\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Instructions --\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003ch2 style=\"text-align: center; font-size: 2rem; color: #D4AF37; margin-bottom: 2rem;\"\u003eHoe te gebruiken: Eenvoud doet wonderen\u003c\/h2\u003e\n\u003ch3 style=\"text-align: center; color: white; margin-bottom: 3rem;\"\u003eIn 4 simpele stappen naar de huid van je dromen\u003c\/h3\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003ch4 class=\"step-title\"\u003eBevochtig uw huid met warm water\u003c\/h4\u003e\n\u003cp\u003eWarm water opent de poriën en maakt de huid klaar om de voordelen van de scrub te ontvangen\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003ch4 class=\"step-title\"\u003eMasseer met zachte cirkelvormige bewegingen\u003c\/h4\u003e\n\u003cp\u003eGebruik een geschikte hoeveelheid en concentreer u gedurende 2-3 minuten op ruwe en donkere plekken\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003ch4 class=\"step-title\"\u003eSpoel af met koud water\u003c\/h4\u003e\n\u003cp\u003eHet koude water sluit de poriën en houdt het resultaat vast, en mijn handen voelen verfrissend aan\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003ch4 class=\"step-title\"\u003eHydrateer uw huid\u003c\/h4\u003e\n\u003cp\u003eGebruik een geschikte vochtinbrengende crème om het resultaat te behouden en de nieuwe huid te beschermen\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch2 class=\"cta-title\"\u003eJe huid wacht op je... laat het niet langer liggen\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n      Elke dag die je uitstelt = meer dode cellen, donkerdere vlekken en een ruwere huid.De huid is als een tuin. Als je hem water geeft en er niets om geeft, zal hij verdorren en afsterven.Maar als je er goed voor zorgt, wordt het de mooiste tuin van de buurt.\n    \u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eBestel nu en start uw transformatiereis!\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Enhanced hover effects for benefit cards\n  const benefitCards = document.querySelectorAll('.benefit-card');\n  benefitCards.forEach(card =\u003e {\n    card.addEventListener('mouseenter', function() {\n      this.style.transform = 'translateY(-12px) scale(1.02)';\n      this.style.boxShadow = '0 25px 60px rgba(156, 129, 2, 0.2)';\n    });\n    \n    card.addEventListener('mouseleave', function() {\n      this.style.transform = 'translateY(0) scale(1)';\n      this.style.boxShadow = '0 10px 30px rgba(0,0,0,0.08)';\n    });\n  });\n  \n  \/\/ Enhanced parallax effect for floating coffee beans\n  let ticking = false;\n  \n  function updateFloatingBeans() {\n    const scrolled = window.pageYOffset;\n    const floatingBeans = document.querySelectorAll('.floating-bean');\n    \n    floatingBeans.forEach((bean, index) =\u003e {\n      const speed = 0.3 + (index * 0.05);\n      const yPos = -(scrolled * speed);\n      bean.style.transform = `translateY(${yPos}px) rotate(${scrolled * 0.05}deg)`;\n    });\n    \n    ticking = false;\n  }\n  \n  function requestTick() {\n    if (!ticking) {\n      requestAnimationFrame(updateFloatingBeans);\n      ticking = true;\n    }\n  }\n  \n  window.addEventListener('scroll', requestTick);\n  \n  \/\/ Timeline marker animation enhancement\n  const timelineMarkers = document.querySelectorAll('.timeline-marker');\n  timelineMarkers.forEach((marker, index) =\u003e {\n    setTimeout(() =\u003e {\n      marker.style.animation = `markerPulse 2s ease-in-out infinite ${index * 0.3}s`;\n    }, index * 200);\n  });\n  \n  \/\/ Dynamic text effects\n  const dynamicTexts = document.querySelectorAll('.hero-title, .cta-title');\n  dynamicTexts.forEach(text =\u003e {\n    text.addEventListener('mouseenter', function() {\n      this.style.textShadow = '0 0 20px rgba(156, 129, 2, 0.3)';\n      this.style.transform = 'scale(1.02)';\n    });\n    \n    text.addEventListener('mouseleave', function() {\n      this.style.textShadow = 'none';\n      this.style.transform = 'scale(1)';\n    });\n  });\n  \n  \/\/ Coffee-themed interactions\n  const coffeeElements = document.querySelectorAll('.coffee-benefits .scientific-fact');\n  coffeeElements.forEach((element, index) =\u003e {\n    element.addEventListener('mouseenter', function() {\n      this.style.transform = 'translateX(10px)';\n      this.style.borderLeftColor = '#8B4513';\n    });\n    \n    element.addEventListener('mouseleave', function() {\n      this.style.transform = 'translateX(0)';\n      this.style.borderLeftColor = '#9C8102';\n    });\n  });\n});\n\u003c\/script\u003e","brand":"bobana","offers":[{"title":"Default Title","offer_id":44878310342853,"sku":null,"price":550.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-coffee-brscrub-233067.webp?v=1751732954","url":"https:\/\/sa.instachiq.com\/nl\/products\/bobana-coffee-scrub-300-gm","provider":"Instachiq","version":"1.0","type":"link"}