{"id":286,"date":"2026-05-27T10:09:05","date_gmt":"2026-05-27T10:09:05","guid":{"rendered":"https:\/\/designwithsv.octagram.ro\/?page_id=286"},"modified":"2026-05-27T10:24:27","modified_gmt":"2026-05-27T10:24:27","slug":"286-2","status":"publish","type":"page","link":"https:\/\/designwithsv.octagram.ro\/index.php\/286-2\/","title":{"rendered":"home-2"},"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<title>LUMINA AMSTERDAM | New Dutch Minimalism<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\" rel=\"preconnect\">\n<link crossorigin=\"\" href=\"https:\/\/fonts.gstatic.com\" rel=\"preconnect\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600&amp;family=Noto+Serif:ital,wght@0,300;0,400;0,500;0,600;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 src=\"https:\/\/cdn.tailwindcss.com?plugins=forms,container-queries\"><\/script>\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        .material-symbols-outlined {\n            font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;\n        }\n        ::-webkit-scrollbar {\n            height: 4px;\n            width: 4px;\n        }\n        ::-webkit-scrollbar-track {\n            background: transparent;\n        }\n        ::-webkit-scrollbar-thumb {\n            background: #cfc5ba;\n        }\n        .hide-scrollbar::-webkit-scrollbar {\n            display: none;\n        }\n        .hide-scrollbar {\n            -ms-overflow-style: none;\n            scrollbar-width: none;\n        }\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\">\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 items-center space-x-12\">\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 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]\/60 dark:text-[#948471]\/60 font-normal 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 text-xs uppercase tracking-[0.2em] font-medium transition-all duration-500 active:scale-[0.98] hover:bg-primary-container\" href=\"\/blablabla\">\n            Book a Stay\n        <\/button>\n<\/nav>\n<main>\n<!-- Hero Section -->\n<section class=\"relative h-screen w-full flex items-center justify-center overflow-hidden\">\n<div class=\"absolute inset-0 z-0\">\n<img decoding=\"async\" class=\"w-full h-full object-cover grayscale-[20%] brightness-75 scale-105\" data-alt=\"cinematic slow motion shot of Amsterdam canal at twilight with warm window lights reflecting on the water surface\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuDpi5LVSvazmLlxjedO5bsFmG3yhag7d6c_GXDxx3tLzl5gyXo10vMA8WVSBD74sVtV4GoD2kHRlKHeTNm88C0zE0xXsKKajvvod59P6Nz4wQCAKYjj1mNVF9h0nIORzbWDp1Jb1fZ4gUX1AarVD9eI_wZF9acBmpEHvm1b6PARAzqvjMTUWuvQ6AH8TZbsjjb9WN-UBNfH96CVvqESra9kC_FxGYMA0hi6B5_jpFDCK9R8lGTuSkwjtw98cfRcdPBR5clH3bW8zf4o\">\n<div class=\"absolute inset-0 bg-black\/20\"><\/div>\n<\/div>\n<div class=\"relative z-10 text-center px-6\">\n<span class=\"block text-surface-container-lowest font-label uppercase tracking-[0.4em] text-[10px] mb-8 opacity-80\">Refined Dutch Living<\/span>\n<h1 class=\"font-headline text-5xl md:text-8xl text-surface-container-lowest tracking-tighter leading-tight max-w-4xl mx-auto italic font-light\">\n                    Where light meets the <br> historic canal sideeeeee.\n                <\/h1>\n<\/div>\n<div class=\"absolute bottom-12 left-12 lg:left-24 z-10 flex items-center space-x-6\">\n<div class=\"w-12 h-[1px] bg-surface-container-lowest\/40\"><\/div>\n<span class=\"text-surface-container-lowest text-[10px] uppercase tracking-[0.3em]\">Scroll to discover<\/span>\n<\/div>\n<\/section>\n<!-- Our Story - Asymmetrical Layout -->\n<section class=\"py-32 md:py-48 bg-surface\">\n<div class=\"container mx-auto px-6 lg:px-24\">\n<div class=\"grid grid-cols-1 md:grid-cols-12 gap-12 items-start\">\n<div class=\"md:col-span-5 pt-12\">\n<span class=\"text-primary font-label text-[10px] uppercase tracking-[0.3em] block mb-6\">Heritage &amp; Design<\/span>\n<h2 class=\"font-headline text-4xl md:text-6xl text-primary leading-[1.1] mb-12\">An architecture of silence in the heart of the city.<\/h2>\n<div class=\"max-w-md\">\n<p class=\"text-on-surface-variant font-body leading-relaxed text-lg mb-8 opacity-80\">\n                                Built in 1642, Lumina Amsterdam represents a dialogue between the Golden Age and contemporary minimalism. We believe that true luxury is found in the quality of light and the integrity of materials.\n                            <\/p>\n<a class=\"inline-flex items-center space-x-4 text-primary group\" href=\"\/history-learn\">\n<span class=\"text-[10px] uppercase tracking-[0.2em] font-semibold border-b border-primary\/20 pb-1 group-hover:border-primary transition-colors\">Learn our history<\/span>\n<span class=\"material-symbols-outlined text-sm\">arrow_forward<\/span>\n<\/a>\n<\/div>\n<\/div>\n<div class=\"md:col-span-6 md:col-start-7 relative\">\n<div class=\"aspect-[4\/5] bg-surface-container overflow-hidden\">\n<img decoding=\"async\" class=\"w-full h-full object-cover transition-transform duration-1000 hover:scale-110\" data-alt=\"interior view of a minimalist modern room with large historic windows, natural linen textures, and soft morning light\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuDpi5LVSvazmLlxjedO5bsFmG3yhag7d6c_GXDxx3tLzl5gyXo10vMA8WVSBD74sVtV4GoD2kHRlKHeTNm88C0zE0xXsKKajvvod59P6Nz4wQCAKYjj1mNVF9h0nIORzbWDp1Jb1fZ4gUX1AarVD9eI_wZF9acBmpEHvm1b6PARAzqvjMTUWuvQ6AH8TZbsjjb9WN-UBNfH96CVvqESra9kC_FxGYMA0hi6B5_jpFDCK9R8lGTuSkwjtw98cfRcdPBR5clH3bW8zf4o\">\n<\/div>\n<!-- Decorative floating element -->\n<div class=\"hidden lg:block absolute -left-12 -bottom-12 w-48 h-64 bg-surface-container-low p-8 shadow-2xl shadow-black\/5 flex flex-col justify-end\">\n<span class=\"text-[32px] font-headline text-primary-container leading-none italic\">01<\/span>\n<span class=\"text-[10px] uppercase tracking-widest mt-4 text-on-surface-variant\">The North Wing<\/span>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<!-- Horizontal Scroll Section -->\n<section class=\"py-24 bg-surface-container-low overflow-hidden\">\n<div class=\"px-6 lg:px-24 mb-16 flex flex-col md:flex-row md:items-end justify-between gap-8\">\n<div>\n<span class=\"text-primary-container font-label text-[10px] uppercase tracking-[0.3em] block mb-4\">Curated Journeys<\/span>\n<h2 class=\"font-headline text-4xl md:text-5xl text-primary leading-tight italic\">The Amsterdam Experience<\/h2>\n<\/div>\n<div class=\"flex space-x-4\">\n<button class=\"w-12 h-12 flex items-center justify-center border border-outline-variant\/30 hover:border-primary transition-colors\">\n<span class=\"material-symbols-outlined text-on-surface-variant\">chevron_left<\/span>\n<\/button>\n<button class=\"w-12 h-12 flex items-center justify-center border border-outline-variant\/30 hover:border-primary transition-colors\">\n<span class=\"material-symbols-outlined text-on-surface-variant\">chevron_right<\/span>\n<\/button>\n<\/div>\n<\/div>\n<div class=\"flex overflow-x-auto gap-8 px-6 lg:px-24 pb-12 snap-x hide-scrollbar\">\n<!-- Card 1 -->\n<div class=\"min-w-[85vw] md:min-w-[450px] snap-start\">\n<div class=\"aspect-[3\/4] bg-surface-container overflow-hidden mb-6 group\">\n<img decoding=\"async\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-700\" data-alt=\"narrow amsterdam street with traditional brick houses and bicycles lined up at sunrise\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuBcnAzNQvZsMEPJiySgCibEiSQSs0z9dDSiy-nRexYXym0t5TXh5QRoKjRNtv34z1Njkg_VnI81B_1bG0o3noHkrPsbEyZnnOixvGUl8hCQdFurmIX7Y5MT1mkzslu-wsz2uvprj1X3kYy6UcqA7Cu4hbAIZd0vQqmt46ngfydC0jPx4p4ICoJvxId64vnkqyk4dPpVTpx4XXMbPqpTck6K-JSsoFrORguKlVFOoUPD_DJh9-2MlWhjMb9OlleAwWo86_oHDulGigho\">\n<\/div>\n<h3 class=\"font-headline text-2xl text-primary mb-2\">Morning Canal Walk<\/h3>\n<p class=\"text-on-surface-variant text-sm font-light leading-relaxed max-w-sm opacity-70\">Experience the Jordaan district before the city wakes. A private guided walk through hidden courtyards.<\/p>\n<\/div>\n<!-- Card 2 -->\n<div class=\"min-w-[85vw] md:min-w-[450px] snap-start\">\n<div class=\"aspect-[3\/4] bg-surface-container overflow-hidden mb-6 group\">\n<img decoding=\"async\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-700\" data-alt=\"private luxury boat salon with wood panels and wine glasses reflecting sunset over amsterdam canals\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuC6UEhMtd-27NMqnsaYL7ukdYneeprpyy5O2oL-SI42rJBd-tdFWKtLo0FSkAXitq58bzdmDllhaVAOGhF_8aZDi1Iq7HQ7SUvO0bnJTFoGbzWNwFO9WPrEJuRWo1rrqFIWtg0olgrl8Wzr_L6B9K6_v2G-nuA5-zsqRv609ORIyvBF6r0aYFoytwYFNH0dvbI_BcIIAgwbicEBsY7IpUwHknifIBsuEHyAsnjwKTfCKQC7aGv8tslh7WSJivvR9aM2bfCotwRY61zv\">\n<\/div>\n<h3 class=\"font-headline text-2xl text-primary mb-2\">Salon Boat Soir\u00e9e<\/h3>\n<p class=\"text-on-surface-variant text-sm font-light leading-relaxed max-w-sm opacity-70\">A timeless journey through the water-ways on our restored 1920s electric salon boat with champagne service.<\/p>\n<\/div>\n<!-- Card 3 -->\n<div class=\"min-w-[85vw] md:min-w-[450px] snap-start\">\n<div class=\"aspect-[3\/4] bg-surface-container overflow-hidden mb-6 group\">\n<img decoding=\"async\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-700\" data-alt=\"contemporary dutch art gallery with high white ceilings and large abstract canvases\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuA_ZiYl5zphEoIAWqsph6GQiUpG5_XJZh9cMvTvUiZOD-QRJsqfG8_RzPtKHKM8TMmPcI0DClChtk2O6ILQd3KyNZe9t1OqNRs-4ilAeBgKPogPjHnE5cojOkM3MW2092dSPSoXd5rR4hhsf0fjmnhsHJrEfU2ADco_sbtKXDc7NB4Pt9iL-cHWHq53sjVYKzdQHZ1QrXC9q8L6RSDC_vfuqUfXkejjFqdepEGmgUMD-YTYDA0kw5dFLxwPOx6F9NarJ959wCW_tMSq\">\n<\/div>\n<h3 class=\"font-headline text-2xl text-primary mb-2\">Modernist Gallery Tour<\/h3>\n<p class=\"text-on-surface-variant text-sm font-light leading-relaxed max-w-sm opacity-70\">Behind-the-scenes access to Amsterdam&#8217;s leading contemporary art spaces and private studios.<\/p>\n<\/div>\n<!-- Card 4 -->\n<div class=\"min-w-[85vw] md:min-w-[450px] snap-start\">\n<div class=\"aspect-[3\/4] bg-surface-container overflow-hidden mb-6 group\">\n<img decoding=\"async\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-700\" data-alt=\"dark atmospheric fine dining restaurant interior with a single spotlight on a minimalist plate of food\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuDEvga9vR-8CVYw9iWWx-mNTCn2PoCxfCL6zOmelSoz75k1kCq8z_fhC8k3NekahQv3SEaltCnmLmq3dJ2_z7hwl3DfHzG2g_r6287CQBs0Y5E8I6lGzvRdvcJm3DtUYs9zW_nT3EOz29sijdSGLbxHgYcUtynwasPCPDtDfz1u6APLGfSiqQWzSn7PQ55SiqeXXFYWV-RnhHRkZGKjdYu_fU9lISVFt_bpVKtAJkrmLE9oJGFvVKQJaQz0TJ1w_10r3flmjKm4IRLm\">\n<\/div>\n<h3 class=\"font-headline text-2xl text-primary mb-2\">Culinary Dutch Table<\/h3>\n<p class=\"text-on-surface-variant text-sm font-light leading-relaxed max-w-sm opacity-70\">Experimental tasting menu by Chef Marloes, focusing on seasonal ingredients from local Noord-Holland farmers.<\/p>\n<\/div>\n<\/div>\n<\/section>\n<!-- Final CTA \/ Floating Style Widget -->\n<section class=\"py-32 bg-surface flex items-center justify-center text-center\">\n<div class=\"max-w-2xl px-6\">\n<h2 class=\"font-headline text-5xl md:text-7xl text-primary mb-12 font-light\">Your sanctuary <br> awaits.<\/h2>\n<div class=\"flex flex-col md:flex-row items-center justify-center gap-6\">\n<button class=\"w-full md:w-auto bg-primary text-on-primary px-12 py-5 text-sm uppercase tracking-[0.2em] font-medium transition-all duration-500 hover:bg-primary-container\">\n                        Reserve Your Suite\n                    <\/button>\n<button class=\"w-full md:w-auto border border-outline-variant text-primary px-12 py-5 text-sm uppercase tracking-[0.2em] font-medium transition-all duration-500 hover:bg-surface-container-low\">\n                        View Lookbook\n                    <\/button>\n<\/div>\n<\/div>\n<\/section>\n<\/main>\n<!-- Floating Action Button -->\n<button class=\"fixed bottom-12 right-12 z-50 bg-primary-container text-on-primary shadow-2xl p-6 flex flex-col items-center justify-center group transition-transform duration-500 hover:-translate-y-2\">\n<span class=\"material-symbols-outlined mb-1\" style=\"font-variation-settings: 'FILL' 1;\">calendar_month<\/span>\n<span class=\"text-[8px] uppercase tracking-[0.3em] font-bold\">Book<\/span>\n<\/button>\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]\">\n<div class=\"flex flex-col gap-8 w-full md:w-auto items-start md:items-start\">\n<div class=\"font-['Noto_Serif'] text-lg font-bold text-[#685A49]\">\n                LUMINA AMSTERDAM\n            <\/div>\n<p class=\"font-['Inter'] text-sm leading-relaxed tracking-wide text-[#685A49]\/70 max-w-xs\">\n                Keizersgracht 442, 1016 GD Amsterdam<br>\n                The Netherlands\n            <\/p>\n<\/div>\n<div class=\"flex flex-col gap-4 items-start md:items-end w-full md:w-auto\">\n<div class=\"flex space-x-8 mb-4\">\n<a class=\"font-['Inter'] text-sm leading-relaxed tracking-wide text-[#685A49]\/70 hover:text-[#685A49] transition-colors\" href=\"#\">Privacy Policy<\/a>\n<a class=\"font-['Inter'] text-sm leading-relaxed tracking-wide text-[#685A49]\/70 hover:text-[#685A49] transition-colors\" href=\"#\">Accessibility<\/a>\n<a class=\"font-['Inter'] text-sm leading-relaxed tracking-wide text-[#685A49]\/70 hover:text-[#685A49] transition-colors\" href=\"#\">Press<\/a>\n<\/div>\n<div class=\"font-['Inter'] text-sm leading-relaxed tracking-wide text-[#685A49]\/70\">\n                \u00a9 2024 Lumina Amsterdam. Built with Dutch Precision.\n            <\/div>\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-286","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/designwithsv.octagram.ro\/index.php\/wp-json\/wp\/v2\/pages\/286","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=286"}],"version-history":[{"count":4,"href":"https:\/\/designwithsv.octagram.ro\/index.php\/wp-json\/wp\/v2\/pages\/286\/revisions"}],"predecessor-version":[{"id":290,"href":"https:\/\/designwithsv.octagram.ro\/index.php\/wp-json\/wp\/v2\/pages\/286\/revisions\/290"}],"wp:attachment":[{"href":"https:\/\/designwithsv.octagram.ro\/index.php\/wp-json\/wp\/v2\/media?parent=286"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}