function FooterComponent({ height = "h-[96px]", width = "w-full", backgroundColor = "bg-lime-500", marginTop = "mt-8", textColor = "text-white", textSize = "text-base md:text-lg", fontWeight = "font-semibold", companyName = "HuisVerkenner.nl", year = new Date().getFullYear(), showCopyright = true, className = "" }) { const footerClasses = `${height} ${width} flex items-center justify-between ${backgroundColor} ${marginTop} px-6 ${className}`.trim(); const textClasses = `${textColor} ${textSize} ${fontWeight}`.trim(); return /*#__PURE__*/ React.createElement("footer", { className: footerClasses, __source: { fileName: "", lineNumber: 19, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: textClasses, __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this }, showCopyright && "© ", year, " ", companyName), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-end ml-auto space-y-1", __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/contact", className: "underline text-white hover:text-lime-200 text-right", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, "Contact"), /*#__PURE__*/ React.createElement("a", { href: "/algemene-voorwaarden", className: "underline text-white hover:text-lime-200 text-right", __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, "Algemene voorwaarden"), /*#__PURE__*/ React.createElement("a", { href: "/privacy-policy", className: "underline text-white hover:text-lime-200 text-right", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, "Privacy policy"))); } function FooterComponentStory() { return /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 50, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(FooterComponent, { __source: { fileName: "", lineNumber: 51, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(FooterComponent, { backgroundColor: "bg-blue-600", companyName: "Custom Company", __source: { fileName: "", lineNumber: 53, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(FooterComponent, { height: "h-[120px]", textSize: "text-lg md:text-xl", backgroundColor: "bg-gray-800", showCopyright: false, __source: { fileName: "", lineNumber: 58, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(FooterComponent, { backgroundColor: "bg-red-500", year: 2024, companyName: "Another Brand", marginTop: "mt-0", __source: { fileName: "", lineNumber: 65, columnNumber: 7 }, __self: this })); } function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex flex-col bg-[#f5f5f5] font-roboto", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "sticky top-0 z-[99999]", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement(ZoekJeWoningNav, { __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("main", { className: "flex-1 w-full max-w-2xl mx-auto px-4 py-12 flex flex-col items-center", __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl md:text-4xl font-bold text-lime-700 mb-6 text-center", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, "Contact"), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl shadow-md p-8 w-full text-[#22223b] text-lg md:text-xl text-left", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "mb-4", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, "Je kunt contact opnemen via", " ", /*#__PURE__*/ React.createElement("a", { href: "mailto:info@huisverkenner.nl", className: "text-lime-700 underline", __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }, "info@huisverkenner.nl"), "."), /*#__PURE__*/ React.createElement("ul", { className: "list-disc pl-6 space-y-2", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, "Vragen over adverteren"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 26, columnNumber: 13 }, __self: this }, "Vragen over het platform"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this }, "Andere vragen")))), /*#__PURE__*/ React.createElement(FooterComponent, { __source: { fileName: "", lineNumber: 32, columnNumber: 7 }, __self: this })); } function ZoekJeWoningNav() { const provincies = [ { naam: "Drenthe", path: "/drenthe" }, { naam: "Flevoland", path: "/flevoland" }, { naam: "Friesland", path: "/friesland" }, { naam: "Gelderland", path: "/gelderland" }, { naam: "Groningen", path: "/groningen" }, { naam: "Limburg", path: "/limburg" }, { naam: "Noord-Brabant", path: "/noord-brabant" }, { naam: "Noord-Holland", path: "/noord-holland" }, { naam: "Overijssel", path: "/overijssel" }, { naam: "Utrecht", path: "/utrecht" }, { naam: "Zeeland", path: "/zeeland" }, { naam: "Zuid-Holland", path: "/zuid-holland" } ]; const [dropdownOpen, setDropdownOpen] = React.useState(false); return /*#__PURE__*/ React.createElement("header", { className: "h-[96px] w-full flex items-center justify-between bg-lime-500 shadow-md px-4 z-[99999]", __source: { fileName: "", lineNumber: 54, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "flex items-center h-full", __source: { fileName: "", lineNumber: 55, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/77afc944-257a-480f-87ae-94c009e7bdf1/-/format/auto/", alt: "Huisverkenner logo", className: "h-7 w-auto object-contain mr-4", style: { maxHeight: 42 }, __source: { fileName: "", lineNumber: 56, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 63, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("nav", { className: "flex items-center gap-4 relative z-[99999]", __source: { fileName: "", lineNumber: 64, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-white font-bold text-lg px-4 py-2 rounded hover:bg-lime-600 transition-colors", __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("div", { className: "relative z-[99999]", __source: { fileName: "", lineNumber: 71, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "text-white font-bold text-lg px-4 py-2 rounded hover:bg-lime-600 transition-colors flex items-center gap-2", onClick: ()=>setDropdownOpen((v)=>!v), onBlur: ()=>setTimeout(()=>setDropdownOpen(false), 150), "aria-haspopup": "true", "aria-expanded": dropdownOpen, __source: { fileName: "", lineNumber: 72, columnNumber: 11 }, __self: this }, "Provincie", /*#__PURE__*/ React.createElement("i", { className: `fas fa-chevron-down text-sm transition-transform ${dropdownOpen ? "rotate-180" : "rotate-0"}`, __source: { fileName: "", lineNumber: 80, columnNumber: 13 }, __self: this })), dropdownOpen && /*#__PURE__*/ React.createElement("div", { className: "absolute right-0 mt-2 w-48 bg-white rounded-lg shadow-lg py-2 z-[99999] border border-lime-200", style: { zIndex: 99999 }, __source: { fileName: "", lineNumber: 87, columnNumber: 13 }, __self: this }, provincies.map((prov)=>/*#__PURE__*/ React.createElement("a", { key: prov.naam, href: prov.path, className: "block px-5 py-3 text-[#22223b] hover:bg-lime-100 text-base border-b last:border-b-0 border-[#e0e0e0]", onClick: ()=>setDropdownOpen(false), __source: { fileName: "", lineNumber: 92, columnNumber: 17 }, __self: this }, prov.naam))))), /*#__PURE__*/ React.createElement("div", { className: "w-12", __source: { fileName: "", lineNumber: 105, columnNumber: 7 }, __self: this })); }