Club van 100 - Summer Wijkhuizen<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&family=Lato:wght@400;700&display=swap\" rel=\"stylesheet\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Lato', sans-serif;\n color: #3C3C3C;\n background-color: #FFFFFF;\n }\n\n h1, h2, h3, h4, h5, h6 {\n font-family: 'Poppins', sans-serif;\n font-weight: 700;\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 2rem;\n }\n\n \/* Section Styling *\/\n .section {\n padding: 4rem 0;\n }\n\n .section-white {\n background-color: #FFFFFF;\n }\n\n .section-light {\n background-color: #F5E6E8;\n }\n\n .section-dark {\n background-color: #2C2C2C;\n color: white;\n }\n\n \/* Hero Section - Asymmetric Layout *\/\n .hero {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n align-items: center;\n padding: 4rem 0;\n }\n\n .hero-content {\n background-color: #E8B4C8;\n padding: 3rem;\n border-radius: 0.5rem;\n }\n\n .hero-content h2 {\n font-size: 2.5rem;\n line-height: 1.2;\n margin-bottom: 1.5rem;\n color: #2C2C2C;\n }\n\n .hero-content p {\n font-size: 1rem;\n line-height: 1.6;\n margin-bottom: 1.5rem;\n color: #2C2C2C;\n }\n\n .hero-image {\n width: 100%;\n height: 400px;\n background-color: #f0f0f0;\n border-radius: 0.5rem;\n overflow: hidden;\n }\n\n .hero-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n .btn {\n display: inline-block;\n padding: 0.75rem 1.5rem;\n border-radius: 0.35rem;\n font-size: 0.9rem;\n font-weight: 600;\n border: none;\n cursor: pointer;\n transition: all 0.3s ease;\n text-decoration: none;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n }\n\n .btn-primary {\n background-color: #D4145A;\n color: white;\n }\n\n .btn-primary:hover {\n background-color: #B01047;\n box-shadow: 0 5px 15px rgba(212, 20, 90, 0.3);\n }\n\n .btn-secondary {\n background-color: #00A651;\n color: white;\n border: 2px dashed #00A651;\n }\n\n .btn-secondary:hover {\n background-color: #008A41;\n }\n\n .btn-group {\n display: flex;\n gap: 1rem;\n flex-wrap: wrap;\n }\n\n \/* Section Titles *\/\n .section-title {\n font-size: 2rem;\n text-align: center;\n margin-bottom: 1rem;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n }\n\n .section-subtitle {\n text-align: center;\n font-size: 1rem;\n color: #666;\n margin-bottom: 2rem;\n }\n\n \/* Progress Section *\/\n .progress-container {\n background-color: #F5E6E8;\n padding: 2rem;\n border-radius: 0.5rem;\n margin-bottom: 2rem;\n }\n\n .progress-numbers {\n display: flex;\n justify-content: space-around;\n margin-bottom: 1.5rem;\n text-align: center;\n }\n\n .progress-number-large {\n font-size: 2.5rem;\n font-weight: bold;\n color: #D4145A;\n }\n\n .progress-number-label {\n font-size: 0.9rem;\n color: #666;\n margin-top: 0.5rem;\n }\n\n .progress-bar-container {\n width: 100%;\n height: 1.5rem;\n background-color: #e5e5e5;\n border-radius: 9999px;\n overflow: hidden;\n margin-bottom: 1rem;\n }\n\n .progress-bar {\n height: 100%;\n background-color: #D4145A;\n width: 15%;\n transition: width 1s ease-out;\n }\n\n .progress-percentage {\n text-align: center;\n font-size: 0.9rem;\n color: #666;\n }\n\n \/* Stats Grid *\/\n .stats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.5rem;\n }\n\n .stat-card {\n background: white;\n padding: 1.5rem;\n border-radius: 0.5rem;\n text-align: center;\n border: 2px dashed #00A651;\n transition: all 0.3s ease;\n }\n\n .stat-card:hover {\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n }\n\n .stat-icon {\n font-size: 2.5rem;\n margin-bottom: 1rem;\n }\n\n .stat-card h4 {\n font-size: 1.1rem;\n margin-bottom: 0.5rem;\n color: #D4145A;\n }\n\n .stat-card p {\n font-size: 0.9rem;\n color: #666;\n }\n\n \/* About Section - Asymmetric *\/\n .about-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n align-items: center;\n }\n\n .about-text h3 {\n font-size: 1.8rem;\n margin-bottom: 1.5rem;\n color: #D4145A;\n }\n\n .about-text p {\n font-size: 0.95rem;\n line-height: 1.7;\n margin-bottom: 1rem;\n color: #555;\n }\n\n .about-cards {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n\n .about-card {\n background: #F5E6E8;\n padding: 1.5rem;\n border-radius: 0.5rem;\n display: flex;\n gap: 1rem;\n transition: all 0.3s ease;\n }\n\n .about-card:hover {\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n }\n\n .about-card-icon {\n font-size: 1.8rem;\n flex-shrink: 0;\n }\n\n .about-card h4 {\n font-size: 1rem;\n margin-bottom: 0.5rem;\n color: #D4145A;\n }\n\n .about-card p {\n font-size: 0.85rem;\n color: #666;\n margin: 0;\n }\n\n \/* Benefits Grid *\/\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n }\n\n .benefit-card {\n background: white;\n padding: 2rem;\n border-radius: 0.5rem;\n text-align: center;\n border: 2px dashed #00A651;\n transition: all 0.3s ease;\n }\n\n .benefit-card:hover {\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n transform: translateY(-3px);\n }\n\n .benefit-emoji {\n font-size: 2.5rem;\n margin-bottom: 1rem;\n }\n\n .benefit-card h4 {\n font-size: 1.1rem;\n margin-bottom: 0.75rem;\n color: #D4145A;\n }\n\n .benefit-card p {\n font-size: 0.9rem;\n color: #666;\n line-height: 1.5;\n }\n\n \/* Cost Breakdown *\/\n .cost-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n align-items: center;\n }\n\n .cost-item {\n margin-bottom: 1.5rem;\n }\n\n .cost-item-label {\n display: flex;\n justify-content: space-between;\n margin-bottom: 0.5rem;\n font-weight: 600;\n font-size: 0.95rem;\n }\n\n .cost-bar {\n width: 100%;\n height: 0.8rem;\n background-color: #e5e5e5;\n border-radius: 9999px;\n overflow: hidden;\n }\n\n .cost-bar-fill {\n height: 100%;\n background-color: #D4145A;\n }\n\n .cost-highlight {\n background: #E8B4C8;\n padding: 2rem;\n border-radius: 0.5rem;\n text-align: center;\n }\n\n .cost-amount {\n font-size: 2.5rem;\n font-weight: bold;\n color: #D4145A;\n margin-bottom: 0.5rem;\n }\n\n .cost-period {\n font-size: 0.9rem;\n color: #2C2C2C;\n margin-bottom: 1rem;\n }\n\n .cost-monthly {\n font-size: 1.5rem;\n font-weight: bold;\n color: #2C2C2C;\n margin-bottom: 1rem;\n }\n\n .cost-text {\n font-size: 0.9rem;\n color: #2C2C2C;\n }\n\n \/* Form Section *\/\n .form-container {\n max-width: 600px;\n margin: 0 auto;\n background: #F5E6E8;\n padding: 2rem;\n border-radius: 0.5rem;\n }\n\n .form-group {\n margin-bottom: 1.5rem;\n }\n\n .form-label {\n display: block;\n font-size: 0.9rem;\n font-weight: 600;\n margin-bottom: 0.5rem;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n }\n\n .form-input {\n width: 100%;\n padding: 0.75rem 1rem;\n border: 2px solid #D4145A;\n border-radius: 0.35rem;\n font-size: 0.95rem;\n transition: all 0.3s ease;\n font-family: 'Lato', sans-serif;\n }\n\n .form-input:focus {\n outline: none;\n border-color: #B01047;\n box-shadow: 0 0 0 3px rgba(212, 20, 90, 0.1);\n }\n\n .form-submit {\n width: 100%;\n padding: 1rem;\n background-color: #D4145A;\n color: white;\n border: none;\n border-radius: 0.35rem;\n font-size: 0.95rem;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n }\n\n .form-submit:hover {\n background-color: #B01047;\n box-shadow: 0 5px 15px rgba(212, 20, 90, 0.3);\n }\n\n .form-disclaimer {\n font-size: 0.8rem;\n color: #666;\n text-align: center;\n margin-top: 1rem;\n }\n\n \/* Footer *\/\n .footer-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 2rem;\n margin-bottom: 2rem;\n }\n\n .footer-section h4 {\n font-size: 1rem;\n margin-bottom: 1rem;\n color: white;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n }\n\n .footer-section p {\n font-size: 0.9rem;\n color: #ccc;\n line-height: 1.6;\n }\n\n .footer-section a {\n color: #FFD700;\n text-decoration: none;\n transition: color 0.3s ease;\n }\n\n .footer-section a:hover {\n color: white;\n }\n\n .footer-divider {\n border-top: 1px solid #444;\n padding-top: 2rem;\n text-align: center;\n color: #999;\n font-size: 0.85rem;\n }\n\n \/* Responsive *\/\n @media (max-width: 768px) {\n .hero,\n .about-grid,\n .cost-grid {\n grid-template-columns: 1fr;\n }\n\n .hero-content {\n padding: 2rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .section {\n padding: 2rem 0;\n }\n\n .container {\n padding: 0 1rem;\n }\n\n .btn-group {\n flex-direction: column;\n }\n\n .btn {\n width: 100%;\n text-align: center;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n <section class=\"section section-white\">\n <div class=\"container\">\n <div class=\"hero\">\n <div class=\"hero-content\">\n <h2>Word lid van de Club van 100<\/h2>\n <p>Help Summer haar droom waar te maken! Door lid te worden van de Club van 100 steun je Summer op haar weg naar de top van het kunstschaatsen. Je bent niet zomaar een donor\u2014je bent onderdeel van haar team.<\/p>\n <div class=\"btn-group\">\n <a href=\"#signup\" class=\"btn btn-primary\">Sluit je aan<\/a>\n <a href=\"#about\" class=\"btn btn-secondary\">Meer info<\/a>\n <\/div>\n <\/div>\n <div class=\"hero-image\">\n <img decoding=\"async\" src=\"https:\/\/summerwijkhuizen.com\/wp-content\/uploads\/2026\/05\/KEN_7463.jpg\" alt=\"Summer Wijkhuizen\">\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section section-light\">\n <div class=\"container\">\n <h3 class=\"section-title\">Onze Voortgang<\/h3>\n <p class=\"section-subtitle\">We zijn al onderweg! Samen bouwen we aan iets bijzonders.<\/p>\n\n <div class=\"progress-container\">\n <div class=\"progress-numbers\">\n <div>\n <div class=\"progress-number-large\">17<\/div>\n <div class=\"progress-number-label\">Huidige leden<\/div>\n <\/div>\n <div>\n <div class=\"progress-number-large\">100<\/div>\n <div class=\"progress-number-label\">Ons doel<\/div>\n <\/div>\n <\/div>\n\n <div class=\"progress-bar-container\">\n <div class=\"progress-bar\" style=\"width: 17%;\"><\/div>\n <\/div>\n\n <div class=\"progress-percentage\">17% van ons doel bereikt<\/div>\n <\/div>\n\n <div class=\"stats-grid\">\n <div class=\"stat-card\">\n <div class=\"stat-icon\">\ud83d\udc65<\/div>\n <h4>Nog 83 plekken<\/h4>\n <p>Wees onderdeel van een exclusieve groep supporters<\/p>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-icon\">\ud83d\udcb0<\/div>\n <h4>\u20ac100 per jaar<\/h4>\n <p>Minder dan \u20ac9 per maand voor een groot verschil<\/p>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-icon\">\u2764\ufe0f<\/div>\n <h4>Direct Impact<\/h4>\n <p>Je steun gaat rechtstreeks naar trainingen en wedstrijden<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"about\" class=\"section section-white\">\n <div class=\"container\">\n <h3 class=\"section-title\">Wie is Summer?<\/h3>\n \n <div class=\"about-grid\">\n <div class=\"about-text\">\n <h3>Een Kunstschaatsster met Passie<\/h3>\n <p>Summer Wijkhuizen is een 15-jarige kunstschaatsster met een enorme passie voor haar sport. Ze is Nederlands kampioen Advanced Novice (2025 en 2026) en vice-Nederlands kampioen Basic (2023).<\/p>\n <p>Elke dag traint Summer intensief om op het hoogste niveau te presteren. Ze volgt on-ice trainingen, off-ice trainingen, ballet, kracht- en conditietraining, fysiotherapie en choreografielessen.<\/p>\n <p>Maar dit alles kost geld. De Club van 100 is onze manier om deze droom haalbaar te maken.<\/p>\n <\/div>\n\n <div class=\"about-cards\">\n <div class=\"about-card\">\n <div class=\"about-card-icon\">\u2b50<\/div>\n <div>\n <h4>Nederlands Kampioen<\/h4>\n <p>Advanced Novice 2025 & 2026<\/p>\n <\/div>\n <\/div>\n <div class=\"about-card\">\n <div class=\"about-card-icon\">\ud83c\udfc6<\/div>\n <div>\n <h4>Internationale Wedstrijden<\/h4>\n <p>Deelname aan toernooien in USA, Duitsland, Hongarije, Bulgarije en meer<\/p>\n <\/div>\n <\/div>\n <div class=\"about-card\">\n <div class=\"about-card-icon\">\u2764\ufe0f<\/div>\n <div>\n <h4>Pure Passie<\/h4>\n <p>Kunstschaatsen is niet zomaar een hobby\u2014het is haar leven<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section section-light\">\n <div class=\"container\">\n <h3 class=\"section-title\">Wat krijg je als lid?<\/h3>\n \n <div class=\"benefits-grid\">\n <div class=\"benefit-card\">\n <div class=\"benefit-emoji\">\ud83d\udcf1<\/div>\n <h4>Exclusieve Updates<\/h4>\n <p>Krijg eerst te horen over wedstrijdresultaten, trainingsvoortgang en grote momenten in Summers leven.<\/p>\n <\/div>\n <div class=\"benefit-card\">\n <div class=\"benefit-emoji\">\ud83d\udcac<\/div>\n <h4>WhatsApp Groep<\/h4>\n <p>Word onderdeel van een speciale groep waar je direct contact hebt met Nancy en Summer.<\/p>\n <\/div>\n <div class=\"benefit-card\">\n <div class=\"benefit-emoji\">\ud83c\udfac<\/div>\n <h4>Achter de Schermen<\/h4>\n <p>Zie de minder perfecte momenten, het harde werk, en de echte reis naar de top.<\/p>\n <\/div>\n <div class=\"benefit-card\">\n <div class=\"benefit-emoji\">\ud83c\udf81<\/div>\n <h4>Bedankjes van Summer<\/h4>\n <p>Ontvang persoonlijke video-bedankjes en updates rechtstreeks van Summer zelf.<\/p>\n <\/div>\n <div class=\"benefit-card\">\n <div class=\"benefit-emoji\">\ud83d\udcb0<\/div>\n <h4>Transparantie<\/h4>\n <p>Weet precies waar je bijdrage naartoe gaat: trainingen, materiaal, wedstrijdreizen.<\/p>\n <\/div>\n <div class=\"benefit-card\">\n <div class=\"benefit-emoji\">\ud83e\udd1d<\/div>\n <h4>Onderdeel van Iets Groters<\/h4>\n <p>Je bent niet zomaar een donor\u2014je bent onderdeel van Summers team.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section section-white\">\n <div class=\"container\">\n <h3 class=\"section-title\">Waar gaat je steun naartoe?<\/h3>\n \n <div class=\"cost-grid\">\n <div>\n <div class=\"cost-item\">\n <div class=\"cost-item-label\">\n <span>Ijsuren (training)<\/span>\n <span>35%<\/span>\n <\/div>\n <div class=\"cost-bar\">\n <div class=\"cost-bar-fill\" style=\"width: 35%;\"><\/div>\n <\/div>\n <\/div>\n\n <div class=\"cost-item\">\n <div class=\"cost-item-label\">\n <span>Coaching & choreografie<\/span>\n <span>25%<\/span>\n <\/div>\n <div class=\"cost-bar\">\n <div class=\"cost-bar-fill\" style=\"width: 25%;\"><\/div>\n <\/div>\n <\/div>\n\n <div class=\"cost-item\">\n <div class=\"cost-item-label\">\n <span>Wedstrijdpakken & schaatsen<\/span>\n <span>20%<\/span>\n <\/div>\n <div class=\"cost-bar\">\n <div class=\"cost-bar-fill\" style=\"width: 20%;\"><\/div>\n <\/div>\n <\/div>\n\n <div class=\"cost-item\">\n <div class=\"cost-item-label\">\n <span>Reiskosten wedstrijden<\/span>\n <span>20%<\/span>\n <\/div>\n <div class=\"cost-bar\">\n <div class=\"cost-bar-fill\" style=\"width: 20%;\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"cost-highlight\">\n <div class=\"cost-amount\">\u20ac100<\/div>\n <div class=\"cost-period\">per jaar<\/div>\n <div class=\"cost-monthly\">\u20ac8,33<\/div>\n <div class=\"cost-period\">per maand<\/div>\n <div class=\"cost-text\">Dat is minder dan een kopje koffie per week, maar het maakt een wereld van verschil voor Summer.<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"signup\" class=\"section section-light\">\n <div class=\"container\">\n <div class=\"form-container\">\n <h3 class=\"section-title\">Klaar om lid te worden?<\/h3>\n <p class=\"section-subtitle\">Vul je gegevens in en we nemen contact met je op met alle details over de Club van 100.<\/p>\n\n <form id=\"clubForm\" action=\"https:\/\/formspree.io\/f\/xnjwjbol\" method=\"POST\">\n <div class=\"form-group\">\n <label class=\"form-label\">Voornaam<\/label>\n <input type=\"text\" name=\"voornaam\" class=\"form-input\" placeholder=\"Jouw voornaam\" required>\n <\/div>\n\n <div class=\"form-group\">\n <label class=\"form-label\">E-mailadres<\/label>\n <input type=\"email\" name=\"email\" class=\"form-input\" placeholder=\"jouw@email.com\" required>\n <\/div>\n\n <button type=\"submit\" class=\"form-submit\">Ik wil lid worden van de Club van 100<\/button>\n <p class=\"form-disclaimer\">We zullen je gegevens niet delen met derden. Alleen Nancy zal contact met je opnemen.<\/p>\n <input\n class=\"apbct_special_field apbct_email_id__elementor_form\"\n name=\"apbct__email_id__elementor_form\"\n aria-label=\"apbct__label_id__elementor_form\"\n type=\"text\" size=\"30\" maxlength=\"200\" autocomplete=\"off\"\n value=\"\"\n \/><\/form>\n <\/div>\n <\/div>\n <\/section>\n\n \n <script>\n \/\/ Animate progress bar on load\n window.addEventListener('load', function() {\n const progressBar = document.querySelector('.progress-bar');\n if (progressBar) {\n progressBar.style.width = '15%';\n }\n });\n\n \/\/ Smooth scroll for anchor links\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n });\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Club van 100 – Summer Wijkhuizen Word lid van de Club van 100 Help Summer haar droom waar te maken! Door lid te worden van de Club van 100 steun je Summer op haar weg naar de top van het kunstschaatsen. Je bent niet zomaar een donor\u2014je bent onderdeel van haar team. Sluit je aan […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2177","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/summerwijkhuizen.com\/index.php?rest_route=\/wp\/v2\/pages\/2177","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/summerwijkhuizen.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/summerwijkhuizen.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/summerwijkhuizen.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/summerwijkhuizen.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2177"}],"version-history":[{"count":7,"href":"https:\/\/summerwijkhuizen.com\/index.php?rest_route=\/wp\/v2\/pages\/2177\/revisions"}],"predecessor-version":[{"id":2186,"href":"https:\/\/summerwijkhuizen.com\/index.php?rest_route=\/wp\/v2\/pages\/2177\/revisions\/2186"}],"wp:attachment":[{"href":"https:\/\/summerwijkhuizen.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2177"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n Club van 100 - Summer Wijkhuizen<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&family=Lato:wght@400;700&display=swap\" rel=\"stylesheet\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Lato', sans-serif;\n color: #3C3C3C;\n background-color: #FFFFFF;\n }\n\n h1, h2, h3, h4, h5, h6 {\n font-family: 'Poppins', sans-serif;\n font-weight: 700;\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 2rem;\n }\n\n \/* Section Styling *\/\n .section {\n padding: 4rem 0;\n }\n\n .section-white {\n background-color: #FFFFFF;\n }\n\n .section-light {\n background-color: #F5E6E8;\n }\n\n .section-dark {\n background-color: #2C2C2C;\n color: white;\n }\n\n \/* Hero Section - Asymmetric Layout *\/\n .hero {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n align-items: center;\n padding: 4rem 0;\n }\n\n .hero-content {\n background-color: #E8B4C8;\n padding: 3rem;\n border-radius: 0.5rem;\n }\n\n .hero-content h2 {\n font-size: 2.5rem;\n line-height: 1.2;\n margin-bottom: 1.5rem;\n color: #2C2C2C;\n }\n\n .hero-content p {\n font-size: 1rem;\n line-height: 1.6;\n margin-bottom: 1.5rem;\n color: #2C2C2C;\n }\n\n .hero-image {\n width: 100%;\n height: 400px;\n background-color: #f0f0f0;\n border-radius: 0.5rem;\n overflow: hidden;\n }\n\n .hero-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n .btn {\n display: inline-block;\n padding: 0.75rem 1.5rem;\n border-radius: 0.35rem;\n font-size: 0.9rem;\n font-weight: 600;\n border: none;\n cursor: pointer;\n transition: all 0.3s ease;\n text-decoration: none;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n }\n\n .btn-primary {\n background-color: #D4145A;\n color: white;\n }\n\n .btn-primary:hover {\n background-color: #B01047;\n box-shadow: 0 5px 15px rgba(212, 20, 90, 0.3);\n }\n\n .btn-secondary {\n background-color: #00A651;\n color: white;\n border: 2px dashed #00A651;\n }\n\n .btn-secondary:hover {\n background-color: #008A41;\n }\n\n .btn-group {\n display: flex;\n gap: 1rem;\n flex-wrap: wrap;\n }\n\n \/* Section Titles *\/\n .section-title {\n font-size: 2rem;\n text-align: center;\n margin-bottom: 1rem;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n }\n\n .section-subtitle {\n text-align: center;\n font-size: 1rem;\n color: #666;\n margin-bottom: 2rem;\n }\n\n \/* Progress Section *\/\n .progress-container {\n background-color: #F5E6E8;\n padding: 2rem;\n border-radius: 0.5rem;\n margin-bottom: 2rem;\n }\n\n .progress-numbers {\n display: flex;\n justify-content: space-around;\n margin-bottom: 1.5rem;\n text-align: center;\n }\n\n .progress-number-large {\n font-size: 2.5rem;\n font-weight: bold;\n color: #D4145A;\n }\n\n .progress-number-label {\n font-size: 0.9rem;\n color: #666;\n margin-top: 0.5rem;\n }\n\n .progress-bar-container {\n width: 100%;\n height: 1.5rem;\n background-color: #e5e5e5;\n border-radius: 9999px;\n overflow: hidden;\n margin-bottom: 1rem;\n }\n\n .progress-bar {\n height: 100%;\n background-color: #D4145A;\n width: 15%;\n transition: width 1s ease-out;\n }\n\n .progress-percentage {\n text-align: center;\n font-size: 0.9rem;\n color: #666;\n }\n\n \/* Stats Grid *\/\n .stats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.5rem;\n }\n\n .stat-card {\n background: white;\n padding: 1.5rem;\n border-radius: 0.5rem;\n text-align: center;\n border: 2px dashed #00A651;\n transition: all 0.3s ease;\n }\n\n .stat-card:hover {\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n }\n\n .stat-icon {\n font-size: 2.5rem;\n margin-bottom: 1rem;\n }\n\n .stat-card h4 {\n font-size: 1.1rem;\n margin-bottom: 0.5rem;\n color: #D4145A;\n }\n\n .stat-card p {\n font-size: 0.9rem;\n color: #666;\n }\n\n \/* About Section - Asymmetric *\/\n .about-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n align-items: center;\n }\n\n .about-text h3 {\n font-size: 1.8rem;\n margin-bottom: 1.5rem;\n color: #D4145A;\n }\n\n .about-text p {\n font-size: 0.95rem;\n line-height: 1.7;\n margin-bottom: 1rem;\n color: #555;\n }\n\n .about-cards {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n\n .about-card {\n background: #F5E6E8;\n padding: 1.5rem;\n border-radius: 0.5rem;\n display: flex;\n gap: 1rem;\n transition: all 0.3s ease;\n }\n\n .about-card:hover {\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n }\n\n .about-card-icon {\n font-size: 1.8rem;\n flex-shrink: 0;\n }\n\n .about-card h4 {\n font-size: 1rem;\n margin-bottom: 0.5rem;\n color: #D4145A;\n }\n\n .about-card p {\n font-size: 0.85rem;\n color: #666;\n margin: 0;\n }\n\n \/* Benefits Grid *\/\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n }\n\n .benefit-card {\n background: white;\n padding: 2rem;\n border-radius: 0.5rem;\n text-align: center;\n border: 2px dashed #00A651;\n transition: all 0.3s ease;\n }\n\n .benefit-card:hover {\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n transform: translateY(-3px);\n }\n\n .benefit-emoji {\n font-size: 2.5rem;\n margin-bottom: 1rem;\n }\n\n .benefit-card h4 {\n font-size: 1.1rem;\n margin-bottom: 0.75rem;\n color: #D4145A;\n }\n\n .benefit-card p {\n font-size: 0.9rem;\n color: #666;\n line-height: 1.5;\n }\n\n \/* Cost Breakdown *\/\n .cost-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n align-items: center;\n }\n\n .cost-item {\n margin-bottom: 1.5rem;\n }\n\n .cost-item-label {\n display: flex;\n justify-content: space-between;\n margin-bottom: 0.5rem;\n font-weight: 600;\n font-size: 0.95rem;\n }\n\n .cost-bar {\n width: 100%;\n height: 0.8rem;\n background-color: #e5e5e5;\n border-radius: 9999px;\n overflow: hidden;\n }\n\n .cost-bar-fill {\n height: 100%;\n background-color: #D4145A;\n }\n\n .cost-highlight {\n background: #E8B4C8;\n padding: 2rem;\n border-radius: 0.5rem;\n text-align: center;\n }\n\n .cost-amount {\n font-size: 2.5rem;\n font-weight: bold;\n color: #D4145A;\n margin-bottom: 0.5rem;\n }\n\n .cost-period {\n font-size: 0.9rem;\n color: #2C2C2C;\n margin-bottom: 1rem;\n }\n\n .cost-monthly {\n font-size: 1.5rem;\n font-weight: bold;\n color: #2C2C2C;\n margin-bottom: 1rem;\n }\n\n .cost-text {\n font-size: 0.9rem;\n color: #2C2C2C;\n }\n\n \/* Form Section *\/\n .form-container {\n max-width: 600px;\n margin: 0 auto;\n background: #F5E6E8;\n padding: 2rem;\n border-radius: 0.5rem;\n }\n\n .form-group {\n margin-bottom: 1.5rem;\n }\n\n .form-label {\n display: block;\n font-size: 0.9rem;\n font-weight: 600;\n margin-bottom: 0.5rem;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n }\n\n .form-input {\n width: 100%;\n padding: 0.75rem 1rem;\n border: 2px solid #D4145A;\n border-radius: 0.35rem;\n font-size: 0.95rem;\n transition: all 0.3s ease;\n font-family: 'Lato', sans-serif;\n }\n\n .form-input:focus {\n outline: none;\n border-color: #B01047;\n box-shadow: 0 0 0 3px rgba(212, 20, 90, 0.1);\n }\n\n .form-submit {\n width: 100%;\n padding: 1rem;\n background-color: #D4145A;\n color: white;\n border: none;\n border-radius: 0.35rem;\n font-size: 0.95rem;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n }\n\n .form-submit:hover {\n background-color: #B01047;\n box-shadow: 0 5px 15px rgba(212, 20, 90, 0.3);\n }\n\n .form-disclaimer {\n font-size: 0.8rem;\n color: #666;\n text-align: center;\n margin-top: 1rem;\n }\n\n \/* Footer *\/\n .footer-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 2rem;\n margin-bottom: 2rem;\n }\n\n .footer-section h4 {\n font-size: 1rem;\n margin-bottom: 1rem;\n color: white;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n }\n\n .footer-section p {\n font-size: 0.9rem;\n color: #ccc;\n line-height: 1.6;\n }\n\n .footer-section a {\n color: #FFD700;\n text-decoration: none;\n transition: color 0.3s ease;\n }\n\n .footer-section a:hover {\n color: white;\n }\n\n .footer-divider {\n border-top: 1px solid #444;\n padding-top: 2rem;\n text-align: center;\n color: #999;\n font-size: 0.85rem;\n }\n\n \/* Responsive *\/\n @media (max-width: 768px) {\n .hero,\n .about-grid,\n .cost-grid {\n grid-template-columns: 1fr;\n }\n\n .hero-content {\n padding: 2rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .section {\n padding: 2rem 0;\n }\n\n .container {\n padding: 0 1rem;\n }\n\n .btn-group {\n flex-direction: column;\n }\n\n .btn {\n width: 100%;\n text-align: center;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n <section class=\"section section-white\">\n <div class=\"container\">\n <div class=\"hero\">\n <div class=\"hero-content\">\n <h2>Word lid van de Club van 100<\/h2>\n <p>Help Summer haar droom waar te maken! Door lid te worden van de Club van 100 steun je Summer op haar weg naar de top van het kunstschaatsen. Je bent niet zomaar een donor\u2014je bent onderdeel van haar team.<\/p>\n <div class=\"btn-group\">\n <a href=\"#signup\" class=\"btn btn-primary\">Sluit je aan<\/a>\n <a href=\"#about\" class=\"btn btn-secondary\">Meer info<\/a>\n <\/div>\n <\/div>\n <div class=\"hero-image\">\n <img decoding=\"async\" src=\"https:\/\/summerwijkhuizen.com\/wp-content\/uploads\/2026\/05\/KEN_7463.jpg\" alt=\"Summer Wijkhuizen\">\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section section-light\">\n <div class=\"container\">\n <h3 class=\"section-title\">Onze Voortgang<\/h3>\n <p class=\"section-subtitle\">We zijn al onderweg! Samen bouwen we aan iets bijzonders.<\/p>\n\n <div class=\"progress-container\">\n <div class=\"progress-numbers\">\n <div>\n <div class=\"progress-number-large\">17<\/div>\n <div class=\"progress-number-label\">Huidige leden<\/div>\n <\/div>\n <div>\n <div class=\"progress-number-large\">100<\/div>\n <div class=\"progress-number-label\">Ons doel<\/div>\n <\/div>\n <\/div>\n\n <div class=\"progress-bar-container\">\n <div class=\"progress-bar\" style=\"width: 17%;\"><\/div>\n <\/div>\n\n <div class=\"progress-percentage\">17% van ons doel bereikt<\/div>\n <\/div>\n\n <div class=\"stats-grid\">\n <div class=\"stat-card\">\n <div class=\"stat-icon\">\ud83d\udc65<\/div>\n <h4>Nog 83 plekken<\/h4>\n <p>Wees onderdeel van een exclusieve groep supporters<\/p>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-icon\">\ud83d\udcb0<\/div>\n <h4>\u20ac100 per jaar<\/h4>\n <p>Minder dan \u20ac9 per maand voor een groot verschil<\/p>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-icon\">\u2764\ufe0f<\/div>\n <h4>Direct Impact<\/h4>\n <p>Je steun gaat rechtstreeks naar trainingen en wedstrijden<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"about\" class=\"section section-white\">\n <div class=\"container\">\n <h3 class=\"section-title\">Wie is Summer?<\/h3>\n \n <div class=\"about-grid\">\n <div class=\"about-text\">\n <h3>Een Kunstschaatsster met Passie<\/h3>\n <p>Summer Wijkhuizen is een 15-jarige kunstschaatsster met een enorme passie voor haar sport. Ze is Nederlands kampioen Advanced Novice (2025 en 2026) en vice-Nederlands kampioen Basic (2023).<\/p>\n <p>Elke dag traint Summer intensief om op het hoogste niveau te presteren. Ze volgt on-ice trainingen, off-ice trainingen, ballet, kracht- en conditietraining, fysiotherapie en choreografielessen.<\/p>\n <p>Maar dit alles kost geld. De Club van 100 is onze manier om deze droom haalbaar te maken.<\/p>\n <\/div>\n\n <div class=\"about-cards\">\n <div class=\"about-card\">\n <div class=\"about-card-icon\">\u2b50<\/div>\n <div>\n <h4>Nederlands Kampioen<\/h4>\n <p>Advanced Novice 2025 & 2026<\/p>\n <\/div>\n <\/div>\n <div class=\"about-card\">\n <div class=\"about-card-icon\">\ud83c\udfc6<\/div>\n <div>\n <h4>Internationale Wedstrijden<\/h4>\n <p>Deelname aan toernooien in USA, Duitsland, Hongarije, Bulgarije en meer<\/p>\n <\/div>\n <\/div>\n <div class=\"about-card\">\n <div class=\"about-card-icon\">\u2764\ufe0f<\/div>\n <div>\n <h4>Pure Passie<\/h4>\n <p>Kunstschaatsen is niet zomaar een hobby\u2014het is haar leven<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section section-light\">\n <div class=\"container\">\n <h3 class=\"section-title\">Wat krijg je als lid?<\/h3>\n \n <div class=\"benefits-grid\">\n <div class=\"benefit-card\">\n <div class=\"benefit-emoji\">\ud83d\udcf1<\/div>\n <h4>Exclusieve Updates<\/h4>\n <p>Krijg eerst te horen over wedstrijdresultaten, trainingsvoortgang en grote momenten in Summers leven.<\/p>\n <\/div>\n <div class=\"benefit-card\">\n <div class=\"benefit-emoji\">\ud83d\udcac<\/div>\n <h4>WhatsApp Groep<\/h4>\n <p>Word onderdeel van een speciale groep waar je direct contact hebt met Nancy en Summer.<\/p>\n <\/div>\n <div class=\"benefit-card\">\n <div class=\"benefit-emoji\">\ud83c\udfac<\/div>\n <h4>Achter de Schermen<\/h4>\n <p>Zie de minder perfecte momenten, het harde werk, en de echte reis naar de top.<\/p>\n <\/div>\n <div class=\"benefit-card\">\n <div class=\"benefit-emoji\">\ud83c\udf81<\/div>\n <h4>Bedankjes van Summer<\/h4>\n <p>Ontvang persoonlijke video-bedankjes en updates rechtstreeks van Summer zelf.<\/p>\n <\/div>\n <div class=\"benefit-card\">\n <div class=\"benefit-emoji\">\ud83d\udcb0<\/div>\n <h4>Transparantie<\/h4>\n <p>Weet precies waar je bijdrage naartoe gaat: trainingen, materiaal, wedstrijdreizen.<\/p>\n <\/div>\n <div class=\"benefit-card\">\n <div class=\"benefit-emoji\">\ud83e\udd1d<\/div>\n <h4>Onderdeel van Iets Groters<\/h4>\n <p>Je bent niet zomaar een donor\u2014je bent onderdeel van Summers team.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section section-white\">\n <div class=\"container\">\n <h3 class=\"section-title\">Waar gaat je steun naartoe?<\/h3>\n \n <div class=\"cost-grid\">\n <div>\n <div class=\"cost-item\">\n <div class=\"cost-item-label\">\n <span>Ijsuren (training)<\/span>\n <span>35%<\/span>\n <\/div>\n <div class=\"cost-bar\">\n <div class=\"cost-bar-fill\" style=\"width: 35%;\"><\/div>\n <\/div>\n <\/div>\n\n <div class=\"cost-item\">\n <div class=\"cost-item-label\">\n <span>Coaching & choreografie<\/span>\n <span>25%<\/span>\n <\/div>\n <div class=\"cost-bar\">\n <div class=\"cost-bar-fill\" style=\"width: 25%;\"><\/div>\n <\/div>\n <\/div>\n\n <div class=\"cost-item\">\n <div class=\"cost-item-label\">\n <span>Wedstrijdpakken & schaatsen<\/span>\n <span>20%<\/span>\n <\/div>\n <div class=\"cost-bar\">\n <div class=\"cost-bar-fill\" style=\"width: 20%;\"><\/div>\n <\/div>\n <\/div>\n\n <div class=\"cost-item\">\n <div class=\"cost-item-label\">\n <span>Reiskosten wedstrijden<\/span>\n <span>20%<\/span>\n <\/div>\n <div class=\"cost-bar\">\n <div class=\"cost-bar-fill\" style=\"width: 20%;\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"cost-highlight\">\n <div class=\"cost-amount\">\u20ac100<\/div>\n <div class=\"cost-period\">per jaar<\/div>\n <div class=\"cost-monthly\">\u20ac8,33<\/div>\n <div class=\"cost-period\">per maand<\/div>\n <div class=\"cost-text\">Dat is minder dan een kopje koffie per week, maar het maakt een wereld van verschil voor Summer.<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"signup\" class=\"section section-light\">\n <div class=\"container\">\n <div class=\"form-container\">\n <h3 class=\"section-title\">Klaar om lid te worden?<\/h3>\n <p class=\"section-subtitle\">Vul je gegevens in en we nemen contact met je op met alle details over de Club van 100.<\/p>\n\n <form id=\"clubForm\" action=\"https:\/\/formspree.io\/f\/xnjwjbol\" method=\"POST\">\n <div class=\"form-group\">\n <label class=\"form-label\">Voornaam<\/label>\n <input type=\"text\" name=\"voornaam\" class=\"form-input\" placeholder=\"Jouw voornaam\" required>\n <\/div>\n\n <div class=\"form-group\">\n <label class=\"form-label\">E-mailadres<\/label>\n <input type=\"email\" name=\"email\" class=\"form-input\" placeholder=\"jouw@email.com\" required>\n <\/div>\n\n <button type=\"submit\" class=\"form-submit\">Ik wil lid worden van de Club van 100<\/button>\n <p class=\"form-disclaimer\">We zullen je gegevens niet delen met derden. Alleen Nancy zal contact met je opnemen.<\/p>\n <input\n class=\"apbct_special_field apbct_email_id__elementor_form\"\n name=\"apbct__email_id__elementor_form\"\n aria-label=\"apbct__label_id__elementor_form\"\n type=\"text\" size=\"30\" maxlength=\"200\" autocomplete=\"off\"\n value=\"\"\n \/><\/form>\n <\/div>\n <\/div>\n <\/section>\n\n \n <script>\n \/\/ Animate progress bar on load\n window.addEventListener('load', function() {\n const progressBar = document.querySelector('.progress-bar');\n if (progressBar) {\n progressBar.style.width = '15%';\n }\n });\n\n \/\/ Smooth scroll for anchor links\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n });\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Club van 100 – Summer Wijkhuizen Word lid van de Club van 100 Help Summer haar droom waar te maken! Door lid te worden van de Club van 100 steun je Summer op haar weg naar de top van het kunstschaatsen. Je bent niet zomaar een donor\u2014je bent onderdeel van haar team. Sluit je aan […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2177","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/summerwijkhuizen.com\/index.php?rest_route=\/wp\/v2\/pages\/2177","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/summerwijkhuizen.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/summerwijkhuizen.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/summerwijkhuizen.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/summerwijkhuizen.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2177"}],"version-history":[{"count":7,"href":"https:\/\/summerwijkhuizen.com\/index.php?rest_route=\/wp\/v2\/pages\/2177\/revisions"}],"predecessor-version":[{"id":2186,"href":"https:\/\/summerwijkhuizen.com\/index.php?rest_route=\/wp\/v2\/pages\/2177\/revisions\/2186"}],"wp:attachment":[{"href":"https:\/\/summerwijkhuizen.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2177"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}