{"id":7661,"date":"2026-05-20T16:08:54","date_gmt":"2026-05-20T16:08:54","guid":{"rendered":"https:\/\/etchenet.com\/?page_id=7661"},"modified":"2026-05-20T19:57:54","modified_gmt":"2026-05-20T19:57:54","slug":"demo-scroll-video-agence-immobiliere-pays-basque","status":"publish","type":"page","link":"https:\/\/etchenet.com\/es\/demo-scroll-video-agence-immobiliere-pays-basque\/","title":{"rendered":"V\u00eddeo de demostraci\u00f3n con desplazamiento \u2014 Agencia inmobiliaria del Pa\u00eds Vasco"},"content":{"rendered":"\n\n\n\n \n \n Maison de caract\u00e8re au Pays basque \u2014 D\u00e9mo scroll vid\u00e9o<\/title>\n\n <style>\n :root {\n color-scheme: dark;\n --white: rgba(255, 255, 255, 0.96);\n --white-soft: rgba(255, 255, 255, 0.72);\n --white-muted: rgba(255, 255, 255, 0.58);\n --gold: #d8b56d;\n --gold-light: #fff0bc;\n --gold-soft: rgba(216, 181, 109, 0.72);\n --gold-muted: rgba(216, 181, 109, 0.34);\n --gold-dark: #9d742f;\n --ink: rgba(0, 0, 0, 0.34);\n --max: 1140px;\n --page-x: min(var(--max), calc(100vw - 42px));\n --snap-duration: 1700ms;\n }\n\n * { box-sizing: border-box; }\n\n html {\n margin: 0;\n min-height: 100%;\n scroll-behavior: smooth;\n background: transparent;\n }\n\n @supports (scroll-snap-type: y mandatory) {\n html {\n scroll-snap-type: y mandatory;\n }\n }\n\n body {\n margin: 0;\n min-height: 100vh;\n overflow-x: hidden;\n color: var(--white);\n font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n background: transparent;\n }\n\n\n a {\n color: inherit;\n text-decoration: none;\n }\n\n button {\n font: inherit;\n }\n\n .etch-immo-page {\n position: relative;\n width: 100%;\n min-height: 100vh;\n overflow: visible;\n background: transparent;\n }\n\n .etch-immo-header-wrap {\n position: fixed;\n top: clamp(18px, 3.5vh, 40px);\n left: 50%;\n z-index: 50;\n width: min(1080px, calc(100% - 44px));\n transform: translateX(-50%);\n }\n\n .etch-immo-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 24px;\n min-height: 64px;\n padding: 0 4px;\n border-bottom: 1px solid var(--gold-muted);\n }\n\n .etch-immo-brand {\n display: inline-flex;\n align-items: center;\n gap: 12px;\n min-width: 0;\n color: var(--white);\n text-transform: uppercase;\n letter-spacing: 0.15em;\n font-weight: 760;\n }\n\n .etch-immo-logo {\n width: 42px;\n height: 42px;\n flex: 0 0 42px;\n filter: drop-shadow(0 10px 22px var(--ink));\n }\n\n .etch-immo-brand-text {\n display: flex;\n flex-direction: column;\n line-height: 1;\n white-space: nowrap;\n }\n\n .etch-immo-brand-main {\n font-size: 0.82rem;\n }\n\n .etch-immo-brand-sub {\n margin-top: 6px;\n color: var(--gold-light);\n font-size: 0.54rem;\n letter-spacing: 0.28em;\n font-weight: 560;\n }\n\n .etch-immo-menu {\n display: flex;\n align-items: center;\n gap: 24px;\n font-size: 0.68rem;\n letter-spacing: 0.13em;\n text-transform: uppercase;\n }\n\n .etch-immo-menu a {\n color: var(--white-soft);\n text-shadow: 0 8px 24px var(--ink);\n transition: color 240ms ease;\n }\n\n .etch-immo-menu a:hover {\n color: var(--gold-light);\n }\n\n .etch-immo-pill {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-height: 38px;\n padding: 0 18px;\n border: 1px solid var(--gold-soft);\n border-radius: 999px;\n color: var(--gold-light);\n font-size: 0.68rem;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n text-shadow: 0 8px 24px var(--ink);\n }\n\n .etch-immo-progress {\n position: fixed;\n left: 50%;\n bottom: clamp(20px, 4vh, 42px);\n z-index: 42;\n display: flex;\n gap: 10px;\n transform: translateX(-50%);\n }\n\n .etch-immo-dot {\n width: 7px;\n height: 7px;\n border: 1px solid rgba(255,255,255,0.42);\n padding: 0;\n border-radius: 999px;\n background: transparent;\n cursor: pointer;\n transition: width 300ms ease, border-color 300ms ease, background 300ms ease;\n }\n\n .etch-immo-dot.is-active {\n width: 34px;\n border-color: var(--gold-light);\n background: linear-gradient(90deg, var(--white), var(--gold-light), var(--gold));\n }\n\n .etch-immo-section {\n position: relative;\n z-index: 2;\n min-height: 100vh;\n min-height: 100svh;\n width: var(--page-x);\n margin: 0 auto;\n display: grid;\n align-items: center;\n padding: clamp(112px, 15vh, 158px) 0 clamp(78px, 10vh, 118px);\n scroll-margin-top: 0;\n scroll-snap-align: start;\n scroll-snap-stop: always;\n background: transparent;\n }\n\n .etch-immo-content {\n width: min(820px, 100%);\n opacity: 1;\n transform: translateY(0);\n }\n\n .etch-immo-page.etch-snap-ready .etch-immo-content,\n .etch-immo-page.etch-snap-ready .etch-immo-panel,\n .etch-immo-page.etch-snap-ready .etch-immo-footer {\n opacity: 0.24;\n transform: translateY(18px);\n transition: opacity 820ms ease, transform 820ms ease;\n }\n\n .etch-immo-page.etch-snap-ready .etch-immo-section.etch-immo-active .etch-immo-content,\n .etch-immo-page.etch-snap-ready .etch-immo-section.etch-immo-active .etch-immo-panel,\n .etch-immo-page.etch-snap-ready .etch-immo-section.etch-immo-active .etch-immo-footer {\n opacity: 1;\n transform: translateY(0);\n }\n\n .etch-immo-kicker {\n display: inline-flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 18px;\n color: var(--gold-light);\n font-size: 0.68rem;\n font-weight: 760;\n letter-spacing: 0.24em;\n text-transform: uppercase;\n text-shadow: 0 10px 30px var(--ink);\n }\n\n .etch-immo-kicker::before {\n content: \"\";\n width: 42px;\n height: 1px;\n border-top: 1px solid var(--gold-soft);\n }\n\n .etch-immo-title,\n .etch-immo-heading {\n margin: 0;\n color: var(--white);\n font-family: Georgia, \"Times New Roman\", serif;\n font-weight: 520;\n letter-spacing: -0.06em;\n text-wrap: balance;\n text-shadow: 0 24px 80px rgba(0,0,0,0.62);\n }\n\n .etch-immo-title {\n max-width: 980px;\n font-size: clamp(4rem, 8.15vw, 8.4rem);\n line-height: 0.88;\n }\n\n .etch-immo-heading {\n max-width: 860px;\n font-size: clamp(2.7rem, 4.9vw, 5.35rem);\n line-height: 0.94;\n }\n\n .etch-immo-title span,\n .etch-immo-heading span {\n color: transparent;\n background: linear-gradient(105deg, #ffffff 0%, #fff0bc 43%, #d8b56d 74%, #9d742f 100%);\n -webkit-background-clip: text;\n background-clip: text;\n }\n\n .etch-immo-text {\n max-width: 660px;\n margin: 24px 0 0;\n color: var(--white-soft);\n font-size: clamp(1.02rem, 1.16vw, 1.18rem);\n line-height: 1.72;\n text-shadow: 0 10px 34px rgba(0,0,0,0.58);\n }\n\n .etch-immo-actions {\n display: flex;\n flex-wrap: wrap;\n gap: 14px;\n margin-top: 34px;\n }\n\n .etch-immo-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-height: 46px;\n padding: 0 24px;\n border-radius: 999px;\n border: 1px solid var(--gold-light);\n color: #1a1812;\n background: linear-gradient(105deg, #ffffff 0%, #fff0bc 40%, #d8b56d 78%, #a8782b 100%);\n box-shadow: 0 18px 44px rgba(0,0,0,0.28);\n font-weight: 780;\n letter-spacing: 0.05em;\n text-transform: uppercase;\n font-size: 0.76rem;\n transition: transform 240ms ease, box-shadow 240ms ease;\n }\n\n .etch-immo-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 24px 58px rgba(0,0,0,0.36);\n }\n\n .etch-immo-btn-soft {\n color: var(--gold-light);\n background: transparent;\n border-color: var(--gold-soft);\n box-shadow: none;\n text-shadow: 0 10px 30px var(--ink);\n }\n\n .etch-immo-panel {\n width: min(390px, 100%);\n padding: 0 0 0 24px;\n border-left: 1px solid var(--gold-muted);\n background: transparent;\n text-shadow: 0 10px 30px var(--ink);\n }\n\n .etch-immo-panel strong {\n display: block;\n margin-bottom: 12px;\n color: var(--gold-light);\n font-size: 0.74rem;\n letter-spacing: 0.16em;\n text-transform: uppercase;\n }\n\n .etch-immo-panel span {\n color: var(--white-soft);\n line-height: 1.68;\n font-size: 0.98rem;\n }\n\n .etch-immo-specs {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n margin-top: 30px;\n }\n\n .etch-immo-spec {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 10px 0 10px 14px;\n border-left: 1px solid var(--gold-muted);\n color: var(--white-soft);\n font-size: 0.74rem;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n text-shadow: 0 10px 28px var(--ink);\n }\n\n .etch-immo-spec strong {\n color: var(--gold-light);\n font-weight: 780;\n }\n\n .etch-immo-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 22px;\n width: min(900px, 100%);\n margin-top: 38px;\n }\n\n .etch-immo-small-card {\n min-height: 142px;\n padding: 20px 0 0;\n border-top: 1px solid var(--gold-muted);\n background: transparent;\n text-shadow: 0 10px 30px var(--ink);\n }\n\n .etch-immo-small-card strong {\n display: block;\n margin-bottom: 11px;\n color: var(--gold-light);\n font-size: 0.76rem;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n }\n\n .etch-immo-small-card span {\n display: block;\n color: var(--white-soft);\n line-height: 1.62;\n font-size: 0.94rem;\n }\n\n .etch-immo-layout-hero {\n place-items: center;\n text-align: center;\n }\n\n .etch-immo-layout-hero .etch-immo-content,\n .etch-immo-layout-hero .etch-immo-title,\n .etch-immo-layout-hero .etch-immo-text,\n .etch-immo-layout-hero .etch-immo-actions {\n margin-left: auto;\n margin-right: auto;\n justify-content: center;\n }\n\n .etch-immo-layout-hero .etch-immo-title {\n max-width: 930px;\n }\n\n .etch-immo-layout-left,\n .etch-immo-layout-right {\n grid-template-columns: minmax(0, 0.62fr) minmax(260px, 0.38fr);\n column-gap: clamp(34px, 7vw, 104px);\n }\n\n .etch-immo-layout-right {\n grid-template-columns: minmax(260px, 0.38fr) minmax(0, 0.62fr);\n }\n\n .etch-immo-layout-right .etch-immo-content {\n grid-column: 2;\n }\n\n .etch-immo-layout-right .etch-immo-panel {\n grid-column: 1;\n grid-row: 1;\n }\n\n .etch-immo-layout-gallery {\n justify-items: center;\n text-align: center;\n }\n\n .etch-immo-layout-gallery .etch-immo-content,\n .etch-immo-layout-gallery .etch-immo-text,\n .etch-immo-layout-gallery .etch-immo-heading {\n margin-left: auto;\n margin-right: auto;\n }\n\n .etch-immo-layout-calm {\n justify-items: end;\n text-align: right;\n }\n\n .etch-immo-layout-calm .etch-immo-content,\n .etch-immo-layout-calm .etch-immo-text,\n .etch-immo-layout-calm .etch-immo-heading {\n margin-left: auto;\n }\n\n .etch-immo-layout-calm .etch-immo-kicker::before {\n order: 2;\n }\n\n .etch-immo-layout-final {\n min-height: 100vh;\n min-height: 100svh;\n grid-template-rows: 1fr auto;\n align-items: center;\n padding-bottom: clamp(24px, 4vh, 42px);\n text-align: center;\n }\n\n .etch-immo-layout-final .etch-immo-content,\n .etch-immo-layout-final .etch-immo-heading,\n .etch-immo-layout-final .etch-immo-text,\n .etch-immo-layout-final .etch-immo-actions {\n margin-left: auto;\n margin-right: auto;\n justify-content: center;\n }\n\n .etch-immo-footer {\n width: 100%;\n margin-top: clamp(32px, 5vh, 58px);\n padding-top: 24px;\n border-top: 1px solid var(--gold-muted);\n background: transparent;\n color: var(--white-soft);\n text-align: left;\n text-shadow: 0 10px 30px var(--ink);\n }\n\n .etch-immo-footer-grid {\n display: grid;\n grid-template-columns: minmax(0, 1.5fr) minmax(180px, 0.7fr) minmax(180px, 0.7fr);\n gap: clamp(24px, 5vw, 72px);\n }\n\n .etch-immo-footer-title {\n margin: 0 0 12px;\n color: var(--gold-light);\n font-size: 0.78rem;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n }\n\n .etch-immo-footer-text,\n .etch-immo-footer-links a {\n color: var(--white-soft);\n font-size: 0.92rem;\n line-height: 1.62;\n }\n\n .etch-immo-footer-text {\n max-width: 460px;\n margin: 0;\n }\n\n .etch-immo-footer-links {\n display: grid;\n gap: 7px;\n }\n\n .etch-immo-footer-bottom {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 18px;\n margin-top: 24px;\n padding-top: 16px;\n border-top: 1px solid rgba(216, 181, 109, 0.20);\n color: var(--white-muted);\n font-size: 0.78rem;\n }\n\n @media (prefers-reduced-motion: reduce) {\n .etch-immo-page.etch-snap-ready .etch-immo-content,\n .etch-immo-page.etch-snap-ready .etch-immo-panel,\n .etch-immo-page.etch-snap-ready .etch-immo-footer {\n opacity: 1;\n transform: none;\n transition: none;\n }\n }\n\n @media (max-width: 980px) {\n .etch-immo-menu {\n display: none;\n }\n\n .etch-immo-layout-left,\n .etch-immo-layout-right {\n grid-template-columns: 1fr;\n gap: 28px;\n }\n\n .etch-immo-layout-right .etch-immo-content,\n .etch-immo-layout-right .etch-immo-panel {\n grid-column: auto;\n grid-row: auto;\n }\n\n .etch-immo-panel {\n width: min(520px, 100%);\n }\n\n .etch-immo-grid {\n grid-template-columns: 1fr;\n }\n }\n\n @media (max-width: 720px) {\n :root {\n --page-x: min(100vw - 30px, 1140px);\n }\n\n .etch-immo-header-wrap {\n top: 14px;\n width: calc(100% - 30px);\n }\n\n .etch-immo-header {\n min-height: 56px;\n }\n\n .etch-immo-pill {\n display: none;\n }\n\n .etch-immo-logo {\n width: 36px;\n height: 36px;\n flex-basis: 36px;\n }\n\n .etch-immo-brand-main {\n font-size: 0.72rem;\n }\n\n .etch-immo-brand-sub {\n font-size: 0.48rem;\n }\n\n .etch-immo-section {\n min-height: auto;\n padding-top: 118px;\n padding-bottom: 72px;\n }\n\n .etch-immo-layout-hero,\n .etch-immo-layout-gallery,\n .etch-immo-layout-calm,\n .etch-immo-layout-final {\n text-align: left;\n justify-items: start;\n }\n\n .etch-immo-layout-hero .etch-immo-content,\n .etch-immo-layout-hero .etch-immo-title,\n .etch-immo-layout-hero .etch-immo-text,\n .etch-immo-layout-hero .etch-immo-actions,\n .etch-immo-layout-gallery .etch-immo-content,\n .etch-immo-layout-gallery .etch-immo-text,\n .etch-immo-layout-gallery .etch-immo-heading,\n .etch-immo-layout-calm .etch-immo-content,\n .etch-immo-layout-calm .etch-immo-text,\n .etch-immo-layout-calm .etch-immo-heading,\n .etch-immo-layout-final .etch-immo-content,\n .etch-immo-layout-final .etch-immo-heading,\n .etch-immo-layout-final .etch-immo-text,\n .etch-immo-layout-final .etch-immo-actions {\n margin-left: 0;\n margin-right: 0;\n justify-content: flex-start;\n }\n\n .etch-immo-layout-calm .etch-immo-kicker::before {\n order: 0;\n }\n\n .etch-immo-title {\n font-size: clamp(3.35rem, 16vw, 5.6rem);\n }\n\n .etch-immo-heading {\n font-size: clamp(2.45rem, 11vw, 4.2rem);\n }\n\n .etch-immo-title br {\n display: none;\n }\n\n .etch-immo-progress {\n bottom: 14px;\n }\n\n .etch-immo-footer-grid {\n grid-template-columns: 1fr;\n gap: 22px;\n }\n\n .etch-immo-footer-bottom {\n flex-direction: column;\n align-items: flex-start;\n }\n }\n <\/style>\n<\/head>\n\n<body>\n <main class=\"etch-immo-page\" id=\"immo-page\" data-etch-snap-sections>\n <div class=\"etch-immo-header-wrap\">\n <div class=\"etch-immo-header\">\n <a class=\"etch-immo-brand\" href=\"#immo-top\" aria-label=\"Ibaia Signature Immobilier\">\n <svg class=\"etch-immo-logo\" viewBox=\"0 0 64 64\" aria-hidden=\"true\">\n <defs>\n <linearGradient id=\"etchImmoLogoGold\" x1=\"8\" y1=\"7\" x2=\"56\" y2=\"58\" gradientUnits=\"userSpaceOnUse\">\n <stop stop-color=\"#ffffff\"><\/stop>\n <stop offset=\"0.48\" stop-color=\"#fff0bc\"><\/stop>\n <stop offset=\"1\" stop-color=\"#d8b56d\"><\/stop>\n <\/linearGradient>\n <\/defs>\n <path d=\"M9 32 32 12l23 20\" fill=\"none\" stroke=\"url(#etchImmoLogoGold)\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M16 31v22h32V31\" fill=\"none\" stroke=\"#fff0bc\" stroke-width=\"3.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" opacity=\".94\"><\/path>\n <path d=\"M25 53V38h14v15\" fill=\"none\" stroke=\"#fff0bc\" stroke-width=\"3.2\" stroke-linecap=\"round\" opacity=\".84\"><\/path>\n <path d=\"M22 29h20\" stroke=\"#d8b56d\" stroke-width=\"3.2\" stroke-linecap=\"round\"><\/path>\n <path d=\"M24 24h16\" stroke=\"#d8b56d\" stroke-width=\"2.6\" stroke-linecap=\"round\" opacity=\".82\"><\/path>\n <\/svg>\n\n <span class=\"etch-immo-brand-text\">\n <span class=\"etch-immo-brand-main\">Ibaia Signature<\/span>\n <span class=\"etch-immo-brand-sub\">Immobilier<\/span>\n <\/span>\n <\/a>\n\n <nav class=\"etch-immo-menu\" aria-label=\"Navigation de d\u00e9monstration\">\n <a href=\"#immo-facade\">Fa\u00e7ade<\/a>\n <a href=\"#immo-entree\">Entr\u00e9e<\/a>\n <a href=\"#immo-vie\">Pi\u00e8ces de vie<\/a>\n <a href=\"#immo-terrasse\">Terrasse<\/a>\n <\/nav>\n\n <a class=\"etch-immo-pill\" href=\"#immo-contact\">Estimation priv\u00e9e<\/a>\n <\/div>\n <\/div>\n\n <div class=\"etch-immo-progress\" aria-label=\"Progression de la visite\">\n <button class=\"etch-immo-dot is-active\" type=\"button\" data-target=\"#immo-top\" aria-label=\"Aller \u00e0 l\u2019accueil\"><\/button>\n <button class=\"etch-immo-dot\" type=\"button\" data-target=\"#immo-facade\" aria-label=\"Aller \u00e0 la fa\u00e7ade\"><\/button>\n <button class=\"etch-immo-dot\" type=\"button\" data-target=\"#immo-entree\" aria-label=\"Aller \u00e0 l\u2019entr\u00e9e\"><\/button>\n <button class=\"etch-immo-dot\" type=\"button\" data-target=\"#immo-vie\" aria-label=\"Aller aux pi\u00e8ces de vie\"><\/button>\n <button class=\"etch-immo-dot\" type=\"button\" data-target=\"#immo-terrasse\" aria-label=\"Aller \u00e0 la terrasse\"><\/button>\n <button class=\"etch-immo-dot\" type=\"button\" data-target=\"#immo-contact\" aria-label=\"Aller au contact\"><\/button>\n <\/div>\n\n <section id=\"immo-top\" class=\"etch-immo-section etch-immo-layout-hero\">\n <div class=\"etch-immo-content\">\n <div class=\"etch-immo-kicker\">Visite immersive au Pays basque<\/div>\n <h1 class=\"etch-immo-title\">Maison de caract\u00e8re<br><span>au Pays basque<\/span><\/h1>\n <p class=\"etch-immo-text\">\n Une d\u00e9monstration immobili\u00e8re premium o\u00f9 la vid\u00e9o accompagne le visiteur comme une visite priv\u00e9e, du portail jusqu\u2019\u00e0 la lumi\u00e8re finale sur la baie.\n <\/p>\n\n <div class=\"etch-immo-actions\">\n <a class=\"etch-immo-btn\" href=\"#immo-facade\">Commencer la visite<\/a>\n <a class=\"etch-immo-btn etch-immo-btn-soft\" href=\"#immo-contact\">Voir la d\u00e9mo agence<\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"immo-facade\" class=\"etch-immo-section etch-immo-layout-left\">\n <div class=\"etch-immo-content\">\n <div class=\"etch-immo-kicker\">01 \/ Fa\u00e7ade<\/div>\n <h2 class=\"etch-immo-heading\">Une fa\u00e7ade basque, blanche, sobre et <span>pr\u00e9cieuse<\/span><\/h2>\n <p class=\"etch-immo-text\">\n Colombages traditionnels, pierre ancienne, portail ouvert et lumi\u00e8re atlantique : la premi\u00e8re s\u00e9quence installe la raret\u00e9 du bien sans surcharge visuelle.\n <\/p>\n <\/div>\n\n <div class=\"etch-immo-panel\">\n <strong>Image de d\u00e9part<\/strong>\n <span>Maison labourdine, all\u00e9e en pierre, cadrage frontal, lumi\u00e8re dor\u00e9e et espace libre suffisant pour les textes HTML.<\/span>\n <\/div>\n <\/section>\n\n <section id=\"immo-entree\" class=\"etch-immo-section etch-immo-layout-right\">\n <div class=\"etch-immo-content\">\n <div class=\"etch-immo-kicker\">02 \/ Entr\u00e9e<\/div>\n <h2 class=\"etch-immo-heading\">Le scroll devient une <span>visite priv\u00e9e<\/span><\/h2>\n <p class=\"etch-immo-text\">\n L\u2019avanc\u00e9e de la cam\u00e9ra remplace l\u2019empilement classique des blocs. Chaque section marque une \u00e9tape nette de la visite, avec une lecture calme et haut de gamme.\n <\/p>\n\n <div class=\"etch-immo-specs\">\n <span class=\"etch-immo-spec\"><strong>Vid\u00e9o<\/strong> pilot\u00e9e<\/span>\n <span class=\"etch-immo-spec\"><strong>Snap<\/strong> fluide<\/span>\n <span class=\"etch-immo-spec\"><strong>Texte<\/strong> lisible<\/span>\n <\/div>\n <\/div>\n\n <div class=\"etch-immo-panel\">\n <strong>Rythme<\/strong>\n <span>Travelling lent, aucune coupe brutale, aucun effet d\u00e9coratif ajout\u00e9 au-dessus de l\u2019image.<\/span>\n <\/div>\n <\/section>\n\n <section id=\"immo-vie\" class=\"etch-immo-section etch-immo-layout-gallery\">\n <div class=\"etch-immo-content\">\n <div class=\"etch-immo-kicker\">03 \/ Pi\u00e8ces de vie<\/div>\n <h2 class=\"etch-immo-heading\">Pr\u00e9senter le bien comme une <span>exp\u00e9rience rare<\/span><\/h2>\n <p class=\"etch-immo-text\">\n Ce format sert \u00e0 valoriser un mandat exclusif, une maison de caract\u00e8re ou une d\u00e9monstration commerciale destin\u00e9e aux vendeurs.\n <\/p>\n\n <div class=\"etch-immo-grid\">\n <div class=\"etch-immo-small-card\">\n <strong>Vente<\/strong>\n <span>Une narration plus forte qu\u2019une annonce classique pour donner de la pr\u00e9sence au bien.<\/span>\n <\/div>\n\n <div class=\"etch-immo-small-card\">\n <strong>Estimation<\/strong>\n <span>Un positionnement premium pour capter des propri\u00e9taires dans le secteur local.<\/span>\n <\/div>\n\n <div class=\"etch-immo-small-card\">\n <strong>Mandat<\/strong>\n <span>Un support distinctif pour montrer la diff\u00e9rence entre diffusion et mise en sc\u00e8ne.<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"immo-terrasse\" class=\"etch-immo-section etch-immo-layout-calm\">\n <div class=\"etch-immo-content\">\n <div class=\"etch-immo-kicker\">04 \/ Terrasse<\/div>\n <h2 class=\"etch-immo-heading\">La visite s\u2019ouvre sur la baie et la <span>lumi\u00e8re dor\u00e9e<\/span><\/h2>\n <p class=\"etch-immo-text\">\n La fin de la vid\u00e9o doit respirer : terrasse, garde-corps, jardin, baie de Txingudi, montagnes et atmosph\u00e8re de fin de journ\u00e9e.\n <\/p>\n <\/div>\n <\/section>\n\n <section id=\"immo-contact\" class=\"etch-immo-section etch-immo-layout-final\">\n <div class=\"etch-immo-content\">\n <div class=\"etch-immo-kicker\">D\u00e9mo agence immobili\u00e8re<\/div>\n <h2 class=\"etch-immo-heading\">Une maison de caract\u00e8re m\u00e9rite mieux qu\u2019une annonce standard.<\/h2>\n <p class=\"etch-immo-text\">\n Cette page montre comment transformer un bien local en visite \u00e9motionnelle, lisible, premium et parfaitement adapt\u00e9e au scroll vid\u00e9o.\n <\/p>\n\n <div class=\"etch-immo-actions\">\n <a class=\"etch-immo-btn\" href=\"#immo-top\">Revoir la visite<\/a>\n <\/div>\n <\/div>\n\n <footer class=\"etch-immo-footer\">\n <div class=\"etch-immo-footer-grid\">\n <div>\n <h3 class=\"etch-immo-footer-title\">Ibaia Signature<\/h3>\n <p class=\"etch-immo-footer-text\">\n Marque immobili\u00e8re fictive cr\u00e9\u00e9e pour une d\u00e9monstration scroll vid\u00e9o premium inspir\u00e9e des maisons du Pays basque.\n <\/p>\n <\/div>\n\n <div>\n <h3 class=\"etch-immo-footer-title\">Visite<\/h3>\n <div class=\"etch-immo-footer-links\">\n <a href=\"#immo-facade\">Fa\u00e7ade basque<\/a>\n <a href=\"#immo-entree\">Entr\u00e9e priv\u00e9e<\/a>\n <a href=\"#immo-terrasse\">Terrasse & baie<\/a>\n <\/div>\n <\/div>\n\n <div>\n <h3 class=\"etch-immo-footer-title\">Secteur<\/h3>\n <div class=\"etch-immo-footer-links\">\n <a href=\"#immo-top\">Hendaye<\/a>\n <a href=\"#immo-top\">Hondarribia<\/a>\n <a href=\"#immo-top\">Baie de Txingudi<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"etch-immo-footer-bottom\">\n <span>\u00a9 2026 Ibaia Signature Immobilier \u2014 marque fictive<\/span>\n <span>D\u00e9mo scroll vid\u00e9o pour agence immobili\u00e8re<\/span>\n <\/div>\n <\/footer>\n <\/section>\n <\/main>\n\n <script>\n (function () {\n function initImmoNativeSnap() {\n var root = document.querySelector('[data-etch-snap-sections]');\n if (!root || root.dataset.etchReady === '1') return;\n\n root.dataset.etchReady = '1';\n root.classList.add('etch-snap-ready');\n\n var sections = Array.prototype.slice.call(root.querySelectorAll('.etch-immo-section'));\n var dots = Array.prototype.slice.call(root.querySelectorAll('.etch-immo-dot'));\n\n if (!sections.length) return;\n\n function setActive(index) {\n sections.forEach(function (section, i) {\n section.classList.toggle('etch-immo-active', i === index);\n });\n\n dots.forEach(function (dot, i) {\n dot.classList.toggle('is-active', i === index);\n });\n }\n\n var observer = new IntersectionObserver(function (entries) {\n var visible = entries\n .filter(function (entry) { return entry.isIntersecting; })\n .sort(function (a, b) { return b.intersectionRatio - a.intersectionRatio; })[0];\n\n if (!visible) return;\n\n var index = sections.indexOf(visible.target);\n if (index >= 0) setActive(index);\n }, {\n root: null,\n threshold: [0.45, 0.6, 0.75]\n });\n\n sections.forEach(function (section) {\n observer.observe(section);\n });\n\n dots.forEach(function (dot, index) {\n dot.addEventListener('click', function () {\n sections[index].scrollIntoView({ behavior: 'smooth', block: 'start' });\n });\n });\n\n root.querySelectorAll('a[href^=\"#immo-\"]').forEach(function (link) {\n link.addEventListener('click', function (event) {\n var target = document.querySelector(link.getAttribute('href'));\n if (!target) return;\n\n event.preventDefault();\n target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n });\n });\n\n var initialHash = window.location.hash;\n var initialIndex = sections.findIndex(function (section) {\n return '#' + section.id === initialHash;\n });\n\n setActive(initialIndex >= 0 ? initialIndex : 0);\n }\n\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', initImmoNativeSnap);\n } else {\n initImmoNativeSnap();\n }\n })();\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Maison de caract\u00e8re au Pays basque \u2014 D\u00e9mo scroll vid\u00e9o Ibaia Signature Immobilier Fa\u00e7ade Entr\u00e9e Pi\u00e8ces de vie Terrasse Estimation priv\u00e9e Visite immersive au Pays basque Maison de caract\u00e8reau Pays basque Une d\u00e9monstration immobili\u00e8re premium o\u00f9 la vid\u00e9o accompagne le visiteur comme une visite priv\u00e9e, du portail jusqu\u2019\u00e0 la lumi\u00e8re finale sur la baie. Commencer […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"sin-header-footer","meta":{"_crdt_document":"","ai_generated_summary":"","_svbs_page_enabled":true,"_svbs_page_video_id":7667,"_svbs_page_video_url":"https:\/\/etchenet.com\/wp-content\/uploads\/2026\/05\/Demo-Scroll-Video-\u2014-Agence-immobiliere-Pays-basque-scrub.mp4","_svbs_page_overlay_color":"#13205e","_svbs_page_overlay_opacity":0.16,"_svbs_page_scroll_range":10000,"_svbs_page_scroll_range_desktop":10000,"_svbs_page_scroll_range_tablet":7000,"_svbs_page_scroll_range_mobile":4500,"_svbs_page_start_time":0,"_svbs_page_end_time":0,"_svbs_page_mobile_behavior":"poster","_svbs_page_z_index":0,"footnotes":""},"class_list":["post-7661","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/etchenet.com\/es\/wp-json\/wp\/v2\/pages\/7661","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/etchenet.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/etchenet.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/etchenet.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/etchenet.com\/es\/wp-json\/wp\/v2\/comments?post=7661"}],"version-history":[{"count":8,"href":"https:\/\/etchenet.com\/es\/wp-json\/wp\/v2\/pages\/7661\/revisions"}],"predecessor-version":[{"id":7675,"href":"https:\/\/etchenet.com\/es\/wp-json\/wp\/v2\/pages\/7661\/revisions\/7675"}],"wp:attachment":[{"href":"https:\/\/etchenet.com\/es\/wp-json\/wp\/v2\/media?parent=7661"}],"curies":[{"name":"gracias","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}