{"product_id":"bobana-hair-serum-jojoba-oil-for-dull-frizzy-hair-100ml","title":"BOBANA Hair Serum Jojoba Oil For Dull \u0026 Frizzy Hair 100ml","description":"\u003c!-- BOBANA Hair Serum Product Description --\u003e\n\u003cstyle\u003e\n  .bobana-container {\n    line-height: 1.6;\n    color: #333;\n    max-width: 1200px;\n    margin: 0 auto;\n    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n    overflow: hidden;\n  }\n  \n  .hero-section {\n    text-align: center;\n    padding: 4rem 2rem;\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 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=\"grain\" width=\"100\" height=\"100\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"25\" cy=\"25\" r=\"0.5\" fill=\"%23ffffff\" opacity=\"0.05\"\/\u003e\u003ccircle cx=\"75\" cy=\"75\" r=\"0.3\" fill=\"%23ffffff\" opacity=\"0.03\"\/\u003e\u003ccircle cx=\"50\" cy=\"10\" r=\"0.4\" fill=\"%23ffffff\" opacity=\"0.04\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23grain)\"\/\u003e\u003c\/svg\u003e');\n    animation: float 20s 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: 600px;\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(280px, 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, #9C8102, #D4AF37);\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  .benefit-card:nth-child(4) { animation-delay: 0.4s; }\n  \n  .benefit-number {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 40px;\n    height: 40px;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\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.1rem;\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, #9C8102, #D4AF37);\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  .timeline {\n    padding: 3rem 2rem;\n    background: linear-gradient(135deg, #f8f9fa 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: 60px;\n    height: 60px;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\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  }\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  .cta-section {\n    text-align: center;\n    padding: 4rem 2rem;\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 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-elements {\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-element {\n    position: absolute;\n    width: 10px;\n    height: 10px;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    opacity: 0.3;\n    animation: floatUp 8s linear infinite;\n  }\n  \n  .floating-element:nth-child(1) { left: 10%; animation-delay: 0s; }\n  .floating-element:nth-child(2) { left: 30%; animation-delay: 2s; }\n  .floating-element:nth-child(3) { left: 50%; animation-delay: 4s; }\n  .floating-element:nth-child(4) { left: 70%; animation-delay: 6s; }\n  .floating-element:nth-child(5) { left: 90%; animation-delay: 1s; }\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 imageFloat {\n    0%, 100% { transform: translateY(0px); }\n    50% { transform: translateY(-10px); }\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 float {\n    0%, 100% { transform: translateY(0px) rotate(0deg); }\n    33% { transform: translateY(-10px) rotate(1deg); }\n    66% { transform: translateY(5px) rotate(-1deg); }\n  }\n  \n  @keyframes floatUp {\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      margin: 1rem auto;\n    }\n    \n    .timeline-content {\n      margin: 0;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"bobana-container\"\u003e\n\u003c!-- Floating Elements --\u003e\n\u003cdiv class=\"floating-elements\"\u003e\n\u003cdiv class=\"floating-element\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"floating-element\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"floating-element\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"floating-element\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"floating-element\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003eDe zon verbrandt je haar elke dag... en dat maakt jou niets uit!\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003eJe haar sterft langzaam af... en elke dag die verstrijkt, verlies je haren die nooit meer terugkomen\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Showcase --\u003e\n\u003cdiv class=\"product-showcase\"\u003e\n\u003cimg alt=\"BOBANA Hair Serum\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana_jojoba_oil_heat_protectant_serum_3.webp?v=1751730801\"\/\u003e\n\u003ch2 class=\"product-name\"\u003eBOBANA Hair Serum Jojoba Oil - een uitgebreid beschermingsschild voor je haar\u003c\/h2\u003e\n\u003cp class=\"product-intro\"\u003e\n      Elke keer dat u de straat op gaat, elke keer dat u een haardroger of een strijkijzer gebruikt, elke keer dat u uw haar blootstelt aan de zon en de wind... wordt uw huid beschermd door crèmes, maar is uw haar dat ook?Je haar wordt met rust gelaten en vecht zonder enige bescherming tegen al deze vijanden!\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Grid --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003e4 radicale oplossingen 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\"\u003eUitgebreide zonbescherming SPF 30+\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eDe eerste zonnebrandcrème speciaal ontworpen voor haar met een geavanceerde formule die beschermt tegen ultraviolette stralen die keratine vernietigen en de haarkleur dof maken.\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\"\u003eHitteschild stylen\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eEen isolerende laag die je haar beschermt tegen de hoge temperaturen van de föhn en strijkijzer, waardoor het verbranden van eiwitten en het uitdrogen van het haar wordt voorkomen.\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\"\u003eEen magische oplossing voor gespleten haarpunten\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eEen herstellende formule die scheuren in de haarstructuur geneest en zwakke punten versterkt, waardoor wordt voorkomen dat gespleten haarpunten zich naar boven verspreiden.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-number\"\u003e4\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003ePerfecte controle van kroeshaar\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eHet elimineert statische elektriciteit en verzwaart het haar zachtjes, waardoor u onder alle weersomstandigheden de controle over uw haar behoudt.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Product Details --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"two-column\"\u003e\n\u003cdiv class=\"text-content\"\u003e\n\u003ch2 class=\"section-title\"\u003eBOBANA: Het chemische wonder dat je haar van een ramp zal redden\u003c\/h2\u003e\n\u003ch3\u003eHet is niet zomaar een serum... het is een geïntegreerd beschermingssysteem voor je haar\u003c\/h3\u003e\n\u003cp\u003eBOBANA-serum is anders dan elk ander product dat u op de markt vindt.Dit \u003cstrong\u003eVolledige luchtverdediging\u003c\/strong\u003e Voor je haar tegen alle factoren die het dagelijks vernietigen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"BOBANA Product\" class=\"content-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana_jojoba_oil_heat_protectant_serum_4.webp?v=1751731054\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Jojoba Oil Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"two-column\"\u003e\n\u003cimg alt=\"Jojoba Oil\" class=\"content-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/jojoba_oil.jpg?v=1751731143\"\/\u003e\n\u003cdiv class=\"text-content\"\u003e\n\u003ch3\u003eJojoba-olie: het natuurlijke wonder dat de natuurlijke oliën van je haar nabootst\u003c\/h3\u003e\n\u003cp\u003eJojoba-olie is niet zomaar een olie \u003cstrong\u003eNatuurlijke wasachtige vloeistof\u003c\/strong\u003e De formule is voor 97% vergelijkbaar met de natuurlijke oliën van je hoofdhuid.\u003c\/p\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eDringt door tot de haarwortel\u003c\/strong\u003e Het voedt het van binnenuit\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eReguleert de afscheiding van oliën\u003c\/strong\u003e In de hoofdhuid\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHet raakt de buitenste lagen\u003c\/strong\u003e Voor open haar en sluit het\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHoudt natuurlijk vocht vast\u003c\/strong\u003e Laat het haar 24 uur inwerken\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SPF Protection --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"two-column reverse-mobile\"\u003e\n\u003cdiv class=\"text-content\"\u003e\n\u003ch3\u003eSPF 30+ bescherming: Je haar heeft net als je huid zonnebrandcrème nodig!\u003c\/h3\u003e\n\u003cp\u003eJe haar wordt blootgesteld aan dezelfde UV-stralen die je huid beschadigen, maar in een grotere hoeveelheid omdat het de hele dag wordt blootgesteld.\u003c\/p\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003eVervaagde kleur\u003c\/li\u003e\n\u003cli\u003eRuwe textuur\u003c\/li\u003e\n\u003cli\u003eGemakkelijk te breken\u003c\/li\u003e\n\u003cli\u003eVerlies van natuurlijke glans\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003eBOBANA Handserum SPF 30+ bescherming\u003c\/strong\u003e - Net zoals u zonnebrandcrème aanbrengt, zal dit hetzelfde met uw haar doen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"SPF Protection\" class=\"content-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana_jojoba_oil_heat_protectant_serum_1.webp?v=1751731174\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Heat Protection --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"two-column\"\u003e\n\u003cimg alt=\"Hair Protection\" class=\"content-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/damaged-hair.jpg?v=1751731310\"\/\u003e\n\u003cdiv class=\"text-content\"\u003e\n\u003ch3\u003eHITTEBESCHERMING: Het einde van het tijdperk van verbrand haar\u003c\/h3\u003e\n\u003cp\u003eElke keer dat je een haardroger of strijkijzer zonder bescherming gebruikt, is het alsof je je haar verbrandt met een aansteker!\u003c\/p\u003e\n\u003cp\u003eDe ijzertemperatuur bereikt 200 graden Celsius.Je haar kan slechts 60 graden hitte verdragen.\u003c\/p\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eIsolerende laag\u003c\/strong\u003e Het vormt zich rond elk haar\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eWarmteverdeling\u003c\/strong\u003e Eveneens\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVoorkom vochtverlies\u003c\/strong\u003e Tijdens het stylen\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBescherming van eiwitten\u003c\/strong\u003e Van breuk en schade\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Split Ends \u0026 Flyaway Hair --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003ch2 class=\"section-title\"\u003eHerstelt gespleten haarpunten en houdt kroeshaar onder controle\u003c\/h2\u003e\n\u003cdiv class=\"two-column\"\u003e\n\u003cdiv class=\"text-content\"\u003e\n\u003ch3\u003eGespleten haarpunten zijn niet alleen een esthetisch probleem... het is een teken van gevaar!\u003c\/h3\u003e\n\u003cp\u003eWanneer het haar splijt, eindigt de spleet naar boven, als een barst die zich in het glas verspreidt.\u003c\/p\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eVult de lege plekken in\u003c\/strong\u003e In de structuur van beschadigd haar\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePlakt de lagen\u003c\/strong\u003e Nog eens samen pellen\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVersterkt de banden\u003c\/strong\u003e Zwak haar\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVoorkomt nieuwe breuk\u003c\/strong\u003e van het gebeuren\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"text-content\"\u003e\n\u003ch3\u003eKroeshaar = een teken van extreme droogheid en statische elektriciteit\u003c\/h3\u003e\n\u003cp\u003eAls je haar droog is, verliest het zijn vermogen om elektriciteit te geleiden, waardoor er zich ladingen op het oppervlak verzamelen.\u003c\/p\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydrateert het haar\u003c\/strong\u003e Het maakt het een goede geleider van elektriciteit\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHet verzwaart het haar een beetje\u003c\/strong\u003e Omdat de zwaartekracht het wint van elektriciteit\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCreëert een beschermingslaag\u003c\/strong\u003e Voorkomt accumulatie van lading\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Safe Formula --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003ch2 class=\"section-title\"\u003eParabenen- en sulfaatvrij: reinheid zonder schade\u003c\/h2\u003e\n\u003cp style=\"text-align: center; font-size: 1.1rem; color: #555; max-width: 700px; margin: 0 auto;\"\u003e\n\u003cstrong\u003eParabenen:\u003c\/strong\u003e Een goedkoop conserveermiddel, maar het hoopt zich op in weefsels en veroorzaakt allergieën en irritatie\u003cbr\/\u003e\n\u003cstrong\u003eSulfaten:\u003c\/strong\u003e Een zeer sterke reiniger die natuurlijke oliën verwijdert en je haar als stro achterlaat\u003cbr\/\u003e\u003cbr\/\u003e\n\u003cstrong\u003eBOBANA koos voor het moeilijke en dure pad:\u003c\/strong\u003e Gebruik natuurlijke alternatieven die tegelijkertijd veilig en effectief zijn.\n      \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: Wat gebeurt er met je haar met BOBANA?\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\u003eOnmiddellijke frisheid en zichtbaar gladdere textuur\u003c\/li\u003e\n\u003cli\u003eNatuurlijke glans verschijnt binnen enkele minuten\u003c\/li\u003e\n\u003cli\u003eHoud kroeshaar onder controle vanaf de eerste toepassing\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003e1\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\u003eMerkbare zachtheid in textuur en vorm\u003c\/li\u003e\n\u003cli\u003eSterkere weerstand tegen vocht en externe factoren\u003c\/li\u003e\n\u003cli\u003eGemakkelijk te stylen en langere houdbaarheid van het kapsel\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003e7\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\u003eZichtbare reparatie van gespleten haarpunten\u003c\/li\u003e\n\u003cli\u003eLevendigere kleuren en langdurige natuurlijke glans\u003c\/li\u003e\n\u003cli\u003eGrotere sterkte en flexibiliteit tegen breuk\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003e14\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\u003eEen complete transformatie in de gezondheid en het uiterlijk van het haar\u003c\/li\u003e\n\u003cli\u003eContinue bescherming tegen schadelijke factoren\u003c\/li\u003e\n\u003cli\u003eGezond, sterk haar dat bestand is tegen alle dagelijkse uitdagingen\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003e30\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Value Proposition --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003ch2 class=\"section-title\"\u003eUitzonderlijke waarde voor de prijs\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\" style=\"margin-top: 2rem;\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e4 producten in één\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eZonnebrandcrème + thermische bescherming + behandeling van gespleten haarpunten + kroescontrole\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eFles van 100 ml\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eGenoeg voor 4-6 maanden dagelijks gebruik met een geconcentreerde formule\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eSnelle absorptie\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eHet laat geen vettig of zwaar effect achter op het haar\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eCumulatieve resultaten\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eElk gebruik bouwt voort op het voorgaande\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\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 haar wacht tot jij de juiste beslissing neemt... voordat het te laat is\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n      Elke dag dat u de verzorging van uw haar uitstelt, is de dag dat uw haar zwakker wordt.Zon, hitte, vervuiling en verwaarlozing... het zijn allemaal factoren die 24\/7 tegen je werken.\n    \u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eBOBANA Haarserum is niet alleen een schoonheidsproduct... het is een investering in uw zelfvertrouwen.\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 elements\n  let ticking = false;\n  \n  function updateFloatingElements() {\n    const scrolled = window.pageYOffset;\n    const floatingElements = document.querySelectorAll('.floating-element');\n    \n    floatingElements.forEach((element, index) =\u003e {\n      const speed = 0.5 + (index * 0.1);\n      const yPos = -(scrolled * speed);\n      element.style.transform = `translateY(${yPos}px) rotate(${scrolled * 0.1}deg)`;\n    });\n    \n    ticking = false;\n  }\n  \n  function requestTick() {\n    if (!ticking) {\n      requestAnimationFrame(updateFloatingElements);\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.5}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\u003c\/script\u003e","brand":"Bobana","offers":[{"title":"Default Title","offer_id":44878300479685,"sku":null,"price":170.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-serum-brwith-jojoba-oil-688273.webp?v=1751730739","url":"https:\/\/instachiq.com\/nl\/products\/bobana-hair-serum-jojoba-oil-for-dull-frizzy-hair-100ml","provider":"Instachiq","version":"1.0","type":"link"}