{"id":892,"date":"2025-02-19T13:28:20","date_gmt":"2025-02-19T13:28:20","guid":{"rendered":"https:\/\/verloskundighuisliefleven.nl\/?page_id=892"},"modified":"2025-12-17T15:06:53","modified_gmt":"2025-12-17T15:06:53","slug":"ai-babynamen-generator","status":"publish","type":"page","link":"https:\/\/verloskundighuisliefleven.nl\/en\/ai-babynamen-generator\/","title":{"rendered":"AI Baby Names Generator"},"content":{"rendered":"<p>Looking for the perfect name for your little miracle? Our AI Baby Names Generator will help you make this special choice. This innovative tool combines modern technology with personal preferences to suggest names that perfectly suit your needs.<\/p><p><\/p><h2 class=\"wp-block-heading\">How does the AI Baby Names Generator work?<\/h2><p>With our easy-to-use generator, you can:<\/p><ul class=\"wp-block-list\"><li>Select the desired gender<\/li>\n\n<li>Indicating what characteristics the name should convey<\/li>\n\n<li>Specifying your cultural preferences<\/li>\n\n<li>Choose the desired length of the name<\/li>\n\n<li>Add specific wishes, such as family traditions or certain letters<\/li><\/ul><h2 class=\"wp-block-heading\">Why an AI Baby Names Generator?<\/h2><p>Choosing a name for your baby is one of the first important decisions you make as an (expectant) parent. Our generator:<\/p><ul class=\"wp-block-list\"><li>Offers inspiration from thousands of names<\/li>\n\n<li>Takes into account Dutch and international naming traditions<\/li>\n\n<li>Provides insight into the meaning and origin of names<\/li>\n\n<li>Helps find unique but meaningful names<\/li><\/ul><div style=\"background: #F5EDE4; padding: 35px 40px; margin-bottom: 0; border-bottom: 1px solid #E5D5C4;\">\n    <div style=\"max-width: 1200px; margin: 0 auto;\">\n        <div style=\"display: flex; align-items: center; gap: 40px; flex-wrap: wrap;\">\n            <div style=\"flex: 1; min-width: 300px;\">\n                <h2 style=\"margin: 0 0 12px 0; color: #7A6F5D; font-size: 22px; font-weight: 400; font-family: inherit;\">\ud83e\udd30 Are you expecting a baby in Maastricht?<\/h2>\n                <p style=\"margin: 0 0 18px 0; font-size: 15px; color: #5A5A5A; line-height: 1.7;\">\n                    Besides a great name, your baby also needs a good midwife. At Midwifery House Sweet Life, your choice is paramount.\n                <\/p>\n                <ul style=\"margin: 0 0 15px 0; padding: 0; list-style: none;\">\n                    <li style=\"margin-bottom: 8px; color: #5A5A5A; font-size: 14px;\">\u2713 One permanent midwife throughout pregnancy<\/li>\n                    <li style=\"margin-bottom: 8px; color: #5A5A5A; font-size: 14px;\">\u2713 Personal attention with limited number of clients<\/li>\n                    <li style=\"margin-bottom: 8px; color: #5A5A5A; font-size: 14px;\">\u2713 9.7\/10 rating from our clients<\/li>\n                <\/ul>\n            <\/div>\n            <div style=\"text-align: center;\">\n                <a href=\"\/en\/aanmelden\/\" style=\"display: inline-block; background: #A8B5A0; color: white; padding: 14px 32px; text-decoration: none; border-radius: 4px; font-weight: 400; font-size: 16px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); transition: all 0.3s; font-family: inherit;\">\n                    Apply now\n                <\/a>\n                <div style=\"margin-top: 12px;\">\n                    <a href=\"\/en\/ons-verhaal\/\" style=\"color: #7A6F5D; text-decoration: none; font-size: 14px; border-bottom: 1px solid #C5B8A8;\">\n                        Read more about us \u2192\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div><h2 class=\"wp-block-heading\">Personalised advice<\/h2><p>At Midwifery House Sweet Life, we understand that choosing a name is very personal. This tool is a handy starting point in your search for the perfect name. <\/p><p>By the way, our <a href=\"https:\/\/verloskundighuisliefleven.nl\/en\/\" data-type=\"page\" data-id=\"8\">midwife practice in Maastricht<\/a> helps you in many other ways tailored to your preferences. Personalised, with an eye for your choices. Call or e-mail us to discuss your story, we would love to meet you!<\/p><p>Start discovering the perfect name for your baby now with our AI Baby Names Generator!<\/p><style>\n      \n \n.layout {\n            display: flex;\n            min-height: 100vh;\n        }\n\n        \n\n        .sidebar {\n            width: 400px;\n            background-color: white;\n            padding: 30px;\n            box-shadow: 2px 0 10px rgba(0,0,0,0.1);\n            overflow-y: auto;\n            height: 100vh; \nfloat: left;\n        }\n\nul {margin-left: 20px !important;}\n\n        .main-content {\n            flex: 1;\n            padding: 30px;\n        float: left;\n        }\n\n        h1 {\n            font-size: 24px;\n            margin-bottom: 30px;\n            color: #333;\n        }\n\n        h3 {\n            font-size: 20px;\n            margin-bottom: 20px;\n            color: #333;\n        }\n\n        .form-group {\n            margin-bottom: 20px;\n        }\n\n        label {\n            display: block;\n            margin-bottom: 8px;\n            color: #555;\n            font-weight: 500;\n        }\n\n        select, input, textarea {\n            width: 100%;\n            padding: 10px;\n            border: 1px solid #ddd;\n            border-radius: 6px;\n            font-size: 14px;\n            color: #333;\n        }\n\n        select:focus, input:focus, textarea:focus {\n            outline: none;\n            border-color: #007bff;\n            box-shadow: 0 0 0 2px rgba(0,123,255,0.25);\n        }\n\n        button {\n            background-color: #007bff;\n            color: white;\n            border: none;\n            padding: 12px 24px;\n            border-radius: 6px;\n            cursor: pointer;\n            font-size: 16px;\n            width: 100%;\n            transition: background-color 0.2s;\n        }\n\n        button:hover {\n            background-color: #0056b3;\n        }\n\n        .loading {\n            display: none;\n            text-align: center;\n            margin: 20px 0;\n        }\n\n        .spinner {\n            width: 40px;\n            height: 40px;\n            border: 4px solid #f3f3f3;\n            border-top: 4px solid #007bff;\n            border-radius: 50%;\n            animation: spin 1s linear infinite;\n            margin: 0 auto 10px;\n        }\n\n        @keyframes spin {\n            0% { transform: rotate(0deg); }\n            100% { transform: rotate(360deg); }\n        }\n\n        .results {\n            display: none;\n        }\n\n        .name-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n            gap: 20px;\n        }\n\n        .name-card {\n            background: white;\n            border-radius: 10px;\n            padding: 20px;\n            box-shadow: 0 2px 10px rgba(0,0,0,0.1);\n            transition: transform 0.2s, box-shadow 0.2s;\n        }\n\n        .name-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 5px 15px rgba(0,0,0,0.15);\n        }\n\n        .name-title {\n            font-size: 24px;\n            color: #007bff;\n            margin-bottom: 10px;\n            font-weight: 600;\n        }\n\n        .meaning {\n            font-style: italic;\n            color: #666;\n            margin-bottom: 10px;\n            font-size: 14px;\n        }\n\n        .explanation {\n            color: #333;\n            font-size: 14px;\n            line-height: 1.5;\n        }\n\n        @media (max-width: 768px) {\n            .layout {\n                flex-direction: column;\n            }\n\n            .sidebar {\n                width: 100%;\n                height: auto;\n                position: relative;\n                box-shadow: 0 2px 10px rgba(0,0,0,0.1);\n            }\n\n            .main-content {\n                margin-left: 0;\n            }\n\n            .name-grid {\n                grid-template-columns: 1fr;\n            }\n        }\n\n@media (max-width: 768px) {\n    \/* Top banner mobile *\/\n    div[style*=\"background: #F5EDE4\"] > div > div {\n        flex-direction: column !important;\n        text-align: center;\n        gap: 20px !important;\n    }\n    \n    div[style*=\"background: #F5EDE4\"] h2 {\n        font-size: 19px !important;\n    }\n    \n    div[style*=\"background: #F5EDE4\"] p {\n        font-size: 14px !important;\n    }\n    \n    div[style*=\"background: #F5EDE4\"] ul {\n        text-align: left;\n        max-width: 300px;\n        margin-left: auto !important;\n        margin-right: auto !important;\n    }\n    \n    \/* Buttons mobile *\/\n    a[style*=\"background: #A8B5A0\"] {\n        padding: 12px 28px !important;\n        font-size: 15px !important;\n    }\n    \n    \/* Popup mobile *\/\n    div[style*=\"max-width: 550px\"] {\n        margin: 20px !important;\n        padding: 35px 25px !important;\n        max-width: calc(100% - 40px) !important;\n    }\n    \n    div[style*=\"max-width: 550px\"] h2 {\n        font-size: 22px !important;\n    }\n    \n    div[style*=\"max-width: 550px\"] a {\n        display: block !important;\n        margin: 8px 0 !important;\n        width: 100%;\n        box-sizing: border-box;\n    }\n}\n    <\/style>\n\n    <div class=\"layout\">\n        <div class=\"sidebar\">\n            <h1>Baby Names Generator<\/h1>\n            <form id=\"nameGeneratorForm\" action=\"\">\n                <div class=\"form-group\">\n                    <label>Gender<\/label>\n                    <select name=\"gender\" required>\n                        <option value=\"\">Choose an option<\/option>\n                        <option value=\"jongen\">Boy<\/option>\n                        <option value=\"meisje\">Girl<\/option>\n                    <\/select>\n                <\/div>\n\n                <div class=\"form-group\">\n                    <label>What should the name convey?<\/label>\n                    <input type=\"text\" name=\"characteristics\" placeholder=\"For example: strength, wisdom, cheerfulness, elegance\" required>\n                <\/div>\n\n                <div class=\"form-group\">\n                    <label>Cultural preference<\/label>\n                    <input type=\"text\" name=\"culture\" placeholder=\"For example: Dutch, International, Scandinavian, etc.\">\n                <\/div>\n\n                <div class=\"form-group\">\n                    <label>Length of name<\/label>\n                    <select name=\"length\">\n                        <option value=\"kort\">Short (2-4 letters)<\/option>\n                        <option value=\"gemiddeld\" selected>Average (5-7 letters)<\/option>\n                        <option value=\"lang\">Long (8+ letters)<\/option>\n                        <option value=\"maakt_niet_uit\">No matter<\/option>\n                    <\/select>\n                <\/div>\n\n                <div class=\"form-group\">\n                    <label>Additional wishes or preferences<\/label>\n                    <textarea name=\"additional\" rows=\"3\" placeholder=\"For example: should combine well with surname, specific letters, family traditions, etc.\"><\/textarea>\n                <\/div>\n\n                <button type=\"submit\">Generate Names<\/button>\n            <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\n\n            <div class=\"loading\">\n                <div class=\"spinner\"><\/div>\n                <p>Just be patient, I'll think of pretty names for you....<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"main-content\">\n            <div class=\"results\">\n                <h3>Suggested Names<\/h3>\n                <div id=\"nameResults\" class=\"name-grid\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script>\n    <script>\n        $(document).ready(function() {\n            $('#nameGeneratorForm').on('submit', function(e) {\n                e.preventDefault();\n                \n                $('.loading').show();\n                $('.results').hide();\n                \n                $.ajax({\n                    url: '\/generate_names.php',\n                    method: 'POST',\n                    data: $(this).serialize(),\n                    success: function(response) {\n                        $('.loading').hide();\n                        $('.results').show();\n                        \n                        \/\/ Clear previous results\n                        $('#nameResults').empty();\n                        \n                        \/\/ Format and display each name\n                        response.forEach(function(item) {\n                            const nameCard = `\n                                <div class=\"name-card\">\n                                    <div class=\"name-title\">${item.name}<\/div>\n                                    <div class=\"meaning\">Betekenis: ${item.meaning}<\/div>\n                                    <div class=\"explanation\">${item.explanation}<\/div>\n                                <\/div>\n                            `;\n                            $('#nameResults').append(nameCard);\n                        });\n                    },\n                    error: function(xhr) {\n                        $('.loading').hide();\n                        let errorMessage = 'Er is een fout opgetreden. Probeer het later opnieuw.';\n                        if (xhr.responseJSON && xhr.responseJSON.error) {\n                            errorMessage = xhr.responseJSON.error;\n                        }\n                        alert(errorMessage);\n                    }\n                });\n            });\n        });\n    <\/script><script type=\"text\/javascript\">\n \nlet exitIntentShown = localStorage.getItem('exitIntentShown');\n\ndocument.addEventListener('mouseleave', function(e) {\n    if (e.clientY < 50) {\n        exitIntentShown = true;\n        localStorage.setItem('exitIntentShown', 'true');\n        showExitPopup();\n    }\n});\n\nfunction showExitPopup() {\n    const popup = $('<div>').css({\n        position: 'fixed',\n        top: 0,\n        left: 0,\n        right: 0,\n        bottom: 0,\n        background: 'rgba(0,0,0,0.6)',\n        zIndex: 10000,\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        animation: 'fadeIn 0.3s'\n    }).html(`\n        <div style=\"background: white; padding: 45px; border-radius: 4px; max-width: 550px; text-align: center; position: relative; box-shadow: 0 4px 20px rgba(0,0,0,0.15);\">\n            <button class=\"closePopup\" style=\"position: absolute; top: 20px; right: 20px; background: none; border: none; font-size: 24px; color: #999; cursor: pointer; padding: 0; line-height: 1; width: 30px; height: 30px;\">\u00d7<\/button>\n            \n            <h2 style=\"margin: 0 0 20px 0; color: #7A6F5D; font-size: 26px; font-weight: 400; font-family: inherit;\">Ben je zwanger in Maastricht? \ud83e\udd30<\/h2>\n            \n            <p style=\"font-size: 16px; color: #5A5A5A; margin: 0 0 25px 0; line-height: 1.7;\">\n                Je hebt mooie namen bekeken. Vergeet niet dat je ook een <strong style=\"color: #7A6F5D;\">verloskundige<\/strong> nodig hebt die bij jou past.\n            <\/p>\n            \n            <div style=\"background: #F5EDE4; padding: 25px; border-radius: 4px; margin: 0 0 30px 0; text-align: left; border: 1px solid #E5D5C4;\">\n                <strong style=\"font-size: 17px; color: #7A6F5D; display: block; margin-bottom: 15px; font-weight: 400; font-family: inherit;\">Verloskundig Huis Lief Leven:<\/strong>\n                <ul style=\"margin: 0; padding-left: 22px; line-height: 1.9; color: #5A5A5A; font-size: 14px;\">\n                    <li style=\"margin-bottom: 6px;\">E\u00e9n vaste verloskundige door hele zwangerschap<\/li>\n                    <li style=\"margin-bottom: 6px;\">Persoonlijke aandacht en tijd voor jou<\/li>\n                    <li style=\"margin-bottom: 6px;\">9.7\/10 beoordeling van onze cli\u00ebnten<\/li>\n                    <li style=\"margin-bottom: 6px;\">Locaties in Maastricht & Cadier en Keer<\/li>\n                <\/ul>\n            <\/div>\n            \n            <div style=\"margin-bottom: 20px;\">\n                <a href=\"\/aanmelden\/\" style=\"display: inline-block; background: #A8B5A0; color: white; padding: 14px 35px; text-decoration: none; border-radius: 4px; font-weight: 400; margin: 6px; font-size: 16px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); font-family: inherit;\">\n                    Nu aanmelden\n                <\/a>\n                \n                <a href=\"\/ons-verhaal\/\" style=\"display: inline-block; padding: 14px 30px; text-decoration: none; border: 2px solid #A8B5A0; border-radius: 4px; margin: 6px; font-size: 16px; color: #7A6F5D; background: white; font-family: inherit;\">\n                    Lees meer\n                <\/a>\n            <\/div>\n            \n            <div style=\"margin-top: 25px; padding-top: 20px; border-top: 1px solid #E5D5C4;\">\n                <button class=\"closePopup\" style=\"background: none; border: none; color: #999; cursor: pointer; text-decoration: none; font-size: 13px; font-family: inherit;\">\n                    Nee bedankt, ik zoek later wel een verloskundige\n                <\/button>\n            <\/div>\n        <\/div>\n    `);\n    \n    $('body').append(popup);\n    \n    $('.closePopup').on('click', function() {\n        popup.fadeOut(300, function() { $(this).remove(); });\n    });\n    \n    popup.on('click', function(e) {\n        if (e.target === this) {\n            popup.fadeOut(300, function() { $(this).remove(); });\n        }\n    });\n}\n<\/script>","protected":false},"excerpt":{"rendered":"<p>Looking for the perfect name for your little miracle? Our AI Baby Names Generator will help you make this special choice. This innovative tool combines modern technology with personal preferences to suggest names that perfectly suit your needs. How does the AI Baby Names Generator work? With our easy-to-use generator, you can: Why an AI Baby Names ...<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/verloskundighuisliefleven.nl\/en\/ai-babynamen-generator\/\"> <span class=\"screen-reader-text\">AI Baby Names Generator<\/span> Read More \"<\/a><\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"right-sidebar","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","footnotes":""},"class_list":["post-892","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/verloskundighuisliefleven.nl\/en\/wp-json\/wp\/v2\/pages\/892","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/verloskundighuisliefleven.nl\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/verloskundighuisliefleven.nl\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/verloskundighuisliefleven.nl\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/verloskundighuisliefleven.nl\/en\/wp-json\/wp\/v2\/comments?post=892"}],"version-history":[{"count":23,"href":"https:\/\/verloskundighuisliefleven.nl\/en\/wp-json\/wp\/v2\/pages\/892\/revisions"}],"predecessor-version":[{"id":1082,"href":"https:\/\/verloskundighuisliefleven.nl\/en\/wp-json\/wp\/v2\/pages\/892\/revisions\/1082"}],"wp:attachment":[{"href":"https:\/\/verloskundighuisliefleven.nl\/en\/wp-json\/wp\/v2\/media?parent=892"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}