{"id":120,"date":"2026-10-20T20:31:24","date_gmt":"2026-10-20T20:31:24","guid":{"rendered":"https:\/\/onixe.nl\/?page_id=120"},"modified":"2026-10-20T20:45:58","modified_gmt":"2026-10-20T20:45:58","slug":"eefje","status":"publish","type":"page","link":"https:\/\/onixe.nl\/?page_id=120","title":{"rendered":"Eefje"},"content":{"rendered":"<p><!DOCTYPE html><br \/>\n<html lang=\"nl\"><br \/>\n<head><br \/>\n  <meta charset=\"UTF-8\" \/><br \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/><br \/>\n  <title>ONIXE | Portfolio | Eefje<\/title><\/p>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700&#038;display=swap\" rel=\"stylesheet\" \/>\n<style>\n    :root{\n      --bg:#0A1128;\n      --gold:#E0B93E;\n      --text:#F2F2F2;\n      --muted:#C7C7C7;<\/p>\n<p>      \/* zachtere \u201cin-page\u201d vlakken zonder zichtbare omlijning *\/\n      --panel:rgba(255,255,255,0.035);<\/p>\n<p>      --shadow:0 16px 40px rgba(0,0,0,0.35);\n      --radius:18px;\n    }<\/p>\n<p>    *{ box-sizing:border-box; }\n    html{ scroll-behavior:smooth; }<\/p>\n<p>    \/* \u2705 Basis achtergrond (gloed komt via overlay zodat het niet \"blokkerig\" wordt) *\/\n    body{\n      margin:0;\n      font-family:'Poppins',sans-serif;\n      background:var(--bg);\n      color:var(--text);\n      overflow-x:hidden;\n      position:relative;\n    }<\/p>\n<p>    \/* \u2705 1 full-width gloedlaag over de hele pagina (dus ook zijkanten) *\/\n    body::before{\n      content:\"\";\n      position:fixed;\n      inset:0;\n      z-index:-2;\n      background:\n        radial-gradient(1200px 800px at 20% 8%, rgba(224,185,62,0.10), transparent 55%),\n        radial-gradient(900px 700px at 92% 14%, rgba(255,255,255,0.06), transparent 55%);\n      pointer-events:none;\n    }<\/p>\n<p>    \/* \u2705 extra subtiele \"fade\" zodat het overal natuurlijk blendt *\/\n    body::after{\n      content:\"\";\n      position:fixed;\n      inset:0;\n      z-index:-1;\n      background:radial-gradient(1200px 800px at 50% 0%, rgba(10,17,40,0.0), rgba(10,17,40,0.55) 70%, rgba(10,17,40,0.75) 100%);\n      pointer-events:none;\n    }<\/p>\n<p>    \/* \u2705 Geen underline op links\/buttons *\/\n    a{\n      color:inherit;\n      text-decoration:none !important;\n      border:none !important;\n      outline:none !important;\n      box-shadow:none !important;\n    }\n    a:visited, a:hover, a:active{ text-decoration:none !important; }<\/p>\n<p>    .container{ width:min(1100px, 90vw); margin:0 auto; }<\/p>\n<p>    \/* ===== HEADER ===== *\/\n    header{\n      position:sticky;\n      top:0;\n      z-index:50;<\/p>\n<p>      \/* \u2705 strak blok zoals je andere pagina\u2019s *\/\n      background:rgba(10,17,40,0.90);\n      backdrop-filter: blur(10px);\n      border-bottom:1px solid rgba(224,185,62,0.12);\n      overflow:hidden; \/* zodat header-glow netjes binnen de header blijft *\/\n    }<\/p>\n<p>    \/* \u2705 subtiele natuurlijke gloed IN de header (heel zacht) *\/\n    header::before{\n      content:\"\";\n      position:absolute;\n      inset:-40px -40px auto -40px;\n      height:160px;\n      background:\n        radial-gradient(700px 220px at 20% 10%, rgba(224,185,62,0.09), transparent 60%),\n        radial-gradient(520px 220px at 85% 0%, rgba(255,255,255,0.05), transparent 62%);\n      opacity:0.9;\n      pointer-events:none;\n    }<\/p>\n<p>    .header-inner{\n      position:relative; \/* boven header::before *\/\n      display:flex;\n      align-items:center;\n      justify-content:space-between;\n      padding:18px 0;\n      gap:18px;\n    }\n    .logo{\n      font-size:22px;\n      font-weight:700;\n      letter-spacing:2px;\n      color:var(--gold);\n    }\n    .logo:hover{ color:var(--text); }<\/p>\n<p>    nav ul{\n      list-style:none;\n      display:flex;\n      gap:28px;\n      margin:0;\n      padding:0;\n      align-items:center;\n      flex-wrap:wrap;\n    }\n    nav a{\n      font-weight:600;\n      font-size:13px;\n      letter-spacing:0.6px;\n      opacity:0.95;\n    }\n    nav a:hover{ color:var(--gold); }<\/p>\n<p>    \/* Mobile menu *\/\n    #mm-toggle{ position:absolute; left:-9999px; opacity:0; }\n    .mm-btn{\n      display:none;\n      width:38px; height:34px;<\/p>\n<p>      border:none;\n      border-radius:12px;\n      background:rgba(255,255,255,0.04);\n      align-items:center;\n      justify-content:center;\n      cursor:pointer;\n      -webkit-tap-highlight-color:transparent;\n    }\n    .mm-bars, .mm-bars::before, .mm-bars::after{\n      content:\"\";\n      display:block;\n      width:18px; height:2px;\n      background:var(--gold);\n      border-radius:2px;\n      position:relative;\n      transition:transform .25s ease, opacity .25s ease;\n    }\n    .mm-bars::before{ position:absolute; top:-6px; left:0; }\n    .mm-bars::after{ position:absolute; top:6px; left:0; }<\/p>\n<p>    .mm-panel{\n      display:none;\n      border-top:1px solid rgba(224,185,62,0.14);\n      padding:12px 0 18px;\n      position:relative;\n    }\n    .mm-panel a{\n      display:block;\n      padding:12px 12px;\n      border-radius:12px;\n      background:rgba(255,255,255,0.04);\n      margin-top:10px;\n      font-weight:600;\n      border:none;\n    }\n    .mm-panel a:hover{ background:rgba(224,185,62,0.12); color:var(--gold); }<\/p>\n<p>    #mm-toggle:checked + label .mm-bars{ background:transparent; }\n    #mm-toggle:checked + label .mm-bars::before{ transform:translateY(6px) rotate(45deg); }\n    #mm-toggle:checked + label .mm-bars::after{ transform:translateY(-6px) rotate(-45deg); }\n    #mm-toggle:checked ~ .mm-panel{ display:block; }<\/p>\n<p>    \/* ===== HERO ===== *\/\n    .hero{\n      padding:56px 0 26px;\n      position:relative;\n    }\n    .hero-grid{\n      display:grid;\n      grid-template-columns: 1.25fr 0.95fr;\n      gap:34px;\n      align-items:center;\n    }<\/p>\n<p>    .kicker{\n      display:inline-flex;\n      gap:10px;\n      align-items:center;\n      font-weight:700;\n      letter-spacing:1.4px;\n      color:var(--gold);\n      text-transform:uppercase;\n      font-size:12px;\n      opacity:0.95;\n    }\n    .kicker .dot{\n      width:6px; height:6px; border-radius:99px;\n      background:var(--gold);\n      box-shadow:0 0 0 6px rgba(224,185,62,0.10);\n    }<\/p>\n<p>    .title{\n      margin:14px 0 10px;\n      line-height:1.05;\n    }\n    .title .onixe{\n      font-size:62px;\n      letter-spacing:10px;\n      color:var(--gold);\n      font-weight:800;\n      display:block;\n    }\n    .title .sub{\n      margin-top:10px;\n      font-size:16px;\n      color:var(--gold);\n      letter-spacing:1.6px;\n      font-weight:700;<\/p>\n<p>      display:flex;\n      gap:14px;\n      align-items:center;\n      flex-wrap:wrap;\n    }\n    .title .sub .line{\n      flex:1;\n      min-width:120px;\n      height:1px;\n      background:rgba(224,185,62,0.35);\n    }<\/p>\n<p>    .hero-p{\n      color:var(--muted);\n      font-size:15px;\n      line-height:1.75;\n      max-width:720px;\n      margin:10px 0 0;\n    }<\/p>\n<p>    .quote{\n      margin:18px 0 0;\n      padding:14px 16px;\n      border-left:3px solid rgba(224,185,62,0.65);\n      background:rgba(255,255,255,0.03);\n      border-radius:12px;\n      color:#e8e8e8;\n      font-weight:600;\n      font-style:italic;\n      width:fit-content;\n      max-width:100%;\n    }<\/p>\n<p>    .hero-card{\n      background:linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.03));\n      border:none;\n      border-radius:24px;\n      box-shadow:var(--shadow);\n      overflow:hidden;\n      position:relative;\n    }\n    .hero-card .imgwrap{\n      aspect-ratio: 4 \/ 3;\n      width:100%;\n      background:rgba(255,255,255,0.02);\n      display:grid;\n      place-items:center;\n      position:relative;\n    }\n    .hero-card img{\n      width:100%;\n      height:100%;\n      object-fit:cover;\n      display:block;\n      filter:saturate(1.05) contrast(1.02);\n    }\n    .hero-card .imgwrap::after{\n      content:\"\";\n      position:absolute; inset:0;\n      background:linear-gradient(180deg, rgba(10,17,40,0.05) 0%, rgba(10,17,40,0.68) 100%);\n      pointer-events:none;\n    }<\/p>\n<p>    .divider{\n      width:100%;\n      height:1px;\n      background:linear-gradient(90deg, transparent, rgba(224,185,62,0.32), transparent);\n      margin:26px 0;\n    }<\/p>\n<p>    \/* ===== SECTIONS ===== *\/\n    section.block{ padding:18px 0 34px; }<\/p>\n<p>    .h2{\n      margin:0 0 14px;\n      font-size:20px;\n      font-weight:800;\n      color:var(--gold);\n      letter-spacing:1px;\n      text-transform:uppercase;\n      text-align:center;\n    }<\/p>\n<p>    .grid-2{\n      display:grid;\n      grid-template-columns: 1fr 1fr;\n      gap:20px;\n    }<\/p>\n<p>    .panel{\n      background:var(--panel);\n      border:none;\n      border-radius:var(--radius);\n      padding:18px;\n    }\n    .panel h3{\n      margin:0 0 10px;\n      font-size:16px;\n      font-weight:800;\n      color:var(--text);\n    }\n    .panel p{\n      margin:0;\n      color:var(--muted);\n      line-height:1.75;\n      font-size:14px;\n    }<\/p>\n<p>    .pill-grid{\n      display:grid;\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap:12px;\n    }\n    .pill{\n      background:rgba(255,255,255,0.02);\n      border:none;\n      padding:12px 12px;\n      border-radius:14px;\n      text-align:center;\n      font-weight:700;\n      color:var(--text);\n      font-size:13px;\n    }<\/p>\n<p>    .list{\n      display:grid;\n      gap:10px;\n      margin-top:10px;\n    }\n    .li{\n      display:flex;\n      gap:10px;\n      align-items:flex-start;\n      padding:10px 12px;\n      border-radius:14px;\n      border:none;\n      background:rgba(255,255,255,0.02);\n    }\n    .li .check{\n      width:18px; height:18px;\n      border-radius:6px;\n      display:grid; place-items:center;\n      border:none;\n      background:rgba(224,185,62,0.14);\n      color:var(--gold);\n      font-weight:900;\n      line-height:1;\n      margin-top:2px;\n      flex:0 0 auto;\n    }\n    .li span{\n      color:var(--muted);\n      line-height:1.55;\n      font-size:14px;\n    }<\/p>\n<p>    .note{\n      margin-top:12px;\n      color:rgba(242,242,242,0.85);\n      font-size:12px;\n      line-height:1.6;\n      border-left:3px solid rgba(224,185,62,0.50);\n      padding:10px 12px;\n      background:rgba(255,255,255,0.02);\n      border-radius:12px;\n    }<\/p>\n<p>    \/* ===== MEDIA LINKS (icons) ===== *\/\n    .media-links{\n      display:grid;\n      gap:12px;\n      margin-top:10px;\n    }\n    .media-item{\n      display:flex;\n      align-items:center;\n      gap:12px;\n      padding:12px 12px;\n      border-radius:14px;\n      background:rgba(255,255,255,0.02);\n      border:none;\n    }\n    .media-icon{\n      width:34px; height:34px;\n      border-radius:12px;\n      display:grid; place-items:center;\n      background:rgba(224,185,62,0.14);\n      flex:0 0 auto;\n    }\n    .media-icon svg{\n      width:18px; height:18px;\n      fill:var(--gold);\n    }\n    .media-text{\n      display:flex;\n      flex-direction:column;\n      gap:2px;\n      min-width:0;\n    }\n    .media-text .label{\n      font-size:12px;\n      letter-spacing:0.4px;\n      text-transform:uppercase;\n      color:rgba(242,242,242,0.70);\n      font-weight:700;\n    }\n    .media-text a{\n      font-weight:800;\n      color:var(--text);\n      white-space:nowrap;\n      overflow:hidden;\n      text-overflow:ellipsis;\n    }\n    .media-text a:hover{ color:var(--gold); }<\/p>\n<p>    \/* ===== Gallery (3 foto's naast elkaar) ===== *\/\n    .gallery{\n      display:grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap:14px;\n      margin-top:10px;\n    }\n    .gallery-item{\n      background:rgba(255,255,255,0.02);\n      border:none;\n      border-radius:18px;\n      overflow:hidden;\n      aspect-ratio: 4 \/ 3;\n      position:relative;\n    }\n    .gallery-item img{\n      width:100%;\n      height:100%;\n      object-fit:cover;\n      display:block;\n    }\n    .gallery-item.noimg{\n      background:linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.015));\n    }\n    .gallery-item.noimg::before{\n      content: attr(data-label);\n      position:absolute;\n      inset:0;\n      display:grid;\n      place-items:center;\n      color:rgba(242,242,242,0.65);\n      font-weight:700;\n      letter-spacing:0.3px;\n    }<\/p>\n<p>    \/* ===== CTA BUTTONS ===== *\/\n    .btn{\n      display:inline-flex;\n      gap:10px;\n      align-items:center;\n      justify-content:center;\n      border-radius:12px;\n      padding:14px 16px;\n      font-weight:800;\n      letter-spacing:0.2px;\n      cursor:pointer;\n      border:none;\n      transition:transform .18s ease, background .18s ease;\n      user-select:none;\n      -webkit-tap-highlight-color:transparent;\n    }\n    .btn-gold{\n      background:var(--gold);\n      color:var(--bg);\n    }\n    .btn-gold:hover{ transform:translateY(-1px); background:#d1a72c; }<\/p>\n<p>    .bottom-cta{\n      display:flex;\n      justify-content:center;\n      padding:10px 0 44px;\n    }<\/p>\n<p>    \/* ===== CONTACT OVERLAY ===== *\/\n    .overlay{\n      position:fixed;\n      inset:0;\n      background:rgba(0,0,0,0.62);\n      display:none;\n      align-items:center;\n      justify-content:center;\n      padding:22px;\n      z-index:80;\n    }\n    .overlay.open{ display:flex; }\n    .modal{\n      width:min(520px, 92vw);\n      background:linear-gradient(180deg, rgba(10,17,40,0.96), rgba(10,17,40,0.90));\n      border:none;\n      border-radius:24px;\n      box-shadow:0 22px 70px rgba(0,0,0,0.55);\n      padding:18px;\n      position:relative;\n    }\n    .modal h4{\n      margin:0 0 6px;\n      font-size:16px;\n      color:var(--gold);\n      letter-spacing:0.8px;\n      text-transform:uppercase;\n      font-weight:900;\n    }\n    .modal .who{\n      margin:0 0 14px;\n      font-size:18px;\n      font-weight:800;\n      color:var(--text);\n    }\n    .contact-row{ display:grid; gap:10px; }\n    .contact-item{\n      background:rgba(255,255,255,0.04);\n      border:none;\n      border-radius:16px;\n      padding:12px 12px;\n      display:flex;\n      align-items:center;\n      justify-content:space-between;\n    }\n    .contact-item .label{\n      font-size:12px;\n      color:rgba(242,242,242,0.75);\n      font-weight:700;\n      letter-spacing:0.4px;\n      text-transform:uppercase;\n    }\n    .contact-item a{\n      color:var(--text);\n      font-weight:900;\n    }\n    .contact-item a:hover{ color:var(--gold); }<\/p>\n<p>    .modal .close{\n      position:absolute;\n      top:12px; right:12px;\n      width:40px; height:40px;\n      border-radius:14px;\n      border:none;\n      background:rgba(255,255,255,0.05);\n      color:var(--text);\n      font-weight:900;\n      cursor:pointer;\n    }\n    .modal .close:hover{ color:var(--gold); }<\/p>\n<p>    footer{\n      border-top:1px solid rgba(224,185,62,0.18);\n      padding:28px 0 24px;\n      color:rgba(242,242,242,0.72);\n      font-size:12px;\n      text-align:center;\n    }<\/p>\n<p>    \/* ===== RESPONSIVE ===== *\/\n    @media (max-width: 980px){\n      .hero-grid{ grid-template-columns: 1fr; }\n      .title .onixe{ font-size:46px; letter-spacing:8px; }\n      nav ul{ display:none; }\n      .mm-btn{ display:inline-flex; }\n    }\n    @media (max-width: 760px){\n      .grid-2{ grid-template-columns: 1fr; }\n      .pill-grid{ grid-template-columns: 1fr; }\n      .gallery{ grid-template-columns: 1fr; }\n      .hero{ padding:40px 0 14px; }\n    }\n  <\/style>\n<p><\/head><\/p>\n<p><body><br \/>\n  <!-- ===== HEADER ===== --><\/p>\n<header>\n<div class=\"container header-inner\">\n      <a class=\"logo\" href=\"https:\/\/onixe.nl\">ONIXE<\/a><\/p>\n<nav aria-label=\"Hoofdnavigatie\">\n<ul>\n<li><a href=\"https:\/\/onixe.nl\">HOME<\/a><\/li>\n<li><a href=\"https:\/\/onixe.nl\/?page_id=74\">OVER ONIXE<\/a><\/li>\n<li><a href=\"https:\/\/onixe.nl\/?page_id=86\">ARTIESTEN<\/a><\/li>\n<li><a href=\"https:\/\/onixe.nl\/?page_id=94\">DIENSTEN<\/a><\/li>\n<li><a href=\"https:\/\/onixe.nl\/?page_id=112\">CONTACT<\/a><\/li>\n<\/ul>\n<\/nav>\n<p>      <!-- Mobile --><br \/>\n      <input type=\"checkbox\" id=\"mm-toggle\" aria-hidden=\"true\" \/><br \/>\n      <label class=\"mm-btn\" for=\"mm-toggle\" aria-label=\"Open of sluit menu\"><br \/>\n        <span class=\"mm-bars\"><\/span><br \/>\n      <\/label>\n    <\/div>\n<div class=\"container mm-panel\" aria-label=\"Mobiele navigatie\">\n      <a href=\"https:\/\/onixe.nl\">Home<\/a><br \/>\n      <a href=\"https:\/\/onixe.nl\/?page_id=74\">Over ONIXE<\/a><br \/>\n      <a href=\"https:\/\/onixe.nl\/?page_id=86\">Artiesten<\/a><br \/>\n      <a href=\"https:\/\/onixe.nl\/?page_id=94\">Diensten<\/a><br \/>\n      <a href=\"https:\/\/onixe.nl\/?page_id=112\">Contact<\/a>\n    <\/div>\n<\/header>\n<p>  <!-- ===== HERO ===== --><br \/>\n  <main class=\"container\"><\/p>\n<section class=\"hero\">\n<div class=\"hero-grid\">\n<div>\n<div class=\"kicker\"><span class=\"dot\"><\/span> Artiestenpagina<\/div>\n<div class=\"title\">\n            <span class=\"onixe\">ONIXE<\/span><\/p>\n<div class=\"sub\">\n              <span>Portfolio | Eefje<\/span><br \/>\n              <span class=\"line\" aria-hidden=\"true\"><\/span>\n            <\/div>\n<\/p><\/div>\n<div class=\"quote\">\u201cHoofd in de wolken, beide benen op de grond\u201d<\/div>\n<p class=\"hero-p\">\n            Eefje is een 18-jarige singer-songwriter uit Amersfoort met een heerlijke mix van popmuziek, catchy hooks en een knipoog naar de 80&#8217;s. Eefje is impulsief, direct en zonder filter, precies zoals haar muziek. Met haar gitaar, haar gevoel voor sfeer en een flinke dosis relativering weet ze elke ruimte eigen te maken.<\/p>\n<p>            Wij zijn trots dat Eefje \u00e9\u00e9n van de eerste artiesten is waar wij mee samenwerken. Een puur talent met karakter, en dit is nog maar het begin!\n          <\/p>\n<\/p><\/div>\n<div class=\"hero-card\">\n<div class=\"imgwrap\">\n            <img decoding=\"async\" src=\"https:\/\/onixe.nl\/wp-content\/uploads\/2026\/10\/Eefje-ONIXE.png\" alt=\"Eefje - live foto\" \/>\n          <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"divider\"><\/div>\n<\/section>\n<p>    <!-- ===== OVER \/ PROFIEL ===== --><\/p>\n<section class=\"block\">\n<div class=\"h2\">Biografie en stijl<\/div>\n<div class=\"grid-2\">\n<div class=\"panel\">\n<p>\n            Muziek is voor Eefje geen hobby, maar haar vaste plek. Sinds ze als tienjarige de finale van The Voice Kids bereikte, weet ze dat het podium haar thuis is.<br \/>\n            Haar sound laat zich het best omschrijven als pop zonder poespas: catchy hooks, invloeden uit de 80&#8217;s en de countryscene, en altijd een positieve ondertoon.<\/p>\n<p>            Wat Eefje uniek maakt, is haar combinatie van volwassen energie en het meenemen van mensen in haar muziek. Bij ONIXE geloven we in artiesten met karakter en eigenheid.<br \/>\n            Daarom zijn we extra trots dat we samenwerken met Eefje en hebben we het volste vertrouwen in haar.<\/p>\n<p>            Of het nu gaat om een intieme setting, een sfeervol event of een energieke avond; Eefje brengt muziek die blijft hangen. En dit is nog maar het begin.\n          <\/p>\n<\/p><\/div>\n<div class=\"panel\">\n<h3>Stijl &#038; sound<\/h3>\n<div class=\"list\">\n<div class=\"li\">\n<div class=\"check\">\u2713<\/div>\n<p><span><strong style=\"color:var(--text);\">Soort artiest:<\/strong> Singer- en songwriter<\/span><\/div>\n<div class=\"li\">\n<div class=\"check\">\u2713<\/div>\n<p><span><strong style=\"color:var(--text);\">Vibe:<\/strong> Warm, intiem, sfeervol.<\/span><\/div>\n<div class=\"li\">\n<div class=\"check\">\u2713<\/div>\n<p><span><strong style=\"color:var(--text);\">Stijl:<\/strong> Nederlands, Engels, pop met een vleugje 80&#8217;s en country.<\/span><\/div>\n<div class=\"li\">\n<div class=\"check\">\u2713<\/div>\n<p><span><strong style=\"color:var(--text);\">Soort optreden:<\/strong> Solo met gitaar of (optioneel) band\/extra muzikant.<\/span><\/div>\n<\/p><\/div>\n<div class=\"note\">\n            <strong style=\"color:var(--gold);\">Vergelijkbare artiesten qua sound:<\/strong><br \/>\n            <br \/>\n            <span style=\"color:var(--muted);\">Suzan &#038; Freek, Meau, Hannah Mae<\/span>\n          <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>    <!-- ===== BOEKBAAR VOOR ===== --><\/p>\n<section class=\"block\">\n<div class=\"h2\">Boekingsmogelijkheden<\/div>\n<div class=\"pill-grid\">\n<div class=\"pill\">Bedrijfsfeesten &#038; borrels<\/div>\n<div class=\"pill\">Bruiloften<\/div>\n<div class=\"pill\">Particuliere evenementen<\/div>\n<div class=\"pill\">Recepties<\/div>\n<div class=\"pill\">Loungebar<\/div>\n<div class=\"pill\">Festivals<\/div>\n<\/p><\/div>\n<div class=\"note\" style=\"margin-top:16px; text-align:center;\">\n        Wil je een specifieke setting cre\u00ebren? Geef dit vooral bij ons aan. ONIXE denkt mee in de juiste oplossing.\n      <\/div>\n<\/section>\n<p>    <!-- ===== GALERIJ (3 foto's) ===== --><\/p>\n<section class=\"block\">\n<div class=\"h2\">Impressie<\/div>\n<div class=\"gallery\">\n<div class=\"gallery-item noimg\" data-label=\"Foto 1\">\n          <img decoding=\"async\"\n            src=\"https:\/\/onixe.nl\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-20-at-22.43.37.jpeg\"\n            alt=\"Eefje foto 1\"\n            loading=\"lazy\"\n          \/>\n        <\/div>\n<div class=\"gallery-item noimg\" data-label=\"Foto 2\">\n          <img decoding=\"async\"\n            src=\"https:\/\/onixe.nl\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-20-at-22.43.37-2.jpeg\"\n            alt=\"Eefje foto 2\"\n            loading=\"lazy\"\n          \/>\n        <\/div>\n<div class=\"gallery-item noimg\" data-label=\"Foto 3\">\n          <img decoding=\"async\"\n            src=\"https:\/\/onixe.nl\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-20-at-22.43.37-1.jpeg\"\n            alt=\"Eefje foto 3\"\n            loading=\"lazy\"\n          \/>\n        <\/div>\n<\/p><\/div>\n<\/section>\n<p>    <!-- ===== PRAKTISCH ===== --><\/p>\n<section class=\"block\">\n<div class=\"h2\">Praktisch<\/div>\n<div class=\"grid-2\">\n<div class=\"panel\">\n<h3>Wat je kunt verwachten<\/h3>\n<div class=\"list\">\n<div class=\"li\">\n<div class=\"check\">\u2713<\/div>\n<p><span>Professionele communicatie &#038; afspraken via ONIXE<\/span><\/div>\n<div class=\"li\">\n<div class=\"check\">\u2713<\/div>\n<p><span>Persoonlijke benadering en een vast contactpersoon<\/span><\/div>\n<div class=\"li\">\n<div class=\"check\">\u2713<\/div>\n<p><span>Een optreden, afgestemd op jullie moment!<\/span><\/div>\n<div class=\"li\">\n<div class=\"check\">\u2713<\/div>\n<p><span>Prijzen, tarieven en offerte op aanvraag<\/span><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"panel\">\n<h3>Media<\/h3>\n<div class=\"media-links\">\n<div class=\"media-item\">\n<div class=\"media-icon\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm4.58 14.5c-.2.33-.63.44-.96.24-2.63-1.6-5.95-1.96-9.86-1.06-.38.09-.76-.15-.85-.53-.09-.38.15-.76.53-.85 4.27-.98 7.94-.57 10.9 1.22.33.2.44.63.24.98zm1.37-3.05c-.25.41-.78.54-1.19.29-3.01-1.85-7.6-2.38-11.16-1.3-.46.14-.95-.12-1.09-.58-.14-.46.12-.95.58-1.09 4.07-1.23 9.13-.63 12.6 1.5.41.25.54.78.29 1.18zm.12-3.16c-3.61-2.14-9.57-2.34-13.01-1.3-.55.17-1.13-.14-1.3-.69-.17-.55.14-1.13.69-1.3 3.95-1.2 10.52-.97 14.68 1.5.5.3.67.95.37 1.46-.3.5-.95.67-1.45.33z\"\/>\n                <\/svg>\n              <\/div>\n<div class=\"media-text\">\n<div class=\"label\">Spotify<\/div>\n<p>                <a href=\"#\" target=\"_blank\" rel=\"noopener\"><br \/>\n                  <iframe data-testid=\"embed-iframe\" style=\"border-radius:12px\" src=\"https:\/\/open.spotify.com\/embed\/artist\/6Dzd3XWhO1OaIr5rDbXx4k?utm_source=generator\" width=\"100%\" height=\"152\" frameBorder=\"0\" allowfullscreen=\"\" allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\" loading=\"lazy\"><\/iframe><br \/>\n                <\/a>\n              <\/div>\n<\/p><\/div>\n<div class=\"media-item\">\n<div class=\"media-icon\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M21.6 7.2c-.2-.8-.8-1.4-1.6-1.6C18.6 5.2 12 5.2 12 5.2s-6.6 0-8 .4c-.8.2-1.4.8-1.6 1.6C2 8.6 2 12 2 12s0 3.4.4 4.8c.2.8.8 1.4 1.6 1.6 1.4.4 8 .4 8 .4s6.6 0 8-.4c.8-.2 1.4-.8 1.6-1.6.4-1.4.4-4.8.4-4.8s0-3.4-.4-4.8zM10.4 15.2V8.8L16 12l-5.6 3.2z\"\/>\n                <\/svg>\n              <\/div>\n<div class=\"media-text\">\n<div class=\"label\">YouTube<\/div>\n<p>                <a href=\"#\" target=\"_blank\" rel=\"noopener\"><br \/>\n                  <iframe loading=\"lazy\" width=\"300\" height=\"150\" src=\"https:\/\/www.youtube.com\/embed\/GEmXsPfWlHg?si=nW36XCqp1G2D5O93\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><br \/>\n                <\/a>\n              <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>    <!-- Bottom CTA (midden) --><\/p>\n<div class=\"bottom-cta\">\n      <button class=\"btn btn-gold\" type=\"button\" onclick=\"openContact()\"><br \/>\n        Benieuwd naar de mogelijkheden?<br \/>\n      <\/button>\n    <\/div>\n<p>  <\/main><\/p>\n<p>  <!-- ===== CONTACT OVERLAY ===== --><\/p>\n<div id=\"contactOverlay\" class=\"overlay\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Contact ONIXE\">\n<div class=\"modal\">\n      <button class=\"close\" type=\"button\" aria-label=\"Sluiten\" onclick=\"closeContact()\">\u2715<\/button><\/p>\n<h4>Neem contact op met ONIXE<\/h4>\n<p class=\"who\">Erik de Jong<\/p>\n<div class=\"contact-row\">\n<div class=\"contact-item\">\n<div>\n<div class=\"label\">E-mail<\/div>\n<p>            <a href=\"mailto:erik@onixe.nl\">erik@onixe.nl<\/a>\n          <\/div>\n<\/p><\/div>\n<div class=\"contact-item\">\n<div>\n<div class=\"label\">Telefoon<\/div>\n<p>            <a href=\"tel:+31657873642\">06 57873642<\/a>\n          <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"note\" style=\"margin-top:14px;\">\n        Stuur gerust alvast mee: datum, locatie, type event en gewenste sfeer \u2014 dan maken we direct een passende inschatting.\n      <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<footer>\n    \u00a9 2025 ONIXE Artiestenmanagement \u2014 Alle rechten voorbehouden<br \/>\n  <\/footer>\n<p>  <script>\n    const overlay = document.getElementById(\"contactOverlay\");<\/p>\n<p>    function openContact(){\n      overlay.classList.add(\"open\");\n      document.body.style.overflow = \"hidden\";\n    }<\/p>\n<p>    function closeContact(){\n      overlay.classList.remove(\"open\");\n      document.body.style.overflow = \"\";\n    }<\/p>\n<p>    \/\/ Close on backdrop click\n    overlay.addEventListener(\"click\", (e) => {\n      if(e.target === overlay) closeContact();\n    });<\/p>\n<p>    \/\/ Close on ESC\n    document.addEventListener(\"keydown\", (e) => {\n      if(e.key === \"Escape\" && overlay.classList.contains(\"open\")) closeContact();\n    });<\/p>\n<p>    \/\/ \u2705 Gallery fallback: als src leeg\/ongeldig is -> placeholder blijven tonen\n    (function(){\n      const items = document.querySelectorAll(\".gallery-item\");\n      items.forEach(item => {\n        const img = item.querySelector(\"img\");\n        if(!img) return;<\/p>\n<p>        function setNoImg(){\n          item.classList.add(\"noimg\");\n          img.style.display = \"none\";\n        }<\/p>\n<p>        function setHasImg(){\n          item.classList.remove(\"noimg\");\n          img.style.display = \"block\";\n        }<\/p>\n<p>        const src = (img.getAttribute(\"src\") || \"\").trim();\n        if(!src || src === \"PLAK_HIER_FOTO_2_URL\" || src === \"PLAK_HIER_FOTO_1_URL\" || src === \"PLAK_HIER_FOTO_3_URL\"){\n          setNoImg();\n        } else {\n          img.addEventListener(\"error\", setNoImg, { once:true });\n          img.addEventListener(\"load\", setHasImg, { once:true });\n        }\n      });\n    })();\n  <\/script><br \/>\n<\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>ONIXE | Portfolio | Eefje ONIXE HOME OVER ONIXE ARTIESTEN DIENSTEN CONTACT Home Over ONIXE Artiesten Diensten Contact Artiestenpagina ONIXE Portfolio | Eefje \u201cHoofd in de wolken, beide benen op de grond\u201d Eefje is een 18-jarige singer-songwriter uit Amersfoort met een heerlijke mix van popmuziek, catchy hooks en een knipoog naar de 80&#8217;s. Eefje is [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"eefje","meta":{"footnotes":""},"class_list":["post-120","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/onixe.nl\/index.php?rest_route=\/wp\/v2\/pages\/120","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/onixe.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/onixe.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/onixe.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/onixe.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=120"}],"version-history":[{"count":3,"href":"https:\/\/onixe.nl\/index.php?rest_route=\/wp\/v2\/pages\/120\/revisions"}],"predecessor-version":[{"id":137,"href":"https:\/\/onixe.nl\/index.php?rest_route=\/wp\/v2\/pages\/120\/revisions\/137"}],"wp:attachment":[{"href":"https:\/\/onixe.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=120"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}