{"id":305,"date":"2026-07-06T07:54:11","date_gmt":"2026-07-06T07:54:11","guid":{"rendered":"https:\/\/noavillas.local\/a-propos-2\/"},"modified":"2026-07-24T13:35:53","modified_gmt":"2026-07-24T13:35:53","slug":"a-propos-2","status":"publish","type":"page","link":"https:\/\/noavillas.fi\/fr\/a-propos-2\/","title":{"rendered":"\u00c0 propos"},"content":{"rendered":"\n<section data-wp-section=\"page-hero\" class=\"noa-page-hero-section border-t border-[var(--noa-line)] bg-[#e8e3d7]\">\n    <div class=\"noa-page-hero-outer mx-auto max-w-[1440px] px-4 pb-10 pt-4 sm:px-6 sm:pt-6 xl:pb-16 xl:pt-10\">\n        <div class=\"noa-page-hero-frame relative grid h-[clamp(520px,calc(100svh-176px),660px)] overflow-hidden bg-[#25140f] xl:h-auto xl:grid-cols-12 xl:items-end xl:gap-12 xl:overflow-visible xl:bg-transparent\">\n            <div class=\"noa-page-hero-content relative z-10 flex h-full min-w-0 flex-col justify-end px-5 py-8 text-[#f3efe6] [text-shadow:0_2px_26px_rgba(0,0,0,0.42)] sm:px-8 sm:py-10 xl:col-span-5 xl:block xl:h-auto xl:p-0 xl:text-[#25140f] xl:[text-shadow:none]\">\n                                    <p class=\"noa-kicker text-[#e8e3d7]\/82 xl:text-[#25140f]\">\u00c0 propos<\/p>\n                \n                                    <h1 class=\"noa-display mt-5 max-w-4xl text-[40px] font-light leading-[0.98] sm:text-6xl xl:text-[clamp(60px,4.75vw,76px)]\">\n                        Con\u00e7ues pour trouver leur place <em>dans la nature.<\/em>                    <\/h1>\n                \n                                    <div class=\"noa-body mt-5 max-w-xl text-[#f3efe6]\/90 xl:mt-7 xl:text-[#25140f]\/76\">\n                        <p>NOA Villas a \u00e9t\u00e9 cr\u00e9\u00e9e pour les voyageurs en qu\u00eate d\u2019intimit\u00e9, de design r\u00e9fl\u00e9chi et d\u2019un lien plus profond avec la nature arctique. Chaque d\u00e9cision \u2013 de l\u2019emplacement et de l\u2019architecture \u00e0 l\u2019exp\u00e9rience de s\u00e9jour \u2013 est guid\u00e9e par la simplicit\u00e9, l\u2019authenticit\u00e9 et le respect du paysage environnant.<\/p>\n                    <\/div>\n                            <\/div>\n\n            <div class=\"noa-page-hero-media absolute inset-0 z-0 xl:relative xl:inset-auto xl:col-span-7\">\n                <div class=\"noa-soft-media h-full overflow-hidden bg-[#c7c4b4]\">\n                                            <img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/noavillas.fi\/wp-content\/uploads\/2026\/07\/about-aerial-villas-landscape-1024x576.jpg\" class=\"aspect-[16\/10] h-full w-full object-cover xl:h-auto object-center\" alt=\"Vue a\u00e9rienne plongeante des chalets NOA Villas et de leurs chemins enneig\u00e9s au milieu des arbres.\" loading=\"eager\" srcset=\"https:\/\/noavillas.fi\/wp-content\/uploads\/2026\/07\/about-aerial-villas-landscape-1024x576.jpg 1024w, https:\/\/noavillas.fi\/wp-content\/uploads\/2026\/07\/about-aerial-villas-landscape-300x169.jpg 300w, https:\/\/noavillas.fi\/wp-content\/uploads\/2026\/07\/about-aerial-villas-landscape-768x432.jpg 768w, https:\/\/noavillas.fi\/wp-content\/uploads\/2026\/07\/about-aerial-villas-landscape-1536x864.jpg 1536w, https:\/\/noavillas.fi\/wp-content\/uploads\/2026\/07\/about-aerial-villas-landscape-2048x1152.jpg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>                                    <\/div>\n                <div class=\"noa-page-hero-overlay pointer-events-none absolute inset-0 bg-[linear-gradient(180deg,rgba(37,20,15,0.12)_0%,rgba(37,20,15,0.24)_38%,rgba(37,20,15,0.9)_100%)] xl:hidden\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n    <section data-wp-section=\"photo-info-universal-grid\" class=\"border-t border-[var(--noa-line)] bg-[var(--noa-bg)]\">\n        <div class=\"mx-auto max-w-[1440px] px-6 py-16\">\n                            <header class=\"mb-10 flex flex-col gap-6 md:flex-row md:items-end md:justify-between\">\n                    <div>\n                                                    <p class=\"noa-kicker text-[#25140f]\/58\">CR\u00c9\u00c9 AVEC INTENTION<\/p>\n                        \n                                            <\/div>\n\n                                    <\/header>\n            \n                            <div class=\"flex flex-col items-stretch gap-5 md:flex-row md:flex-nowrap lg:gap-6\">\n                                            \n                        <article class=\"group overflow-hidden rounded-[14px] flex min-w-0 flex-1 self-stretch flex-col border border-[var(--noa-line)] bg-[#f3efe6] text-[#25140f]\">\n                            \n                                                            <div class=\"p-5 flex min-w-0 flex-1 flex-col\">\n                                                                            \n                                                                                    <p class=\"noa-meta text-[#25140f]\/78\">ARCHITECTURE<\/p>\n                                        \n                                                                                    <h3 class=\"noa-photo-info-universal-title noa-display mt-3 text-2xl font-light leading-[1.05] lg:text-3xl\">\n                                                                                                    Studio Puisto                                                                                            <\/h3>\n                                        \n                                                                                    <p class=\"noa-body mt-3 font-light text-[#25140f]\/72\">Agence d\u2019architecture finlandaise prim\u00e9e, reconnue pour cr\u00e9er des lieux profond\u00e9ment li\u00e9s \u00e0 la nature et \u00e0 leur environnement.<\/p>\n                                        \n                                                                                                            <\/div>\n                                                    <\/article>\n                                            \n                        <article class=\"group overflow-hidden rounded-[14px] flex min-w-0 flex-1 self-stretch flex-col border border-[var(--noa-line)] bg-[#f3efe6] text-[#25140f]\">\n                            \n                                                            <div class=\"p-5 flex min-w-0 flex-1 flex-col\">\n                                                                            \n                                                                                    <p class=\"noa-meta text-[#25140f]\/78\">D\u00c9VELOPPEMENT<\/p>\n                                        \n                                                                                    <h3 class=\"noa-photo-info-universal-title noa-display mt-3 text-2xl font-light leading-[1.05] lg:text-3xl\">\n                                                                                                    Lunvio                                                                                            <\/h3>\n                                        \n                                                                                    <p class=\"noa-body mt-3 font-light text-[#25140f]\/72\">D\u00e9veloppeurs internationaux de l\u2019hospitalit\u00e9, sp\u00e9cialis\u00e9s dans des destinations guid\u00e9es par le design qui r\u00e9unissent architecture, nature et exp\u00e9riences de s\u00e9jour exceptionnelles.<\/p>\n                                        \n                                                                                                            <\/div>\n                                                    <\/article>\n                                            \n                        <article class=\"group overflow-hidden rounded-[14px] flex min-w-0 flex-1 self-stretch flex-col border border-[var(--noa-line)] bg-[#f3efe6] text-[#25140f]\">\n                            \n                                                            <div class=\"p-5 flex min-w-0 flex-1 flex-col\">\n                                                                            \n                                                                                    <p class=\"noa-meta text-[#25140f]\/78\">EXPLOITATION<\/p>\n                                        \n                                                                                    <h3 class=\"noa-photo-info-universal-title noa-display mt-3 text-2xl font-light leading-[1.05] lg:text-3xl\">\n                                                                                                    NOA Hospitality                                                                                            <\/h3>\n                                        \n                                                                                    <p class=\"noa-body mt-3 font-light text-[#25140f]\/72\">Une \u00e9quipe locale qui veille \u00e0 ce que chaque s\u00e9jour soit personnel, fluide et attentif, de l\u2019arriv\u00e9e au d\u00e9part.<\/p>\n                                        \n                                                                                                            <\/div>\n                                                    <\/article>\n                                    <\/div>\n            \n        <\/div>\n    <\/section>\n\n\n\n<section data-wp-section=\"info-block\" class=\"border-t border-[var(--noa-line)] bg-[var(--noa-muted)]\">\n    <div class=\"mx-auto grid max-w-[1440px] gap-8 px-6 py-16 lg:grid-cols-12 lg:gap-12 lg:py-20\">\n                        <div class=\"lg:col-span-6\">\n        <div class=\"h-[min(75vw,620px)] overflow-hidden rounded-[14px] bg-[#d8d4c8] lg:aspect-[4\/3] lg:h-auto lg:max-h-[620px]\">\n                            <img decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/noavillas.fi\/wp-content\/uploads\/2026\/07\/about-forest-river-villas-landscape-lapland-1024x768.jpg\" class=\"h-full w-full object-cover object-center\" alt=\"Vue a\u00e9rienne hivernale de NOA Villas au bord d\u2019une rivi\u00e8re gel\u00e9e, entour\u00e9es de for\u00eat enneig\u00e9e.\" loading=\"lazy\" srcset=\"https:\/\/noavillas.fi\/wp-content\/uploads\/2026\/07\/about-forest-river-villas-landscape-lapland-1024x768.jpg 1024w, https:\/\/noavillas.fi\/wp-content\/uploads\/2026\/07\/about-forest-river-villas-landscape-lapland-300x225.jpg 300w, https:\/\/noavillas.fi\/wp-content\/uploads\/2026\/07\/about-forest-river-villas-landscape-lapland-768x576.jpg 768w, https:\/\/noavillas.fi\/wp-content\/uploads\/2026\/07\/about-forest-river-villas-landscape-lapland-1536x1152.jpg 1536w, https:\/\/noavillas.fi\/wp-content\/uploads\/2026\/07\/about-forest-river-villas-landscape-lapland-2048x1536.jpg 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>                    <\/div>\n    <\/div>\n                    <div class=\"flex flex-col justify-center lg:col-span-6\">\n                    <p class=\"noa-kicker text-[#25140f]\/58\">DURABILIT\u00c9<\/p>\n        \n                                    <h2 class=\"noa-display mt-6 text-4xl font-light leading-[1.1] lg:text-5xl\">\n                    Con\u00e7ues pour rester discr\u00e8tes <em>depuis la rivi\u00e8re.<\/em>                <\/h2>\n            \n                            <div class=\"noa-body mt-7 space-y-5 font-light text-[#25140f]\/72 lg:mt-8\">\n                                                                    <p>NOA a \u00e9t\u00e9 con\u00e7ue pour pr\u00e9server le paysage plut\u00f4t que le transformer. Les villas suivent les contours naturels de la rive, avec du bois local, un chauffage g\u00e9othermique et une architecture soigneusement pens\u00e9e qui s\u2019int\u00e8gre discr\u00e8tement \u00e0 son environnement.<\/p>\n                                                                    <p>Un \u00e9clairage respectueux du ciel nocturne, une construction \u00e0 faible impact et une approche de l\u2019hospitalit\u00e9 pens\u00e9e sur le long terme contribuent \u00e0 prot\u00e9ger la nature environnante, afin que le paysage comme le ciel du Nord restent aussi intacts que possible.<\/p>\n                                    <\/div>\n            \n                        <\/div>\n                <\/div>\n<\/section>\n\n\n\n<section data-wp-section=\"info-block\" class=\"border-t border-[var(--noa-line)] bg-[var(--noa-bg)]\">\n    <div class=\"mx-auto grid max-w-[1440px] gap-8 px-6 py-16 lg:grid-cols-12 lg:gap-12 lg:py-20\">\n                        <div class=\"flex flex-col justify-center lg:col-span-6\">\n                    <p class=\"noa-kicker text-[#25140f]\/58\">PHILOSOPHIE<\/p>\n        \n                                    <h2 class=\"noa-display mt-6 text-4xl font-light leading-[1.1] lg:text-5xl\">\n                    Le calme par <em>nature.<\/em>                <\/h2>\n            \n                            <div class=\"noa-body mt-7 space-y-5 font-light text-[#25140f]\/72 lg:mt-8\">\n                                                                    <p>Chez NOA, le luxe se trouve dans l\u2019espace, l\u2019intimit\u00e9 et la simplicit\u00e9 plut\u00f4t que dans l\u2019exc\u00e8s. Chaque d\u00e9cision, de l\u2019architecture et des mat\u00e9riaux \u00e0 l\u2019exp\u00e9rience de s\u00e9jour, est guid\u00e9e par la conviction que le paysage environnant doit toujours rester l\u2019attraction principale.<\/p>\n                                    <\/div>\n            \n                        <\/div>\n                    <div class=\"lg:col-span-6\">\n        <div class=\"h-[min(75vw,620px)] overflow-hidden rounded-[14px] bg-[#d8d4c8] lg:aspect-[4\/3] lg:h-auto lg:max-h-[620px]\">\n                            <img decoding=\"async\" width=\"1024\" height=\"571\" src=\"https:\/\/noavillas.fi\/wp-content\/uploads\/2026\/07\/about-villas-forest-winter-1024x571.png\" class=\"h-full w-full object-cover object-center\" alt=\"Vue a\u00e9rienne de NOA Villas au milieu de la for\u00eat lapone enneig\u00e9e au lever du soleil.\" loading=\"lazy\" srcset=\"https:\/\/noavillas.fi\/wp-content\/uploads\/2026\/07\/about-villas-forest-winter-1024x571.png 1024w, https:\/\/noavillas.fi\/wp-content\/uploads\/2026\/07\/about-villas-forest-winter-300x167.png 300w, https:\/\/noavillas.fi\/wp-content\/uploads\/2026\/07\/about-villas-forest-winter-768x428.png 768w, https:\/\/noavillas.fi\/wp-content\/uploads\/2026\/07\/about-villas-forest-winter-1536x856.png 1536w, https:\/\/noavillas.fi\/wp-content\/uploads\/2026\/07\/about-villas-forest-winter-2048x1142.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>                    <\/div>\n    <\/div>\n                <\/div>\n<\/section>\n\n\n\n    <section data-wp-section=\"photo-info-universal-grid\" class=\"border-t border-[var(--noa-line)] bg-[var(--noa-muted)]\">\n        <div class=\"mx-auto max-w-[1440px] px-6 py-16\">\n                            <header class=\"mb-10 flex flex-col gap-6 md:flex-row md:items-end md:justify-between\">\n                    <div>\n                                                    <p class=\"noa-kicker text-[#25140f]\/58\">CONTACT<\/p>\n                        \n                                                    <h2 class=\"noa-display mt-5 max-w-4xl text-5xl font-light leading-[1.05] lg:text-6xl\">\n                                Pr\u00e9parons votre s\u00e9jour.                            <\/h2>\n                                            <\/div>\n\n                                    <\/header>\n            \n                            <div class=\"flex flex-col items-stretch gap-5 md:flex-row md:flex-nowrap lg:gap-6\">\n                                            \n                        <article class=\"group overflow-hidden rounded-[14px] flex min-w-0 flex-1 self-stretch flex-col border border-[var(--noa-line)] bg-[#f3efe6] text-[#25140f]\">\n                            \n                                                            <div class=\"p-5 flex min-w-0 flex-1 flex-col\">\n                                                                            \n                                                                                    <p class=\"noa-meta text-[#25140f]\/78\">T\u00c9L\u00c9PHONE &amp; WHATSAPP<\/p>\n                                        \n                                                                                    <h3 class=\"noa-photo-info-universal-title noa-display mt-3 text-2xl font-light leading-[1.05] lg:text-3xl\">\n                                                                                                    <a class=\"underline decoration-[#25140f]\/45 underline-offset-8 transition-colors hover:text-[#25140f]\/70 hover:decoration-[#25140f]\" href=\"tel:+358405504703\">+358 40 550 4703<\/a>\n                                                                                            <\/h3>\n                                        \n                                                                                    <p class=\"noa-body mt-3 font-light text-[#25140f]\/72\">Appelez-nous ou \u00e9crivez-nous sur WhatsApp.<\/p>\n                                        \n                                                                                                                                    <a class=\"noa-cta mt-auto inline-flex items-center gap-2 pt-5 text-[#25140f]\/85 underline-offset-8 hover:underline\" href=\"https:\/\/wa.me\/358405504703\" target=\"_blank\" rel=\"noopener\">\n                                                    \u00c9CRIRE SUR WHATSAPP                                                        <svg class=\"h-3.5 w-3.5\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n        <path d=\"M7 17 17 7M9 7h8v8\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n    <\/svg>\n                                                    <\/a>\n                                                                                                                                                        <\/div>\n                                                    <\/article>\n                                            \n                        <article class=\"group overflow-hidden rounded-[14px] flex min-w-0 flex-1 self-stretch flex-col border border-[var(--noa-line)] bg-[#f3efe6] text-[#25140f]\">\n                            \n                                                            <div class=\"p-5 flex min-w-0 flex-1 flex-col\">\n                                                                            \n                                                                                    <p class=\"noa-meta text-[#25140f]\/78\">R\u00c9SERVATIONS<\/p>\n                                        \n                                                                                    <h3 class=\"noa-photo-info-universal-title noa-display mt-3 text-2xl font-light leading-[1.05] lg:text-3xl\">\n                                                                                                    <a class=\"underline decoration-[#25140f]\/45 underline-offset-8 transition-colors hover:text-[#25140f]\/70 hover:decoration-[#25140f]\" href=\"mailto:info@noavillas.fi\">info@noavillas.fi<\/a>\n                                                                                            <\/h3>\n                                        \n                                        \n                                                                                                            <\/div>\n                                                    <\/article>\n                                            \n                        <article class=\"group overflow-hidden rounded-[14px] flex min-w-0 flex-1 self-stretch flex-col border border-[var(--noa-line)] bg-[#f3efe6] text-[#25140f]\">\n                            \n                                                            <div class=\"p-5 flex min-w-0 flex-1 flex-col\">\n                                                                            \n                                                                                    <p class=\"noa-meta text-[#25140f]\/78\">LOCALISATION<\/p>\n                                        \n                                                                                    <h3 class=\"noa-photo-info-universal-title noa-display mt-3 text-2xl font-light leading-[1.05] lg:text-3xl\">\n                                                                                                    <a class=\"underline decoration-[#25140f]\/45 underline-offset-8 transition-colors hover:text-[#25140f]\/70 hover:decoration-[#25140f]\" href=\"https:\/\/www.google.com\/maps\/search\/?api=1&#038;query=Korpijoentie%20575%2C%20Aska%2C%20Finland\" target=\"_blank\" rel=\"noopener\">Korpijoentie 575, Aska, Finlande<\/a>\n                                                                                            <\/h3>\n                                        \n                                        \n                                                                                                            <\/div>\n                                                    <\/article>\n                                    <\/div>\n            \n        <\/div>\n    <\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_noa_seo_page_css":"","footnotes":""},"class_list":["post-305","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/noavillas.fi\/fr\/wp-json\/wp\/v2\/pages\/305","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/noavillas.fi\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/noavillas.fi\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/noavillas.fi\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/noavillas.fi\/fr\/wp-json\/wp\/v2\/comments?post=305"}],"version-history":[{"count":8,"href":"https:\/\/noavillas.fi\/fr\/wp-json\/wp\/v2\/pages\/305\/revisions"}],"predecessor-version":[{"id":1510,"href":"https:\/\/noavillas.fi\/fr\/wp-json\/wp\/v2\/pages\/305\/revisions\/1510"}],"wp:attachment":[{"href":"https:\/\/noavillas.fi\/fr\/wp-json\/wp\/v2\/media?parent=305"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}