{"id":291,"date":"2026-05-27T10:25:22","date_gmt":"2026-05-27T10:25:22","guid":{"rendered":"https:\/\/designwithsv.octagram.ro\/?page_id=291"},"modified":"2026-05-27T10:25:33","modified_gmt":"2026-05-27T10:25:33","slug":"contact-page","status":"publish","type":"page","link":"https:\/\/designwithsv.octagram.ro\/index.php\/contact-page\/","title":{"rendered":"contact page"},"content":{"rendered":"\n<div class=\"wp-block-vh-architect-visual-html-v43\">\n\n\n<meta charset=\"utf-8\">\n<meta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\">\n<script src=\"https:\/\/cdn.tailwindcss.com?plugins=forms,container-queries\"><\/script>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&amp;family=Noto+Serif:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300&amp;display=swap\" rel=\"stylesheet\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap\" rel=\"stylesheet\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap\" rel=\"stylesheet\">\n<script id=\"tailwind-config\">\n      tailwind.config = {\n        darkMode: \"class\",\n        theme: {\n          extend: {\n            \"colors\": {\n                    \"on-surface-variant\": \"#4d463e\",\n                    \"on-secondary-container\": \"#636262\",\n                    \"surface\": \"#f9f9f7\",\n                    \"on-background\": \"#1a1c1b\",\n                    \"primary-fixed\": \"#f3dfc9\",\n                    \"on-error\": \"#ffffff\",\n                    \"surface-bright\": \"#f9f9f7\",\n                    \"secondary-container\": \"#e2dfde\",\n                    \"on-primary\": \"#ffffff\",\n                    \"on-secondary-fixed\": \"#1c1b1b\",\n                    \"tertiary-fixed-dim\": \"#c1c7d3\",\n                    \"on-surface\": \"#1a1c1b\",\n                    \"error-container\": \"#ffdad6\",\n                    \"on-tertiary\": \"#ffffff\",\n                    \"inverse-surface\": \"#2f3130\",\n                    \"tertiary-container\": \"#6f7580\",\n                    \"surface-container-high\": \"#e8e8e6\",\n                    \"secondary\": \"#5f5e5e\",\n                    \"on-primary-fixed\": \"#241a0c\",\n                    \"surface-variant\": \"#e2e3e1\",\n                    \"surface-container\": \"#eeeeec\",\n                    \"outline\": \"#7e766d\",\n                    \"surface-dim\": \"#dadad8\",\n                    \"surface-container-low\": \"#f4f4f2\",\n                    \"on-tertiary-container\": \"#fdfcff\",\n                    \"on-secondary-fixed-variant\": \"#474746\",\n                    \"on-primary-container\": \"#fffbff\",\n                    \"surface-tint\": \"#6a5c4b\",\n                    \"error\": \"#ba1a1a\",\n                    \"secondary-fixed-dim\": \"#c8c6c5\",\n                    \"secondary-fixed\": \"#e5e2e1\",\n                    \"on-tertiary-fixed-variant\": \"#414751\",\n                    \"on-primary-fixed-variant\": \"#514535\",\n                    \"outline-variant\": \"#cfc5ba\",\n                    \"surface-container-highest\": \"#e2e3e1\",\n                    \"primary-container\": \"#817260\",\n                    \"on-secondary\": \"#ffffff\",\n                    \"surface-container-lowest\": \"#ffffff\",\n                    \"inverse-on-surface\": \"#f1f1ef\",\n                    \"on-error-container\": \"#93000a\",\n                    \"primary-fixed-dim\": \"#d6c4ae\",\n                    \"on-tertiary-fixed\": \"#161c25\",\n                    \"background\": \"#f9f9f7\",\n                    \"inverse-primary\": \"#d6c4ae\",\n                    \"tertiary\": \"#565c67\",\n                    \"primary\": \"#685a49\",\n                    \"tertiary-fixed\": \"#dde3ef\"\n            },\n            \"borderRadius\": {\n                    \"DEFAULT\": \"0px\",\n                    \"lg\": \"0px\",\n                    \"xl\": \"0px\",\n                    \"full\": \"9999px\"\n            },\n            \"fontFamily\": {\n                    \"headline\": [\"Noto Serif\"],\n                    \"body\": [\"Inter\"],\n                    \"label\": [\"Inter\"]\n            }\n          },\n        },\n      }\n    <\/script>\n<style>\n        body { font-family: 'Inter', sans-serif; }\n        .serif { font-family: 'Noto Serif', serif; }\n        .material-symbols-outlined {\n            font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;\n        }\n        .no-scrollbar::-webkit-scrollbar { display: none; }\n        .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }\n    <\/style>\n\n\n<!-- TopNavBar -->\n<nav class=\"fixed top-0 left-0 w-full flex justify-between items-center px-12 lg:px-24 h-20 bg-[#F9F9F7]\/80 dark:bg-[#1A1A18]\/80 backdrop-blur-md z-50 rounded-none\">\n<div class=\"font-['Noto_Serif'] text-xl font-medium tracking-[0.1em] text-[#685A49] dark:text-[#948471]\">\n            LUMINA AMSTERDAM\n        <\/div>\n<div class=\"hidden md:flex gap-12 items-center\">\n<a class=\"font-['Noto_Serif'] tracking-[-0.02em] font-light uppercase text-xs tracking-[0.2em] text-[#685A49]\/60 dark:text-[#948471]\/60 font-normal hover:text-[#685A49] transition-all duration-500 ease-out\" href=\"#\">Stay<\/a>\n<a class=\"font-['Noto_Serif'] tracking-[-0.02em] font-light uppercase text-xs tracking-[0.2em] text-[#685A49]\/60 dark:text-[#948471]\/60 font-normal hover:text-[#685A49] transition-all duration-500 ease-out\" href=\"#\">Eat &amp; Drink<\/a>\n<a class=\"font-['Noto_Serif'] tracking-[-0.02em] font-light uppercase text-xs tracking-[0.2em] text-[#685A49] dark:text-[#948471] font-semibold border-b border-[#685A49]\/30 hover:text-[#685A49] transition-all duration-500 ease-out\" href=\"#\">Contact<\/a>\n<\/div>\n<button class=\"bg-primary text-on-primary px-10 py-3 font-label text-xs uppercase tracking-[0.2em] transition-all duration-500 hover:bg-primary-container active:scale-[0.99] rounded-none\">\n            Book a Stay\n        <\/button>\n<\/nav>\n<main class=\"pt-20\">\n<!-- Hero Section \/ Title -->\n<section class=\"px-12 lg:px-24 pt-24 pb-16 bg-surface\">\n<div class=\"max-w-screen-2xl mx-auto grid grid-cols-12\">\n<div class=\"col-span-12 lg:col-span-8\">\n<span class=\"label-sm uppercase tracking-[0.3em] text-outline mb-6 block font-medium\">Inquiries &amp; Reservations<\/span>\n<h1 class=\"serif text-6xl md:text-8xl tracking-[-0.03em] leading-[0.9] text-on-surface mb-8\">Connect wittttth <br><span class=\"italic font-light\">the Curated.<\/span><\/h1>\n<\/div>\n<\/div>\n<\/section>\n<!-- Map Section (Full Width, Monochrome) -->\n<section class=\"w-full h-[614px] bg-surface-container relative overflow-hidden\">\n<div class=\"absolute inset-0 grayscale contrast-125 opacity-40\">\n<img decoding=\"async\" class=\"w-full h-full object-cover\" data-alt=\"Monochrome minimalist map of Amsterdam city center with stylized grid lines and water canals in soft grey tones\" data-location=\"Amsterdam\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuB7STW5o7tpxH73NJgJP4T1_yfPVNUTI2jmOhVDSIS_d5pBHnmKMXXfYm5FQgV03Zqk7mdmbQ65eGFhbWpyOCyIVhsJMlIgvXI_-_hIfgMKH3vkmdULTSoPIJrrBmEIoR0t3ZTe1ogobafkpGysZQce8lQXlpKDa_ZIy1pWEHX5y6wxIrzpKK4YikyceaY4myNnQxwIuNjapqkbNot0rfjYoUIEQOo6oY9k8SWj2vIl4UZ52kKHEmy2SAIC6X1HT5LHBmggdxZfFEdS\">\n<\/div>\n<!-- Map Marker Visual -->\n<div class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 flex flex-col items-center\">\n<div class=\"w-px h-16 bg-primary mb-4\"><\/div>\n<span class=\"font-['Noto_Serif'] text-xs tracking-[0.3em] uppercase bg-surface px-4 py-2 border border-outline-variant\/15\">Lumina Amsterdam<\/span>\n<\/div>\n<\/section>\n<!-- Contact Content Grid -->\n<section class=\"px-12 lg:px-24 py-32 bg-surface\">\n<div class=\"max-w-screen-2xl mx-auto\">\n<div class=\"grid grid-cols-1 md:grid-cols-12 gap-16 lg:gap-24\">\n<!-- Form Column -->\n<div class=\"md:col-span-7 lg:col-span-6\">\n<div class=\"mb-12\">\n<h3 class=\"serif text-3xl font-medium mb-4\">Send a Message<\/h3>\n<p class=\"text-on-surface-variant leading-relaxed max-w-md\">Our concierge team is dedicated to orchestrating your perfect stay in the heart of the Dutch capital.<\/p>\n<\/div>\n<form class=\"space-y-12\">\n<div class=\"relative group\">\n<label class=\"label-sm uppercase tracking-widest text-outline block mb-2 transition-all group-focus-within:text-primary\">Name<\/label>\n<input class=\"w-full bg-transparent border-0 border-b border-outline-variant py-4 focus:ring-0 focus:border-primary transition-colors text-lg placeholder:text-outline-variant\/40 rounded-none\" placeholder=\"Your Full Name\" type=\"text\">\n<\/div>\n<div class=\"relative group\">\n<label class=\"label-sm uppercase tracking-widest text-outline block mb-2 transition-all group-focus-within:text-primary\">Email Address<\/label>\n<input class=\"w-full bg-transparent border-0 border-b border-outline-variant py-4 focus:ring-0 focus:border-primary transition-colors text-lg placeholder:text-outline-variant\/40 rounded-none\" placeholder=\"example@domain.com\" type=\"email\">\n<\/div>\n<div class=\"relative group\">\n<label class=\"label-sm uppercase tracking-widest text-outline block mb-2 transition-all group-focus-within:text-primary\">Subject<\/label>\n<select class=\"w-full bg-transparent border-0 border-b border-outline-variant py-4 focus:ring-0 focus:border-primary transition-colors text-lg appearance-none rounded-none\">\n<option>Room Reservation<\/option>\n<option>Dining Experience<\/option>\n<option>Bespoke Events<\/option>\n<option>Press Inquiry<\/option>\n<\/select>\n<\/div>\n<div class=\"relative group\">\n<label class=\"label-sm uppercase tracking-widest text-outline block mb-2 transition-all group-focus-within:text-primary\">Message<\/label>\n<textarea class=\"w-full bg-transparent border-0 border-b border-outline-variant py-4 focus:ring-0 focus:border-primary transition-colors text-lg placeholder:text-outline-variant\/40 resize-none rounded-none\" placeholder=\"Share your requests...\" rows=\"4\"><\/textarea>\n<\/div>\n<div class=\"pt-6\">\n<button class=\"group flex items-center gap-6\" type=\"submit\">\n<span class=\"bg-primary text-on-primary px-12 py-5 font-label text-sm uppercase tracking-[0.25em] transition-all duration-500 hover:bg-primary-container\">\n                                        Send Inquiry\n                                    <\/span>\n<span class=\"material-symbols-outlined text-primary group-hover:translate-x-2 transition-transform duration-500\" data-icon=\"arrow_forward\">arrow_forward<\/span>\n<\/button>\n<\/div>\n<\/form>\n<\/div>\n<!-- Details Column -->\n<div class=\"md:col-span-5 lg:col-start-8 lg:col-span-5 border-l border-outline-variant\/15 pl-12 lg:pl-24\">\n<div class=\"space-y-24\">\n<!-- Direct Lines -->\n<div>\n<h4 class=\"label-sm uppercase tracking-[0.3em] text-outline mb-10 block font-medium\">Direct Channels<\/h4>\n<ul class=\"space-y-10\">\n<li>\n<a class=\"group block\" href=\"tel:+31200000000\">\n<span class=\"block text-outline-variant text-xs uppercase tracking-widest mb-2 group-hover:text-primary transition-colors\">Phone<\/span>\n<span class=\"serif text-3xl font-light hover:text-primary transition-colors\">+31 20 000 0000<\/span>\n<\/a>\n<\/li>\n<li>\n<a class=\"group block\" href=\"https:\/\/wa.me\/31200000000\">\n<span class=\"block text-outline-variant text-xs uppercase tracking-widest mb-2 group-hover:text-primary transition-colors\">WhatsApp<\/span>\n<span class=\"serif text-3xl font-light hover:text-primary transition-colors\">+31 6 000 0000<\/span>\n<\/a>\n<\/li>\n<li>\n<a class=\"group block\" href=\"mailto:concierge@lumina.nl\">\n<span class=\"block text-outline-variant text-xs uppercase tracking-widest mb-2 group-hover:text-primary transition-colors\">Email<\/span>\n<span class=\"serif text-3xl font-light hover:text-primary transition-colors\">concierge@lumina.nl<\/span>\n<\/a>\n<\/li>\n<\/ul>\n<\/div>\n<!-- Physical Presence -->\n<div>\n<h4 class=\"label-sm uppercase tracking-[0.3em] text-outline mb-10 block font-medium\">Location<\/h4>\n<address class=\"not-italic space-y-4\">\n<p class=\"serif text-2xl font-light leading-relaxed\">\n                                        Herengracht 450-454<br>\n                                        1017 CA Amsterdam<br>\n                                        The Netherlands\n                                    <\/p>\n<a class=\"inline-flex items-center gap-2 text-xs uppercase tracking-[0.2em] text-primary font-bold hover:gap-4 transition-all\" href=\"#\">\n                                        Open in Maps <span class=\"material-symbols-outlined text-sm\" data-icon=\"north_east\">north_east<\/span>\n<\/a>\n<\/address>\n<\/div>\n<!-- Social -->\n<div>\n<h4 class=\"label-sm uppercase tracking-[0.3em] text-outline mb-10 block font-medium\">Visual Journal<\/h4>\n<div class=\"flex gap-8\">\n<a class=\"serif italic text-xl hover:text-primary transition-colors\" href=\"#\">Instagram<\/a>\n<a class=\"serif italic text-xl hover:text-primary transition-colors\" href=\"#\">Pinterest<\/a>\n<a class=\"serif italic text-xl hover:text-primary transition-colors\" href=\"#\">Journal<\/a>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<!-- Aesthetic Closure Image -->\n<section class=\"px-12 lg:px-24 pb-32\">\n<div class=\"w-full aspect-[21\/9] bg-surface-container overflow-hidden\">\n<img decoding=\"async\" class=\"w-full h-full object-cover\" data-alt=\"Close-up of a minimalist marble hotel reception desk in Amsterdam with a single calla lily flower and warm afternoon light\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuC7v2jbzEqYZPama5lDyeNpyFihEX3J27yJ2T60j4I0NLIruAZVfurthVwZIC8P_Ay6uf3VffBFSKbYbLmeXeWgHMVwR0jDDp7q7OFtaiZHHnCxRnrtPVlOpNQzi4ZGhJlHYTiY3OXqixM2WTsmZyEhW1FlYXtx2n7e8a4Xh5-T0z07G3823A02rTJEofTkPNZj9VDKRTyQoLXrd99qUMGSluWWn0DfGamNV6CRbwgMgwIu9IKqlSjPB9ZicZpBGapc9OyT7KzebtVL\">\n<\/div>\n<\/section>\n<\/main>\n<!-- Footer -->\n<footer class=\"w-full py-16 px-12 lg:px-24 flex flex-col md:flex-row justify-between items-end gap-8 bg-[#EEEEEC] dark:bg-[#141412] text-[#685A49] dark:text-[#948471] font-['Inter'] text-sm leading-relaxed tracking-wide rounded-none mt-24\">\n<div class=\"flex flex-col gap-6 items-start w-full md:w-auto\">\n<div class=\"font-['Noto_Serif'] text-lg font-bold text-[#685A49]\">LUMINA AMSTERDAM<\/div>\n<p class=\"opacity-70 max-w-xs uppercase tracking-widest text-[10px]\">Dutch Precision in Hospitality<\/p>\n<div class=\"flex gap-8 mt-4\">\n<a class=\"text-[#685A49]\/70 hover:text-[#685A49] transition-colors\" href=\"#\">Privacy Policy<\/a>\n<a class=\"text-[#685A49]\/70 hover:text-[#685A49] transition-colors\" href=\"#\">Accessibility<\/a>\n<a class=\"text-[#685A49]\/70 hover:text-[#685A49] transition-colors\" href=\"#\">Press<\/a>\n<\/div>\n<\/div>\n<div class=\"text-right flex flex-col gap-4\">\n<p>\u00a9 2024 Lumina Amsterdam. Built with Dutch Precision.<\/p>\n<\/div>\n<\/footer>\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"full","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-291","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/designwithsv.octagram.ro\/index.php\/wp-json\/wp\/v2\/pages\/291","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/designwithsv.octagram.ro\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/designwithsv.octagram.ro\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/designwithsv.octagram.ro\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/designwithsv.octagram.ro\/index.php\/wp-json\/wp\/v2\/comments?post=291"}],"version-history":[{"count":1,"href":"https:\/\/designwithsv.octagram.ro\/index.php\/wp-json\/wp\/v2\/pages\/291\/revisions"}],"predecessor-version":[{"id":292,"href":"https:\/\/designwithsv.octagram.ro\/index.php\/wp-json\/wp\/v2\/pages\/291\/revisions\/292"}],"wp:attachment":[{"href":"https:\/\/designwithsv.octagram.ro\/index.php\/wp-json\/wp\/v2\/media?parent=291"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}