function CallToAction({ title = "Klaar om uw dakproject te starten?", primaryButtonText = "OFFERTE AANVRAGEN", primaryButtonHref = "/offerte-aanvragen", secondaryButtonText = "NEEM CONTACT OP", secondaryButtonHref = "/contact", backgroundColor = "#38AAE1", showSecondaryButton = true }) { return /*#__PURE__*/ React.createElement("div", { className: `bg-[${backgroundColor}] py-8 px-4`, __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto text-center", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl md:text-3xl font-bold text-white mb-6", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, title), /*#__PURE__*/ React.createElement("div", { className: "space-x-4", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: primaryButtonHref, className: "inline-block bg-white text-[#38AAE1] px-8 py-3 rounded-md font-medium hover:bg-gray-100 transition-colors", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, primaryButtonText), showSecondaryButton && /*#__PURE__*/ React.createElement("a", { href: secondaryButtonHref, className: "inline-block border-2 border-white text-white px-8 py-3 rounded-md font-medium hover:bg-white hover:text-[#38AAE1] transition-colors", __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }, secondaryButtonText)))); } function CallToActionStory() { return /*#__PURE__*/ React.createElement("div", { className: "space-y-8", __source: { fileName: "", lineNumber: 39, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 40, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, "Default Call To Action"), /*#__PURE__*/ React.createElement(CallToAction, { __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 45, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, "Single Button Variant"), /*#__PURE__*/ React.createElement(CallToAction, { title: "Vraag direct een offerte aan!", primaryButtonText: "OFFERTE AANVRAGEN", showSecondaryButton: false, __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 54, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 55, columnNumber: 9 }, __self: this }, "Custom Colors"), /*#__PURE__*/ React.createElement(CallToAction, { title: "Begin vandaag nog met uw dakproject", backgroundColor: "#1A1A1A", primaryButtonText: "START NU", secondaryButtonText: "MEER INFO", __source: { fileName: "", lineNumber: 56, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 64, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }, "Custom Links"), /*#__PURE__*/ React.createElement(CallToAction, { title: "Heeft u vragen over uw dakproject?", primaryButtonText: "BEL ONS", primaryButtonHref: "tel:035-234-0130", secondaryButtonText: "STUUR EMAIL", secondaryButtonHref: "mailto:info@netwerkdakdekkers.nl", __source: { fileName: "", lineNumber: 66, columnNumber: 9 }, __self: this }))); } function Footer1({ companyName = "Netwerk Dakdekkers BV", newsletterTitle = "Blijf op de hoogte", newsletterDescription = "Meld u aan voor onze nieuwsbrief en ontvang updates over dakprojecten en tips", newsletterButtonText = "AANMELDEN", newsletterPlaceholder = "Uw e-mailadres", newsletterDisclaimer = "Door u aan te melden gaat u akkoord met onze", privacyLinkText = "privacyverklaring", privacyLink = "#", socialLinks = [ { icon: "fab fa-facebook-f", href: "#" }, { icon: "fab fa-linkedin-in", href: "#" }, { icon: "fab fa-instagram", href: "#" }, { icon: "fab fa-twitter", href: "#" } ], quickLinks = [ { label: "Home", href: "/" }, { label: "Over ons", href: "/over-ons" }, { label: "Kostenberekening", href: "/kostenberekening" }, { label: "Contact", href: "/contact" }, { label: "Offerte aanvragen", href: "/offerte-aanvragen" } ], serviceLinks = [], contactInfo = { address: "Torenlaan 5A, 1402 AT Bussum", phone: "035 234 0130", email: "info@netwerkdakdekkers.org", hours: [ "Maandag - Vrijdag: 08:00 - 17:00", "Zaterdag - Zondag: Gesloten" ] }, showContactColumn = true, copyrightText = "Alle rechten voorbehouden." }) { const currentYear = new Date().getFullYear(); return /*#__PURE__*/ React.createElement("footer", { className: "bg-[#0f1524] text-white py-12 px-6 md:px-8 w-full", __source: { fileName: "", lineNumber: 39, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto max-w-7xl", __source: { fileName: "", lineNumber: 40, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#152033] rounded-lg p-8 mb-12 border border-[#38AAE1]/20", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row md:items-center justify-between", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6 md:mb-0 md:mr-8", __source: { fileName: "", lineNumber: 43, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-bold mb-2 tracking-wide text-white", __source: { fileName: "", lineNumber: 44, columnNumber: 15 }, __self: this }, newsletterTitle), /*#__PURE__*/ React.createElement("p", { className: "text-gray-300", __source: { fileName: "", lineNumber: 45, columnNumber: 15 }, __self: this }, newsletterDescription)), /*#__PURE__*/ React.createElement("div", { className: "flex-1 max-w-md", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("form", { className: "flex flex-col sm:flex-row gap-3", __source: { fileName: "", lineNumber: 48, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: newsletterPlaceholder, className: "px-4 py-3 rounded-md bg-[#0f1524] border border-gray-700 text-white flex-1 focus:outline-none focus:border-[#38AAE1]", required: true, __source: { fileName: "", lineNumber: 49, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-[#38AAE1] text-white px-6 py-3 rounded-md font-medium hover:bg-[#38AAE1]/90 transition-colors whitespace-nowrap", __source: { fileName: "", lineNumber: 56, columnNumber: 17 }, __self: this }, newsletterButtonText)), /*#__PURE__*/ React.createElement("p", { className: "text-gray-400 text-sm mt-2", __source: { fileName: "", lineNumber: 63, columnNumber: 15 }, __self: this }, newsletterDisclaimer, " ", /*#__PURE__*/ React.createElement("a", { href: privacyLink, className: "text-[#38AAE1] hover:underline", __source: { fileName: "", lineNumber: 64, columnNumber: 40 }, __self: this }, privacyLinkText))))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-10", __source: { fileName: "", lineNumber: 70, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 71, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-bold mb-6 tracking-wide", __source: { fileName: "", lineNumber: 72, columnNumber: 13 }, __self: this }, companyName), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4 mb-4", __source: { fileName: "", lineNumber: 73, columnNumber: 13 }, __self: this }, socialLinks.map((link, index)=>/*#__PURE__*/ React.createElement("a", { key: index, href: link.href, className: "text-gray-400 hover:text-[#38AAE1] transition-colors", __source: { fileName: "", lineNumber: 75, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `${link.icon} text-xl`, __source: { fileName: "", lineNumber: 80, columnNumber: 19 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 86, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-bold mb-6 tracking-wide", __source: { fileName: "", lineNumber: 87, columnNumber: 13 }, __self: this }, "Snelle Links"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-3", __source: { fileName: "", lineNumber: 88, columnNumber: 13 }, __self: this }, quickLinks.map((link, index)=>/*#__PURE__*/ React.createElement("li", { key: index, __source: { fileName: "", lineNumber: 90, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: link.href, className: "text-gray-400 hover:text-[#38AAE1] transition-colors flex items-center", __source: { fileName: "", lineNumber: 91, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chevron-right text-sm mr-2 text-[#38AAE1]", __source: { fileName: "", lineNumber: 92, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 93, columnNumber: 21 }, __self: this }, link.label)))))), serviceLinks.length > 0 && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 101, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-bold mb-6 tracking-wide", __source: { fileName: "", lineNumber: 102, columnNumber: 15 }, __self: this }, "Diensten"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-3", __source: { fileName: "", lineNumber: 103, columnNumber: 15 }, __self: this }, serviceLinks.map((link, index)=>/*#__PURE__*/ React.createElement("li", { key: index, __source: { fileName: "", lineNumber: 105, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: link.href, className: "text-gray-400 hover:text-[#38AAE1] transition-colors flex items-center", __source: { fileName: "", lineNumber: 106, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chevron-right text-sm mr-2 text-[#38AAE1]", __source: { fileName: "", lineNumber: 107, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 108, columnNumber: 23 }, __self: this }, link.label)))))), showContactColumn && contactInfo && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 117, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-bold mb-6 tracking-wide", __source: { fileName: "", lineNumber: 118, columnNumber: 15 }, __self: this }, "Contact"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-4", __source: { fileName: "", lineNumber: 119, columnNumber: 15 }, __self: this }, contactInfo.address && /*#__PURE__*/ React.createElement("li", { className: "flex items-start", __source: { fileName: "", lineNumber: 121, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-[#38AAE1] mr-3 mt-1", __source: { fileName: "", lineNumber: 122, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-map-marker-alt", __source: { fileName: "", lineNumber: 123, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 125, columnNumber: 21 }, __self: this }, contactInfo.address)), contactInfo.phone && /*#__PURE__*/ React.createElement("li", { className: "flex items-start", __source: { fileName: "", lineNumber: 129, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-[#38AAE1] mr-3 mt-1", __source: { fileName: "", lineNumber: 130, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-phone-alt", __source: { fileName: "", lineNumber: 131, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 133, columnNumber: 21 }, __self: this }, contactInfo.phone)), contactInfo.email && /*#__PURE__*/ React.createElement("li", { className: "flex items-start", __source: { fileName: "", lineNumber: 137, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-[#38AAE1] mr-3 mt-1", __source: { fileName: "", lineNumber: 138, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope", __source: { fileName: "", lineNumber: 139, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 141, columnNumber: 21 }, __self: this }, contactInfo.email)), contactInfo.hours && /*#__PURE__*/ React.createElement("li", { className: "flex items-start", __source: { fileName: "", lineNumber: 145, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-[#38AAE1] mr-3 mt-1", __source: { fileName: "", lineNumber: 146, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock", __source: { fileName: "", lineNumber: 147, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "text-gray-400", __source: { fileName: "", lineNumber: 149, columnNumber: 21 }, __self: this }, contactInfo.hours.map((hour, index)=>/*#__PURE__*/ React.createElement("p", { key: index, __source: { fileName: "", lineNumber: 151, columnNumber: 25 }, __self: this }, hour))))))), /*#__PURE__*/ React.createElement("div", { className: "border-t border-gray-800 mt-12 pt-8 text-center text-gray-500", __source: { fileName: "", lineNumber: 161, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 162, columnNumber: 11 }, __self: this }, "© ", currentYear, " ", companyName, ". ", copyrightText)))); } function Footer1Story() { return /*#__PURE__*/ React.createElement("div", { className: "space-y-16", __source: { fileName: "", lineNumber: 171, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 172, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-6", __source: { fileName: "", lineNumber: 173, columnNumber: 9 }, __self: this }, "Default Footer"), /*#__PURE__*/ React.createElement(Footer1, { __source: { fileName: "", lineNumber: 174, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 177, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-6", __source: { fileName: "", lineNumber: 178, columnNumber: 9 }, __self: this }, "Footer with Contact Information"), /*#__PURE__*/ React.createElement(Footer1, { showContactColumn: true, contactInfo: { address: "Torenlaan 5A, 1402 AT Bussum", phone: "035 234 0130", email: "info@netwerkdakdekkers.org", hours: [ "Maandag - Vrijdag: 08:00 - 17:00", "Zaterdag - Zondag: Gesloten" ] }, __source: { fileName: "", lineNumber: 179, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 193, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-6", __source: { fileName: "", lineNumber: 194, columnNumber: 9 }, __self: this }, "Minimal Footer"), /*#__PURE__*/ React.createElement(Footer1, { newsletterTitle: "Schrijf u in", newsletterDescription: "Ontvang als eerste onze nieuwste aanbiedingen en updates", newsletterButtonText: "INSCHRIJVEN", socialLinks: [ { icon: "fab fa-facebook-f", href: "#" }, { icon: "fab fa-instagram", href: "#" } ], quickLinks: [ { label: "Home", href: "/" }, { label: "Over ons", href: "/over-ons" }, { label: "Contact", href: "/contact" } ], __source: { fileName: "", lineNumber: 195, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 211, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-6", __source: { fileName: "", lineNumber: 212, columnNumber: 9 }, __self: this }, "Custom Company Footer"), /*#__PURE__*/ React.createElement(Footer1, { companyName: "Dakwerk Experts BV", newsletterTitle: "Blijf geïnformeerd", newsletterDescription: "Schrijf u in voor onze nieuwsbrief voor exclusieve aanbiedingen en dakonderhoudstips", copyrightText: "Alle rechten voorbehouden. KvK: 12345678", socialLinks: [ { icon: "fab fa-facebook-f", href: "#" }, { icon: "fab fa-linkedin-in", href: "#" }, { icon: "fab fa-youtube", href: "#" }, { icon: "fab fa-pinterest", href: "#" } ], __source: { fileName: "", lineNumber: 213, columnNumber: 9 }, __self: this }))); } function DakdekkerCard() { return null; } function DakdekkerCardStory() { return null; } function WhyChooseUsSection({ title = "Waarom Kiezen voor Netwerk Dakdekkers BV?", backgroundColor = "bg-white", reasons = [ { icon: "fas fa-check-circle", title: "Ervaring", description: "Jarenlange ervaring in de dakbedekkingssector zorgt voor expertise en vakmanschap bij elk project." }, { icon: "fas fa-check-circle", title: "Kwaliteit", description: "Gebruik van de beste materialen en vakmanschap verzekerd door strenge kwaliteitscontroles." }, { icon: "fas fa-check-circle", title: "Betrouwbaarheid", description: "Altijd op tijd en binnen budget, met duidelijke communicatie gedurende het hele project." } ] }) { return /*#__PURE__*/ React.createElement("section", { className: `py-16 px-6 md:px-8 ${backgroundColor}`, __source: { fileName: "", lineNumber: 23, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto", __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-16", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl md:text-4xl font-bold text-[#1A1A1A] mb-4 tracking-wide", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, title)), /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "space-y-8", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, reasons.map((reason, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "flex items-start bg-gray-50 p-6 rounded-lg shadow-sm", __source: { fileName: "", lineNumber: 31, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-[#38AAE1] mr-5 mt-1", __source: { fileName: "", lineNumber: 32, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `${reason.icon} text-2xl`, __source: { fileName: "", lineNumber: 33, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 35, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-bold text-[#1A1A1A] mb-2 tracking-normal", __source: { fileName: "", lineNumber: 36, columnNumber: 19 }, __self: this }, reason.title), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 text-lg leading-relaxed font-normal", __source: { fileName: "", lineNumber: 37, columnNumber: 19 }, __self: this }, reason.description)))))))); } function WhyChooseUsSectionStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 52, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-6", __source: { fileName: "", lineNumber: 53, columnNumber: 7 }, __self: this }, "Default Why Choose Us Section"), /*#__PURE__*/ React.createElement(WhyChooseUsSection, { __source: { fileName: "", lineNumber: 54, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "mt-12 pt-12 border-t border-gray-300", __source: { fileName: "", lineNumber: 56, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-6", __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this }, "Custom Why Choose Us Section"), /*#__PURE__*/ React.createElement(WhyChooseUsSection, { title: "Waarom Wij de Beste Keuze Zijn", backgroundColor: "bg-gray-50", reasons: [ { icon: "fas fa-medal", title: "Gecertificeerde Professionals", description: "Al onze dakdekkers zijn volledig gecertificeerd en hebben jarenlange ervaring in de branche." }, { icon: "fas fa-shield-alt", title: "Garantie op Werkzaamheden", description: "Wij bieden uitgebreide garanties op al onze werkzaamheden voor uw gemoedsrust." }, { icon: "fas fa-clock", title: "Snelle Service", description: "Wij reageren snel op aanvragen en zorgen voor een efficiënte uitvoering van elk project." }, { icon: "fas fa-hand-holding-usd", title: "Concurrerende Prijzen", description: "Hoogwaardige dienstverlening tegen eerlijke en transparante prijzen zonder verborgen kosten." } ], __source: { fileName: "", lineNumber: 58, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mt-12 pt-12 border-t border-gray-300", __source: { fileName: "", lineNumber: 86, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-6", __source: { fileName: "", lineNumber: 87, columnNumber: 9 }, __self: this }, "Minimal Why Choose Us Section"), /*#__PURE__*/ React.createElement(WhyChooseUsSection, { title: "Onze Voordelen", reasons: [ { icon: "fas fa-thumbs-up", title: "Klanttevredenheid", description: "Onze klanten waarderen onze professionele aanpak en kwaliteit van werk." }, { icon: "fas fa-star", title: "Topkwaliteit", description: "Wij streven naar perfectie bij elke opdracht, groot of klein." } ], __source: { fileName: "", lineNumber: 88, columnNumber: 9 }, __self: this }))); } function ProjectAanmeldingsFormulier() { return null; } function ProjectAanmeldingsFormulierStory() { return null; } function ProjectCard() { return null; } function ProjectCardStory() { return null; } function Header1({ menuItems = [ { label: "HOME", href: "/" }, { label: "OVER ONS", href: "/over-ons" }, { label: "KOSTENBEREKENING", href: "/kostenberekening" }, { label: "PROJECTEN", href: "/projecten" }, { label: "CONTACT", href: "/contact" }, { label: "OFFERTE AANVRAGEN", href: "/offerte-aanvragen" } ], logoUrl = "https://ucarecdn.com/34e2a232-4993-46e2-9b55-225e5a348e49/-/format/auto/", logoAlt = "Netwerk Dakdekkers Logo", phoneNumber = "035 234 0130", slogan = "NETWERK DAKDEKKERS UW PARTNER IN DAKZAKEN!", openingHours = { weekdays: "08:00 - 17:00", weekend: "Gesloten" } }) { const [isMenuOpen, setIsMenuOpen] = useState(false); const [isOpen, setIsOpen] = useState(false); const [statusColor, setStatusColor] = useState('gray'); const checkOpeningStatus = useCallback(()=>{ const now = new Date(); const day = now.getDay(); const hour = now.getHours(); const minutes = now.getMinutes(); const currentTime = hour * 60 + minutes; const openTime = 8 * 60; const closeTime = 17 * 60; const almostCloseTime = 16 * 60 + 30; if (day >= 1 && day <= 5) { if (currentTime >= openTime && currentTime < almostCloseTime) { setIsOpen(true); setStatusColor('green'); } else if (currentTime >= almostCloseTime && currentTime < closeTime) { setIsOpen(true); setStatusColor('orange'); } else { setIsOpen(false); setStatusColor('red'); } } else { setIsOpen(false); setStatusColor('red'); } }, []); useEffect(()=>{ checkOpeningStatus(); const interval = setInterval(checkOpeningStatus, 60000); return ()=>clearInterval(interval); }, [ checkOpeningStatus ]); const getStatusText = ()=>{ if (statusColor === 'green') return 'Nu open'; if (statusColor === 'orange') return 'Sluit bijna'; return 'Nu gesloten'; }; return /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 64, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#38AAE1] text-white py-2 px-4 relative z-50", __source: { fileName: "", lineNumber: 65, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto", __source: { fileName: "", lineNumber: 66, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm md:text-base font-medium", __source: { fileName: "", lineNumber: 68, columnNumber: 13 }, __self: this }, slogan), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-6", __source: { fileName: "", lineNumber: 71, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "hidden md:flex items-center", __source: { fileName: "", lineNumber: 72, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative group", __source: { fileName: "", lineNumber: 73, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center cursor-pointer", __source: { fileName: "", lineNumber: 74, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `w-3 h-3 rounded-full bg-${statusColor}-500 mr-2`, __source: { fileName: "", lineNumber: 75, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-sm", __source: { fileName: "", lineNumber: 76, columnNumber: 21 }, __self: this }, getStatusText())), /*#__PURE__*/ React.createElement("div", { className: "absolute hidden group-hover:block right-0 mt-2 w-64 bg-white text-gray-700 rounded-lg shadow-lg p-4 z-50", __source: { fileName: "", lineNumber: 78, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-bold mb-2", __source: { fileName: "", lineNumber: 79, columnNumber: 21 }, __self: this }, "Openingstijden:"), /*#__PURE__*/ React.createElement("p", { className: "text-sm", __source: { fileName: "", lineNumber: 80, columnNumber: 21 }, __self: this }, "Maandag - Vrijdag: ", openingHours.weekdays), /*#__PURE__*/ React.createElement("p", { className: "text-sm", __source: { fileName: "", lineNumber: 81, columnNumber: 21 }, __self: this }, "Zaterdag - Zondag: ", openingHours.weekend)))), /*#__PURE__*/ React.createElement("p", { className: "text-sm md:text-base", __source: { fileName: "", lineNumber: 85, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 86, columnNumber: 17 }, __self: this }, phoneNumber)))))), /*#__PURE__*/ React.createElement("header", { className: "bg-white shadow-md relative z-40", __source: { fileName: "", lineNumber: 93, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4", __source: { fileName: "", lineNumber: 94, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center h-20", __source: { fileName: "", lineNumber: 95, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "flex items-center", __source: { fileName: "", lineNumber: 96, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: logoUrl, alt: logoAlt, className: "h-12", __source: { fileName: "", lineNumber: 97, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("nav", { className: "hidden md:flex items-center space-x-6", __source: { fileName: "", lineNumber: 104, columnNumber: 13 }, __self: this }, menuItems.map((item, index)=>/*#__PURE__*/ React.createElement("a", { key: index, href: item.href, className: "text-gray-700 hover:text-[#38AAE1] font-medium tracking-wide transition-colors", __source: { fileName: "", lineNumber: 106, columnNumber: 17 }, __self: this }, item.label))), /*#__PURE__*/ React.createElement("button", { className: "md:hidden text-gray-700 hover:text-[#38AAE1] transition-colors", onClick: ()=>setIsMenuOpen(!isMenuOpen), "aria-label": "Toggle menu", __source: { fileName: "", lineNumber: 116, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${isMenuOpen ? 'fa-times' : 'fa-bars'} text-2xl`, __source: { fileName: "", lineNumber: 121, columnNumber: 15 }, __self: this }))), isMenuOpen && /*#__PURE__*/ React.createElement("nav", { className: "md:hidden py-4 border-t border-gray-200", __source: { fileName: "", lineNumber: 126, columnNumber: 13 }, __self: this }, menuItems.map((item, index)=>/*#__PURE__*/ React.createElement("a", { key: index, href: item.href, className: "block py-2 text-gray-700 hover:text-[#38AAE1] font-medium tracking-wide transition-colors", __source: { fileName: "", lineNumber: 128, columnNumber: 17 }, __self: this }, item.label)), /*#__PURE__*/ React.createElement("div", { className: "py-2 border-t border-gray-200 mt-2", __source: { fileName: "", lineNumber: 136, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 137, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `w-3 h-3 rounded-full bg-${statusColor}-500 mr-2`, __source: { fileName: "", lineNumber: 138, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-gray-700", __source: { fileName: "", lineNumber: 139, columnNumber: 19 }, __self: this }, getStatusText())), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-600 mt-1", __source: { fileName: "", lineNumber: 141, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 142, columnNumber: 19 }, __self: this }, "Maandag - Vrijdag: ", openingHours.weekdays), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 143, columnNumber: 19 }, __self: this }, "Zaterdag - Zondag: ", openingHours.weekend))))))); } function Header1Story() { const defaultMenuItems = [ { label: "HOME", href: "/" }, { label: "OVER ONS", href: "/over-ons" }, { label: "KOSTENBEREKENING", href: "/kostenberekening" }, { label: "PROJECTEN", href: "/projecten" }, { label: "CONTACT", href: "/contact" }, { label: "OFFERTE AANVRAGEN", href: "/offerte-aanvragen" } ]; const shortMenuItems = [ { label: "HOME", href: "/" }, { label: "CONTACT", href: "/contact" } ]; return /*#__PURE__*/ React.createElement("div", { className: "space-y-8", __source: { fileName: "", lineNumber: 170, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 171, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 172, columnNumber: 9 }, __self: this }, "Default Header"), /*#__PURE__*/ React.createElement(Header1, { menuItems: defaultMenuItems, slogan: "NETWERK DAKDEKKERS UW PARTNER IN DAKZAKEN!", logoUrl: "https://ucarecdn.com/34e2a232-4993-46e2-9b55-225e5a348e49/-/format/auto/", phoneNumber: "035 234 0130", __source: { fileName: "", lineNumber: 173, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 181, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 182, columnNumber: 9 }, __self: this }, "Header with Short Menu"), /*#__PURE__*/ React.createElement(Header1, { menuItems: shortMenuItems, phoneNumber: "020 - 123 4567", slogan: "Quality roofing solutions", openingHours: { weekdays: "09:00 - 18:00", weekend: "Closed" }, __source: { fileName: "", lineNumber: 183, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 194, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 195, columnNumber: 9 }, __self: this }, "Header with Custom Logo"), /*#__PURE__*/ React.createElement(Header1, { logoUrl: "https://example.com/custom-logo.png", logoAlt: "Custom Logo", menuItems: defaultMenuItems, phoneNumber: "030 - 987 6543", slogan: "Professional roofing services", openingHours: { weekdays: "07:00 - 19:00", weekend: "10:00 - 16:00" }, __source: { fileName: "", lineNumber: 196, columnNumber: 9 }, __self: this }))); } function AboutSection({ title = "Netwerk Dakdekkers BV", subtitle = "De beste match tussen opdrachtgever en dakdekker", description = "Netwerk Dakdekkers is een professioneel netwerk van gekwalificeerde dakdekkers die voldoen aan strenge kwaliteitseisen. Wij zorgen voor de perfecte match tussen opdrachtgevers en vakbekwame dakdekkers, zodat elk dakproject met de hoogste kwaliteit wordt uitgevoerd.", address = "Torenlaan 5A, 1402 AT Bussum", backgroundColor = "bg-white" }) { return /*#__PURE__*/ React.createElement("section", { className: `py-16 px-6 md:px-8 ${backgroundColor}`, __source: { fileName: "", lineNumber: 9, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-16", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl md:text-4xl font-bold text-[#1A1A1A] mb-4 tracking-wide", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, title), /*#__PURE__*/ React.createElement("p", { className: "text-xl md:text-2xl text-[#1A1A1A] font-medium tracking-normal", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, subtitle)), /*#__PURE__*/ React.createElement("div", { className: "max-w-3xl mx-auto text-center", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 text-lg leading-relaxed mb-8 font-normal", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, description), address && /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 text-lg font-normal", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { className: "font-semibold", __source: { fileName: "", lineNumber: 21, columnNumber: 15 }, __self: this }, "Adres:"), " ", address)))); } function AboutSectionStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 32, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-6", __source: { fileName: "", lineNumber: 33, columnNumber: 7 }, __self: this }, "Default About Section"), /*#__PURE__*/ React.createElement(AboutSection, { __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "mt-12 pt-12 border-t border-gray-300", __source: { fileName: "", lineNumber: 36, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-6", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, "Custom About Section"), /*#__PURE__*/ React.createElement(AboutSection, { title: "Over Ons", subtitle: "Uw betrouwbare partner voor dakwerkzaamheden", description: "Met meer dan 15 jaar ervaring in de dakdekkersindustrie, hebben wij een uitgebreid netwerk van gekwalificeerde professionals opgebouwd. Onze missie is om kwaliteit en betrouwbaarheid te garanderen bij elk project, groot of klein.", address: "Hoofdstraat 123, 1234 AB Amsterdam", backgroundColor: "bg-gray-50", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mt-12 pt-12 border-t border-gray-300", __source: { fileName: "", lineNumber: 47, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-6", __source: { fileName: "", lineNumber: 48, columnNumber: 9 }, __self: this }, "About Section Without Address"), /*#__PURE__*/ React.createElement(AboutSection, { title: "Onze Geschiedenis", subtitle: "Een traditie van vakmanschap sinds 2010", description: "Netwerk Dakdekkers is ontstaan uit de behoefte om kwaliteit in de dakdekkersbranche te waarborgen. Door de jaren heen hebben we ons ontwikkeld tot een toonaangevend platform dat opdrachtgevers verbindt met de beste vakspecialisten in Nederland.", address: "", __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }))); } function ProjectWizard() { return null; } function ProjectWizardStory() { return null; } function Hero1({ title = "Netwerk Dakdekkers BV", subtitle = "De beste match tussen opdrachtgever en dakdekker", description = "Wij verbinden u met gekwalificeerde dakdekkers uit ons netwerk voor al uw dakwerkzaamheden. Van kleine reparaties tot complete dakvernieuwing.", backgroundImage = "https://ucarecdn.com/d847da10-f57b-42e7-9839-f4fef76d0d67/-/format/auto/", primaryButtonText = "PROJECT AANMELDEN", primaryButtonHref = "/offerte-aanvragen", secondaryButtonText = "DAKDEKKER AANMELDEN", secondaryButtonHref = "/dakdekkers-registratie" }) { return /*#__PURE__*/ React.createElement("section", { className: "relative bg-[#38AAE1] py-20 px-6 md:px-8", __source: { fileName: "", lineNumber: 12, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0", __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: backgroundImage, alt: "Professionele dakdekkers team", className: "w-full h-full object-cover", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-black/40", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "container mx-auto relative z-10", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-3xl", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-5xl lg:text-6xl font-bold text-white mb-6", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, title), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl md:text-3xl text-white mb-8", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, subtitle), /*#__PURE__*/ React.createElement("p", { className: "text-lg md:text-xl text-white mb-8", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, description), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-4", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: primaryButtonHref, className: "inline-block bg-white text-[#38AAE1] px-8 py-4 rounded-md font-bold text-lg hover:bg-gray-100 transition-colors", __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }, primaryButtonText), /*#__PURE__*/ React.createElement("a", { href: secondaryButtonHref, className: "inline-block border-2 border-white text-white px-8 py-4 rounded-md font-bold text-lg hover:bg-white hover:text-[#38AAE1] transition-colors", __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }, secondaryButtonText))))); } function Hero1Story() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 54, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-6", __source: { fileName: "", lineNumber: 55, columnNumber: 7 }, __self: this }, "Default Hero"), /*#__PURE__*/ React.createElement(Hero1, { __source: { fileName: "", lineNumber: 56, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "mt-12 pt-12 border-t border-gray-300", __source: { fileName: "", lineNumber: 58, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-6", __source: { fileName: "", lineNumber: 59, columnNumber: 9 }, __self: this }, "Custom Hero"), /*#__PURE__*/ React.createElement(Hero1, { title: "Professioneel dakwerk voor uw woning", subtitle: "Vakkundig uitgevoerd door ervaren specialisten", description: "Ontdek ons netwerk van ervaren dakdekkers die klaar staan om uw project vakkundig uit te voeren. Wij garanderen kwaliteit en betrouwbaarheid.", primaryButtonText: "DIRECT AANVRAGEN", secondaryButtonText: "MEER INFORMATIE", backgroundImage: "https://ucarecdn.com/3d3c8ed5-cf83-42d4-96b0-618a2d951703/-/format/auto/", __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mt-12 pt-12 border-t border-gray-300", __source: { fileName: "", lineNumber: 70, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-6", __source: { fileName: "", lineNumber: 71, columnNumber: 9 }, __self: this }, "Alternative Hero"), /*#__PURE__*/ React.createElement(Hero1, { title: "Betrouwbare dakdekkers in uw regio", subtitle: "Snel en vakkundig uw dakproject gerealiseerd", description: "Wij zorgen voor een perfecte match tussen uw dakproject en gekwalificeerde vakspecialisten. Ontdek het gemak van werken met ons netwerk.", primaryButtonText: "START NU", secondaryButtonText: "BEKIJK PROJECTEN", secondaryButtonHref: "/projecten", backgroundImage: "https://ucarecdn.com/182f9531-9cc4-4ca7-bd5b-82fdb966709b/-/format/auto/", __source: { fileName: "", lineNumber: 72, columnNumber: 9 }, __self: this }))); } function MainComponent() { const Head = ()=>/*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("link", { rel: "canonical", href: "https://netwerkdakdekkers.com/projecten", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this })); const schema = { "@context": "https://schema.org", "@type": "CollectionPage", "name": "Projecten | Netwerk Dakdekkers - Onze Dakprojecten", "description": "Bekijk onze uitgevoerde dakprojecten door heel Nederland. Ontdek de kwaliteit en expertise van Netwerk Dakdekkers in verschillende soorten dakwerk.", "publisher": { "@type": "Organization", "name": "Netwerk Dakdekkers BV", "address": { "@type": "PostalAddress", "streetAddress": "Torenlaan 5A", "addressLocality": "Bussum", "postalCode": "1402 AT", "addressCountry": "NL" }, "telephone": "035 234 0130", "email": "info@netwerkdakdekkers.nl" } }; return /*#__PURE__*/ React.createElement("div", { className: "font-roboto", __source: { fileName: "", lineNumber: 29, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Head, { __source: { fileName: "", lineNumber: 30, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("script", { type: "application/ld+json", __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this }, JSON.stringify(schema)), /*#__PURE__*/ React.createElement(Header1, { menuItems: [ { label: "HOME", href: "/" }, { label: "OVER ONS", href: "/over-ons" }, { label: "KOSTENBEREKENING", href: "/kostenberekening" }, { label: "CONTACT", href: "/contact" }, { label: "OFFERTE AANVRAGEN", href: "/offerte-aanvragen" } ], logoUrl: "https://ucarecdn.com/34e2a232-4993-46e2-9b55-225e5a348e49/-/format/auto/", logoAlt: "Netwerk Dakdekkers Logo", phoneNumber: "035 234 0130", slogan: "Uw partner in dakzaken!", openingHours: { weekdays: "08:00 - 17:00", weekend: "Gesloten" }, __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "pt-20 bg-gray-50", __source: { fileName: "", lineNumber: 53, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "py-16 px-6 md:px-8 bg-[#38AAE1]", __source: { fileName: "", lineNumber: 54, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto text-center", __source: { fileName: "", lineNumber: 55, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-5xl font-bold text-white mb-6 tracking-wide", __source: { fileName: "", lineNumber: 56, columnNumber: 13 }, __self: this }, "Onze Dakprojecten"), /*#__PURE__*/ React.createElement("p", { className: "text-xl text-white max-w-2xl mx-auto", __source: { fileName: "", lineNumber: 57, columnNumber: 13 }, __self: this }, "Bekijk onze uitgevoerde dakprojecten door heel Nederland. Ontdek de kwaliteit en expertise van Netwerk Dakdekkers in verschillende soorten dakwerk.")))), /*#__PURE__*/ React.createElement("div", { className: "container mx-auto py-16 px-6 md:px-8", __source: { fileName: "", lineNumber: 64, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8", __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement(ProjectCard, { __source: { fileName: "", lineNumber: 66, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement(ProjectCard, { __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement(ProjectCard, { __source: { fileName: "", lineNumber: 68, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement(Footer1, { companyName: "Netwerk Dakdekkers BV", newsletterTitle: "Blijf op de hoogte", newsletterDescription: "Meld u aan voor onze nieuwsbrief en ontvang updates over dakprojecten en tips", newsletterButtonText: "AANMELDEN", newsletterPlaceholder: "Uw e-mailadres", newsletterDisclaimer: "Door u aan te melden gaat u akkoord met onze", privacyLinkText: "privacyverklaring", privacyLink: "#", socialLinks: [ { icon: "fab fa-facebook-f", href: "#" }, { icon: "fab fa-linkedin-in", href: "#" }, { icon: "fab fa-instagram", href: "#" }, { icon: "fab fa-twitter", href: "#" } ], quickLinks: [ { label: "Home", href: "/" }, { label: "Over ons", href: "/over-ons" }, { label: "Kostenberekening", href: "/kostenberekening" }, { label: "Contact", href: "/contact" }, { label: "Offerte aanvragen", href: "/offerte-aanvragen" } ], showContactColumn: true, contactInfo: { address: "Torenlaan 5A, 1402 AT Bussum", phone: "035 234 0130", email: "info@netwerkdakdekkers.nl", hours: [ "Maandag - Vrijdag: 08:00 - 17:00", "Zaterdag - Zondag: Gesloten" ] }, copyrightText: "Alle rechten voorbehouden.", __source: { fileName: "", lineNumber: 72, columnNumber: 7 }, __self: this })); }