function ContactformulierSimpel({ onSubmit, submitted = false }) { const [formData, setFormData] = useState({ name: "", email: "", message: "" }); const handleChange = (e)=>{ const { name, value } = e.target; setFormData((prev)=>({ ...prev, [name]: value })); }; const handleSubmit = async (e)=>{ e.preventDefault(); onSubmit?.(formData); setFormData({ name: "", email: "", message: "" }); }; return /*#__PURE__*/ React.createElement("div", { className: "bg-white/95 backdrop-blur-lg rounded-3xl shadow-2xl overflow-hidden border border-white/20", __source: { fileName: "", lineNumber: 27, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-r from-[#1E90FF] to-[#4169E1] text-white p-12 text-center relative overflow-hidden", __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-[url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQ0MCIgaGVpZ2h0PSI1MDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHgxPSIxMDAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiIGlkPSJhIj48c3RvcCBzdG9wLWNvbG9yPSIjRkZGIiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGRiIgc3RvcC1vcGFjaXR5PSIwIiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cGF0aCBkPSJNMTQ0MCAyMDBWMEgwdjYwMGwxNDQwLTQwMHoiIGZpbGw9InVybCgjYSkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbC1vcGFjaXR5PSIuMDUiLz48L3N2Zz4=')] opacity-50", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-5xl md:text-6xl font-bold mb-6 animate-[fadeIn_1s_ease-out]", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, "Contact"), /*#__PURE__*/ React.createElement("p", { className: "text-xl md:text-2xl opacity-90 animate-[fadeIn_1s_ease-out_0.5s] both", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, "Neem contact met ons op"))), /*#__PURE__*/ React.createElement("div", { className: "p-8 md:p-12", __source: { fileName: "", lineNumber: 40, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-2xl mx-auto bg-blue-50 p-8 rounded-xl animate-[fadeIn_0.5s_ease-out_0.2s] both", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, submitted ? /*#__PURE__*/ React.createElement("div", { className: "text-center space-y-4", __source: { fileName: "", lineNumber: 43, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle text-[#1E90FF] text-5xl", __source: { fileName: "", lineNumber: 44, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 text-lg", __source: { fileName: "", lineNumber: 45, columnNumber: 15 }, __self: this }, "Bedankt voor je bericht! We nemen zo snel mogelijk contact met je op.")) : /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 52, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 font-semibold mb-2 flex items-center", __source: { fileName: "", lineNumber: 53, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user text-[#1E90FF] mr-2", __source: { fileName: "", lineNumber: 54, columnNumber: 19 }, __self: this }), "Naam"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", value: formData.name, onChange: handleChange, className: "w-full p-4 border border-gray-200 rounded-xl focus:ring-2 focus:ring-[#1E90FF] focus:border-transparent transition-all outline-none", placeholder: "Vul je naam in", required: true, __source: { fileName: "", lineNumber: 57, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 67, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 font-semibold mb-2 flex items-center", __source: { fileName: "", lineNumber: 68, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope text-[#1E90FF] mr-2", __source: { fileName: "", lineNumber: 69, columnNumber: 19 }, __self: this }), "E-mail"), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", value: formData.email, onChange: handleChange, className: "w-full p-4 border border-gray-200 rounded-xl focus:ring-2 focus:ring-[#1E90FF] focus:border-transparent transition-all outline-none", placeholder: "Vul je e-mailadres in", required: true, __source: { fileName: "", lineNumber: 72, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 82, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 font-semibold mb-2 flex items-center", __source: { fileName: "", lineNumber: 83, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-comment text-[#1E90FF] mr-2", __source: { fileName: "", lineNumber: 84, columnNumber: 19 }, __self: this }), "Bericht"), /*#__PURE__*/ React.createElement("textarea", { name: "message", value: formData.message, onChange: handleChange, className: "w-full p-4 border border-gray-200 rounded-xl focus:ring-2 focus:ring-[#1E90FF] focus:border-transparent transition-all outline-none resize-none", placeholder: "Schrijf hier je bericht", rows: "5", required: true, __source: { fileName: "", lineNumber: 87, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full py-4 bg-gradient-to-r from-[#1E90FF] to-[#4169E1] text-white rounded-xl font-bold hover:opacity-90 transition-all transform hover:scale-[1.02] shadow-lg flex items-center justify-center", __source: { fileName: "", lineNumber: 97, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-paper-plane mr-2", __source: { fileName: "", lineNumber: 101, columnNumber: 17 }, __self: this }), "Verstuur Bericht")))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 108, columnNumber: 7 }, __self: this }, ` @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } `)); } function ContactformulierSimpelStory() { const [submitted, setSubmitted] = useState(false); const handleSubmit = (formData)=>{ console.log("Form submitted:", formData); setSubmitted(true); setTimeout(()=>setSubmitted(false), 3000); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-[#1E90FF] via-[#4169E1] to-[#0000CD] p-4", __source: { fileName: "", lineNumber: 128, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 129, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(ContactformulierSimpel, { onSubmit: handleSubmit, submitted: submitted, __source: { fileName: "", lineNumber: 130, columnNumber: 9 }, __self: this }))); } function CookieConsent() { const [showBanner, setShowBanner] = useState(true); useEffect(()=>{ const consent = localStorage.getItem("cookieConsent"); if (consent) { setShowBanner(false); } }, []); const handleAccept = ()=>{ localStorage.setItem("cookieConsent", "accepted"); setShowBanner(false); }; const handleDecline = ()=>{ localStorage.setItem("cookieConsent", "declined"); setShowBanner(false); }; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 22, columnNumber: 5 }, __self: this }, showBanner && /*#__PURE__*/ React.createElement("div", { className: "fixed bottom-0 left-0 right-0 bg-[rgba(0,0,0,0.8)] backdrop-blur-lg z-50 animate-[slideUp_0.5s_ease-out]", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto p-4 md:p-6", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row items-center justify-between gap-4", __source: { fileName: "", lineNumber: 26, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-white text-sm md:text-base", __source: { fileName: "", lineNumber: 27, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "mb-2", __source: { fileName: "", lineNumber: 28, columnNumber: 17 }, __self: this }, "Wij gebruiken cookies om je de beste ervaring op onze website te bieden. Deze cookies helpen ons de website te verbeteren en veiliger te maken."), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 33, columnNumber: 17 }, __self: this }, "Lees meer in ons", " ", /*#__PURE__*/ React.createElement("a", { href: "/privacy-policy", className: "text-[#1E90FF] hover:text-[#4169E1] underline transition-colors", __source: { fileName: "", lineNumber: 35, columnNumber: 19 }, __self: this }, "privacybeleid"))), /*#__PURE__*/ React.createElement("div", { className: "flex gap-3", __source: { fileName: "", lineNumber: 43, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleDecline, className: "px-6 py-2 bg-gradient-to-r from-red-500 to-red-600 text-white rounded-lg hover:opacity-90 transition-all transform hover:scale-105 font-medium text-sm md:text-base", __source: { fileName: "", lineNumber: 44, columnNumber: 17 }, __self: this }, "Weigeren"), /*#__PURE__*/ React.createElement("button", { onClick: handleAccept, className: "px-6 py-2 bg-gradient-to-r from-green-500 to-green-600 text-white rounded-lg hover:opacity-90 transition-all transform hover:scale-105 font-medium text-sm md:text-base", __source: { fileName: "", lineNumber: 50, columnNumber: 17 }, __self: this }, "Accepteren"))))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 61, columnNumber: 7 }, __self: this }, ` @keyframes slideUp { from { transform: translateY(100%); } to { transform: translateY(0); } } `)); } function CookieConsentStory() { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-[#1E90FF] via-[#4169E1] to-[#0000CD] font-roboto p-8", __source: { fileName: "", lineNumber: 73, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto space-y-8", __source: { fileName: "", lineNumber: 74, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-white mb-4", __source: { fileName: "", lineNumber: 75, columnNumber: 9 }, __self: this }, "Cookie Consent Banner"), /*#__PURE__*/ React.createElement("p", { className: "text-white mb-8", __source: { fileName: "", lineNumber: 78, columnNumber: 9 }, __self: this }, "Deze component toont een cookie consent banner onderaan de pagina. De banner verdwijnt wanneer de gebruiker een keuze maakt."), /*#__PURE__*/ React.createElement(CookieConsent, { __source: { fileName: "", lineNumber: 82, columnNumber: 9 }, __self: this }))); } function Favicon1({ iconUrl = "https://raw.createusercontent.com/eb90852a-bff0-4cec-8e52-12ad5b6ed667/isditscam-logo.png", themeColor = "#1E90FF" }) { return /*#__PURE__*/ React.createElement("head", { __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("link", { rel: "icon", type: "image/png", sizes: "32x32", href: iconUrl, __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("link", { rel: "icon", type: "image/png", sizes: "16x16", href: iconUrl, __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("link", { rel: "apple-touch-icon", sizes: "180x180", href: iconUrl, __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("link", { rel: "shortcut icon", href: iconUrl, __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("link", { rel: "mask-icon", href: iconUrl, color: themeColor, __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "theme-color", content: themeColor, __source: { fileName: "", lineNumber: 30, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "msapplication-TileColor", content: themeColor, __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this })); } function Favicon1Story() { return /*#__PURE__*/ React.createElement("div", { className: "space-y-8 p-4", __source: { fileName: "", lineNumber: 38, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 39, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold mb-2", __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, "Default Favicon Implementation"), /*#__PURE__*/ React.createElement(Favicon1, { __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "mt-2 p-4 bg-gray-100 rounded", __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-700", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, "Default favicon loaded with IsDitScam.nl logo"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 47, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold mb-2", __source: { fileName: "", lineNumber: 48, columnNumber: 9 }, __self: this }, "Custom Favicon Implementation"), /*#__PURE__*/ React.createElement(Favicon1, { iconUrl: "https://example.com/custom-icon.png", themeColor: "#FF0000", __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "mt-2 p-4 bg-gray-100 rounded", __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-700", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, "Custom favicon loaded with different icon and theme color")))); } function MainComponent() { const [submitted, setSubmitted] = useState(false); const handleSubmit = (formData)=>{ console.log("Formulier verstuurd:", formData); setSubmitted(true); setTimeout(()=>setSubmitted(false), 3000); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-[#1E90FF] via-[#4169E1] to-[#0000CD] font-roboto", __source: { fileName: "", lineNumber: 10, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(React.Fragment, null), /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto p-4 md:p-8", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(React.Fragment, null), /*#__PURE__*/ React.createElement("head", { __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("title", { __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, "Contact | IsDitScam.nl - Veilig tegen Online Oplichting"), /*#__PURE__*/ React.createElement("meta", { charSet: "utf-8", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "viewport", content: "width=device-width, initial-scale=1", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "description", content: "Neem contact op met IsDitScam.nl voor vragen over online oplichting, fraude of verdachte situaties. Ons team staat klaar om je te helpen met het herkennen en voorkomen van online scams.", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "keywords", content: "contact isditscam, online oplichting melden, fraude preventie, hulp bij scams, contact opnemen, verdachte situatie melden, fraudepreventie contact", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "author", content: "IsDitScam.nl", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "robots", content: "index, follow", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "language", content: "nl", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "revisit-after", content: "7 days", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { property: "og:title", content: "Contact | IsDitScam.nl - Veilig tegen Online Oplichting", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { property: "og:description", content: "Neem contact op met IsDitScam.nl voor vragen over online oplichting, fraude of verdachte situaties. Ons team staat klaar om je te helpen met het herkennen en voorkomen van online scams.", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { property: "og:type", content: "website", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { property: "og:url", content: "https://isditscam.nl/contact", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { property: "og:site_name", content: "IsDitScam.nl", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { property: "og:locale", content: "nl_NL", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "twitter:card", content: "summary_large_image", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "twitter:title", content: "Contact | IsDitScam.nl - Veilig tegen Online Oplichting", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "twitter:description", content: "Neem contact op met IsDitScam.nl voor vragen over online oplichting, fraude of verdachte situaties. Ons team staat klaar om je te helpen.", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("link", { rel: "canonical", href: "https://isditscam.nl/contact", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("link", { rel: "alternate", hrefLang: "nl", href: "https://isditscam.nl/contact", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("script", { async: true, src: "https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4956251799581625", crossOrigin: "anonymous", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "ezoic-site-verification", content: "N4Y7auUmqtbzjirSqK76UpX0EwONnW", __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("script", { async: true, src: "https://www.googletagmanager.com/gtag/js?id=G-EE5YLRK2EL", __source: { fileName: "", lineNumber: 66, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("script", { __source: { fileName: "", lineNumber: 70, columnNumber: 11 }, __self: this }, ` window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-EE5YLRK2EL'); `)), /*#__PURE__*/ React.createElement(React.Fragment, null), /*#__PURE__*/ React.createElement("footer", { className: "mt-8 text-center text-sm text-white/80", __source: { fileName: "", lineNumber: 79, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "animate-[fadeIn_1s_ease-out]", __source: { fileName: "", lineNumber: 80, columnNumber: 11 }, __self: this }, "© 2025 IsDitScam.nl - Bescherm jezelf tegen online oplichting"))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 85, columnNumber: 7 }, __self: this }, ` @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } `)); }