Het Goudhaantje – Smaakvol & Perfect Gegrild<\/title>\n \n \n \n <script async src=\"https:\/\/www.googletagmanager.com\/gtag\/js?id=G-XXXXXXXXXX\"><\/script>\n <script>\n window.dataLayer = window.dataLayer || [];\n function gtag(){dataLayer.push(arguments);}\n gtag(\"js\", new Date());\n gtag(\"config\", \"G-XXXXXXXXXX\");\n <\/script>\n <style>\n * {\n box-sizing: border-box;\n }\n\n html, body {\n width: 100%;\n margin: 0;\n padding: 0;\n overflow-x: hidden;\n }\n\n body {\n font-family: Arial, sans-serif;\n color: #333;\n line-height: 1.6;\n background: linear-gradient(135deg, rgba(212, 175, 55, 0.05) 0%, rgba(51, 51, 51, 0.05) 100%), url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1200 800\"><defs><pattern id=\"dots\" x=\"0\" y=\"0\" width=\"40\" height=\"40\" patternUnits=\"userSpaceOnUse\"><circle cx=\"20\" cy=\"20\" r=\"2\" fill=\"%23D4AF37\" opacity=\"0.1\"\/><\/pattern><\/defs><rect width=\"1200\" height=\"800\" fill=\"%23f5f5f5\"\/><rect width=\"1200\" height=\"800\" fill=\"url(%23dots)\"\/><\/svg>');\n background-attachment: fixed;\n }\n\n \/* Sections with proper spacing *\/\n section {\n width: 100%;\n }\n\n header {\n width: 100%;\n }\n\n footer {\n width: 100%;\n }\n\n .container {\n max-width: 1400px;\n margin: 0 auto;\n padding: 20px 40px;\n }\n\n section {\n padding: 80px 0;\n text-align: center;\n }\n\n h1, h2, h3 {\n color: #222;\n }\n\n h1 {\n font-size: 3.5em;\n }\n\n h2 {\n font-size: 2.5em;\n margin-bottom: 20px;\n }\n\n h3 {\n font-size: 1.4em;\n }\n\n .button {\n display: inline-block;\n padding: 12px 25px;\n margin: 10px;\n border-radius: 6px;\n text-decoration: none;\n font-weight: bold;\n cursor: pointer;\n transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.2s ease;\n }\n\n .button:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n }\n\n .primary-cta {\n background-color: #D4AF37; \/* Gold *\/\n color: white;\n border: none;\n }\n\n .primary-cta:hover {\n background-color: #C5A030;\n box-shadow: 0 6px 15px rgba(212, 175, 55, 0.4);\n }\n\n .secondary-cta {\n background-color: #333; \/* Dark Grey *\/\n color: white;\n border: none;\n }\n\n .secondary-cta:hover {\n background-color: #555;\n box-shadow: 0 6px 15px rgba(51, 51, 51, 0.4);\n }\n\n \/* Responsive adjustments *\/\n\n\n \/* Header *\/\n header {\n background-color: #222;\n color: white;\n padding: 15px 0;\n position: sticky;\n top: 0;\n z-index: 1000;\n box-shadow: 0 2px 10px rgba(0,0,0,0.1);\n }\n\n header .container {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .logo img {\n height: 50px; \/* Adjust as needed *\/\n }\n\n \/* Hero Section *\/\n #hero {\n background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663283571671\/GowwePWYfqRPRBES.png') no-repeat center center\/cover;\n color: white;\n padding: 150px 0;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n min-height: 60vh;\n position: relative;\n }\n\n #hero h1 {\n font-size: 4em;\n margin-bottom: 10px;\n color: white;\n text-shadow: 2px 2px 8px rgba(0,0,0,0.7);\n }\n\n #hero p {\n font-size: 1.5em;\n margin-bottom: 30px;\n color: #f0f0f0;\n text-shadow: 1px 1px 6px rgba(0,0,0,0.7);\n }\n\n .hero-ctas {\n margin-top: 20px;\n }\n\n \/* What We Deliver Section *\/\n #what-we-deliver {\n background-color: #f9f9f9;\n }\n\n .cards-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 30px;\n margin-top: 40px;\n }\n\n .card {\n background-color: white;\n padding: 30px;\n border-radius: 10px;\n box-shadow: 0 4px 15px rgba(0,0,0,0.08);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n\n .card:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 25px rgba(0,0,0,0.15);\n }\n\n .card h3 {\n color: #D4AF37;\n margin-bottom: 15px;\n }\n\n \/* Why Het Goudhaantje Section *\/\n #why-us {\n background-color: white;\n }\n\n .usp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 30px;\n margin-top: 40px;\n }\n\n .usp-item {\n background-color: #f0f0f0;\n padding: 30px;\n border-radius: 10px;\n box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n text-align: left;\n transition: background-color 0.3s ease;\n }\n\n .usp-item:hover {\n background-color: #e0e0e0;\n }\n\n .usp-item h3 {\n color: #333;\n margin-bottom: 10px;\n }\n\n \/* Reviews Section *\/\n #reviews {\n background-color: #f9f9f9;\n }\n\n .reviews-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 30px;\n margin-top: 40px;\n }\n\n .review-card {\n background-color: white;\n padding: 30px;\n border-radius: 10px;\n box-shadow: 0 4px 15px rgba(0,0,0,0.08);\n text-align: left;\n }\n\n .review-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 15px;\n }\n\n .review-card h3 {\n margin: 0;\n color: #333;\n }\n\n .stars {\n color: #D4AF37; \/* Gold *\/\n font-size: 1.2em;\n }\n\n \/* Locations Section *\/\n #locations {\n background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663283571671\/GowwePWYfqRPRBES.png') no-repeat center center\/cover;\n color: white;\n padding: 80px 0;\n }\n\n #locations h2,\n #locations p {\n color: white;\n }\n\n .locations-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 30px;\n margin-top: 40px;\n }\n\n .location-card {\n background-color: rgba(255, 255, 255, 0.95);\n padding: 25px;\n border-radius: 10px;\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\n text-align: left;\n color: #333;\n }\n\n .location-card h3 {\n color: #D4AF37;\n margin-bottom: 10px;\n }\n\n .location-card p {\n margin-bottom: 5px;\n color: #555;\n }\n\n .location-card strong {\n color: #333;\n }\n\n \/* Catering Request Section *\/\n #catering {\n background-color: white;\n }\n\n #catering-form-container {\n background-color: #f0f0f0;\n padding: 40px;\n border-radius: 12px;\n margin-top: 40px;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n text-align: left;\n }\n\n #catering-form label {\n display: block;\n margin-bottom: 5px;\n font-weight: bold;\n }\n\n #catering-form input, #catering-form select, #catering-form textarea {\n width: calc(100% - 22px);\n padding: 10px;\n margin-bottom: 15px;\n border: 1px solid #ccc;\n border-radius: 4px;\n }\n\n #catering-form button {\n width: 100%;\n padding: 12px;\n font-size: 1.1em;\n }\n\n \/* Planning Section (Agenda) *\/\n #planning {\n background-color: white;\n }\n\n #booking-widget {\n margin-top: 40px;\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n\n .week-navigation {\n display: flex;\n justify-content: center;\n margin-bottom: 20px;\n }\n\n .week-navigation button {\n background-color: #D4AF37;\n color: white;\n border: none;\n padding: 10px 20px;\n border-radius: 5px;\n cursor: pointer;\n font-size: 1em;\n margin: 0 10px;\n }\n\n .week-navigation button:hover {\n background-color: #C5A030;\n }\n\n .day-grid {\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n gap: 15px;\n width: 100%;\n max-width: 1000px;\n margin: 0 auto;\n }\n\n .day-column {\n background-color: #f0f0f0;\n padding: 20px 15px;\n border-radius: 8px;\n text-align: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n min-height: 150px;\n }\n\n .day-column h4 {\n margin-top: 0;\n margin-bottom: 10px;\n color: #333;\n }\n\n .time-slot-button {\n background-color: white;\n color: #333;\n border: 1px solid #ccc;\n padding: 8px 12px;\n border-radius: 5px;\n cursor: pointer;\n margin-bottom: 8px;\n width: 100%;\n max-width: 100px;\n transition: background-color 0.2s ease, border-color 0.2s ease;\n }\n\n .time-slot-button:hover {\n background-color: #D4AF37;\n color: white;\n border-color: #D4AF37;\n }\n\n #booking-form-container {\n background-color: #f0f0f0;\n padding: 40px;\n border-radius: 12px;\n margin-top: 40px;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n text-align: left;\n }\n\n #booking-form label {\n display: block;\n margin-bottom: 5px;\n font-weight: bold;\n }\n\n #booking-form input, #booking-form select, #booking-form textarea {\n width: calc(100% - 22px);\n padding: 10px;\n margin-bottom: 15px;\n border: 1px solid #ccc;\n border-radius: 4px;\n }\n\n #booking-form button {\n width: 100%;\n padding: 12px;\n font-size: 1.1em;\n }\n\n \/* Offerte Section *\/\n #offerte {\n background-color: white;\n }\n\n #quote-form {\n background-color: #f0f0f0;\n padding: 40px;\n border-radius: 12px;\n margin-top: 40px;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n text-align: left;\n }\n\n #quote-form label {\n display: block;\n margin-bottom: 5px;\n font-weight: bold;\n }\n\n #quote-form input, #quote-form select, #quote-form textarea {\n width: calc(100% - 22px);\n padding: 10px;\n margin-bottom: 15px;\n border: 1px solid #ccc;\n border-radius: 4px;\n }\n\n #quote-form button {\n width: 100%;\n padding: 12px;\n font-size: 1.1em;\n } .small-text {\n font-size: 0.9em;\n color: #777;\n }\n\n \/* Best Seller Section *\/\n #best-seller {\n background-color: #f9f9f9;\n }\n\n .best-seller-content {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 40px;\n align-items: center;\n margin-top: 40px;\n }\n\n .best-seller-image {\n text-align: center;\n }\n\n .best-seller-image img {\n max-width: 100%;\n height: auto;\n border-radius: 10px;\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\n }\n\n .best-seller-description {\n text-align: left;\n }\n\n .best-seller-description h3 {\n color: #D4AF37;\n font-size: 1.8em;\n margin-bottom: 15px;\n }\n\n .best-seller-description p {\n margin-bottom: 15px;\n line-height: 1.8;\n }\n\n .best-seller-description ul {\n list-style-type: none;\n padding: 0;\n }\n\n .best-seller-description li {\n padding: 8px 0;\n padding-left: 25px;\n position: relative;\n }\n\n .best-seller-description li:before {\n content: \"\u2713\";\n position: absolute;\n left: 0;\n color: #D4AF37;\n font-weight: bold;\n font-size: 1.2em;\n }\n\n \/* Grillworst Section *\/\n #grillworst {\n background-color: white;\n }\n\n .grillworst-content {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 40px;\n align-items: center;\n margin-top: 40px;\n }\n\n .grillworst-image {\n text-align: center;\n order: 2;\n }\n\n .grillworst-image img {\n max-width: 100%;\n height: auto;\n border-radius: 10px;\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\n }\n\n .grillworst-description {\n text-align: left;\n order: 1;\n }\n\n .grillworst-description h3 {\n color: #D4AF37;\n font-size: 1.8em;\n margin-bottom: 15px;\n }\n\n .grillworst-description p {\n margin-bottom: 15px;\n line-height: 1.8;\n }\n\n .grillworst-description ul {\n list-style-type: none;\n padding: 0;\n }\n\n .grillworst-description li {\n padding: 8px 0;\n padding-left: 25px;\n position: relative;\n }\n\n .grillworst-description li:before {\n content: \"\u2713\";\n position: absolute;\n left: 0;\n color: #D4AF37;\n font-weight: bold;\n font-size: 1.2em;\n }\n\n \/* Responsive adjustments for Grillworst *\/\n @media (max-width: 992px) {\n .grillworst-content {\n grid-template-columns: 1fr;\n gap: 30px;\n }\n\n .grillworst-description {\n text-align: center;\n order: 0;\n }\n\n .grillworst-image {\n order: 0;\n }\n\n .grillworst-description ul {\n display: block;\n }\n }\n\n @media (max-width: 768px) {\n .grillworst-content {\n gap: 20px;\n }\n\n .grillworst-description h3 {\n font-size: 1.5em;\n }\n }\n\n @media (max-width: 576px) {\n .grillworst-description li {\n padding-left: 20px;\n }\n }\n\n \/* Contact Section *\/\n #contact {\n background-color: white;\n }\n\n .contact-content {\n display: flex;\n justify-content: center;\n margin-top: 40px;\n }\n\n .contact-info {\n background-color: #f0f0f0;\n padding: 40px;\n border-radius: 12px;\n max-width: 600px;\n text-align: center;\n box-shadow: 0 4px 15px rgba(0,0,0,0.08);\n }\n\n .contact-info h3 {\n color: #D4AF37;\n margin-bottom: 15px;\n }\n\n .contact-info p {\n margin-bottom: 15px;\n color: #555;\n }\n\n .contact-info a {\n font-size: 1.1em;\n text-decoration: none;\n }\n\n \/* Free Drink Modal *\/\n .free-drink-modal-content {\n max-width: 500px;\n background-color: white;\n padding: 40px;\n border-radius: 12px;\n box-shadow: 0 4px 20px rgba(0,0,0,0.2);\n position: relative;\n }\n\n .free-drink-modal-content h2 {\n color: #D4AF37;\n margin-bottom: 15px;\n text-align: center;\n }\n\n .free-drink-modal-content p {\n color: #555;\n margin-bottom: 20px;\n }\n\n #free-drink-form {\n display: flex;\n flex-direction: column;\n }\n\n #free-drink-form label {\n margin-bottom: 8px;\n font-weight: bold;\n color: #333;\n }\n\n #free-drink-form input {\n padding: 12px;\n margin-bottom: 20px;\n border: 1px solid #ddd;\n border-radius: 6px;\n font-size: 1em;\n }\n\n #free-drink-form input:focus {\n outline: none;\n border-color: #D4AF37;\n box-shadow: 0 0 5px rgba(212, 175, 55, 0.3);\n }\n\n .close-modal {\n position: absolute;\n top: 15px;\n right: 20px;\n font-size: 28px;\n font-weight: bold;\n color: #aaa;\n cursor: pointer;\n }\n\n .close-modal:hover {\n color: #000;\n } margin-top: -10px;\n margin-bottom: 20px;\n }\n\n \/* Modal *\/\n .modal {\n display: none;\n position: fixed;\n z-index: 1001;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n overflow: auto;\n background-color: rgba(0,0,0,0.4);\n padding-top: 20px;\n }\n\n .modal-content {\n background-color: #fefefe;\n padding: 20px;\n border: 1px solid #888;\n width: 90%;\n max-width: 500px;\n border-radius: 10px;\n margin: 0 auto;\n position: relative;\n text-align: left;\n }\n\n .close-button {\n color: #aaa;\n float: right;\n font-size: 28px;\n font-weight: bold;\n cursor: pointer;\n }\n\n .close-button:hover,\n .close-button:focus {\n color: #333;\n text-decoration: none;\n cursor: pointer;\n }\n\n \/* Responsive adjustments *\/\n @media (max-width: 1200px) {\n .container {\n padding: 20px;\n }\n\n #hero h1 {\n font-size: 3.5em;\n }\n\n #hero p {\n font-size: 1.3em;\n }\n\n .day-grid {\n grid-template-columns: repeat(4, 1fr);\n }\n }\n\n \/* Responsive adjustments for Best Seller *\/\n @media (max-width: 992px) {\n .best-seller-content {\n grid-template-columns: 1fr;\n gap: 30px;\n }\n\n .best-seller-description {\n text-align: center;\n }\n\n .best-seller-description ul {\n display: block;\n }\n }\n\n @media (max-width: 992px) {\n #hero {\n padding: 100px 0;\n }\n\n #hero h1 {\n font-size: 3em;\n }\n\n #hero p {\n font-size: 1.2em;\n }\n\n .day-grid {\n grid-template-columns: repeat(3, 1fr);\n }\n\n .usp-grid,\n .reviews-grid,\n .locations-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n @media (max-width: 768px) {\n .best-seller-content {\n gap: 20px;\n }\n\n .best-seller-description h3 {\n font-size: 1.5em;\n }\n\n .contact-info {\n padding: 30px;\n }\n }\n\n @media (max-width: 768px) {\n header .container {\n flex-direction: column;\n text-align: center;\n }\n\n header nav {\n margin-top: 15px;\n }\n\n #hero {\n padding: 80px 0;\n }\n\n #hero h1 {\n font-size: 2.5em;\n }\n\n #hero p {\n font-size: 1.1em;\n }\n\n h2 {\n font-size: 2em;\n }\n\n .cards-grid,\n .usp-grid,\n .reviews-grid,\n .locations-grid {\n grid-template-columns: 1fr;\n }\n\n .day-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n\n #catering-form-container,\n #booking-form-container,\n #quote-form {\n padding: 30px;\n }\n\n .modal-content {\n width: 95%;\n padding: 15px;\n }\n\n .microcopy {\n font-size: 0.85em;\n }\n\n footer .button {\n width: 100%;\n margin-bottom: 8px;\n }\n }\n\n @media (max-width: 576px) {\n .best-seller-description li {\n padding-left: 20px;\n }\n\n .contact-info {\n padding: 20px;\n }\n }\n\n @media (max-width: 576px) {\n .container {\n padding: 15px;\n }\n\n #hero h1 {\n font-size: 2em;\n }\n\n #hero p {\n font-size: 1em;\n }\n\n h2 {\n font-size: 1.8em;\n }\n\n .day-grid {\n grid-template-columns: 1fr;\n }\n\n .day-column {\n min-height: auto;\n }\n\n .time-slot-button {\n max-width: none;\n }\n\n #catering-form-container,\n #booking-form-container,\n #quote-form {\n padding: 20px;\n }\n\n .modal-content {\n padding: 10px;\n }\n }\n\n \/* Extra Small Phones (360px and below) *\/\n @media (max-width: 360px) {\n .container {\n padding: 10px;\n }\n\n #hero h1 {\n font-size: 1.8em;\n }\n\n #hero p {\n font-size: 0.9em;\n }\n\n h2 {\n font-size: 1.5em;\n }\n\n .button {\n padding: 10px 12px;\n font-size: 0.9em;\n }\n }\n\n \/* Touch-friendly adjustments *\/\n @media (hover: none) and (pointer: coarse) {\n .button {\n min-height: 48px;\n min-width: 48px;\n padding: 12px 16px;\n }\n\n .time-slot-button {\n min-height: 44px;\n min-width: 44px;\n }\n\n input, select, textarea {\n font-size: 16px; \/* Prevents zoom on iOS *\/\n }\n }\n <\/style>\n<\/head>\n<body>\n \n <header id=\"main-header\">\n <div class=\"container\">\n <div class=\"logo\">\n <img decoding=\"async\" src=\"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663283571671\/ZJqixfkUlzkbHMyh.png\" alt=\"Het Goudhaantje Logo\" class=\"logo-img\">\n <\/div>\n <nav>\n <button class=\"button primary-cta\" id=\"header-free-drink-trigger\">Claim je gratis drankje<\/button>\n <a href=\"#best-seller\" class=\"button secondary-cta\">Bekijk onze producten<\/a>\n <\/nav>\n <\/div>\n <\/header>\n\n \n <section id=\"hero\">\n <div class=\"container\">\n <h1>Smaakvol & Perfect Gegrild<\/h1>\n <p>Ervaar de onge\u00ebvenaarde smaak van perfect gegrilde kip, bereid met passie en vakmanschap sinds 1999.<\/p>\n <div class=\"hero-ctas\">\n <a href=\"#best-seller\" class=\"button primary-cta\">Claim nu je gratis drankje<\/a>\n <a href=\"#locations\" class=\"button secondary-cta\">Overal in Nederland gevestigd!<\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"what-we-deliver\">\n <div class=\"container\">\n <h2>Wat we leveren<\/h2>\n <div class=\"cards-grid\">\n <div class=\"card\">\n <h3>Huisgemaakte Sauzen<\/h3>\n <p>Verrijk uw maaltijd met onze unieke, ambachtelijke sauzen die elk gerecht naar een hoger niveau tillen.<\/p>\n <\/div>\n <div class=\"card\">\n <h3>Bijgerechten<\/h3>\n <p>Van knapperige frietjes tot verse groenten \u2013 de perfecte aanvulling op uw maaltijd.<\/p>\n <\/div>\n <div class=\"card\">\n <h3>Gegrilde Kip<\/h3>\n <p>Sappig, mals en perfect gekruid \u2013 een ware smaaksensatie die u niet zal vergeten.<\/p>\n <\/div>\n <div class=\"card\">\n <h3>Catering & Broodjes<\/h3>\n <p>Voor elk evenement, van kleine zakelijke bijeenkomst tot groot feest \u2013 wij verzorgen het.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"why-us\">\n <div class=\"container\">\n <h2>Waarom Het Goudhaantje?<\/h2>\n <div class=\"usp-grid\">\n <div class=\"usp-item\">\n <h3>Kwaliteit Voorop<\/h3>\n <p>Alleen de beste ingredi\u00ebnten voor de ultieme smaakbeleving. Geen compromissen.<\/p>\n <\/div>\n <div class=\"usp-item\">\n <h3>Duurzaamheid<\/h3>\n <p>Verantwoord en met respect voor mens en milieu \u2013 goed eten begint met goed handelen.<\/p>\n <\/div>\n <div class=\"usp-item\">\n <h3>25+ Jaar Ervaring<\/h3>\n <p>Meer dan twee decennia vakmanschap in het perfect grillen van kip.<\/p>\n <\/div>\n <div class=\"usp-item\">\n <h3>100% Halal Gegarandeerd<\/h3>\n <p>Geniet zorgeloos van onze gerechten met volledige transparantie en garantie.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"reviews\">\n <div class=\"container\">\n <h2>Reviews<\/h2>\n <div class=\"reviews-grid\">\n <div class=\"review-card\">\n <div class=\"review-header\">\n <h3>Marco de Vries<\/h3>\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <\/div>\n <p>“De 100% Halal garantie gaf me volledige rust. Ik kon genieten van de perfecte kip zonder enige twijfel. Dat is echt waar ik naar zocht!”<\/p>\n <\/div>\n <div class=\"review-card\">\n <div class=\"review-header\">\n <h3>Fatima Osman<\/h3>\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2606<\/div>\n <\/div>\n <p>“De duurzaamheid van Het Goudhaantje spreekt me aan. Ik weet dat ik niet alleen lekker eet, maar ook bijdraag aan iets goeds. Dat maakt het eten nog beter!”<\/p>\n <\/div>\n <div class=\"review-card\">\n <div class=\"review-header\">\n <h3>Jelle Hendriksen<\/h3>\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <\/div>\n <p>“De vakmanschap van 25+ jaar proef je echt in elke hap. De sauzen zijn onge\u00ebvenaard en de kip is altijd perfect gegrild. Dit is mijn vaste adresje!”<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"locations\">\n <div class=\"container\">\n <h2>Waar zijn we gevestigd?<\/h2>\n <p style=\"text-align: center; font-size: 1.1em; color: #666; margin-bottom: 30px;\">Bezoek Het Goudhaantje op meerdere locaties. Dezelfde kwaliteit, dezelfde smaak, overal.<\/p>\n <div class=\"locations-grid\">\n <div class=\"location-card\">\n <h3>Bazaar Beverwijk<\/h3>\n <p><strong>Adres:<\/strong> De Bazaar, Hal 30, Parallelweg 1, 1948 NN Beverwijk<\/p>\n <p><strong>Openingstijden:<\/strong><\/p>\n <p>Zaterdag: 10:00 – 19:00<\/p>\n <p>Zondag: 10:00 – 19:00<\/p>\n <\/div>\n <div class=\"location-card\">\n <h3>Zeist<\/h3>\n <p style=\"color: #000;\"><strong>Adres:<\/strong> Johan van Oldenbarneveltlaan 78, 3705 HE Zeist<\/p>\n <p><strong>Openingstijden:<\/strong><\/p>\n <p>Maandag t\/m Vrijdag: 11:00 – 19:00<\/p>\n <\/div>\n <div class=\"location-card\">\n <h3>Overvecht, Utrecht<\/h3>\n <p style=\"color: #000;\"><strong>Adres:<\/strong> Zambesidreef, 3564 CB Utrecht<\/p>\n <p><strong>Openingstijden:<\/strong><\/p>\n <p>Maandag t\/m Vrijdag: 11:00 – 19:00<\/p>\n <\/div>\n <div class=\"location-card\">\n <h3>Kanaleneiland, Utrecht<\/h3>\n <p style=\"color: #000;\"><strong>Adres:<\/strong> Van Starkenborghhof 11, 3527 HB Utrecht<\/p>\n <p><strong>Openingstijden:<\/strong><\/p>\n <p>Maandag t\/m Vrijdag: 11:00 – 19:00<\/p>\n <\/div>\n <div class=\"location-card\">\n <h3>Amsterdam<\/h3>\n <p style=\"color: #000;\"><strong>Adres:<\/strong> Bos en Lommerweg, 1055 DK Amsterdam<\/p>\n <p><strong>Openingstijden:<\/strong><\/p>\n <p>Maandag t\/m Vrijdag: 11:00 – 19:00<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n\n\n \n <section id=\"best-seller\">\n <div class=\"container\">\n <h2>Al 26 jaar lang onze best seller: Braadworst<\/h2>\n <div class=\"best-seller-content\">\n <div class=\"best-seller-image\">\n <img decoding=\"async\" src=\"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663283571671\/DtoOzIAyFekFuJoo.png\" alt=\"Heerlijke braadworst broodje van Het Goudhaantje\" class=\"responsive-img\" loading=\"lazy\">\n <\/div>\n <div class=\"best-seller-description\">\n <h3>Het Goudhaantje Braadworst Broodje<\/h3>\n <p>Sinds 1999 is onze braadworst de absolute favoriet van onze klanten. Dit klassieke broodje is gemaakt met de fijnste ingredi\u00ebnten en bereid met dezelfde passie en vakmanschap als al onze producten.<\/p>\n <p><strong>Wat maakt het speciaal?<\/strong><\/p>\n <ul style=\"text-align: left; display: inline-block;\">\n <li>Gegrilde braadworst met een knapperig buitenkantje<\/li>\n <li>Zacht, vers broodje van de bakker<\/li>\n <li>Onze huisgemaakte sauzen en toppings<\/li>\n <li>100% Halal gegarandeerd<\/li>\n <li>Duurzaam en verantwoord bereid<\/li>\n <\/ul>\n <p style=\"margin-top: 20px;\">Probeer het zelf en ontdek waarom deze braadworst al meer dan 26 jaar lang onze best seller is!<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"grillworst\">\n <div class=\"container\">\n <h2>Broodje Grillworst – Onze Nieuwste Toevoeging<\/h2>\n <div class=\"grillworst-content\">\n <div class=\"grillworst-description\">\n <h3>Het Goudhaantje Broodje Grillworst<\/h3>\n <p>Nieuw op ons menu! Ontdek het heerlijke broodje grillworst – een perfect complement op onze klassieke braadworst. Dit broodje combineert de beste kwaliteit met een unieke smaakbeleving.<\/p>\n <p><strong>Wat maakt het speciaal?<\/strong><\/p>\n <ul style=\"text-align: left; display: inline-block;\">\n <li>Premium gegrilde grillworst met kruiden<\/li>\n <li>Vers, zacht broodje van de bakker<\/li>\n <li>Onze beroemde huisgemaakte sauzen<\/li>\n <li>100% Halal gegarandeerd<\/li>\n <li>Duurzaam en ambachtelijk bereid<\/li>\n <\/ul>\n <p style=\"margin-top: 20px;\">Proef het verschil en voeg dit heerlijke broodje toe aan je favorieten!<\/p>\n <\/div>\n <div class=\"grillworst-image\">\n <img decoding=\"async\" src=\"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663283571671\/KpwIApjaRUWjEGjR.png\" alt=\"Heerlijke grillworst broodje van Het Goudhaantje\" class=\"responsive-img\" loading=\"lazy\">\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"media-section\">\n <div class=\"container\">\n <h2>Beeld & Video<\/h2>\n <div class=\"media-content\">\n \n <img decoding=\"async\" src=\"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663283571671\/GowwePWYfqRPRBES.png\" alt=\"Heerlijke gegrilde kip op de grill\" class=\"responsive-img\" loading=\"lazy\">\n <div class=\"video-placeholder\">\n \n <video width=\"560\" height=\"315\" controls autoplay muted loop playsinline>\n <source src=\"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663283571671\/pcPYkRqQsDLoxLSn.mp4\" type=\"video\/mp4\">\n Je browser ondersteunt de video tag niet.\n <\/video>\n <\/div>\n <\/div>\n <p class=\"small-text\">Deze video toont de passie en vakmanschap van Het Goudhaantje in actie. De video speelt continu af, zodat bezoekers direct de kwaliteit zien.<\/p>\n <\/div>\n <\/section>\n\n \n <div id=\"free-drink-modal\" class=\"modal\">\n <div class=\"modal-content free-drink-modal-content\">\n <span class=\"close-modal\" id=\"close-free-drink-modal\">×<\/span>\n <h2>Claim je gratis drankje!<\/h2>\n <p style=\"text-align: center; margin-bottom: 20px;\">Vul je e-mailadres in en ontvang een unieke kortingscode voor je gratis drankje.<\/p>\n <form id=\"free-drink-form\">\n <label for=\"free-drink-email\">E-mailadres:<\/label>\n <input type=\"email\" id=\"free-drink-email\" required placeholder=\"jouw@email.com\">\n <button type=\"submit\" class=\"button primary-cta\">Verstuur kortingscode<\/button>\n <\/form>\n <div id=\"free-drink-success-message\" style=\"display:none; color: green; margin-top: 20px; text-align: center;\">\n <p><strong>Succes!<\/strong> Je kortingscode is verzonden naar je e-mailadres.<\/p>\n <\/div>\n <div id=\"free-drink-error-message\" style=\"display:none; color: red; margin-top: 20px; text-align: center;\"><\/div>\n <\/div>\n <\/div>\n\n \n <section id=\"contact\">\n <div class=\"container\">\n <h2>Contact<\/h2>\n <p style=\"text-align: center; font-size: 1.1em; color: #666; margin-bottom: 30px;\">Heb je vragen of wil je meer informatie? Neem gerust contact met ons op!<\/p>\n <div class=\"contact-content\">\n <div class=\"contact-info\">\n <h3>Stuur ons een e-mail<\/h3>\n <p>Voor al uw vragen, opmerkingen of bestellingen:<\/p>\n <a href=\"mailto:rayan.benhammou@hva.nl\" class=\"button primary-cta\" style=\"display: inline-block; margin-top: 15px;\">rayan.benhammou@hva.nl<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer>\n <div class=\"container\">\n <div class=\"footer-logo\">\n <img decoding=\"async\" src=\"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663283571671\/ZJqixfkUlzkbHMyh.png\" alt=\"Het Goudhaantje Logo\" class=\"footer-logo-img\">\n <\/div>\n <div class=\"footer-ctas\">\n <button class=\"button primary-cta\" id=\"footer-free-drink-trigger\">Claim je gratis drankje<\/button>\n <a href=\"#best-seller\" class=\"button secondary-cta\">Bekijk onze producten<\/a>\n <\/div>\n <p>© 2026 Het Goudhaantje. Alle rechten voorbehouden.<\/p>\n <\/div>\n <\/footer>\n\n \n <div id=\"business-modal\" class=\"modal\">\n <div class=\"modal-content\">\n <span class=\"close-button\">×<\/span>\n <h2>Zakelijk Bestellen<\/h2>\n <p>Bestel gemakkelijk op rekening voor uw bedrijf. Wij verzorgen het graag!<\/p>\n <form id=\"business-form\">\n <label for=\"business-company\">Bedrijfsnaam:<\/label>\n <input type=\"text\" id=\"business-company\" required>\n\n <label for=\"business-contact\">Contactpersoon:<\/label>\n <input type=\"text\" id=\"business-contact\" required>\n\n <label for=\"business-email\">E-mail:<\/label>\n <input type=\"email\" id=\"business-email\" required>\n\n <label for=\"business-po\">Referentie\/PO-nummer (optioneel):<\/label>\n <input type=\"text\" id=\"business-po\">\n\n <label for=\"business-description\">Wat wilt u bestellen?<\/label>\n <textarea id=\"business-description\" rows=\"5\" placeholder=\"Beschrijf uw bestelling, aantal personen, datum, etc.\" required><\/textarea>\n\n <button type=\"submit\" class=\"button primary-cta\">Bestelling indienen<\/button>\n <\/form>\n <div id=\"business-success-message\" style=\"display:none; color: green;\"><\/div>\n <\/div>\n <\/div>\n\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@emailjs\/browser@3\/dist\/index.min.js\"><\/script>\n <script>\n \/\/ Initialize EmailJS\n emailjs.init('HKQODrB8puaNx38AN'); \/\/ You'll need to replace this with your actual key\n \n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Smooth scrolling for anchor links with mobile support\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const targetId = this.getAttribute('href');\n const targetElement = document.querySelector(targetId);\n if (targetElement) {\n \/\/ Close any open modals first\n const modals = document.querySelectorAll('.modal');\n modals.forEach(modal => {\n modal.style.display = 'none';\n });\n \n \/\/ Scroll to target with offset for sticky header\n const headerHeight = document.getElementById('main-header').offsetHeight;\n const targetPosition = targetElement.offsetTop - headerHeight - 20;\n window.scrollTo({\n top: targetPosition,\n behavior: 'smooth'\n });\n }\n });\n });\n\n \/\/ Free Drink Modal functionality\n const freeDrinkModal = document.getElementById('free-drink-modal');\n const freeDrinkForm = document.getElementById('free-drink-form');\n const closeDrinkModal = document.getElementById('close-free-drink-modal');\n const freeDrinkEmail = document.getElementById('free-drink-email');\n const freeDrinkSuccess = document.getElementById('free-drink-success-message');\n const freeDrinkError = document.getElementById('free-drink-error-message');\n\n \/\/ Open free drink modal when clicking any of the triggers\n const freeDrinkTriggers = document.querySelectorAll('#header-free-drink-trigger, #footer-free-drink-trigger');\n freeDrinkTriggers.forEach(trigger => {\n trigger.addEventListener('click', function(e) {\n e.preventDefault();\n freeDrinkModal.style.display = 'block';\n freeDrinkEmail.focus();\n if (typeof gtag === 'function') {\n gtag('event', 'free_drink_modal_open', {\n 'event_category': 'Engagement',\n 'event_label': 'Free Drink Modal Opened'\n });\n }\n });\n });\n\n \/\/ Close free drink modal\n closeDrinkModal.addEventListener('click', function() {\n freeDrinkModal.style.display = 'none';\n });\n\n \/\/ Close modal when clicking outside of it\n window.addEventListener('click', function(event) {\n if (event.target == freeDrinkModal) {\n freeDrinkModal.style.display = 'none';\n }\n });\n\n \/\/ Handle free drink form submission\n freeDrinkForm.addEventListener('submit', function(e) {\n e.preventDefault();\n const email = freeDrinkEmail.value;\n \n \/\/ Generate unique discount code\n const discountCode = 'GRATIS' + Math.random().toString(36).substr(2, 9).toUpperCase();\n \n \/\/ Hide error messages\n freeDrinkError.style.display = 'none';\n \n \/\/ Send email via EmailJS\n const emailParams = {\n to_email: email,\n discount_code: discountCode,\n from_name: 'Het Goudhaantje',\n reply_to: 'rayan.benhammou@hva.nl'\n };\n \n \/\/ Send email\n emailjs.send('service_mwk7xrn', 'template_hene6ts', emailParams)\n .then(function(response) {\n \/\/ Show success message\n freeDrinkSuccess.innerHTML = `<p><strong>Succes!<\/strong> Je kortingscode <strong>${discountCode}<\/strong> is verzonden naar ${email}<\/p>`;\n freeDrinkSuccess.style.display = 'block';\n \n \/\/ Clear form\n freeDrinkForm.reset();\n \n \/\/ Track event\n if (typeof gtag === 'function') {\n gtag('event', 'free_drink_code_generated', {\n 'event_category': 'Conversion',\n 'event_label': 'Free Drink Code Generated'\n });\n }\n \n \/\/ Close modal after 3 seconds\n setTimeout(function() {\n freeDrinkModal.style.display = 'none';\n freeDrinkSuccess.style.display = 'none';\n }, 3000);\n })\n .catch(function(error) {\n \/\/ Show error message\n freeDrinkError.innerHTML = `<p><strong>Fout:<\/strong> Er is iets misgegaan. Probeer het later opnieuw.<\/p>`;\n freeDrinkError.style.display = 'block';\n console.error('EmailJS error:', error);\n });\n });\n\n \/\/ Business Modal functionality\n const businessModal = document.getElementById('business-modal');\n const businessModalTriggers = document.querySelectorAll('#business-modal-trigger, #hero-business-modal-trigger, #footer-business-modal-trigger');\n const closeButtons = document.querySelectorAll('.close-button');\n\n businessModalTriggers.forEach(trigger => {\n trigger.addEventListener('click', function() {\n businessModal.style.display = 'block';\n if (typeof gtag === 'function') {\n gtag('event', 'business_modal_open', {\n 'event_category': 'Engagement',\n 'event_label': 'Business Modal Opened'\n });\n }\n });\n });\n\n closeButtons.forEach(button => {\n button.addEventListener('click', function() {\n businessModal.style.display = 'none';\n });\n });\n\n window.addEventListener('click', function(event) {\n if (event.target == businessModal) {\n businessModal.style.display = 'none';\n }\n });\n\n \/\/ Prevent body scroll when modal is open\n function toggleBodyScroll(disable) {\n if (disable) {\n document.body.style.overflow = 'hidden';\n } else {\n document.body.style.overflow = 'auto';\n }\n }\n\n businessModalTriggers.forEach(trigger => {\n trigger.addEventListener('click', function() {\n toggleBodyScroll(true);\n });\n });\n\n closeButtons.forEach(button => {\n button.addEventListener('click', function() {\n toggleBodyScroll(false);\n });\n });\n\n window.addEventListener('click', function(event) {\n if (event.target == businessModal) {\n toggleBodyScroll(false);\n }\n });\n\n \/\/ Dynamic Weekday Generation for Booking Widget\n const dayGrid = document.getElementById('day-grid');\n const prevWeekBtn = document.getElementById('prev-week');\n const nextWeekBtn = document.getElementById('next-week');\n let currentWeekStart = new Date();\n\n function getWeekStart(date) {\n const day = date.getDay();\n const diff = date.getDate() - day + (day === 0 ? -6 : 1); \/\/ Adjust for Monday start\n return new Date(date.setDate(diff));\n }\n\n function generateWeekdays(startDate) {\n dayGrid.innerHTML = '';\n for (let i = 0; i < 7; i++) {\n const date = new Date(startDate);\n date.setDate(startDate.getDate() + i);\n const dayName = date.toLocaleDateString('nl-NL', { weekday: 'short' });\n const dayDate = date.toLocaleDateString('nl-NL', { day: 'numeric', month: 'short' });\n\n const dayColumn = document.createElement('div');\n dayColumn.classList.add('day-column');\n dayColumn.innerHTML = `\n <h4>${dayName} ${dayDate}<\/h4>\n <div class=\"time-slots\">\n \n <\/div>\n `;\n\n const timeSlotsContainer = dayColumn.querySelector('.time-slots');\n \/\/ Example: Add some dummy time slots. In a real app, these would come from a backend.\n const dummyTimeSlots = ['09:00', '10:30', '11:00', '12:00', '13:00', '14:00', '15:30'];\n if (date.getDay() !== 0 && date.getDay() !== 6) { \/\/ Weekdays\n dummyTimeSlots.forEach(time => {\n const timeSlotButton = document.createElement('button');\n timeSlotButton.classList.add('time-slot-button');\n timeSlotButton.textContent = time;\n timeSlotButton.addEventListener('click', () => selectTimeSlot(date, time));\n timeSlotsContainer.appendChild(timeSlotButton);\n });\n } else { \/\/ Weekend\n if (date.getDay() === 6) { \/\/ Saturday\n const saturdaySlots = ['09:30', '11:00', '12:00'];\n saturdaySlots.forEach(time => {\n const timeSlotButton = document.createElement('button');\n timeSlotButton.classList.add('time-slot-button');\n timeSlotButton.textContent = time;\n timeSlotButton.addEventListener('click', () => selectTimeSlot(date, time));\n timeSlotsContainer.appendChild(timeSlotButton);\n });\n } else { \/\/ Sunday\n const noSlots = document.createElement('p');\n noSlots.textContent = 'Geen tijden beschikbaar';\n timeSlotsContainer.appendChild(noSlots);\n }\n }\n\n if (timeSlotsContainer.children.length === 0) {\n const noSlots = document.createElement('p');\n noSlots.textContent = 'Geen tijden beschikbaar';\n timeSlotsContainer.appendChild(noSlots);\n }\n\n dayGrid.appendChild(dayColumn);\n }\n }\n\n function selectTimeSlot(date, time) {\n const bookingFormContainer = document.getElementById('booking-form-container');\n const bookingDateDisplay = document.getElementById('booking-date-display');\n const bookingTimeDisplay = document.getElementById('booking-time-display');\n const bookingDateInput = document.getElementById('booking-date');\n const bookingTimeInput = document.getElementById('booking-time');\n\n bookingDateDisplay.value = date.toLocaleDateString('nl-NL', { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' });\n bookingTimeDisplay.value = time;\n bookingDateInput.value = date.toISOString().split('T')[0];\n bookingTimeInput.value = time;\n\n bookingFormContainer.style.display = 'block';\n\n \/\/ Track event\n if (typeof gtag === 'function') {\n gtag('event', 'select_slot', {\n 'event_category': 'Booking',\n 'event_label': 'Time Slot Selected',\n 'value': `${date.toISOString().split('T')[0]} ${time}`\n });\n }\n }\n\n prevWeekBtn.addEventListener('click', () => {\n currentWeekStart.setDate(currentWeekStart.getDate() - 7);\n generateWeekdays(currentWeekStart);\n });\n\n nextWeekBtn.addEventListener('click', () => {\n currentWeekStart.setDate(currentWeekStart.getDate() + 7);\n generateWeekdays(currentWeekStart);\n });\n\n \/\/ Initial generation\n currentWeekStart = getWeekStart(currentWeekStart);\n generateWeekdays(currentWeekStart);\n\n \/\/ Catering Form Submission\n const cateringForm = document.getElementById('catering-form');\n const cateringSuccessMessage = document.getElementById('catering-success-message');\n\n cateringForm.addEventListener('submit', function(e) {\n e.preventDefault();\n const name = document.getElementById('catering-name').value;\n const email = document.getElementById('catering-email').value;\n const phone = document.getElementById('catering-phone').value;\n const date = document.getElementById('catering-date').value;\n const guests = document.getElementById('catering-guests').value;\n const details = document.getElementById('catering-details').value;\n\n \/\/ Simulate form submission\n console.log('Catering Request Submitted:', { name, email, phone, date, guests, details });\n cateringSuccessMessage.textContent = 'Bedankt voor uw cateringaanvraag! We nemen binnen 1 werkdag contact met u op.';\n cateringSuccessMessage.style.display = 'block';\n cateringForm.reset();\n \/\/ Scroll to success message on mobile\n if (window.innerWidth < 768) {\n cateringSuccessMessage.scrollIntoView({ behavior: 'smooth', block: 'center' });\n }\n\n \/\/ Track event\n if (typeof gtag === 'function') {\n gtag('event', 'catering_request', {\n 'event_category': 'Lead Generation',\n 'event_label': 'Catering Form Submitted',\n 'value': 1 \/\/ Example value\n });\n }\n });\n\n \/\/ Booking Form Submission\n const bookingForm = document.getElementById('booking-form');\n const bookingSuccessMessage = document.getElementById('booking-success-message');\n\n bookingForm.addEventListener('submit', function(e) {\n e.preventDefault();\n const name = document.getElementById('booking-name').value;\n const email = document.getElementById('booking-email').value;\n const phone = document.getElementById('booking-phone').value;\n const date = document.getElementById('booking-date').value;\n const time = document.getElementById('booking-time').value;\n\n \/\/ Simulate form submission\n console.log('Booking Submitted:', { name, email, phone, date, time });\n bookingSuccessMessage.textContent = 'Bedankt voor uw afspraak! We bevestigen deze zo spoedig mogelijk.';\n bookingSuccessMessage.style.display = 'block';\n bookingForm.reset();\n document.getElementById('booking-form-container').style.display = 'none';\n \/\/ Scroll to success message on mobile\n if (window.innerWidth < 768) {\n bookingSuccessMessage.scrollIntoView({ behavior: 'smooth', block: 'center' });\n }\n\n \/\/ Track event\n if (typeof gtag === 'function') {\n gtag('event', 'booking_submit', {\n 'event_category': 'Booking',\n 'event_label': 'Booking Form Submitted',\n 'value': 1 \/\/ Example value\n });\n }\n });\n\n \/\/ Quote Form Submission\n const quoteForm = document.getElementById('quote-form');\n const quoteSuccessMessage = document.getElementById('quote-success-message');\n\n quoteForm.addEventListener('submit', function(e) {\n e.preventDefault();\n const company = document.getElementById('quote-company').value;\n const contact = document.getElementById('quote-contact').value;\n const email = document.getElementById('quote-email').value;\n const service = document.getElementById('quote-service').value;\n const description = document.getElementById('quote-description').value;\n\n \/\/ Simulate form submission\n console.log('Quote Submitted:', { company, contact, email, service, description });\n quoteSuccessMessage.textContent = 'Bedankt voor uw offerteaanvraag! We nemen binnen 1 werkdag contact met u op.';\n quoteSuccessMessage.style.display = 'block';\n quoteForm.reset();\n \/\/ Scroll to success message on mobile\n if (window.innerWidth < 768) {\n quoteSuccessMessage.scrollIntoView({ behavior: 'smooth', block: 'center' });\n }\n\n \/\/ Track event\n if (typeof gtag === 'function') {\n gtag('event', 'lead_submit', {\n 'event_category': 'Lead Generation',\n 'event_label': 'Quote Form Submitted',\n 'value': 1 \/\/ Example value\n });\n }\n });\n\n \/\/ Business Form Submission (inside modal)\n const businessForm = document.getElementById('business-form');\n const businessSuccessMessage = document.getElementById('business-success-message');\n\n businessForm.addEventListener('submit', function(e) {\n e.preventDefault();\n const company = document.getElementById('business-company').value;\n const contact = document.getElementById('business-contact').value;\n const email = document.getElementById('business-email').value;\n const po = document.getElementById('business-po').value;\n const description = document.getElementById('business-description').value;\n\n \/\/ Simulate form submission\n console.log('Business Order Submitted:', { company, contact, email, po, description });\n businessSuccessMessage.textContent = 'Bedankt voor uw bestelling! We nemen spoedig contact met u op om de details te bespreken.';\n businessSuccessMessage.style.display = 'block';\n businessForm.reset();\n businessModal.style.display = 'none';\n toggleBodyScroll(false);\n \/\/ Scroll to success message on mobile\n if (window.innerWidth < 768) {\n businessSuccessMessage.scrollIntoView({ behavior: 'smooth', block: 'center' });\n }\n\n \/\/ Track event\n if (typeof gtag === 'function') {\n gtag('event', 'lead_submit', {\n 'event_category': 'Lead Generation',\n 'event_label': 'Business Order Form Submitted',\n 'value': 1\n });\n }\n });\n });\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Het Goudhaantje – Smaakvol & Perfect Gegrild Claim je gratis drankje Bekijk onze producten Smaakvol & Perfect Gegrild Ervaar de onge\u00ebvenaarde smaak van perfect gegrilde kip, bereid met passie en vakmanschap sinds 1999. Claim nu je gratis drankje Overal in Nederland gevestigd! Wat we leveren Huisgemaakte Sauzen Verrijk uw maaltijd met onze unieke, ambachtelijke sauzen […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-44","page","type-page","status-publish","hentry"],"aioseo_notices":[],"yoast_head":"\n<title>Het Goudhaantje - Het Goudhaantje<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/benhammou.hvawordpress9.nl\/?page_id=44\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Het Goudhaantje - Het Goudhaantje\" \/>\n<meta property=\"og:description\" content=\"Het Goudhaantje – Smaakvol & Perfect Gegrild Claim je gratis drankje Bekijk onze producten Smaakvol & Perfect Gegrild Ervaar de onge\u00ebvenaarde smaak van perfect gegrilde kip, bereid met passie en vakmanschap sinds 1999. Claim nu je gratis drankje Overal in Nederland gevestigd! Wat we leveren Huisgemaakte Sauzen Verrijk uw maaltijd met onze unieke, ambachtelijke sauzen […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/benhammou.hvawordpress9.nl\/?page_id=44\" \/>\n<meta property=\"og:site_name\" content=\"Het Goudhaantje\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-16T18:32:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663283571671\/ZJqixfkUlzkbHMyh.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/benhammou.hvawordpress9.nl\/?page_id=44\",\"url\":\"https:\/\/benhammou.hvawordpress9.nl\/?page_id=44\",\"name\":\"Het Goudhaantje - Het Goudhaantje\",\"isPartOf\":{\"@id\":\"https:\/\/benhammou.hvawordpress9.nl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/benhammou.hvawordpress9.nl\/?page_id=44#primaryimage\"},\"image\":{\"@id\":\"https:\/\/benhammou.hvawordpress9.nl\/?page_id=44#primaryimage\"},\"thumbnailUrl\":\"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663283571671\/ZJqixfkUlzkbHMyh.png\",\"datePublished\":\"2026-03-16T13:13:17+00:00\",\"dateModified\":\"2026-03-16T18:32:54+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/benhammou.hvawordpress9.nl\/?page_id=44#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/benhammou.hvawordpress9.nl\/?page_id=44\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/benhammou.hvawordpress9.nl\/?page_id=44#primaryimage\",\"url\":\"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663283571671\/ZJqixfkUlzkbHMyh.png\",\"contentUrl\":\"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663283571671\/ZJqixfkUlzkbHMyh.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/benhammou.hvawordpress9.nl\/?page_id=44#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/benhammou.hvawordpress9.nl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Het Goudhaantje\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/benhammou.hvawordpress9.nl\/#website\",\"url\":\"https:\/\/benhammou.hvawordpress9.nl\/\",\"name\":\"Het Goudhaantje\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/benhammou.hvawordpress9.nl\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"}]}<\/script>\n","yoast_head_json":{"title":"Het Goudhaantje - Het Goudhaantje","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/benhammou.hvawordpress9.nl\/?page_id=44","og_locale":"nl_NL","og_type":"article","og_title":"Het Goudhaantje - Het Goudhaantje","og_description":"Het Goudhaantje – Smaakvol & Perfect Gegrild Claim je gratis drankje Bekijk onze producten Smaakvol & Perfect Gegrild Ervaar de onge\u00ebvenaarde smaak van perfect gegrilde kip, bereid met passie en vakmanschap sinds 1999. Claim nu je gratis drankje Overal in Nederland gevestigd! Wat we leveren Huisgemaakte Sauzen Verrijk uw maaltijd met onze unieke, ambachtelijke sauzen […]","og_url":"https:\/\/benhammou.hvawordpress9.nl\/?page_id=44","og_site_name":"Het Goudhaantje","article_modified_time":"2026-03-16T18:32:54+00:00","og_image":[{"url":"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663283571671\/ZJqixfkUlzkbHMyh.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Geschatte leestijd":"5 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/benhammou.hvawordpress9.nl\/?page_id=44","url":"https:\/\/benhammou.hvawordpress9.nl\/?page_id=44","name":"Het Goudhaantje - Het Goudhaantje","isPartOf":{"@id":"https:\/\/benhammou.hvawordpress9.nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/benhammou.hvawordpress9.nl\/?page_id=44#primaryimage"},"image":{"@id":"https:\/\/benhammou.hvawordpress9.nl\/?page_id=44#primaryimage"},"thumbnailUrl":"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663283571671\/ZJqixfkUlzkbHMyh.png","datePublished":"2026-03-16T13:13:17+00:00","dateModified":"2026-03-16T18:32:54+00:00","breadcrumb":{"@id":"https:\/\/benhammou.hvawordpress9.nl\/?page_id=44#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/benhammou.hvawordpress9.nl\/?page_id=44"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/benhammou.hvawordpress9.nl\/?page_id=44#primaryimage","url":"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663283571671\/ZJqixfkUlzkbHMyh.png","contentUrl":"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663283571671\/ZJqixfkUlzkbHMyh.png"},{"@type":"BreadcrumbList","@id":"https:\/\/benhammou.hvawordpress9.nl\/?page_id=44#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/benhammou.hvawordpress9.nl\/"},{"@type":"ListItem","position":2,"name":"Het Goudhaantje"}]},{"@type":"WebSite","@id":"https:\/\/benhammou.hvawordpress9.nl\/#website","url":"https:\/\/benhammou.hvawordpress9.nl\/","name":"Het Goudhaantje","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/benhammou.hvawordpress9.nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"}]}},"_links":{"self":[{"href":"https:\/\/benhammou.hvawordpress9.nl\/index.php?rest_route=\/wp\/v2\/pages\/44","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/benhammou.hvawordpress9.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/benhammou.hvawordpress9.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/benhammou.hvawordpress9.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/benhammou.hvawordpress9.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=44"}],"version-history":[{"count":7,"href":"https:\/\/benhammou.hvawordpress9.nl\/index.php?rest_route=\/wp\/v2\/pages\/44\/revisions"}],"predecessor-version":[{"id":58,"href":"https:\/\/benhammou.hvawordpress9.nl\/index.php?rest_route=\/wp\/v2\/pages\/44\/revisions\/58"}],"wp:attachment":[{"href":"https:\/\/benhammou.hvawordpress9.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=44"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":44,"date":"2026-03-16T13:13:17","date_gmt":"2026-03-16T13:13:17","guid":{"rendered":"https:\/\/benhammou.hvawordpress9.nl\/?page_id=44"},"modified":"2026-03-16T18:32:54","modified_gmt":"2026-03-16T18:32:54","slug":"44-2","status":"publish","type":"page","link":"https:\/\/benhammou.hvawordpress9.nl\/?page_id=44","title":{"rendered":"Het Goudhaantje"},"content":{"rendered":"\n\n\n\n\n \n \n \n \n Het Goudhaantje – Smaakvol & Perfect Gegrild<\/title>\n \n \n \n <script async src=\"https:\/\/www.googletagmanager.com\/gtag\/js?id=G-XXXXXXXXXX\"><\/script>\n <script>\n window.dataLayer = window.dataLayer || [];\n function gtag(){dataLayer.push(arguments);}\n gtag(\"js\", new Date());\n gtag(\"config\", \"G-XXXXXXXXXX\");\n <\/script>\n <style>\n * {\n box-sizing: border-box;\n }\n\n html, body {\n width: 100%;\n margin: 0;\n padding: 0;\n overflow-x: hidden;\n }\n\n body {\n font-family: Arial, sans-serif;\n color: #333;\n line-height: 1.6;\n background: linear-gradient(135deg, rgba(212, 175, 55, 0.05) 0%, rgba(51, 51, 51, 0.05) 100%), url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1200 800\"><defs><pattern id=\"dots\" x=\"0\" y=\"0\" width=\"40\" height=\"40\" patternUnits=\"userSpaceOnUse\"><circle cx=\"20\" cy=\"20\" r=\"2\" fill=\"%23D4AF37\" opacity=\"0.1\"\/><\/pattern><\/defs><rect width=\"1200\" height=\"800\" fill=\"%23f5f5f5\"\/><rect width=\"1200\" height=\"800\" fill=\"url(%23dots)\"\/><\/svg>');\n background-attachment: fixed;\n }\n\n \/* Sections with proper spacing *\/\n section {\n width: 100%;\n }\n\n header {\n width: 100%;\n }\n\n footer {\n width: 100%;\n }\n\n .container {\n max-width: 1400px;\n margin: 0 auto;\n padding: 20px 40px;\n }\n\n section {\n padding: 80px 0;\n text-align: center;\n }\n\n h1, h2, h3 {\n color: #222;\n }\n\n h1 {\n font-size: 3.5em;\n }\n\n h2 {\n font-size: 2.5em;\n margin-bottom: 20px;\n }\n\n h3 {\n font-size: 1.4em;\n }\n\n .button {\n display: inline-block;\n padding: 12px 25px;\n margin: 10px;\n border-radius: 6px;\n text-decoration: none;\n font-weight: bold;\n cursor: pointer;\n transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.2s ease;\n }\n\n .button:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n }\n\n .primary-cta {\n background-color: #D4AF37; \/* Gold *\/\n color: white;\n border: none;\n }\n\n .primary-cta:hover {\n background-color: #C5A030;\n box-shadow: 0 6px 15px rgba(212, 175, 55, 0.4);\n }\n\n .secondary-cta {\n background-color: #333; \/* Dark Grey *\/\n color: white;\n border: none;\n }\n\n .secondary-cta:hover {\n background-color: #555;\n box-shadow: 0 6px 15px rgba(51, 51, 51, 0.4);\n }\n\n \/* Responsive adjustments *\/\n\n\n \/* Header *\/\n header {\n background-color: #222;\n color: white;\n padding: 15px 0;\n position: sticky;\n top: 0;\n z-index: 1000;\n box-shadow: 0 2px 10px rgba(0,0,0,0.1);\n }\n\n header .container {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .logo img {\n height: 50px; \/* Adjust as needed *\/\n }\n\n \/* Hero Section *\/\n #hero {\n background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663283571671\/GowwePWYfqRPRBES.png') no-repeat center center\/cover;\n color: white;\n padding: 150px 0;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n min-height: 60vh;\n position: relative;\n }\n\n #hero h1 {\n font-size: 4em;\n margin-bottom: 10px;\n color: white;\n text-shadow: 2px 2px 8px rgba(0,0,0,0.7);\n }\n\n #hero p {\n font-size: 1.5em;\n margin-bottom: 30px;\n color: #f0f0f0;\n text-shadow: 1px 1px 6px rgba(0,0,0,0.7);\n }\n\n .hero-ctas {\n margin-top: 20px;\n }\n\n \/* What We Deliver Section *\/\n #what-we-deliver {\n background-color: #f9f9f9;\n }\n\n .cards-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 30px;\n margin-top: 40px;\n }\n\n .card {\n background-color: white;\n padding: 30px;\n border-radius: 10px;\n box-shadow: 0 4px 15px rgba(0,0,0,0.08);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n\n .card:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 25px rgba(0,0,0,0.15);\n }\n\n .card h3 {\n color: #D4AF37;\n margin-bottom: 15px;\n }\n\n \/* Why Het Goudhaantje Section *\/\n #why-us {\n background-color: white;\n }\n\n .usp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 30px;\n margin-top: 40px;\n }\n\n .usp-item {\n background-color: #f0f0f0;\n padding: 30px;\n border-radius: 10px;\n box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n text-align: left;\n transition: background-color 0.3s ease;\n }\n\n .usp-item:hover {\n background-color: #e0e0e0;\n }\n\n .usp-item h3 {\n color: #333;\n margin-bottom: 10px;\n }\n\n \/* Reviews Section *\/\n #reviews {\n background-color: #f9f9f9;\n }\n\n .reviews-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 30px;\n margin-top: 40px;\n }\n\n .review-card {\n background-color: white;\n padding: 30px;\n border-radius: 10px;\n box-shadow: 0 4px 15px rgba(0,0,0,0.08);\n text-align: left;\n }\n\n .review-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 15px;\n }\n\n .review-card h3 {\n margin: 0;\n color: #333;\n }\n\n .stars {\n color: #D4AF37; \/* Gold *\/\n font-size: 1.2em;\n }\n\n \/* Locations Section *\/\n #locations {\n background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663283571671\/GowwePWYfqRPRBES.png') no-repeat center center\/cover;\n color: white;\n padding: 80px 0;\n }\n\n #locations h2,\n #locations p {\n color: white;\n }\n\n .locations-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 30px;\n margin-top: 40px;\n }\n\n .location-card {\n background-color: rgba(255, 255, 255, 0.95);\n padding: 25px;\n border-radius: 10px;\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\n text-align: left;\n color: #333;\n }\n\n .location-card h3 {\n color: #D4AF37;\n margin-bottom: 10px;\n }\n\n .location-card p {\n margin-bottom: 5px;\n color: #555;\n }\n\n .location-card strong {\n color: #333;\n }\n\n \/* Catering Request Section *\/\n #catering {\n background-color: white;\n }\n\n #catering-form-container {\n background-color: #f0f0f0;\n padding: 40px;\n border-radius: 12px;\n margin-top: 40px;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n text-align: left;\n }\n\n #catering-form label {\n display: block;\n margin-bottom: 5px;\n font-weight: bold;\n }\n\n #catering-form input, #catering-form select, #catering-form textarea {\n width: calc(100% - 22px);\n padding: 10px;\n margin-bottom: 15px;\n border: 1px solid #ccc;\n border-radius: 4px;\n }\n\n #catering-form button {\n width: 100%;\n padding: 12px;\n font-size: 1.1em;\n }\n\n \/* Planning Section (Agenda) *\/\n #planning {\n background-color: white;\n }\n\n #booking-widget {\n margin-top: 40px;\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n\n .week-navigation {\n display: flex;\n justify-content: center;\n margin-bottom: 20px;\n }\n\n .week-navigation button {\n background-color: #D4AF37;\n color: white;\n border: none;\n padding: 10px 20px;\n border-radius: 5px;\n cursor: pointer;\n font-size: 1em;\n margin: 0 10px;\n }\n\n .week-navigation button:hover {\n background-color: #C5A030;\n }\n\n .day-grid {\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n gap: 15px;\n width: 100%;\n max-width: 1000px;\n margin: 0 auto;\n }\n\n .day-column {\n background-color: #f0f0f0;\n padding: 20px 15px;\n border-radius: 8px;\n text-align: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n min-height: 150px;\n }\n\n .day-column h4 {\n margin-top: 0;\n margin-bottom: 10px;\n color: #333;\n }\n\n .time-slot-button {\n background-color: white;\n color: #333;\n border: 1px solid #ccc;\n padding: 8px 12px;\n border-radius: 5px;\n cursor: pointer;\n margin-bottom: 8px;\n width: 100%;\n max-width: 100px;\n transition: background-color 0.2s ease, border-color 0.2s ease;\n }\n\n .time-slot-button:hover {\n background-color: #D4AF37;\n color: white;\n border-color: #D4AF37;\n }\n\n #booking-form-container {\n background-color: #f0f0f0;\n padding: 40px;\n border-radius: 12px;\n margin-top: 40px;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n text-align: left;\n }\n\n #booking-form label {\n display: block;\n margin-bottom: 5px;\n font-weight: bold;\n }\n\n #booking-form input, #booking-form select, #booking-form textarea {\n width: calc(100% - 22px);\n padding: 10px;\n margin-bottom: 15px;\n border: 1px solid #ccc;\n border-radius: 4px;\n }\n\n #booking-form button {\n width: 100%;\n padding: 12px;\n font-size: 1.1em;\n }\n\n \/* Offerte Section *\/\n #offerte {\n background-color: white;\n }\n\n #quote-form {\n background-color: #f0f0f0;\n padding: 40px;\n border-radius: 12px;\n margin-top: 40px;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n text-align: left;\n }\n\n #quote-form label {\n display: block;\n margin-bottom: 5px;\n font-weight: bold;\n }\n\n #quote-form input, #quote-form select, #quote-form textarea {\n width: calc(100% - 22px);\n padding: 10px;\n margin-bottom: 15px;\n border: 1px solid #ccc;\n border-radius: 4px;\n }\n\n #quote-form button {\n width: 100%;\n padding: 12px;\n font-size: 1.1em;\n } .small-text {\n font-size: 0.9em;\n color: #777;\n }\n\n \/* Best Seller Section *\/\n #best-seller {\n background-color: #f9f9f9;\n }\n\n .best-seller-content {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 40px;\n align-items: center;\n margin-top: 40px;\n }\n\n .best-seller-image {\n text-align: center;\n }\n\n .best-seller-image img {\n max-width: 100%;\n height: auto;\n border-radius: 10px;\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\n }\n\n .best-seller-description {\n text-align: left;\n }\n\n .best-seller-description h3 {\n color: #D4AF37;\n font-size: 1.8em;\n margin-bottom: 15px;\n }\n\n .best-seller-description p {\n margin-bottom: 15px;\n line-height: 1.8;\n }\n\n .best-seller-description ul {\n list-style-type: none;\n padding: 0;\n }\n\n .best-seller-description li {\n padding: 8px 0;\n padding-left: 25px;\n position: relative;\n }\n\n .best-seller-description li:before {\n content: \"\u2713\";\n position: absolute;\n left: 0;\n color: #D4AF37;\n font-weight: bold;\n font-size: 1.2em;\n }\n\n \/* Grillworst Section *\/\n #grillworst {\n background-color: white;\n }\n\n .grillworst-content {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 40px;\n align-items: center;\n margin-top: 40px;\n }\n\n .grillworst-image {\n text-align: center;\n order: 2;\n }\n\n .grillworst-image img {\n max-width: 100%;\n height: auto;\n border-radius: 10px;\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\n }\n\n .grillworst-description {\n text-align: left;\n order: 1;\n }\n\n .grillworst-description h3 {\n color: #D4AF37;\n font-size: 1.8em;\n margin-bottom: 15px;\n }\n\n .grillworst-description p {\n margin-bottom: 15px;\n line-height: 1.8;\n }\n\n .grillworst-description ul {\n list-style-type: none;\n padding: 0;\n }\n\n .grillworst-description li {\n padding: 8px 0;\n padding-left: 25px;\n position: relative;\n }\n\n .grillworst-description li:before {\n content: \"\u2713\";\n position: absolute;\n left: 0;\n color: #D4AF37;\n font-weight: bold;\n font-size: 1.2em;\n }\n\n \/* Responsive adjustments for Grillworst *\/\n @media (max-width: 992px) {\n .grillworst-content {\n grid-template-columns: 1fr;\n gap: 30px;\n }\n\n .grillworst-description {\n text-align: center;\n order: 0;\n }\n\n .grillworst-image {\n order: 0;\n }\n\n .grillworst-description ul {\n display: block;\n }\n }\n\n @media (max-width: 768px) {\n .grillworst-content {\n gap: 20px;\n }\n\n .grillworst-description h3 {\n font-size: 1.5em;\n }\n }\n\n @media (max-width: 576px) {\n .grillworst-description li {\n padding-left: 20px;\n }\n }\n\n \/* Contact Section *\/\n #contact {\n background-color: white;\n }\n\n .contact-content {\n display: flex;\n justify-content: center;\n margin-top: 40px;\n }\n\n .contact-info {\n background-color: #f0f0f0;\n padding: 40px;\n border-radius: 12px;\n max-width: 600px;\n text-align: center;\n box-shadow: 0 4px 15px rgba(0,0,0,0.08);\n }\n\n .contact-info h3 {\n color: #D4AF37;\n margin-bottom: 15px;\n }\n\n .contact-info p {\n margin-bottom: 15px;\n color: #555;\n }\n\n .contact-info a {\n font-size: 1.1em;\n text-decoration: none;\n }\n\n \/* Free Drink Modal *\/\n .free-drink-modal-content {\n max-width: 500px;\n background-color: white;\n padding: 40px;\n border-radius: 12px;\n box-shadow: 0 4px 20px rgba(0,0,0,0.2);\n position: relative;\n }\n\n .free-drink-modal-content h2 {\n color: #D4AF37;\n margin-bottom: 15px;\n text-align: center;\n }\n\n .free-drink-modal-content p {\n color: #555;\n margin-bottom: 20px;\n }\n\n #free-drink-form {\n display: flex;\n flex-direction: column;\n }\n\n #free-drink-form label {\n margin-bottom: 8px;\n font-weight: bold;\n color: #333;\n }\n\n #free-drink-form input {\n padding: 12px;\n margin-bottom: 20px;\n border: 1px solid #ddd;\n border-radius: 6px;\n font-size: 1em;\n }\n\n #free-drink-form input:focus {\n outline: none;\n border-color: #D4AF37;\n box-shadow: 0 0 5px rgba(212, 175, 55, 0.3);\n }\n\n .close-modal {\n position: absolute;\n top: 15px;\n right: 20px;\n font-size: 28px;\n font-weight: bold;\n color: #aaa;\n cursor: pointer;\n }\n\n .close-modal:hover {\n color: #000;\n } margin-top: -10px;\n margin-bottom: 20px;\n }\n\n \/* Modal *\/\n .modal {\n display: none;\n position: fixed;\n z-index: 1001;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n overflow: auto;\n background-color: rgba(0,0,0,0.4);\n padding-top: 20px;\n }\n\n .modal-content {\n background-color: #fefefe;\n padding: 20px;\n border: 1px solid #888;\n width: 90%;\n max-width: 500px;\n border-radius: 10px;\n margin: 0 auto;\n position: relative;\n text-align: left;\n }\n\n .close-button {\n color: #aaa;\n float: right;\n font-size: 28px;\n font-weight: bold;\n cursor: pointer;\n }\n\n .close-button:hover,\n .close-button:focus {\n color: #333;\n text-decoration: none;\n cursor: pointer;\n }\n\n \/* Responsive adjustments *\/\n @media (max-width: 1200px) {\n .container {\n padding: 20px;\n }\n\n #hero h1 {\n font-size: 3.5em;\n }\n\n #hero p {\n font-size: 1.3em;\n }\n\n .day-grid {\n grid-template-columns: repeat(4, 1fr);\n }\n }\n\n \/* Responsive adjustments for Best Seller *\/\n @media (max-width: 992px) {\n .best-seller-content {\n grid-template-columns: 1fr;\n gap: 30px;\n }\n\n .best-seller-description {\n text-align: center;\n }\n\n .best-seller-description ul {\n display: block;\n }\n }\n\n @media (max-width: 992px) {\n #hero {\n padding: 100px 0;\n }\n\n #hero h1 {\n font-size: 3em;\n }\n\n #hero p {\n font-size: 1.2em;\n }\n\n .day-grid {\n grid-template-columns: repeat(3, 1fr);\n }\n\n .usp-grid,\n .reviews-grid,\n .locations-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n @media (max-width: 768px) {\n .best-seller-content {\n gap: 20px;\n }\n\n .best-seller-description h3 {\n font-size: 1.5em;\n }\n\n .contact-info {\n padding: 30px;\n }\n }\n\n @media (max-width: 768px) {\n header .container {\n flex-direction: column;\n text-align: center;\n }\n\n header nav {\n margin-top: 15px;\n }\n\n #hero {\n padding: 80px 0;\n }\n\n #hero h1 {\n font-size: 2.5em;\n }\n\n #hero p {\n font-size: 1.1em;\n }\n\n h2 {\n font-size: 2em;\n }\n\n .cards-grid,\n .usp-grid,\n .reviews-grid,\n .locations-grid {\n grid-template-columns: 1fr;\n }\n\n .day-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n\n #catering-form-container,\n #booking-form-container,\n #quote-form {\n padding: 30px;\n }\n\n .modal-content {\n width: 95%;\n padding: 15px;\n }\n\n .microcopy {\n font-size: 0.85em;\n }\n\n footer .button {\n width: 100%;\n margin-bottom: 8px;\n }\n }\n\n @media (max-width: 576px) {\n .best-seller-description li {\n padding-left: 20px;\n }\n\n .contact-info {\n padding: 20px;\n }\n }\n\n @media (max-width: 576px) {\n .container {\n padding: 15px;\n }\n\n #hero h1 {\n font-size: 2em;\n }\n\n #hero p {\n font-size: 1em;\n }\n\n h2 {\n font-size: 1.8em;\n }\n\n .day-grid {\n grid-template-columns: 1fr;\n }\n\n .day-column {\n min-height: auto;\n }\n\n .time-slot-button {\n max-width: none;\n }\n\n #catering-form-container,\n #booking-form-container,\n #quote-form {\n padding: 20px;\n }\n\n .modal-content {\n padding: 10px;\n }\n }\n\n \/* Extra Small Phones (360px and below) *\/\n @media (max-width: 360px) {\n .container {\n padding: 10px;\n }\n\n #hero h1 {\n font-size: 1.8em;\n }\n\n #hero p {\n font-size: 0.9em;\n }\n\n h2 {\n font-size: 1.5em;\n }\n\n .button {\n padding: 10px 12px;\n font-size: 0.9em;\n }\n }\n\n \/* Touch-friendly adjustments *\/\n @media (hover: none) and (pointer: coarse) {\n .button {\n min-height: 48px;\n min-width: 48px;\n padding: 12px 16px;\n }\n\n .time-slot-button {\n min-height: 44px;\n min-width: 44px;\n }\n\n input, select, textarea {\n font-size: 16px; \/* Prevents zoom on iOS *\/\n }\n }\n <\/style>\n<\/head>\n<body>\n \n <header id=\"main-header\">\n <div class=\"container\">\n <div class=\"logo\">\n <img decoding=\"async\" src=\"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663283571671\/ZJqixfkUlzkbHMyh.png\" alt=\"Het Goudhaantje Logo\" class=\"logo-img\">\n <\/div>\n <nav>\n <button class=\"button primary-cta\" id=\"header-free-drink-trigger\">Claim je gratis drankje<\/button>\n <a href=\"#best-seller\" class=\"button secondary-cta\">Bekijk onze producten<\/a>\n <\/nav>\n <\/div>\n <\/header>\n\n \n <section id=\"hero\">\n <div class=\"container\">\n <h1>Smaakvol & Perfect Gegrild<\/h1>\n <p>Ervaar de onge\u00ebvenaarde smaak van perfect gegrilde kip, bereid met passie en vakmanschap sinds 1999.<\/p>\n <div class=\"hero-ctas\">\n <a href=\"#best-seller\" class=\"button primary-cta\">Claim nu je gratis drankje<\/a>\n <a href=\"#locations\" class=\"button secondary-cta\">Overal in Nederland gevestigd!<\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"what-we-deliver\">\n <div class=\"container\">\n <h2>Wat we leveren<\/h2>\n <div class=\"cards-grid\">\n <div class=\"card\">\n <h3>Huisgemaakte Sauzen<\/h3>\n <p>Verrijk uw maaltijd met onze unieke, ambachtelijke sauzen die elk gerecht naar een hoger niveau tillen.<\/p>\n <\/div>\n <div class=\"card\">\n <h3>Bijgerechten<\/h3>\n <p>Van knapperige frietjes tot verse groenten \u2013 de perfecte aanvulling op uw maaltijd.<\/p>\n <\/div>\n <div class=\"card\">\n <h3>Gegrilde Kip<\/h3>\n <p>Sappig, mals en perfect gekruid \u2013 een ware smaaksensatie die u niet zal vergeten.<\/p>\n <\/div>\n <div class=\"card\">\n <h3>Catering & Broodjes<\/h3>\n <p>Voor elk evenement, van kleine zakelijke bijeenkomst tot groot feest \u2013 wij verzorgen het.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"why-us\">\n <div class=\"container\">\n <h2>Waarom Het Goudhaantje?<\/h2>\n <div class=\"usp-grid\">\n <div class=\"usp-item\">\n <h3>Kwaliteit Voorop<\/h3>\n <p>Alleen de beste ingredi\u00ebnten voor de ultieme smaakbeleving. Geen compromissen.<\/p>\n <\/div>\n <div class=\"usp-item\">\n <h3>Duurzaamheid<\/h3>\n <p>Verantwoord en met respect voor mens en milieu \u2013 goed eten begint met goed handelen.<\/p>\n <\/div>\n <div class=\"usp-item\">\n <h3>25+ Jaar Ervaring<\/h3>\n <p>Meer dan twee decennia vakmanschap in het perfect grillen van kip.<\/p>\n <\/div>\n <div class=\"usp-item\">\n <h3>100% Halal Gegarandeerd<\/h3>\n <p>Geniet zorgeloos van onze gerechten met volledige transparantie en garantie.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"reviews\">\n <div class=\"container\">\n <h2>Reviews<\/h2>\n <div class=\"reviews-grid\">\n <div class=\"review-card\">\n <div class=\"review-header\">\n <h3>Marco de Vries<\/h3>\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <\/div>\n <p>“De 100% Halal garantie gaf me volledige rust. Ik kon genieten van de perfecte kip zonder enige twijfel. Dat is echt waar ik naar zocht!”<\/p>\n <\/div>\n <div class=\"review-card\">\n <div class=\"review-header\">\n <h3>Fatima Osman<\/h3>\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2606<\/div>\n <\/div>\n <p>“De duurzaamheid van Het Goudhaantje spreekt me aan. Ik weet dat ik niet alleen lekker eet, maar ook bijdraag aan iets goeds. Dat maakt het eten nog beter!”<\/p>\n <\/div>\n <div class=\"review-card\">\n <div class=\"review-header\">\n <h3>Jelle Hendriksen<\/h3>\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <\/div>\n <p>“De vakmanschap van 25+ jaar proef je echt in elke hap. De sauzen zijn onge\u00ebvenaard en de kip is altijd perfect gegrild. Dit is mijn vaste adresje!”<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"locations\">\n <div class=\"container\">\n <h2>Waar zijn we gevestigd?<\/h2>\n <p style=\"text-align: center; font-size: 1.1em; color: #666; margin-bottom: 30px;\">Bezoek Het Goudhaantje op meerdere locaties. Dezelfde kwaliteit, dezelfde smaak, overal.<\/p>\n <div class=\"locations-grid\">\n <div class=\"location-card\">\n <h3>Bazaar Beverwijk<\/h3>\n <p><strong>Adres:<\/strong> De Bazaar, Hal 30, Parallelweg 1, 1948 NN Beverwijk<\/p>\n <p><strong>Openingstijden:<\/strong><\/p>\n <p>Zaterdag: 10:00 – 19:00<\/p>\n <p>Zondag: 10:00 – 19:00<\/p>\n <\/div>\n <div class=\"location-card\">\n <h3>Zeist<\/h3>\n <p style=\"color: #000;\"><strong>Adres:<\/strong> Johan van Oldenbarneveltlaan 78, 3705 HE Zeist<\/p>\n <p><strong>Openingstijden:<\/strong><\/p>\n <p>Maandag t\/m Vrijdag: 11:00 – 19:00<\/p>\n <\/div>\n <div class=\"location-card\">\n <h3>Overvecht, Utrecht<\/h3>\n <p style=\"color: #000;\"><strong>Adres:<\/strong> Zambesidreef, 3564 CB Utrecht<\/p>\n <p><strong>Openingstijden:<\/strong><\/p>\n <p>Maandag t\/m Vrijdag: 11:00 – 19:00<\/p>\n <\/div>\n <div class=\"location-card\">\n <h3>Kanaleneiland, Utrecht<\/h3>\n <p style=\"color: #000;\"><strong>Adres:<\/strong> Van Starkenborghhof 11, 3527 HB Utrecht<\/p>\n <p><strong>Openingstijden:<\/strong><\/p>\n <p>Maandag t\/m Vrijdag: 11:00 – 19:00<\/p>\n <\/div>\n <div class=\"location-card\">\n <h3>Amsterdam<\/h3>\n <p style=\"color: #000;\"><strong>Adres:<\/strong> Bos en Lommerweg, 1055 DK Amsterdam<\/p>\n <p><strong>Openingstijden:<\/strong><\/p>\n <p>Maandag t\/m Vrijdag: 11:00 – 19:00<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n\n\n \n <section id=\"best-seller\">\n <div class=\"container\">\n <h2>Al 26 jaar lang onze best seller: Braadworst<\/h2>\n <div class=\"best-seller-content\">\n <div class=\"best-seller-image\">\n <img decoding=\"async\" src=\"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663283571671\/DtoOzIAyFekFuJoo.png\" alt=\"Heerlijke braadworst broodje van Het Goudhaantje\" class=\"responsive-img\" loading=\"lazy\">\n <\/div>\n <div class=\"best-seller-description\">\n <h3>Het Goudhaantje Braadworst Broodje<\/h3>\n <p>Sinds 1999 is onze braadworst de absolute favoriet van onze klanten. Dit klassieke broodje is gemaakt met de fijnste ingredi\u00ebnten en bereid met dezelfde passie en vakmanschap als al onze producten.<\/p>\n <p><strong>Wat maakt het speciaal?<\/strong><\/p>\n <ul style=\"text-align: left; display: inline-block;\">\n <li>Gegrilde braadworst met een knapperig buitenkantje<\/li>\n <li>Zacht, vers broodje van de bakker<\/li>\n <li>Onze huisgemaakte sauzen en toppings<\/li>\n <li>100% Halal gegarandeerd<\/li>\n <li>Duurzaam en verantwoord bereid<\/li>\n <\/ul>\n <p style=\"margin-top: 20px;\">Probeer het zelf en ontdek waarom deze braadworst al meer dan 26 jaar lang onze best seller is!<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"grillworst\">\n <div class=\"container\">\n <h2>Broodje Grillworst – Onze Nieuwste Toevoeging<\/h2>\n <div class=\"grillworst-content\">\n <div class=\"grillworst-description\">\n <h3>Het Goudhaantje Broodje Grillworst<\/h3>\n <p>Nieuw op ons menu! Ontdek het heerlijke broodje grillworst – een perfect complement op onze klassieke braadworst. Dit broodje combineert de beste kwaliteit met een unieke smaakbeleving.<\/p>\n <p><strong>Wat maakt het speciaal?<\/strong><\/p>\n <ul style=\"text-align: left; display: inline-block;\">\n <li>Premium gegrilde grillworst met kruiden<\/li>\n <li>Vers, zacht broodje van de bakker<\/li>\n <li>Onze beroemde huisgemaakte sauzen<\/li>\n <li>100% Halal gegarandeerd<\/li>\n <li>Duurzaam en ambachtelijk bereid<\/li>\n <\/ul>\n <p style=\"margin-top: 20px;\">Proef het verschil en voeg dit heerlijke broodje toe aan je favorieten!<\/p>\n <\/div>\n <div class=\"grillworst-image\">\n <img decoding=\"async\" src=\"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663283571671\/KpwIApjaRUWjEGjR.png\" alt=\"Heerlijke grillworst broodje van Het Goudhaantje\" class=\"responsive-img\" loading=\"lazy\">\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"media-section\">\n <div class=\"container\">\n <h2>Beeld & Video<\/h2>\n <div class=\"media-content\">\n \n <img decoding=\"async\" src=\"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663283571671\/GowwePWYfqRPRBES.png\" alt=\"Heerlijke gegrilde kip op de grill\" class=\"responsive-img\" loading=\"lazy\">\n <div class=\"video-placeholder\">\n \n <video width=\"560\" height=\"315\" controls autoplay muted loop playsinline>\n <source src=\"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663283571671\/pcPYkRqQsDLoxLSn.mp4\" type=\"video\/mp4\">\n Je browser ondersteunt de video tag niet.\n <\/video>\n <\/div>\n <\/div>\n <p class=\"small-text\">Deze video toont de passie en vakmanschap van Het Goudhaantje in actie. De video speelt continu af, zodat bezoekers direct de kwaliteit zien.<\/p>\n <\/div>\n <\/section>\n\n \n <div id=\"free-drink-modal\" class=\"modal\">\n <div class=\"modal-content free-drink-modal-content\">\n <span class=\"close-modal\" id=\"close-free-drink-modal\">×<\/span>\n <h2>Claim je gratis drankje!<\/h2>\n <p style=\"text-align: center; margin-bottom: 20px;\">Vul je e-mailadres in en ontvang een unieke kortingscode voor je gratis drankje.<\/p>\n <form id=\"free-drink-form\">\n <label for=\"free-drink-email\">E-mailadres:<\/label>\n <input type=\"email\" id=\"free-drink-email\" required placeholder=\"jouw@email.com\">\n <button type=\"submit\" class=\"button primary-cta\">Verstuur kortingscode<\/button>\n <\/form>\n <div id=\"free-drink-success-message\" style=\"display:none; color: green; margin-top: 20px; text-align: center;\">\n <p><strong>Succes!<\/strong> Je kortingscode is verzonden naar je e-mailadres.<\/p>\n <\/div>\n <div id=\"free-drink-error-message\" style=\"display:none; color: red; margin-top: 20px; text-align: center;\"><\/div>\n <\/div>\n <\/div>\n\n \n <section id=\"contact\">\n <div class=\"container\">\n <h2>Contact<\/h2>\n <p style=\"text-align: center; font-size: 1.1em; color: #666; margin-bottom: 30px;\">Heb je vragen of wil je meer informatie? Neem gerust contact met ons op!<\/p>\n <div class=\"contact-content\">\n <div class=\"contact-info\">\n <h3>Stuur ons een e-mail<\/h3>\n <p>Voor al uw vragen, opmerkingen of bestellingen:<\/p>\n <a href=\"mailto:rayan.benhammou@hva.nl\" class=\"button primary-cta\" style=\"display: inline-block; margin-top: 15px;\">rayan.benhammou@hva.nl<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer>\n <div class=\"container\">\n <div class=\"footer-logo\">\n <img decoding=\"async\" src=\"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663283571671\/ZJqixfkUlzkbHMyh.png\" alt=\"Het Goudhaantje Logo\" class=\"footer-logo-img\">\n <\/div>\n <div class=\"footer-ctas\">\n <button class=\"button primary-cta\" id=\"footer-free-drink-trigger\">Claim je gratis drankje<\/button>\n <a href=\"#best-seller\" class=\"button secondary-cta\">Bekijk onze producten<\/a>\n <\/div>\n <p>© 2026 Het Goudhaantje. Alle rechten voorbehouden.<\/p>\n <\/div>\n <\/footer>\n\n \n <div id=\"business-modal\" class=\"modal\">\n <div class=\"modal-content\">\n <span class=\"close-button\">×<\/span>\n <h2>Zakelijk Bestellen<\/h2>\n <p>Bestel gemakkelijk op rekening voor uw bedrijf. Wij verzorgen het graag!<\/p>\n <form id=\"business-form\">\n <label for=\"business-company\">Bedrijfsnaam:<\/label>\n <input type=\"text\" id=\"business-company\" required>\n\n <label for=\"business-contact\">Contactpersoon:<\/label>\n <input type=\"text\" id=\"business-contact\" required>\n\n <label for=\"business-email\">E-mail:<\/label>\n <input type=\"email\" id=\"business-email\" required>\n\n <label for=\"business-po\">Referentie\/PO-nummer (optioneel):<\/label>\n <input type=\"text\" id=\"business-po\">\n\n <label for=\"business-description\">Wat wilt u bestellen?<\/label>\n <textarea id=\"business-description\" rows=\"5\" placeholder=\"Beschrijf uw bestelling, aantal personen, datum, etc.\" required><\/textarea>\n\n <button type=\"submit\" class=\"button primary-cta\">Bestelling indienen<\/button>\n <\/form>\n <div id=\"business-success-message\" style=\"display:none; color: green;\"><\/div>\n <\/div>\n <\/div>\n\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@emailjs\/browser@3\/dist\/index.min.js\"><\/script>\n <script>\n \/\/ Initialize EmailJS\n emailjs.init('HKQODrB8puaNx38AN'); \/\/ You'll need to replace this with your actual key\n \n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Smooth scrolling for anchor links with mobile support\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const targetId = this.getAttribute('href');\n const targetElement = document.querySelector(targetId);\n if (targetElement) {\n \/\/ Close any open modals first\n const modals = document.querySelectorAll('.modal');\n modals.forEach(modal => {\n modal.style.display = 'none';\n });\n \n \/\/ Scroll to target with offset for sticky header\n const headerHeight = document.getElementById('main-header').offsetHeight;\n const targetPosition = targetElement.offsetTop - headerHeight - 20;\n window.scrollTo({\n top: targetPosition,\n behavior: 'smooth'\n });\n }\n });\n });\n\n \/\/ Free Drink Modal functionality\n const freeDrinkModal = document.getElementById('free-drink-modal');\n const freeDrinkForm = document.getElementById('free-drink-form');\n const closeDrinkModal = document.getElementById('close-free-drink-modal');\n const freeDrinkEmail = document.getElementById('free-drink-email');\n const freeDrinkSuccess = document.getElementById('free-drink-success-message');\n const freeDrinkError = document.getElementById('free-drink-error-message');\n\n \/\/ Open free drink modal when clicking any of the triggers\n const freeDrinkTriggers = document.querySelectorAll('#header-free-drink-trigger, #footer-free-drink-trigger');\n freeDrinkTriggers.forEach(trigger => {\n trigger.addEventListener('click', function(e) {\n e.preventDefault();\n freeDrinkModal.style.display = 'block';\n freeDrinkEmail.focus();\n if (typeof gtag === 'function') {\n gtag('event', 'free_drink_modal_open', {\n 'event_category': 'Engagement',\n 'event_label': 'Free Drink Modal Opened'\n });\n }\n });\n });\n\n \/\/ Close free drink modal\n closeDrinkModal.addEventListener('click', function() {\n freeDrinkModal.style.display = 'none';\n });\n\n \/\/ Close modal when clicking outside of it\n window.addEventListener('click', function(event) {\n if (event.target == freeDrinkModal) {\n freeDrinkModal.style.display = 'none';\n }\n });\n\n \/\/ Handle free drink form submission\n freeDrinkForm.addEventListener('submit', function(e) {\n e.preventDefault();\n const email = freeDrinkEmail.value;\n \n \/\/ Generate unique discount code\n const discountCode = 'GRATIS' + Math.random().toString(36).substr(2, 9).toUpperCase();\n \n \/\/ Hide error messages\n freeDrinkError.style.display = 'none';\n \n \/\/ Send email via EmailJS\n const emailParams = {\n to_email: email,\n discount_code: discountCode,\n from_name: 'Het Goudhaantje',\n reply_to: 'rayan.benhammou@hva.nl'\n };\n \n \/\/ Send email\n emailjs.send('service_mwk7xrn', 'template_hene6ts', emailParams)\n .then(function(response) {\n \/\/ Show success message\n freeDrinkSuccess.innerHTML = `<p><strong>Succes!<\/strong> Je kortingscode <strong>${discountCode}<\/strong> is verzonden naar ${email}<\/p>`;\n freeDrinkSuccess.style.display = 'block';\n \n \/\/ Clear form\n freeDrinkForm.reset();\n \n \/\/ Track event\n if (typeof gtag === 'function') {\n gtag('event', 'free_drink_code_generated', {\n 'event_category': 'Conversion',\n 'event_label': 'Free Drink Code Generated'\n });\n }\n \n \/\/ Close modal after 3 seconds\n setTimeout(function() {\n freeDrinkModal.style.display = 'none';\n freeDrinkSuccess.style.display = 'none';\n }, 3000);\n })\n .catch(function(error) {\n \/\/ Show error message\n freeDrinkError.innerHTML = `<p><strong>Fout:<\/strong> Er is iets misgegaan. Probeer het later opnieuw.<\/p>`;\n freeDrinkError.style.display = 'block';\n console.error('EmailJS error:', error);\n });\n });\n\n \/\/ Business Modal functionality\n const businessModal = document.getElementById('business-modal');\n const businessModalTriggers = document.querySelectorAll('#business-modal-trigger, #hero-business-modal-trigger, #footer-business-modal-trigger');\n const closeButtons = document.querySelectorAll('.close-button');\n\n businessModalTriggers.forEach(trigger => {\n trigger.addEventListener('click', function() {\n businessModal.style.display = 'block';\n if (typeof gtag === 'function') {\n gtag('event', 'business_modal_open', {\n 'event_category': 'Engagement',\n 'event_label': 'Business Modal Opened'\n });\n }\n });\n });\n\n closeButtons.forEach(button => {\n button.addEventListener('click', function() {\n businessModal.style.display = 'none';\n });\n });\n\n window.addEventListener('click', function(event) {\n if (event.target == businessModal) {\n businessModal.style.display = 'none';\n }\n });\n\n \/\/ Prevent body scroll when modal is open\n function toggleBodyScroll(disable) {\n if (disable) {\n document.body.style.overflow = 'hidden';\n } else {\n document.body.style.overflow = 'auto';\n }\n }\n\n businessModalTriggers.forEach(trigger => {\n trigger.addEventListener('click', function() {\n toggleBodyScroll(true);\n });\n });\n\n closeButtons.forEach(button => {\n button.addEventListener('click', function() {\n toggleBodyScroll(false);\n });\n });\n\n window.addEventListener('click', function(event) {\n if (event.target == businessModal) {\n toggleBodyScroll(false);\n }\n });\n\n \/\/ Dynamic Weekday Generation for Booking Widget\n const dayGrid = document.getElementById('day-grid');\n const prevWeekBtn = document.getElementById('prev-week');\n const nextWeekBtn = document.getElementById('next-week');\n let currentWeekStart = new Date();\n\n function getWeekStart(date) {\n const day = date.getDay();\n const diff = date.getDate() - day + (day === 0 ? -6 : 1); \/\/ Adjust for Monday start\n return new Date(date.setDate(diff));\n }\n\n function generateWeekdays(startDate) {\n dayGrid.innerHTML = '';\n for (let i = 0; i < 7; i++) {\n const date = new Date(startDate);\n date.setDate(startDate.getDate() + i);\n const dayName = date.toLocaleDateString('nl-NL', { weekday: 'short' });\n const dayDate = date.toLocaleDateString('nl-NL', { day: 'numeric', month: 'short' });\n\n const dayColumn = document.createElement('div');\n dayColumn.classList.add('day-column');\n dayColumn.innerHTML = `\n <h4>${dayName} ${dayDate}<\/h4>\n <div class=\"time-slots\">\n \n <\/div>\n `;\n\n const timeSlotsContainer = dayColumn.querySelector('.time-slots');\n \/\/ Example: Add some dummy time slots. In a real app, these would come from a backend.\n const dummyTimeSlots = ['09:00', '10:30', '11:00', '12:00', '13:00', '14:00', '15:30'];\n if (date.getDay() !== 0 && date.getDay() !== 6) { \/\/ Weekdays\n dummyTimeSlots.forEach(time => {\n const timeSlotButton = document.createElement('button');\n timeSlotButton.classList.add('time-slot-button');\n timeSlotButton.textContent = time;\n timeSlotButton.addEventListener('click', () => selectTimeSlot(date, time));\n timeSlotsContainer.appendChild(timeSlotButton);\n });\n } else { \/\/ Weekend\n if (date.getDay() === 6) { \/\/ Saturday\n const saturdaySlots = ['09:30', '11:00', '12:00'];\n saturdaySlots.forEach(time => {\n const timeSlotButton = document.createElement('button');\n timeSlotButton.classList.add('time-slot-button');\n timeSlotButton.textContent = time;\n timeSlotButton.addEventListener('click', () => selectTimeSlot(date, time));\n timeSlotsContainer.appendChild(timeSlotButton);\n });\n } else { \/\/ Sunday\n const noSlots = document.createElement('p');\n noSlots.textContent = 'Geen tijden beschikbaar';\n timeSlotsContainer.appendChild(noSlots);\n }\n }\n\n if (timeSlotsContainer.children.length === 0) {\n const noSlots = document.createElement('p');\n noSlots.textContent = 'Geen tijden beschikbaar';\n timeSlotsContainer.appendChild(noSlots);\n }\n\n dayGrid.appendChild(dayColumn);\n }\n }\n\n function selectTimeSlot(date, time) {\n const bookingFormContainer = document.getElementById('booking-form-container');\n const bookingDateDisplay = document.getElementById('booking-date-display');\n const bookingTimeDisplay = document.getElementById('booking-time-display');\n const bookingDateInput = document.getElementById('booking-date');\n const bookingTimeInput = document.getElementById('booking-time');\n\n bookingDateDisplay.value = date.toLocaleDateString('nl-NL', { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' });\n bookingTimeDisplay.value = time;\n bookingDateInput.value = date.toISOString().split('T')[0];\n bookingTimeInput.value = time;\n\n bookingFormContainer.style.display = 'block';\n\n \/\/ Track event\n if (typeof gtag === 'function') {\n gtag('event', 'select_slot', {\n 'event_category': 'Booking',\n 'event_label': 'Time Slot Selected',\n 'value': `${date.toISOString().split('T')[0]} ${time}`\n });\n }\n }\n\n prevWeekBtn.addEventListener('click', () => {\n currentWeekStart.setDate(currentWeekStart.getDate() - 7);\n generateWeekdays(currentWeekStart);\n });\n\n nextWeekBtn.addEventListener('click', () => {\n currentWeekStart.setDate(currentWeekStart.getDate() + 7);\n generateWeekdays(currentWeekStart);\n });\n\n \/\/ Initial generation\n currentWeekStart = getWeekStart(currentWeekStart);\n generateWeekdays(currentWeekStart);\n\n \/\/ Catering Form Submission\n const cateringForm = document.getElementById('catering-form');\n const cateringSuccessMessage = document.getElementById('catering-success-message');\n\n cateringForm.addEventListener('submit', function(e) {\n e.preventDefault();\n const name = document.getElementById('catering-name').value;\n const email = document.getElementById('catering-email').value;\n const phone = document.getElementById('catering-phone').value;\n const date = document.getElementById('catering-date').value;\n const guests = document.getElementById('catering-guests').value;\n const details = document.getElementById('catering-details').value;\n\n \/\/ Simulate form submission\n console.log('Catering Request Submitted:', { name, email, phone, date, guests, details });\n cateringSuccessMessage.textContent = 'Bedankt voor uw cateringaanvraag! We nemen binnen 1 werkdag contact met u op.';\n cateringSuccessMessage.style.display = 'block';\n cateringForm.reset();\n \/\/ Scroll to success message on mobile\n if (window.innerWidth < 768) {\n cateringSuccessMessage.scrollIntoView({ behavior: 'smooth', block: 'center' });\n }\n\n \/\/ Track event\n if (typeof gtag === 'function') {\n gtag('event', 'catering_request', {\n 'event_category': 'Lead Generation',\n 'event_label': 'Catering Form Submitted',\n 'value': 1 \/\/ Example value\n });\n }\n });\n\n \/\/ Booking Form Submission\n const bookingForm = document.getElementById('booking-form');\n const bookingSuccessMessage = document.getElementById('booking-success-message');\n\n bookingForm.addEventListener('submit', function(e) {\n e.preventDefault();\n const name = document.getElementById('booking-name').value;\n const email = document.getElementById('booking-email').value;\n const phone = document.getElementById('booking-phone').value;\n const date = document.getElementById('booking-date').value;\n const time = document.getElementById('booking-time').value;\n\n \/\/ Simulate form submission\n console.log('Booking Submitted:', { name, email, phone, date, time });\n bookingSuccessMessage.textContent = 'Bedankt voor uw afspraak! We bevestigen deze zo spoedig mogelijk.';\n bookingSuccessMessage.style.display = 'block';\n bookingForm.reset();\n document.getElementById('booking-form-container').style.display = 'none';\n \/\/ Scroll to success message on mobile\n if (window.innerWidth < 768) {\n bookingSuccessMessage.scrollIntoView({ behavior: 'smooth', block: 'center' });\n }\n\n \/\/ Track event\n if (typeof gtag === 'function') {\n gtag('event', 'booking_submit', {\n 'event_category': 'Booking',\n 'event_label': 'Booking Form Submitted',\n 'value': 1 \/\/ Example value\n });\n }\n });\n\n \/\/ Quote Form Submission\n const quoteForm = document.getElementById('quote-form');\n const quoteSuccessMessage = document.getElementById('quote-success-message');\n\n quoteForm.addEventListener('submit', function(e) {\n e.preventDefault();\n const company = document.getElementById('quote-company').value;\n const contact = document.getElementById('quote-contact').value;\n const email = document.getElementById('quote-email').value;\n const service = document.getElementById('quote-service').value;\n const description = document.getElementById('quote-description').value;\n\n \/\/ Simulate form submission\n console.log('Quote Submitted:', { company, contact, email, service, description });\n quoteSuccessMessage.textContent = 'Bedankt voor uw offerteaanvraag! We nemen binnen 1 werkdag contact met u op.';\n quoteSuccessMessage.style.display = 'block';\n quoteForm.reset();\n \/\/ Scroll to success message on mobile\n if (window.innerWidth < 768) {\n quoteSuccessMessage.scrollIntoView({ behavior: 'smooth', block: 'center' });\n }\n\n \/\/ Track event\n if (typeof gtag === 'function') {\n gtag('event', 'lead_submit', {\n 'event_category': 'Lead Generation',\n 'event_label': 'Quote Form Submitted',\n 'value': 1 \/\/ Example value\n });\n }\n });\n\n \/\/ Business Form Submission (inside modal)\n const businessForm = document.getElementById('business-form');\n const businessSuccessMessage = document.getElementById('business-success-message');\n\n businessForm.addEventListener('submit', function(e) {\n e.preventDefault();\n const company = document.getElementById('business-company').value;\n const contact = document.getElementById('business-contact').value;\n const email = document.getElementById('business-email').value;\n const po = document.getElementById('business-po').value;\n const description = document.getElementById('business-description').value;\n\n \/\/ Simulate form submission\n console.log('Business Order Submitted:', { company, contact, email, po, description });\n businessSuccessMessage.textContent = 'Bedankt voor uw bestelling! We nemen spoedig contact met u op om de details te bespreken.';\n businessSuccessMessage.style.display = 'block';\n businessForm.reset();\n businessModal.style.display = 'none';\n toggleBodyScroll(false);\n \/\/ Scroll to success message on mobile\n if (window.innerWidth < 768) {\n businessSuccessMessage.scrollIntoView({ behavior: 'smooth', block: 'center' });\n }\n\n \/\/ Track event\n if (typeof gtag === 'function') {\n gtag('event', 'lead_submit', {\n 'event_category': 'Lead Generation',\n 'event_label': 'Business Order Form Submitted',\n 'value': 1\n });\n }\n });\n });\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Het Goudhaantje – Smaakvol & Perfect Gegrild Claim je gratis drankje Bekijk onze producten Smaakvol & Perfect Gegrild Ervaar de onge\u00ebvenaarde smaak van perfect gegrilde kip, bereid met passie en vakmanschap sinds 1999. Claim nu je gratis drankje Overal in Nederland gevestigd! Wat we leveren Huisgemaakte Sauzen Verrijk uw maaltijd met onze unieke, ambachtelijke sauzen […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-44","page","type-page","status-publish","hentry"],"aioseo_notices":[],"yoast_head":"\n<title>Het Goudhaantje - Het Goudhaantje<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/benhammou.hvawordpress9.nl\/?page_id=44\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Het Goudhaantje - Het Goudhaantje\" \/>\n<meta property=\"og:description\" content=\"Het Goudhaantje – Smaakvol & Perfect Gegrild Claim je gratis drankje Bekijk onze producten Smaakvol & Perfect Gegrild Ervaar de onge\u00ebvenaarde smaak van perfect gegrilde kip, bereid met passie en vakmanschap sinds 1999. Claim nu je gratis drankje Overal in Nederland gevestigd! Wat we leveren Huisgemaakte Sauzen Verrijk uw maaltijd met onze unieke, ambachtelijke sauzen […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/benhammou.hvawordpress9.nl\/?page_id=44\" \/>\n<meta property=\"og:site_name\" content=\"Het Goudhaantje\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-16T18:32:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663283571671\/ZJqixfkUlzkbHMyh.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/benhammou.hvawordpress9.nl\/?page_id=44\",\"url\":\"https:\/\/benhammou.hvawordpress9.nl\/?page_id=44\",\"name\":\"Het Goudhaantje - Het Goudhaantje\",\"isPartOf\":{\"@id\":\"https:\/\/benhammou.hvawordpress9.nl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/benhammou.hvawordpress9.nl\/?page_id=44#primaryimage\"},\"image\":{\"@id\":\"https:\/\/benhammou.hvawordpress9.nl\/?page_id=44#primaryimage\"},\"thumbnailUrl\":\"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663283571671\/ZJqixfkUlzkbHMyh.png\",\"datePublished\":\"2026-03-16T13:13:17+00:00\",\"dateModified\":\"2026-03-16T18:32:54+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/benhammou.hvawordpress9.nl\/?page_id=44#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/benhammou.hvawordpress9.nl\/?page_id=44\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/benhammou.hvawordpress9.nl\/?page_id=44#primaryimage\",\"url\":\"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663283571671\/ZJqixfkUlzkbHMyh.png\",\"contentUrl\":\"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663283571671\/ZJqixfkUlzkbHMyh.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/benhammou.hvawordpress9.nl\/?page_id=44#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/benhammou.hvawordpress9.nl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Het Goudhaantje\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/benhammou.hvawordpress9.nl\/#website\",\"url\":\"https:\/\/benhammou.hvawordpress9.nl\/\",\"name\":\"Het Goudhaantje\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/benhammou.hvawordpress9.nl\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"}]}<\/script>\n","yoast_head_json":{"title":"Het Goudhaantje - Het Goudhaantje","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/benhammou.hvawordpress9.nl\/?page_id=44","og_locale":"nl_NL","og_type":"article","og_title":"Het Goudhaantje - Het Goudhaantje","og_description":"Het Goudhaantje – Smaakvol & Perfect Gegrild Claim je gratis drankje Bekijk onze producten Smaakvol & Perfect Gegrild Ervaar de onge\u00ebvenaarde smaak van perfect gegrilde kip, bereid met passie en vakmanschap sinds 1999. Claim nu je gratis drankje Overal in Nederland gevestigd! Wat we leveren Huisgemaakte Sauzen Verrijk uw maaltijd met onze unieke, ambachtelijke sauzen […]","og_url":"https:\/\/benhammou.hvawordpress9.nl\/?page_id=44","og_site_name":"Het Goudhaantje","article_modified_time":"2026-03-16T18:32:54+00:00","og_image":[{"url":"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663283571671\/ZJqixfkUlzkbHMyh.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Geschatte leestijd":"5 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/benhammou.hvawordpress9.nl\/?page_id=44","url":"https:\/\/benhammou.hvawordpress9.nl\/?page_id=44","name":"Het Goudhaantje - Het Goudhaantje","isPartOf":{"@id":"https:\/\/benhammou.hvawordpress9.nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/benhammou.hvawordpress9.nl\/?page_id=44#primaryimage"},"image":{"@id":"https:\/\/benhammou.hvawordpress9.nl\/?page_id=44#primaryimage"},"thumbnailUrl":"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663283571671\/ZJqixfkUlzkbHMyh.png","datePublished":"2026-03-16T13:13:17+00:00","dateModified":"2026-03-16T18:32:54+00:00","breadcrumb":{"@id":"https:\/\/benhammou.hvawordpress9.nl\/?page_id=44#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/benhammou.hvawordpress9.nl\/?page_id=44"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/benhammou.hvawordpress9.nl\/?page_id=44#primaryimage","url":"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663283571671\/ZJqixfkUlzkbHMyh.png","contentUrl":"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663283571671\/ZJqixfkUlzkbHMyh.png"},{"@type":"BreadcrumbList","@id":"https:\/\/benhammou.hvawordpress9.nl\/?page_id=44#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/benhammou.hvawordpress9.nl\/"},{"@type":"ListItem","position":2,"name":"Het Goudhaantje"}]},{"@type":"WebSite","@id":"https:\/\/benhammou.hvawordpress9.nl\/#website","url":"https:\/\/benhammou.hvawordpress9.nl\/","name":"Het Goudhaantje","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/benhammou.hvawordpress9.nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"}]}},"_links":{"self":[{"href":"https:\/\/benhammou.hvawordpress9.nl\/index.php?rest_route=\/wp\/v2\/pages\/44","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/benhammou.hvawordpress9.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/benhammou.hvawordpress9.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/benhammou.hvawordpress9.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/benhammou.hvawordpress9.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=44"}],"version-history":[{"count":7,"href":"https:\/\/benhammou.hvawordpress9.nl\/index.php?rest_route=\/wp\/v2\/pages\/44\/revisions"}],"predecessor-version":[{"id":58,"href":"https:\/\/benhammou.hvawordpress9.nl\/index.php?rest_route=\/wp\/v2\/pages\/44\/revisions\/58"}],"wp:attachment":[{"href":"https:\/\/benhammou.hvawordpress9.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=44"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}