{"id":6456,"date":"2025-09-12T11:56:56","date_gmt":"2025-09-12T09:56:56","guid":{"rendered":"https:\/\/alaska-france.fr\/boutique\/?page_id=6456"},"modified":"2025-11-30T12:46:41","modified_gmt":"2025-11-30T11:46:41","slug":"qui-sommes-nous","status":"publish","type":"page","link":"https:\/\/alaska-france.fr\/boutique\/qui-sommes-nous\/","title":{"rendered":"Qui Sommes Nous"},"content":{"rendered":"\r\n    <style>\r\n        .alaska-doc { \r\n            font-family: 'Inter', sans-serif; \r\n            background: #f8fafc;\r\n            color: #0f172a;\r\n            scroll-behavior: smooth;\r\n            font-size: 19px; \/* Base size XL *\/\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .alaska-doc h1, \r\n        .alaska-doc h2, \r\n        .alaska-doc h3 { \r\n            letter-spacing: -0.02em; \r\n            line-height: 1.2;\r\n        }\r\n\r\n        .pill {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 0.5rem;\r\n            padding: 0.5rem 1rem;\r\n            border-radius: 999px;\r\n            font-size: 0.95rem;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.08em;\r\n        }\r\n\r\n        .bento-card {\r\n            background: #ffffff;\r\n            border-radius: 1.5rem;\r\n            border: 1px solid #e2e8f0;\r\n            box-shadow:\r\n                0 10px 15px -3px rgba(15, 23, 42, 0.08),\r\n                0 4px 6px -4px rgba(15, 23, 42, 0.04);\r\n            transition: all 0.25s ease-out;\r\n            height: 100%;\r\n        }\r\n        .bento-card:hover {\r\n            transform: translateY(-4px);\r\n            box-shadow:\r\n                0 25px 40px -12px rgba(15, 23, 42, 0.18),\r\n                0 10px 15px -10px rgba(15, 23, 42, 0.06);\r\n        }\r\n\r\n        .stat-number {\r\n            font-size: 3.5rem;\r\n            font-weight: 800;\r\n            line-height: 1;\r\n            background: -webkit-linear-gradient(45deg, #0f172a, #3b82f6);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n        }\r\n\r\n        .reveal { \r\n            opacity: 0; \r\n            transform: translateY(18px); \r\n            transition: all 0.6s ease-out; \r\n        }\r\n        .reveal.active { \r\n            opacity: 1; \r\n            transform: translateY(0); \r\n        }\r\n\r\n        .sticky-subnav {\r\n            position: sticky;\r\n            top: 0;\r\n            z-index: 40;\r\n            backdrop-filter: blur(12px);\r\n            -webkit-backdrop-filter: blur(12px);\r\n        }\r\n\r\n        \/* Lightbox *\/\r\n        #lightbox { \r\n            transition: opacity 0.25s ease; \r\n            backdrop-filter: blur(6px); \r\n            -webkit-backdrop-filter: blur(6px);\r\n        }\r\n        \r\n        .fa-solid { margin-top: 4px; }\r\n        \r\n        \/* Animation douce *\/\r\n        @keyframes float {\r\n            0% { transform: translateY(0px); }\r\n            50% { transform: translateY(-10px); }\r\n            100% { transform: translateY(0px); }\r\n        }\r\n        .ai-float { animation: float 6s ease-in-out infinite; }\r\n    <\/style>\r\n\r\n    <div class=\"alaska-doc\">\r\n\r\n        <section id=\"top\" class=\"relative overflow-hidden\">\r\n            <div class=\"absolute inset-x-0 -top-24 h-96 bg-gradient-to-br from-indigo-50 via-blue-50 to-slate-50 pointer-events-none\"><\/div>\r\n\r\n            <div class=\"relative max-w-[90rem] mx-auto px-6 lg:px-12 pt-16 pb-20\">\r\n                <div class=\"grid gap-16 lg:grid-cols-[40%_60%] items-center\">\r\n                    <div class=\"reveal\">\r\n                        <span class=\"pill bg-blue-50 text-blue-700 border border-blue-100 mb-6\">\r\n                            <i class=\"fa-solid fa-users\"><\/i> Qui sommes-nous ?\r\n                        <\/span>\r\n\r\n                        <h1 class=\"text-4xl md:text-5xl xl:text-6xl font-extrabold text-slate-900 mb-6 leading-tight\">\r\n                            Des am\u00e9nagements de pro <span class=\"text-blue-600\">pour des pros<\/span>.\r\n                        <\/h1>\r\n\r\n                        <p class=\"text-slate-600 text-xl md:text-2xl mb-10 font-medium leading-relaxed\">\r\n                            ALASKA fabrique et pose des am\u00e9nagements de v\u00e9hicules <strong>solides et pratiques<\/strong> avant tout. \r\n                            Nous savons que les artisans ont besoin d\u2019\u00e9quipements robustes qui r\u00e9sistent \u00e0 des manipulations intensives.\r\n                        <\/p>\r\n\r\n                        <div class=\"flex flex-col sm:flex-row items-start sm:items-center gap-5 mb-12\">\r\n                            <button \r\n                                onclick=\"document.getElementById('philosophie').scrollIntoView({behavior:'smooth'})\"\r\n                                class=\"inline-flex items-center gap-3 px-8 py-5 rounded-full bg-slate-900 text-white text-lg font-bold shadow-xl shadow-slate-900\/20 hover:bg-slate-800 transition\">\r\n                                <i class=\"fa-solid fa-handshake\"><\/i>\r\n                                Notre Philosophie\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"relative reveal\" style=\"transition-delay:120ms;\">\r\n                        <div class=\"bento-card p-4 lg:p-6 overflow-hidden relative z-10 transform lg:scale-105 origin-left\">\r\n                            <div class=\"flex items-center justify-between px-2 pt-1 mb-6\">\r\n                                <div class=\"flex gap-3\">\r\n                                    <span class=\"w-4 h-4 rounded-full bg-slate-200\"><\/span>\r\n                                    <span class=\"w-4 h-4 rounded-full bg-slate-200\"><\/span>\r\n                                <\/div>\r\n                                <span class=\"text-base uppercase tracking-[0.2em] text-slate-400 font-bold\">\r\n                                    Vid\u00e9o de pr\u00e9sentation\r\n                                <\/span>\r\n                            <\/div>\r\n\r\n                            <div class=\"relative rounded-3xl overflow-hidden aspect-video group cursor-pointer shadow-inner bg-slate-900\"\r\n                                 onclick=\"openLightbox(this.querySelector('video'))\">\r\n                                <video autoplay muted loop playsinline class=\"w-full h-full object-cover opacity-90 group-hover:scale-[1.02] group-hover:opacity-100 transition duration-700\">\r\n                                    <source src=\"https:\/\/alaska-france.fr\/boutique\/wp-content\/uploads\/2025\/11\/plublicite-alaska-amenagement-.mp4\" type=\"video\/mp4\">\r\n                                <\/video>\r\n                                <div class=\"absolute inset-0 bg-gradient-to-t from-black\/60 via-transparent to-transparent pointer-events-none\"><\/div>\r\n                                <div class=\"absolute bottom-8 left-8 text-white\">\r\n                                    <div class=\"font-bold text-3xl mb-1\">ALASKA AM\u00c9NAGEMENT<\/div>\r\n                                    <div class=\"opacity-90 text-xl\">D\u00e9couvrez nos ateliers<\/div>\r\n                                <\/div>\r\n                                <div class=\"absolute inset-0 flex items-center justify-center pointer-events-none\">\r\n                                    <div class=\"w-24 h-24 rounded-full bg-white\/20 border-2 border-white\/50 flex items-center justify-center shadow-xl backdrop-blur-sm group-hover:scale-110 transition\">\r\n                                        <i class=\"fa-solid fa-play text-white text-4xl ml-2\"><\/i>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"absolute -bottom-8 -left-8 bg-white rounded-3xl border-2 border-blue-100 shadow-2xl px-8 py-6 flex items-center gap-5 z-30 ai-float\">\r\n                            <div class=\"w-16 h-16 rounded-full bg-blue-50 flex items-center justify-center text-blue-600 text-3xl shrink-0 border border-blue-100\">\r\n                                <i class=\"fa-solid fa-medal\"><\/i>\r\n                            <\/div>\r\n                            <div class=\"text-base leading-snug\">\r\n                                <div class=\"font-bold text-slate-900 text-xl mb-1\">Qualit\u00e9 certifi\u00e9e<\/div>\r\n                                <div class=\"text-slate-500 text-lg\">Robustesse maximale<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"sticky-subnav border-y border-slate-200\/60 bg-white\/85\">\r\n                <div class=\"max-w-7xl mx-auto px-6 lg:px-12\">\r\n                    <div class=\"flex flex-wrap gap-4 py-5 text-base font-semibold text-slate-500\">\r\n                        <button onclick=\"document.getElementById('top').scrollIntoView({behavior:'smooth'})\"\r\n                                class=\"px-5 py-2.5 rounded-full hover:bg-slate-100 flex items-center gap-2 transition\">\r\n                            <i class=\"fa-solid fa-house text-slate-400\"><\/i> Accueil\r\n                        <\/button>\r\n                        <button onclick=\"document.getElementById('chiffres').scrollIntoView({behavior:'smooth'})\"\r\n                                class=\"px-5 py-2.5 rounded-full hover:bg-slate-100 flex items-center gap-2 transition\">\r\n                            <i class=\"fa-solid fa-chart-pie text-slate-400\"><\/i> Chiffres\r\n                        <\/button>\r\n                        <button onclick=\"document.getElementById('sur-mesure').scrollIntoView({behavior:'smooth'})\"\r\n                                class=\"px-5 py-2.5 rounded-full hover:bg-slate-100 flex items-center gap-2 transition\">\r\n                            <i class=\"fa-solid fa-compass-drafting text-slate-400\"><\/i> Sur Mesure\r\n                        <\/button>\r\n                        <button onclick=\"document.getElementById('qualite').scrollIntoView({behavior:'smooth'})\"\r\n                                class=\"px-5 py-2.5 rounded-full hover:bg-slate-100 flex items-center gap-2 transition\">\r\n                            <i class=\"fa-solid fa-gem text-slate-400\"><\/i> Qualit\u00e9\r\n                        <\/button>\r\n                        <button onclick=\"document.getElementById('avis').scrollIntoView({behavior:'smooth'})\"\r\n                                class=\"px-5 py-2.5 rounded-full hover:bg-slate-100 flex items-center gap-2 transition\">\r\n                            <i class=\"fa-brands fa-google text-slate-400\"><\/i> Avis\r\n                        <\/button>\r\n                         <button onclick=\"document.getElementById('localisation').scrollIntoView({behavior:'smooth'})\"\r\n                                class=\"px-5 py-2.5 rounded-full hover:bg-slate-100 flex items-center gap-2 transition\">\r\n                            <i class=\"fa-solid fa-map-location-dot text-slate-400\"><\/i> Contact\r\n                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <section id=\"chiffres\" class=\"py-20 lg:py-28 px-6 lg:px-12\">\r\n            <div class=\"max-w-7xl mx-auto\">\r\n                <div class=\"text-center mb-16 reveal\">\r\n                    <span class=\"pill bg-emerald-50 text-emerald-700 border border-emerald-200 mb-5\">\r\n                        <i class=\"fa-solid fa-arrow-trend-up\"><\/i> Croissance & Confiance\r\n                    <\/span>\r\n                    <h2 class=\"text-3xl md:text-5xl font-bold text-slate-900 mb-5\">\r\n                        L'exp\u00e9rience ALASKA <span class=\"text-emerald-600\">en quelques chiffres<\/span>.\r\n                    <\/h2>\r\n                    <p class=\"text-slate-500 max-w-3xl mx-auto text-xl\">\r\n                        Depuis deux d\u00e9cennies, nous construisons notre r\u00e9putation sur des faits concrets et un volume d'affaires qui t\u00e9moigne de la confiance de nos clients.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 lg:gap-8\">\r\n                    \r\n                    <article class=\"bento-card p-8 reveal text-center flex flex-col items-center justify-center bg-slate-50 border-slate-200\">\r\n                        <div class=\"w-16 h-16 rounded-full bg-blue-100 flex items-center justify-center text-blue-600 text-3xl mb-6\">\r\n                            <i class=\"fa-solid fa-calendar-check\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"stat-number mb-2\">20<\/div>\r\n                        <div class=\"text-lg font-bold text-slate-700 uppercase tracking-wide\">Ann\u00e9es d'Exp\u00e9rience<\/div>\r\n                        <p class=\"text-slate-500 mt-3 text-base\">Un savoir-faire acquis sur le terrain depuis 2005.<\/p>\r\n                    <\/article>\r\n\r\n                    <article class=\"bento-card p-8 reveal text-center flex flex-col items-center justify-center bg-white\" style=\"transition-delay: 100ms;\">\r\n                        <div class=\"w-16 h-16 rounded-full bg-indigo-100 flex items-center justify-center text-indigo-600 text-3xl mb-6\">\r\n                            <i class=\"fa-solid fa-people-group\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"stat-number mb-2\">15<\/div>\r\n                        <div class=\"text-lg font-bold text-slate-700 uppercase tracking-wide\">\u00c9quipes D\u00e9di\u00e9es<\/div>\r\n                        <p class=\"text-slate-500 mt-3 text-base\">Experts en menuiserie, m\u00e9tal et logistique.<\/p>\r\n                    <\/article>\r\n\r\n                    <article class=\"bento-card p-8 reveal text-center flex flex-col items-center justify-center bg-white\" style=\"transition-delay: 200ms;\">\r\n                        <div class=\"w-16 h-16 rounded-full bg-emerald-100 flex items-center justify-center text-emerald-600 text-3xl mb-6\">\r\n                            <i class=\"fa-solid fa-face-smile\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"stat-number mb-2\">10 000<\/div>\r\n                        <div class=\"text-lg font-bold text-slate-700 uppercase tracking-wide\">Clients Satisfaits<\/div>\r\n                        <p class=\"text-slate-500 mt-3 text-base\">Artisans ind\u00e9pendants et flottes d'entreprises.<\/p>\r\n                    <\/article>\r\n\r\n                    <article class=\"bento-card p-8 reveal text-center flex flex-col items-center justify-center bg-slate-900 text-white border-slate-900\" style=\"transition-delay: 300ms;\">\r\n                        <div class=\"w-16 h-16 rounded-full bg-white\/10 flex items-center justify-center text-white text-3xl mb-6 border border-white\/20\">\r\n                            <i class=\"fa-solid fa-truck-fast\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"text-5xl font-extrabold mb-2 text-white\">20k<\/div>\r\n                        <div class=\"text-lg font-bold text-blue-200 uppercase tracking-wide\">Am\u00e9nagements<\/div>\r\n                        <p class=\"text-slate-400 mt-3 text-base\">V\u00e9hicules \u00e9quip\u00e9s et livr\u00e9s partout en France.<\/p>\r\n                    <\/article>\r\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <section id=\"philosophie\" class=\"py-20 lg:py-28 px-6 lg:px-12 bg-white border-y border-slate-200\">\r\n            <div class=\"max-w-7xl mx-auto\">\r\n                <div class=\"grid lg:grid-cols-[1.5fr,2fr] gap-12 lg:gap-20 items-center\">\r\n                    \r\n                    <div class=\"reveal relative\">\r\n                        <div class=\"bento-card p-0 overflow-hidden min-h-[400px] relative flex items-end\">\r\n                            <img decoding=\"async\" src=\"https:\/\/alaska-france.fr\/boutique\/aide\/13440487355205225912.jpg\" \r\n                                 class=\"absolute inset-0 w-full h-full object-cover grayscale opacity-30\" \r\n                                 alt=\"Atelier Alaska\">\r\n                            <div class=\"absolute inset-0 bg-gradient-to-t from-blue-900\/90 to-slate-900\/40\"><\/div>\r\n                            \r\n                            <div class=\"relative p-10 text-white z-10\">\r\n                                <i class=\"fa-solid fa-quote-left text-4xl text-blue-400 mb-6 opacity-80\"><\/i>\r\n                                <h3 class=\"text-3xl font-bold leading-normal mb-4\">\r\n                                    \"Conqu\u00e9rir un client c'est bien... le fid\u00e9liser c'est mieux !\"\r\n                                <\/h3>\r\n                                <div class=\"flex items-center gap-4 mt-6 border-t border-white\/20 pt-6\">\r\n                                    <div class=\"w-12 h-12 rounded-full bg-blue-500 flex items-center justify-center font-bold\">A<\/div>\r\n                                    <div>\r\n                                        <div class=\"font-bold\">L'\u00e9quipe Alaska<\/div>\r\n                                        <div class=\"text-sm text-blue-200\">Engagement Qualit\u00e9<\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"reveal\" style=\"transition-delay: 150ms;\">\r\n                        <span class=\"pill bg-orange-50 text-orange-700 border border-orange-200 mb-6\">\r\n                            <i class=\"fa-solid fa-bullhorn\"><\/i> Le Bouche \u00e0 Oreille\r\n                        <\/span>\r\n                        <h2 class=\"text-3xl md:text-5xl font-bold text-slate-900 mb-6\">\r\n                            Notre meilleure publicit\u00e9,<br><span class=\"text-orange-600\">c'est vous<\/span>.\r\n                        <\/h2>\r\n                        <div class=\"text-xl text-slate-600 space-y-6 leading-relaxed\">\r\n                            <p>\r\n                                Un artisan satisfait par nos am\u00e9nagements va nous recommander aupr\u00e8s d\u2019autres artisans. \r\n                                Nous sommes fiers de dire que la soci\u00e9t\u00e9 ALASKA fonctionne \u00e9norm\u00e9ment par le \r\n                                <strong class=\"text-slate-900 bg-orange-100 px-2 py-1 rounded\">\u00ab bouche \u00e0 oreille \u00bb<\/strong> sur l\u2019ensemble de la France.\r\n                            <\/p>\r\n                            <p>\r\n                                La satisfaction de nos clients artisans nous assure une p\u00e9rennit\u00e9 que m\u00eame un site internet le plus beau \r\n                                ou une \u00e9quipe commerciale tr\u00e8s efficace n\u2019arrive pas \u00e0 obtenir.\r\n                            <\/p>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"mt-10 grid sm:grid-cols-2 gap-4\">\r\n                            <div class=\"flex items-center gap-4 p-4 rounded-xl bg-slate-50 border border-slate-100\">\r\n                                <i class=\"fa-solid fa-check-circle text-green-500 text-2xl\"><\/i>\r\n                                <span class=\"font-bold text-slate-700\">Recommandation Client<\/span>\r\n                            <\/div>\r\n                            <div class=\"flex items-center gap-4 p-4 rounded-xl bg-slate-50 border border-slate-100\">\r\n                                <i class=\"fa-solid fa-infinity text-blue-500 text-2xl\"><\/i>\r\n                                <span class=\"font-bold text-slate-700\">P\u00e9rennit\u00e9 assur\u00e9e<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <section id=\"sur-mesure\" class=\"py-20 lg:py-28 px-6 lg:px-12 bg-slate-50 border-b border-slate-200\">\r\n            <div class=\"max-w-7xl mx-auto\">\r\n                <div class=\"grid lg:grid-cols-2 gap-16 items-center\">\r\n                    \r\n                    <div class=\"order-2 lg:order-1 reveal\">\r\n                        <span class=\"pill bg-violet-50 text-violet-700 border border-violet-200 mb-6\">\r\n                            <i class=\"fa-solid fa-compass-drafting\"><\/i> Ing\u00e9nierie & Savoir-faire\r\n                        <\/span>\r\n                        <h2 class=\"text-3xl md:text-5xl font-bold text-slate-900 mb-6\">\r\n                            Du standard au <span class=\"text-violet-600\">sur mesure<\/span>.\r\n                        <\/h2>\r\n                        <p class=\"text-xl text-slate-600 mb-8 leading-relaxed\">\r\n                            ALASKA France est devenu un acteur incontournable et majeur de l\u2019\u00e9quipement du v\u00e9hicule utilitaire \r\n                            gr\u00e2ce au savoir-faire de ses \u00e9quipes qui r\u00e9alisent des am\u00e9nagements des plus simples au plus sp\u00e9cifiques.\r\n                        <\/p>\r\n\r\n                        <div class=\"space-y-6\">\r\n                            <div class=\"bg-white p-6 rounded-2xl border border-slate-200 shadow-sm\">\r\n                                <h4 class=\"font-bold text-slate-900 mb-3 flex items-center gap-2\">\r\n                                    <i class=\"fa-solid fa-wrench text-violet-500\"><\/i> Technique & Sp\u00e9cifique\r\n                                <\/h4>\r\n                                <ul class=\"space-y-2 text-slate-600\">\r\n                                    <li>\u2022 Camion atelier (m\u00e9canique; flexibles hydrauliques)<\/li>\r\n                                    <li>\u2022 V\u00e9hicule de d\u00e9pannage<\/li>\r\n                                    <li>\u2022 Fourgon de d\u00e9monstration (Nike, Windows\u2026)<\/li>\r\n                                    <li>\u2022 Installation de fibre optique & exploration canalisations<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n\r\n                            <div class=\"bg-white p-6 rounded-2xl border border-slate-200 shadow-sm\">\r\n                                <h4 class=\"font-bold text-slate-900 mb-3 flex items-center gap-2\">\r\n                                    <i class=\"fa-solid fa-briefcase text-violet-500\"><\/i> Pour tous les m\u00e9tiers\r\n                                <\/h4>\r\n                                <div class=\"flex flex-wrap gap-2\">\r\n                                    <span class=\"px-3 py-1 bg-slate-100 text-slate-700 rounded-md text-sm font-semibold\">Serruriers<\/span>\r\n                                    <span class=\"px-3 py-1 bg-slate-100 text-slate-700 rounded-md text-sm font-semibold\">Miroitiers<\/span>\r\n                                    <span class=\"px-3 py-1 bg-slate-100 text-slate-700 rounded-md text-sm font-semibold\">Plombiers<\/span>\r\n                                    <span class=\"px-3 py-1 bg-slate-100 text-slate-700 rounded-md text-sm font-semibold\">Chauffagistes<\/span>\r\n                                    <span class=\"px-3 py-1 bg-slate-100 text-slate-700 rounded-md text-sm font-semibold\">\u00c9lectriciens<\/span>\r\n                                    <span class=\"px-3 py-1 bg-slate-100 text-slate-700 rounded-md text-sm font-semibold\">BTP<\/span>\r\n                                    <span class=\"px-3 py-1 bg-slate-100 text-slate-700 rounded-md text-sm font-semibold\">Ma\u00e7ons<\/span>\r\n                                    <span class=\"px-3 py-1 bg-slate-100 text-slate-700 rounded-md text-sm font-semibold\">Plaquistes<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"order-1 lg:order-2 reveal\" style=\"transition-delay: 150ms;\">\r\n                         <div class=\"bento-card p-3 rotate-2 hover:rotate-0 transition duration-500 cursor-pointer\"\r\n                              onclick=\"openLightbox(this.querySelector('img'))\">\r\n                            <div class=\"relative rounded-2xl overflow-hidden aspect-[4\/3] shadow-inner\">\r\n                                <img decoding=\"async\" src=\"https:\/\/alaska-france.fr\/boutique\/aide\/8237534503679275998.jpg\" \r\n                                     alt=\"Am\u00e9nagement sur mesure Alaska\" \r\n                                     class=\"w-full h-full object-cover transform hover:scale-105 transition duration-700\">\r\n                                <div class=\"absolute inset-0 bg-gradient-to-t from-black\/50 via-transparent to-transparent pointer-events-none\"><\/div>\r\n                                <div class=\"absolute bottom-6 left-6 text-white font-bold text-lg flex items-center gap-3\">\r\n                                    <i class=\"fa-solid fa-magnifying-glass-plus\"><\/i> Voir la r\u00e9alisation\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <section id=\"qualite\" class=\"py-20 lg:py-28 px-6 lg:px-12 bg-white border-b border-slate-200\">\r\n            <div class=\"max-w-7xl mx-auto\">\r\n                <div class=\"grid lg:grid-cols-2 gap-16 items-center\">\r\n                    \r\n                    <div class=\"reveal\">\r\n                        <div class=\"bento-card p-8 flex items-center justify-center bg-blue-50\/50 cursor-pointer\"\r\n                             onclick=\"openLightbox(this.querySelector('img'))\">\r\n                            <img decoding=\"async\" src=\"https:\/\/alaska-france.fr\/boutique\/aide\/6683667682043115910.png\" \r\n                                 alt=\"Mat\u00e9riaux robustes Alaska\" \r\n                                 class=\"max-w-full h-auto drop-shadow-2xl transform hover:scale-105 transition duration-500\">\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"reveal\" style=\"transition-delay: 150ms;\">\r\n                        <span class=\"pill bg-blue-50 text-blue-700 border border-blue-200 mb-6\">\r\n                            <i class=\"fa-solid fa-layer-group\"><\/i> Mat\u00e9riaux & Conception\r\n                        <\/span>\r\n                        <h2 class=\"text-3xl md:text-5xl font-bold text-slate-900 mb-6\">\r\n                            Ni du luxe, <span class=\"text-blue-600\">ni du low cost<\/span>.\r\n                        <\/h2>\r\n                        <p class=\"text-xl text-slate-600 mb-8 leading-relaxed\">\r\n                            Des am\u00e9nagements solides et pratiques avant tout. Nous savons que les artisans ont besoin d\u2019\u00e9quipements robustes \r\n                            qui r\u00e9sistent \u00e0 des manipulations intensives et qui ne plient pas sous la charge.\r\n                        <\/p>\r\n\r\n                        <div class=\"space-y-4\">\r\n                            <div class=\"flex items-start gap-4 p-4 rounded-xl bg-slate-50 border border-slate-100 hover:border-blue-200 transition\">\r\n                                <div class=\"w-10 h-10 rounded-full bg-blue-100 flex items-center justify-center text-blue-600 shrink-0 mt-1\">\r\n                                    <i class=\"fa-solid fa-tree\"><\/i>\r\n                                <\/div>\r\n                                <div>\r\n                                    <h4 class=\"font-bold text-slate-900 text-lg\">Contreplaqu\u00e9 Okoum\u00e9<\/h4>\r\n                                    <p class=\"text-slate-500\">Mat\u00e9riau noble reconnu pour sa r\u00e9sistance \u00e0 l'humidit\u00e9 et sa long\u00e9vit\u00e9.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"flex items-start gap-4 p-4 rounded-xl bg-slate-50 border border-slate-100 hover:border-blue-200 transition\">\r\n                                <div class=\"w-10 h-10 rounded-full bg-blue-100 flex items-center justify-center text-blue-600 shrink-0 mt-1\">\r\n                                    <i class=\"fa-solid fa-screwdriver-wrench\"><\/i>\r\n                                <\/div>\r\n                                <div>\r\n                                    <h4 class=\"font-bold text-slate-900 text-lg\">Visserie adapt\u00e9e<\/h4>\r\n                                    <p class=\"text-slate-500\">Techniques d'assemblage qui renforcent la structure globale.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n        \r\n        <section id=\"avis\" class=\"py-20 lg:py-28 px-6 lg:px-12 bg-white\">\r\n            <div class=\"max-w-7xl mx-auto\">\r\n                <div class=\"text-center mb-16 reveal\">\r\n                    <span class=\"pill bg-slate-50 text-slate-600 border border-slate-200 mb-5\">\r\n                        <i class=\"fa-brands fa-google text-red-500\"><\/i> Avis Clients\r\n                    <\/span>\r\n                    <h2 class=\"text-3xl md:text-5xl font-bold text-slate-900 mb-5\">\r\n                        Ce sont eux qui en parlent <span class=\"text-blue-600\">le mieux<\/span>.\r\n                    <\/h2>\r\n                <\/div>\r\n\r\n                <div class=\"grid lg:grid-cols-4 gap-6\">\r\n                    <div class=\"bento-card p-8 bg-slate-900 text-white border-slate-900 flex flex-col justify-between items-center text-center reveal\">\r\n                        <div class=\"mt-4\">\r\n                            <div class=\"text-6xl font-extrabold mb-2 text-white\">4.8<\/div>\r\n                            <div class=\"flex items-center justify-center gap-1 text-yellow-400 text-xl mb-3\">\r\n                                <i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star-half-stroke\"><\/i>\r\n                            <\/div>\r\n                            <div class=\"text-sm font-medium text-slate-400\">Bas\u00e9 sur les avis Google<\/div>\r\n                        <\/div>\r\n                        <a href=\"https:\/\/www.google.com\/search?sca_esv=74037920de05142e&sxsrf=AE3TifPx6b-xMY4sf9ddIr0xi1bPts9gzw:1764512983065&q=alaska+amenagement&si=AMgyJEuzsz2NflaaWzrzdpjxXXRaJ2hfdMsbe_mSWso6src8syZx4JM1mSYJnznTYcXT6K11yiepDWpudJU8oDkOSa-wP00QXWdXByBTSVFTPRqfpDc8yS8%3D&uds=AOm0WdGidOdjVhBHIqi6IfHFtxCDvRDvuc5BtMf6e5jhBTlsGBRfVu2yser3CaNMYf-VX5oc8e3NiPBzDOsO0JdBGrCFE6UbjfjCdIclwNGbtdW1WzIHJ30&sa=X&ved=2ahUKEwjupLqMi5qRAxVdRKQEHWZyLSIQ3PALegQILBAF&biw=1536&bih=730&dpr=1.25\" target=\"_blank\" class=\"mt-8 px-6 py-3 rounded-full bg-white text-slate-900 font-bold hover:bg-blue-50 transition w-full\">\r\n                            <i class=\"fa-brands fa-google mr-2\"><\/i> Voir les avis\r\n                        <\/a>\r\n                    <\/div>\r\n\r\n                    <div class=\"bento-card p-8 bg-slate-50 reveal border-transparent\" style=\"transition-delay: 100ms;\">\r\n                        <div class=\"flex items-center gap-1 text-yellow-400 text-sm mb-4\">\r\n                            <i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i>\r\n                        <\/div>\r\n                        <p class=\"text-slate-700 italic mb-6 leading-relaxed\">\r\n                            \"Entreprise tr\u00e8s s\u00e9rieuse. Am\u00e9nagement solide et bien pens\u00e9 pour mon utilitaire. L'\u00e9quipe a \u00e9t\u00e9 de bon conseil pour optimiser l'espace.\"\r\n                        <\/p>\r\n                        <div class=\"flex items-center gap-3 mt-auto pt-4 border-t border-slate-200\">\r\n                            <div class=\"w-8 h-8 rounded-full bg-blue-100 flex items-center justify-center font-bold text-blue-600 text-xs\">JP<\/div>\r\n                            <div class=\"text-sm font-bold text-slate-900\">Jean-Pierre M.<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"bento-card p-8 bg-slate-50 reveal border-transparent\" style=\"transition-delay: 200ms;\">\r\n                        <div class=\"flex items-center gap-1 text-yellow-400 text-sm mb-4\">\r\n                            <i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i>\r\n                        <\/div>\r\n                        <p class=\"text-slate-700 italic mb-6 leading-relaxed\">\r\n                            \"Rapport qualit\u00e9 prix excellent. Ce n'est pas du bas de gamme, \u00e7a tient dans le temps malgr\u00e9 le mat\u00e9riel lourd que je transporte. Je recommande.\"\r\n                        <\/p>\r\n                        <div class=\"flex items-center gap-3 mt-auto pt-4 border-t border-slate-200\">\r\n                            <div class=\"w-8 h-8 rounded-full bg-emerald-100 flex items-center justify-center font-bold text-emerald-600 text-xs\">TD<\/div>\r\n                            <div class=\"text-sm font-bold text-slate-900\">Thomas D.<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"bento-card p-8 bg-slate-50 reveal border-transparent\" style=\"transition-delay: 300ms;\">\r\n                        <div class=\"flex items-center gap-1 text-yellow-400 text-sm mb-4\">\r\n                            <i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i>\r\n                        <\/div>\r\n                        <p class=\"text-slate-700 italic mb-6 leading-relaxed\">\r\n                            \"Accueil pro et r\u00e9alisation du sur-mesure impeccable pour mon camion atelier. Les d\u00e9lais annonc\u00e9s ont \u00e9t\u00e9 respect\u00e9s.\"\r\n                        <\/p>\r\n                        <div class=\"flex items-center gap-3 mt-auto pt-4 border-t border-slate-200\">\r\n                            <div class=\"w-8 h-8 rounded-full bg-indigo-100 flex items-center justify-center font-bold text-indigo-600 text-xs\">AL<\/div>\r\n                            <div class=\"text-sm font-bold text-slate-900\">Alain L.<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <section id=\"histoire\" class=\"py-20 lg:py-28 px-6 lg:px-12 bg-white border-y border-slate-200\">\r\n            <div class=\"max-w-4xl mx-auto text-center reveal\">\r\n                <div class=\"w-20 h-20 mx-auto rounded-full bg-slate-50 border border-slate-200 flex items-center justify-center text-slate-800 text-3xl mb-8 shadow-lg\">\r\n                    <i class=\"fa-solid fa-anchor\"><\/i>\r\n                <\/div>\r\n                <h2 class=\"text-3xl md:text-5xl font-bold text-slate-900 mb-8\">\r\n                    Au service des artisans depuis 20 ans.\r\n                <\/h2>\r\n                <div class=\"prose prose-lg text-slate-600 mx-auto\">\r\n                    <p class=\"text-xl leading-relaxed\">\r\n                        Depuis plus de <strong>20 ans<\/strong>, la soci\u00e9t\u00e9 ALASKA met toutes ses comp\u00e9tences et son savoir-faire \r\n                        au service des artisans mais aussi des plus grandes entreprises.\r\n                    <\/p>\r\n                    <p class=\"text-xl leading-relaxed mt-6\">\r\n                        Consciente que ses meilleurs repr\u00e9sentants sont ses clients, les \u00e9quipes d\u2019ALASKA s\u2019efforcent de r\u00e9pondre \r\n                        efficacement aux besoins des professionnels en leur proposant des am\u00e9nagements pour leurs v\u00e9hicules \r\n                        utilitaires <strong>parfaitement adapt\u00e9s \u00e0 leur activit\u00e9<\/strong>.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n        \r\n        <section id=\"localisation\" class=\"py-20 lg:py-28 px-6 lg:px-12 bg-slate-50 border-b border-slate-200\">\r\n            <div class=\"max-w-7xl mx-auto\">\r\n                <div class=\"text-center mb-16 reveal\">\r\n                    <span class=\"pill bg-indigo-50 text-indigo-700 border border-indigo-200 mb-5\">\r\n                        <i class=\"fa-solid fa-location-dot\"><\/i> Nous trouver\r\n                    <\/span>\r\n                    <h2 class=\"text-3xl md:text-5xl font-bold text-slate-900 mb-5\">\r\n                        Au c\u0153ur de <span class=\"text-indigo-600\">l'\u00cele-de-France<\/span>.\r\n                    <\/h2>\r\n                    <p class=\"text-slate-500 max-w-3xl mx-auto text-xl\">\r\n                         Notre soci\u00e9t\u00e9 est install\u00e9e \u00e0 Saint Ouen l\u2019Aum\u00f4ne pr\u00e8s des grands axes routiers. \r\n                         Un site unique regroupant ateliers, exp\u00e9dition et services commerciaux.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"grid lg:grid-cols-2 gap-8\">\r\n                    <div class=\"reveal flex flex-col gap-6\">\r\n                        <div class=\"bento-card p-8\">\r\n                            <h3 class=\"text-2xl font-bold text-slate-900 mb-4 flex items-center gap-3\">\r\n                                <i class=\"fa-solid fa-building text-blue-500\"><\/i> Nos Locaux\r\n                            <\/h3>\r\n                            <p class=\"text-lg text-slate-600 mb-6 leading-relaxed\">\r\n                                D\u2019une superficie de <strong>620m\u00b2<\/strong> sur un terrain de <strong>1600m\u00b2<\/strong>, nos locaux, dont nous sommes propri\u00e9taires, \r\n                                regroupent sur 1 seul site l'ensemble de notre activit\u00e9.\r\n                            <\/p>\r\n                            <div class=\"bg-slate-100 p-4 rounded-xl flex items-center justify-between\">\r\n                                <span class=\"font-bold text-slate-700\">Contactez-nous<\/span>\r\n                                <a href=\"tel:0134218554\" class=\"text-xl font-extrabold text-blue-600 hover:text-blue-700\">01.34.21.85.54<\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"bento-card p-8\">\r\n                            <h3 class=\"text-xl font-bold text-slate-900 mb-4 flex items-center gap-3\">\r\n                                <i class=\"fa-regular fa-clock text-emerald-500\"><\/i> Horaires d'ouverture\r\n                            <\/h3>\r\n                            <div class=\"grid sm:grid-cols-2 gap-4 text-base\">\r\n                                <div class=\"space-y-2\">\r\n                                    <div class=\"font-bold text-slate-700 uppercase text-sm tracking-wide\">L'Atelier<\/div>\r\n                                    <div class=\"text-slate-600\">\r\n                                        Lun-Jeu : 8h-12h \/ 13h-17h<br>\r\n                                        Vendredi : Jusqu'\u00e0 16h\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"space-y-2\">\r\n                                    <div class=\"font-bold text-slate-700 uppercase text-sm tracking-wide\">Service Commercial<\/div>\r\n                                    <div class=\"text-slate-600\">\r\n                                        Lun-Jeu : 8h45-12h \/ 13h-18h<br>\r\n                                        Vendredi : Jusqu'\u00e0 17h\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"reveal\" style=\"transition-delay: 100ms;\">\r\n                        <div class=\"bento-card p-0 overflow-hidden h-full flex flex-col\">\r\n                            <div class=\"h-64 sm:h-80 w-full relative bg-slate-200\">\r\n                                <iframe loading=\"lazy\" \r\n                                    width=\"100%\" \r\n                                    height=\"100%\" \r\n                                    frameborder=\"0\" \r\n                                    style=\"border:0\" \r\n                                    src=\"https:\/\/maps.google.com\/maps?q=ALASKA+AFPB+21+Rue+Antoine+Balard+95310+Saint+Ouen+l'Aum\u00f4ne&t=&z=13&ie=UTF8&iwloc=&output=embed\" \r\n                                    allowfullscreen>\r\n                                <\/iframe>\r\n                            <\/div>\r\n                            <div class=\"p-8 bg-slate-900 text-white flex-1\">\r\n                                <h3 class=\"text-xl font-bold mb-4\"><i class=\"fa-solid fa-road text-indigo-400 mr-2\"><\/i> Acc\u00e8s Routier<\/h3>\r\n                                <ul class=\"space-y-4 text-slate-300\">\r\n                                    <li class=\"grid grid-cols-[130px_1fr] gap-3\">\r\n                                        <span class=\"font-bold text-white\">Depuis Paris :<\/span>\r\n                                        <span>Prendre l'autoroute <strong class=\"text-white\">A15<\/strong> direction CERGY-PONTOISE, sortie 7 vers Forcent d N184.<\/span>\r\n                                    <\/li>\r\n                                    <li class=\"grid grid-cols-[130px_1fr] gap-3\">\r\n                                        <span class=\"font-bold text-white\">Depuis Beauvais :<\/span>\r\n                                        <span>Prendre la <strong class=\"text-white\">D1001<\/strong> puis l'autoroute <strong class=\"text-white\">A16<\/strong> direction CERGY-PONTOISE, sortie N184 direction PA. Du Vert Galant.<\/span>\r\n                                    <\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <section id=\"mentions\" class=\"py-16 px-6 lg:px-12 bg-slate-100 border-t border-slate-200\">\r\n            <div class=\"max-w-5xl mx-auto reveal\">\r\n                <h3 class=\"text-lg font-bold text-slate-800 mb-6 uppercase tracking-wider border-b border-slate-300 pb-2\">\r\n                    Mentions L\u00e9gales & Juridiques\r\n                <\/h3>\r\n                \r\n                <div class=\"prose prose-sm text-slate-500 max-w-none text-justify space-y-4\">\r\n                    <p>\r\n                        Conform\u00e9ment aux dispositions de l\u2019article 6 III-1 de la loi n\u00b0 2004-575 du 21 juin 2004 pour la confiance dans l\u2019\u00e9conomie num\u00e9rique, nous vous informons que : le pr\u00e9sent site est la propri\u00e9t\u00e9 de la soci\u00e9t\u00e9 <strong>SARL ALASKA AFPB<\/strong> ZI du Vert Galant - 21, Rue Antoine Balard - 95310 Saint Ouen l\u2019Aum\u00f4ne. T\u00e9l : 01.34.21.85.54.\r\n                    <\/p>\r\n                    <p>\r\n                        Le responsable de la publication du site web est <strong>Mlle LAGRUE Sophie<\/strong> en qualit\u00e9 de g\u00e9rante de SARL ALASKA AFPB. Le prestataire assurant le stockage direct est <strong>ovh.com SA<\/strong> (www.ovh.com).\r\n                    <\/p>\r\n                    <p>\r\n                        Les marques de l\u2019exploitant du site web et de ses partenaires, ainsi que les logos figurant sur le site sont des marques semi-figuratives ou non et sont d\u00e9pos\u00e9es. Toute reproduction totale ou partielle de ces marques ou de ces logos effectu\u00e9s \u00e0 partir des \u00e9l\u00e9ments du site sans l\u2019autorisation expresse de l\u2019exploitant du site web est donc prohib\u00e9e, au sens de l\u2019article L.713-2 du Code de la propri\u00e9t\u00e9 intellectuelle.\r\n                    <\/p>\r\n                    <p>\r\n                        Les utilisateurs et visiteurs du site web ne peuvent mettre en place un hyperlien en direction de ce site sans l\u2019autorisation expresse et pr\u00e9alable de l\u2019exploitant du site web. L\u2019exploitant du site web ne saurait \u00eatre responsable de l\u2019acc\u00e8s par les utilisateurs via les liens hypertextes mis en place dans le cadre du site web en direction d\u2019autres ressources pr\u00e9sentes sur le r\u00e9seau Internet.\r\n                    <\/p>\r\n                    <p>\r\n                        Les photographies pr\u00e9sentes sur le site n\u2019ont pas de valeurs contractuelles et ne peuvent donner lieu \u00e0 aucune d\u00e9claration.\r\n                    <\/p>\r\n                    <p class=\"font-medium bg-white p-4 rounded-lg border border-slate-200\">\r\n                        La soci\u00e9t\u00e9 SARL ALASKA AFPB est en conformit\u00e9 avec les textes de loi suivants :<br>\r\n                        - Loi du 6 janvier 1978 dite \u00ab Loi informatique et libert\u00e9 \u00bb modifi\u00e9e<br>\r\n                        - Loi du 21 juin 2004 dite \u00ab Loi pour la confiance dans l\u2019\u00e9conomie num\u00e9rique \u00bb<br>\r\n                        - Loi du 06 ao\u00fbt 2004 dite \u00ab Nouvelle Loi informatique et libert\u00e9 \u00bb<br>\r\n                        - Loi renforc\u00e9e par la loi Chatel, puis par la loi Hamon de juin 2014.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <footer class=\"py-16 bg-white border-t border-slate-200 text-center\">\r\n            <div class=\"max-w-5xl mx-auto px-6\">\r\n                <p class=\"text-base text-slate-500 font-medium\">\r\n                    \u00a9 Alaska France \u2013 Qui sommes-nous \u2013 2025\r\n                <\/p>\r\n            <\/div>\r\n        <\/footer>\r\n    <\/div>\r\n\r\n    <div id=\"lightbox\" class=\"fixed inset-0 z-[100] bg-white\/95 hidden items-center justify-center p-4 cursor-zoom-out\"\r\n         onclick=\"this.classList.add('hidden'); this.classList.remove('flex')\">\r\n        <div class=\"max-w-7xl max-h-[90vh] w-full flex items-center justify-center\">\r\n            <video id=\"lightbox-video\" class=\"hidden max-w-full max-h-[90vh] rounded-2xl shadow-2xl shadow-slate-300\" controls><\/video>\r\n            <img decoding=\"async\" id=\"lightbox-img\" src=\"\" class=\"hidden max-w-full max-h-[90vh] rounded-2xl shadow-2xl shadow-slate-300\">\r\n        <\/div>\r\n        <div class=\"absolute bottom-10 text-slate-800 text-base font-bold bg-white px-8 py-3 rounded-full shadow-lg border border-slate-200\">\r\n            Fermer (Echap)\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ Reveal on Scroll\r\n        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) entry.target.classList.add('active');\r\n            });\r\n        }, { threshold: 0.1 });\r\n\r\n        document.querySelectorAll('.alaska-doc .reveal').forEach(el => observer.observe(el));\r\n\r\n        \/\/ Lightbox Logic\r\n        function openLightbox(media) {\r\n            const lb = document.getElementById('lightbox');\r\n            const lbImg = document.getElementById('lightbox-img');\r\n            const lbVideo = document.getElementById('lightbox-video');\r\n\r\n            if (!lb || (!lbImg && !lbVideo)) return;\r\n\r\n            \/\/ Reset\r\n            lbImg.classList.add('hidden');\r\n            lbVideo.classList.add('hidden');\r\n            lbImg.src = '';\r\n            lbVideo.removeAttribute('src');\r\n\r\n            if (media.tagName.toLowerCase() === 'video') {\r\n                const source = media.querySelector('source');\r\n                if (source && source.src) {\r\n                    lbVideo.src = source.src;\r\n                    lbVideo.classList.remove('hidden');\r\n                    lbVideo.load();\r\n                    lbVideo.play().catch(() => {});\r\n                }\r\n            } else if (media.tagName.toLowerCase() === 'img') {\r\n                lbImg.src = media.src;\r\n                lbImg.classList.remove('hidden');\r\n            }\r\n\r\n            lb.classList.remove('hidden');\r\n            lb.classList.add('flex');\r\n        }\r\n    <\/script>\r\n\r\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-parts\/template-page-builders.php","meta":{"footnotes":""},"class_list":["post-6456","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alaska-france.fr\/boutique\/wp-json\/wp\/v2\/pages\/6456","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alaska-france.fr\/boutique\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alaska-france.fr\/boutique\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alaska-france.fr\/boutique\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alaska-france.fr\/boutique\/wp-json\/wp\/v2\/comments?post=6456"}],"version-history":[{"count":22,"href":"https:\/\/alaska-france.fr\/boutique\/wp-json\/wp\/v2\/pages\/6456\/revisions"}],"predecessor-version":[{"id":12639,"href":"https:\/\/alaska-france.fr\/boutique\/wp-json\/wp\/v2\/pages\/6456\/revisions\/12639"}],"wp:attachment":[{"href":"https:\/\/alaska-france.fr\/boutique\/wp-json\/wp\/v2\/media?parent=6456"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}