https://sleutelslim.nl/assets/AlleServicegebieden-DPIT1BHG.js

1import{j as e,r as m,H as u,L as l,S as h,P as o,g as x,B as s,b as j,a as c}from"./index-CRzFJT5-.js";import{I as p}from"./input-OMPQu2El.js";const g=({className:t="h-8 w-8 object-contain cursor-pointer hover:scale-105 transition-transform duration-200",alt:a="Sleutelslim.nl",onClick:i})=>e.jsxs("picture",{onClick:i,children:[e.jsx("source",{srcSet:"/sleutelslim_logo_optimized.webp",type:"image/webp"}),e.jsx("img",{src:"/sleutelslim_logo_optimized.png",alt:a,className:t,loading:"lazy",width:"32",height:"32"})]}),v=()=>{const[t,a]=m.useState(""),i=[{name:"Den Haag",description:"Hofstad en regeringscentrum",link:"/autosleutel-bijmaken-den-haag",icon:"🏛️"},{name:"Rotterdam",description:"Havenstad en tweede stad van Nederland",link:"/autosleutel-bijmaken-rotterdam",icon:"⚓"},{name:"Leiden",description:"Universiteitsstad en historisch centrum",link:"/autosleutel-bijmaken-leiden",icon:"🎓"},{name:"Delft",description:"Historische binnenstad en TU Delft",link:"/autosleutel-bijmaken-delft",icon:"🏛️"},{name:"Zoetermeer",description:"Moderne woonstad nabij Den Haag",link:"/autosleutel-bijmaken-zoetermeer",icon:"🏢"},{name:"Gouda",description:"Kaasstad en historisch centrum",link:"/autosleutel-bijmaken-gouda",icon:"🧀"},{name:"Amstelveen",description:"Grenzend aan Amsterdam",link:"/autosleutel-bijmaken-amstelveen",icon:"🌳"},{name:"Rijswijk",description:"Tussen Den Haag en Delft",link:"/autosleutel-bijmaken-rijswijk",icon:"🏢"},{name:"Alphen aan den Rijn",description:"Groene omgeving en watersport",link:"/autosleutel-bijmaken-alphen-aan-den-rijn",icon:"🚤"},{name:"Schiedam",description:"Jeneverstad naast Rotterdam",link:"/autosleutel-bijmaken-schiedam",icon:"🏙️"},{name:"Vlaardingen",description:"Havenstad in de Rijnmond",link:"/autosleutel-bijmaken-vlaardingen",icon:"🚢"},{name:"Spijkenisse",description:"Grootste stad op Voorne-Putten",link:"/autosleutel-bijmaken-spijkenisse",icon:"🌉"},{name:"Westland",description:"Glastuinbouw regio bij Den Haag",link:"/autosleutel-bijmaken-westland",icon:"🌿"},{name:"Voorburg",description:"Leidschendam-Voorburg gemeente",link:"/autosleutel-bijmaken-voorburg",icon:"🏘️"},{name:"Nootdorp",description:"Pijnacker-Nootdorp gemeente",link:"/autosleutel-bijmaken-nootdorp",icon:"🌱"},{name:"Pijnacker",description:"Groene gemeente bij Delft",link:"/autosleutel-bijmaken-pijnacker",icon:"🌿"},{name:"Katwijk",description:"Kustplaats bij Leiden",link:"/autosleutel-bijmaken-katwijk",icon:"🐟"},{name:"Noordwijk",description:"Badplaats en Space Expo",link:"/autosleutel-bijmaken-noordwijk",icon:"🚀"},{name:"Wassenaar",description:"Villawijk en natuurgebieden",link:"/autosleutel-bijmaken-wassenaar",icon:"🏰"},{name:"Lansingerland",description:"Bleiswijk, Bergschenhoek, Berkel en Rodenrijs",link:"/autosleutel-bijmaken-lansingerland",icon:"🏘️"},{name:"Aalsmeer",description:"Bloemenveiling en Schiphol regio",link:"/autosleutel-bijmaken-aalsmeer",icon:"✈️"},{name:"Waddinxveen",description:"Groene gemeente tussen Gouda en Reeuwijk",link:"/autosleutel-bijmaken-waddinxveen",icon:"🌿"},{name:"Bollenstreek",description:"Keukenhof regio - Lisse, Noordwijkerhout, Voorhout, Sassenheim",link:"/autosleutel-bijmaken-bollenstreek",highlight:!0,icon:"🌷"},{name:"Lisse",description:"Autosleutel service bij de Keukenhof",link:"/autosleutel-bijmaken-lisse",icon:"🌸"},{name:"Noordwijkerhout",description:"Kust en duinen regio",link:"/autosleutel-bijmaken-noordwijkerhout",icon:"🏖️"},{name:"Voorhout",description:"Centrum bloembollen regio",link:"/autosleutel-bijmaken-voorhout",icon:"🌺"},{name:"Sassenheim",description:"Industriegebied en woonwijken",link:"/autosleutel-bijmaken-sassenheim",icon:"🏭"},{name:"Hillegom",description:"Bollenstreek bij Lisse en Bennebroek",link:"/servicegebied/hillegom",icon:"🌷"},{name:"Noordorp",description:"Bij Leiden en Zoetermeer",link:"/autosleutel-bijmaken-noordorp",icon:"🏡"},{name:"Amsterdam",description:"Heel Amsterdam en omgeving",link:"/autosleutel-bijmaken",icon:"🏙️"}],r=t?i.filter(n=>n.name.toLowerCase().includes(t.toLowerCase())||n.description.toLowerCase().includes(t.toLowerCase())):i;return e.jsxs(e.Fragment,{children:[e.jsxs(u,{children:[e.jsx("meta",{name:"description",content:"Overzicht van alle servicegebieden waar Sleutelslim autosleutel service biedt. Van Bollenstreek tot Rotterdam en Den Haag."}),e.jsx("meta",{name:"keywords",content:"autosleutel servicegebieden, autosleutel, Nederland autosleutel service, alle locaties sleutelslim"}),e.jsx("link",{rel:"canonical",href:"https://sleutelslim.nl/alle-servicegebieden"}),e.jsx("meta",{property:"og:title",content:"Alle Servicegebieden - Autosleutel Service"}),e.jsx("meta",{property:"og:description",content:"Bekijk alle locaties waar Sleutelslim autosleutel service biedt in Nederland."}),e.jsx("meta",{name:"twitter:card",content:"summary_large_image"}),e.jsx("meta",{name:"twitter:site",content:"@sleutelslim"}),e.jsx("meta",{name:"twitter:title",content:"Alle Servicegebieden - Autosleutel Service"}),e.jsx("meta",{name:"twitter:description",content:"Bekijk alle locaties waar Sleutelslim autosleutel service biedt in Nederland."}),e.jsx("meta",{name:"twitter:image",content:"https://sleutelslim.nl/sleutelslim_logo.png"})]}),e.jsx("div",{className:"pt-24 bg-gradient-to-b from-gray-800 to-gray-900",children:e.jsx("div",{className:"container mx-auto px-4",children:e.jsx("div",{className:"py-12 md:py-16",children:e.jsxs("div",{className:"max-w-4xl mx-auto text-center",children:[e.jsx(l,{href:"/",children:e.jsx("div",{className:"flex justify-center mb-8",children:e.jsx("div",{className:"bg-white/95 backdrop-blur-sm rounded-2xl p-6 shadow-2xl border border-white/20 hover:bg-white transition-colors",children:e.jsx(g,{className:"h-16 w-16 md:h-20 md:w-20 object-contain cursor-pointer hover:scale-105 transition-transform duration-200"})})})}),e.jsx("h1",{className:"text-3xl md:text-5xl font-bold text-white mb-6",children:"Alle Servicegebieden"}),e.jsx("p",{className:"text-lg md:text-xl text-white/90 mb-8",children:"Ontdek alle locaties waar Sleutelslim professionele autosleutel service biedt. Van de Bollenstreek tot Gouda, wij komen naar u toe!"}),e.jsx("div",{className:"max-w-md mx-auto mb-8",children:e.jsxs("div",{className:"relative",children:[e.jsx(h,{className:"absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-5 h-5"}),e.jsx(p,{type:"text",placeholder:"Zoek uw locatie...",value:t,onChange:n=>a(n.target.value),className:"pl-10 py-3 text-lg"})]})}),e.jsxs("div",{className:"flex flex-col sm:flex-row items-center justify-center gap-4",children:[e.jsxs("a",{href:"#contact-form",className:"inline-flex items-center bg-green-600 hover:bg-green-700 text-white font-semibold py-3 px-6 rounded-full transition duration-300",children:[e.jsx(o,{className:"mr-2 w-5 h-5"})," CONTACT OPNEMEN"]}),e.jsx("a",{href:x(""),target:"_blank",rel:"noopener noreferrer",children:e.jsxs(s,{size:"lg",className:"bg-green-500 hover:bg-green-600 text-white",children:[e.jsx(j,{className:"mr-2 w-5 h-5"}),"WhatsApp Contact"]})})]})]})})})}),e.jsx("div",{className:"py-16 bg-gray-50",children:e.jsxs("div",{className:"container mx-auto px-4",children:[e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6",children:r.map((n,d)=>e.jsxs("div",{className:`bg-white rounded-lg shadow-md hover:shadow-lg transition-shadow p-6 ${n.highlight?"ring-2 ring-purple-500":""}`,children:[e.jsxs("div",{className:"flex items-start justify-between mb-3",children:[e.jsxs("div",{className:"flex items-center",children:[e.jsx("span",{className:"text-2xl mr-3",children:n.icon}),e.jsx("h3",{className:"text-xl font-semibold text-gray-800",children:n.name})]}),n.highlight&&e.jsx("span",{className:"bg-purple-100 text-purple-800 text-xs font-semibold px-2 py-1 rounded",children:"NIEUW"})]}),e.jsx("p",{className:"text-gray-600 mb-4",children:n.description}),e.jsxs("div",{className:"flex items-center justify-between",children:[n.link?e.jsx(l,{href:n.link,children:e.jsxs(s,{variant:"outline",className:"text-purple-600 border-purple-600 hover:bg-purple-50",children:[e.jsx(c,{className:"w-4 h-4 mr-2"}),"Meer info"]})}):e.jsxs(s,{variant:"outline",className:"text-gray-500 border-gray-300",disabled:!0,children:[e.jsx(c,{className:"w-4 h-4 mr-2"}),"Service beschikbaar"]}),e.jsx("a",{href:"#contact-form",className:"text-green-600 hover:text-green-700 font-semibold",children:"Bel direct"})]})]},d))}),r.length===0&&e.jsxs("div",{className:"text-center py-12",children:[e.jsxs("p",{className:"text-gray-600 text-lg",children:['Geen servicegebieden gevonden voor "',t,'"']}),e.jsx("p",{className:"text-gray-500 mt-2",children:"Bel ons voor andere locaties: CONTACT OPNEMEN"})]})]})}),e.jsx("div",{className:"py-16 bg-purple-800",children:e.jsxs("div",{className:"container mx-auto px-4 text-center",children:[e.jsx("h2",{className:"text-3xl font-bold text-white mb-6",children:"Uw locatie er niet bij?"}),e.jsx("p",{className:"text-white text-lg mb-8 max-w-2xl mx-auto",children:"Geen probleem! Wij bedienen een groot gebied in Nederland. Bel ons voor een vrijblijvende vraag over uw locatie."}),e.jsxs("div",{className:"flex flex-col sm:flex-row gap-4 justify-center",children:[e.jsxs("a",{href:"#contact-form",className:"inline-flex items-center bg-green-600 hover:bg-green-700 text-white font-semibold py-3 px-8 rounded-full transition duration-300 shadow-lg",children:[e.jsx(o,{className:"mr-2 w-5 h-5"})," CONTACT OPNEMEN"]}),e.jsx(l,{href:"/#contact",children:e.jsx(s,{size:"lg",variant:"outline",className:"bg-white hover:bg-gray-100 text-purple-800 border-white",children:"Offerte aanvragen"})})]})]})})]})};export{v as default};