{"id":10,"date":"2026-06-02T08:54:19","date_gmt":"2026-06-02T08:54:19","guid":{"rendered":"https:\/\/conforoom.net\/?page_id=10"},"modified":"2026-06-02T08:54:56","modified_gmt":"2026-06-02T08:54:56","slug":"elementor-10","status":"publish","type":"page","link":"https:\/\/conforoom.net\/?page_id=10","title":{"rendered":"Elementor #10"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Conforoom - Votre s\u00e9jour de r\u00eave \u00e0 B\u00e9ja\u00efa<\/title>\r\n \r\n <!-- Int\u00e9gration de Tailwind CSS pour le design -->\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n <!-- Int\u00e9gration de FontAwesome pour les ic\u00f4nes -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n <!-- Configuration personnalis\u00e9e de Tailwind pour les couleurs de marque -->\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n colors: {\r\n brand: '#1e293b', \/\/ Couleur principale (Bleu ardoise fonc\u00e9)\r\n airbnb: '#FF5A5F', \/\/ Couleur typique Airbnb\r\n booking: '#003580', \/\/ Couleur typique Booking.com\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n\r\n <!-- ========================================== -->\r\n <!-- EMPLACEMENT POUR LE PIXEL META (FACEBOOK) -->\r\n <!-- Collez ici le code de base fourni par Meta -->\r\n <!-- ========================================== -->\r\n\r\n<\/head>\r\n<body class=\"bg-slate-50 text-slate-800 font-sans antialiased\">\r\n\r\n <!-- En-t\u00eate \/ Navigation -->\r\n <header class=\"bg-white shadow-sm sticky top-0 z-50\">\r\n <div class=\"max-w-6xl mx-auto px-4 py-4 flex justify-between items-center\">\r\n <div class=\"text-2xl font-bold text-brand flex items-center gap-2\">\r\n <i class=\"fa-solid fa-key text-blue-600\"><\/i> Conforoom\r\n <\/div>\r\n <div class=\"text-sm font-medium text-slate-500\">\r\n <i class=\"fa-solid fa-location-dot mr-1\"><\/i> B\u00e9ja\u00efa, Alg\u00e9rie\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n <!-- Hero Section : L'Appartement \"Star\" (Produit d'appel) -->\r\n <section class=\"relative w-full h-[60vh] min-h-[400px] flex items-center justify-center\">\r\n <!-- Image de fond (\u00c0 remplacer par la photo de votre meilleur appartement) -->\r\n <div class=\"absolute inset-0 z-0\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1522708323590-d24dbb6b0267?auto=format&fit=crop&w=1920&q=80\" alt=\"Appartement moderne \u00e0 B\u00e9ja\u00efa\" class=\"w-full h-full object-cover\" \/>\r\n <!-- Overlay sombre pour rendre le texte lisible -->\r\n <div class=\"absolute inset-0 bg-black\/40\"><\/div>\r\n <\/div>\r\n \r\n <!-- Contenu du Hero -->\r\n <div class=\"relative z-10 text-center px-4 max-w-4xl mx-auto\">\r\n <span class=\"inline-block py-1 px-3 rounded-full bg-blue-600 text-white text-sm font-semibold tracking-wider mb-4 shadow-lg\">\r\n LE PLUS POPULAIRE\r\n <\/span>\r\n <h1 class=\"text-4xl md:text-5xl lg:text-6xl font-bold text-white mb-6 drop-shadow-lg\">\r\n L'\u00c9crin Moderne au C\u0153ur de B\u00e9ja\u00efa\r\n <\/h1>\r\n <p class=\"text-lg md:text-xl text-slate-100 mb-8 font-light drop-shadow-md\">\r\n Profitez d'un s\u00e9jour inoubliable dans notre appartement premium. Design chaleureux, boiseries sur mesure et confort absolu.\r\n <\/p>\r\n <a href=\"#reservation\" class=\"bg-white text-brand px-8 py-4 rounded-lg font-bold text-lg hover:bg-slate-100 transition-colors shadow-xl inline-flex items-center gap-2\">\r\n Voir les disponibilit\u00e9s <i class=\"fa-solid fa-arrow-down\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Description et \u00c9quipements -->\r\n <section class=\"max-w-6xl mx-auto px-4 py-16\">\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-12 items-center\">\r\n <!-- Texte descriptif -->\r\n <div>\r\n <h2 class=\"text-3xl font-bold text-brand mb-6\">Un confort pens\u00e9 pour vous<\/h2>\r\n <p class=\"text-slate-600 mb-4 leading-relaxed\">\r\n Id\u00e9alement situ\u00e9, cet appartement a \u00e9t\u00e9 enti\u00e8rement r\u00e9nov\u00e9 pour vous offrir une exp\u00e9rience unique. Vous appr\u00e9cierez particuli\u00e8rement notre d\u00e9coration soign\u00e9e alliant modernit\u00e9 et touches bois\u00e9es chaleureuses.\r\n <\/p>\r\n <p class=\"text-slate-600 mb-8 leading-relaxed\">\r\n Parfait pour un s\u00e9jour en couple, un voyage d'affaires ou des vacances en famille pour d\u00e9couvrir la beaut\u00e9 de la c\u00f4te de B\u00e9ja\u00efa.\r\n <\/p>\r\n\r\n <!-- Grille des \u00e9quipements -->\r\n <div class=\"grid grid-cols-2 gap-6\">\r\n <div class=\"flex items-center gap-3\">\r\n <div class=\"w-10 h-10 rounded-full bg-blue-100 flex items-center justify-center text-blue-600\">\r\n <i class=\"fa-solid fa-wifi\"><\/i>\r\n <\/div>\r\n <span class=\"font-medium\">Fibre Optique<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-3\">\r\n <div class=\"w-10 h-10 rounded-full bg-blue-100 flex items-center justify-center text-blue-600\">\r\n <i class=\"fa-solid fa-snowflake\"><\/i>\r\n <\/div>\r\n <span class=\"font-medium\">Climatisation<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-3\">\r\n <div class=\"w-10 h-10 rounded-full bg-blue-100 flex items-center justify-center text-blue-600\">\r\n <i class=\"fa-solid fa-kitchen-set\"><\/i>\r\n <\/div>\r\n <span class=\"font-medium\">Cuisine \u00c9quip\u00e9e<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-3\">\r\n <div class=\"w-10 h-10 rounded-full bg-blue-100 flex items-center justify-center text-blue-600\">\r\n <i class=\"fa-solid fa-car\"><\/i>\r\n <\/div>\r\n <span class=\"font-medium\">Parking Priv\u00e9<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Galerie d'images secondaires (Grille) -->\r\n <div class=\"grid grid-cols-2 gap-4\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1560448204-e02f11c3d0e2?auto=format&fit=crop&w=600&q=80\" alt=\"Chambre\" class=\"rounded-xl shadow-md w-full h-48 object-cover hover:scale-105 transition-transform duration-300\" \/>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1484154218962-a197022b5858?auto=format&fit=crop&w=600&q=80\" alt=\"Cuisine\" class=\"rounded-xl shadow-md w-full h-48 object-cover hover:scale-105 transition-transform duration-300\" \/>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1584622650111-993a426fbf0a?auto=format&fit=crop&w=600&q=80\" alt=\"Salle de bain\" class=\"rounded-xl shadow-md w-full h-48 object-cover col-span-2 hover:scale-105 transition-transform duration-300\" \/>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Zone de Conversion (Call to Action Airbnb \/ Booking) -->\r\n <section id=\"reservation\" class=\"bg-white border-y border-slate-200 py-16\">\r\n <div class=\"max-w-4xl mx-auto px-4 text-center\">\r\n <h2 class=\"text-3xl font-bold text-brand mb-4\">Pr\u00eat \u00e0 r\u00e9server votre s\u00e9jour ?<\/h2>\r\n <p class=\"text-slate-600 mb-10 text-lg\">Choisissez votre plateforme pr\u00e9f\u00e9r\u00e9e pour v\u00e9rifier les disponibilit\u00e9s et finaliser votre r\u00e9servation en toute s\u00e9curit\u00e9.<\/p>\r\n \r\n <div class=\"flex flex-col sm:flex-row justify-center gap-6\">\r\n <!-- Bouton Airbnb : target=\"_blank\" est crucial pour garder l'utilisateur sur le site s'il ferme l'onglet -->\r\n <a href=\"https:\/\/www.airbnb.fr\/votre-lien-annonce-1\" target=\"_blank\" rel=\"noopener noreferrer\" \r\n class=\"flex items-center justify-center gap-3 bg-airbnb text-white px-8 py-5 rounded-xl text-xl font-bold hover:bg-rose-600 transition-colors shadow-lg transform hover:-translate-y-1 w-full sm:w-auto\">\r\n <i class=\"fa-brands fa-airbnb text-2xl\"><\/i>\r\n R\u00e9server sur Airbnb\r\n <\/a>\r\n\r\n <!-- Bouton Booking -->\r\n <a href=\"https:\/\/www.booking.com\/votre-lien-annonce-1\" target=\"_blank\" rel=\"noopener noreferrer\" \r\n class=\"flex items-center justify-center gap-3 bg-booking text-white px-8 py-5 rounded-xl text-xl font-bold hover:bg-blue-900 transition-colors shadow-lg transform hover:-translate-y-1 w-full sm:w-auto\">\r\n <span class=\"text-2xl font-serif font-bold leading-none\">B.<\/span>\r\n R\u00e9server sur Booking\r\n <\/a>\r\n <\/div>\r\n <p class=\"mt-6 text-sm text-slate-500\"><i class=\"fa-solid fa-lock mr-1\"><\/i> Paiement 100% s\u00e9curis\u00e9 via nos partenaires officiels.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Le Filet de S\u00e9curit\u00e9 : Les Autres Appartements -->\r\n <section class=\"max-w-6xl mx-auto px-4 py-20\">\r\n <div class=\"text-center mb-12\">\r\n <h2 class=\"text-3xl font-bold text-brand mb-4\">Cet appartement n'est pas disponible \u00e0 vos dates ?<\/h2>\r\n <p class=\"text-slate-600 text-lg\">D\u00e9couvrez nos autres logements de standing \u00e0 B\u00e9ja\u00efa, g\u00e9r\u00e9s avec le m\u00eame soin.<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 max-w-4xl mx-auto\">\r\n \r\n <!-- Appartement Alternatif 1 -->\r\n <div class=\"bg-white rounded-2xl shadow-sm border border-slate-100 overflow-hidden hover:shadow-xl transition-shadow group\">\r\n <div class=\"h-64 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1502672260266-1c1c2b1ba50b?auto=format&fit=crop&w=800&q=80\" alt=\"Appartement Le Panoramique\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\" \/>\r\n <\/div>\r\n <div class=\"p-6 text-center\">\r\n <h3 class=\"text-xl font-bold text-brand mb-2\">Le Panoramique<\/h3>\r\n <p class=\"text-slate-600 mb-6 text-sm\">Vue imprenable et grand balcon. Id\u00e9al pour les amoureux de la nature.<\/p>\r\n <a href=\"lien-page-appart-2.html\" class=\"inline-block w-full py-3 px-4 bg-slate-100 text-brand font-semibold rounded-lg hover:bg-slate-200 transition-colors\">\r\n D\u00e9couvrir cet appartement\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Appartement Alternatif 2 -->\r\n <div class=\"bg-white rounded-2xl shadow-sm border border-slate-100 overflow-hidden hover:shadow-xl transition-shadow group\">\r\n <div class=\"h-64 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1505691938895-1758d7feb511?auto=format&fit=crop&w=800&q=80\" alt=\"Appartement Le Cosy\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\" \/>\r\n <\/div>\r\n <div class=\"p-6 text-center\">\r\n <h3 class=\"text-xl font-bold text-brand mb-2\">Le Cosy Studio<\/h3>\r\n <p class=\"text-slate-600 mb-6 text-sm\">Un cocon optimis\u00e9 et design, parfait pour les s\u00e9jours professionnels.<\/p>\r\n <a href=\"lien-page-appart-3.html\" class=\"inline-block w-full py-3 px-4 bg-slate-100 text-brand font-semibold rounded-lg hover:bg-slate-200 transition-colors\">\r\n D\u00e9couvrir cet appartement\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Footer minimaliste -->\r\n <footer class=\"bg-brand text-slate-300 py-10\">\r\n <div class=\"max-w-6xl mx-auto px-4 flex flex-col md:flex-row justify-between items-center gap-4\">\r\n <div class=\"text-xl font-bold text-white flex items-center gap-2\">\r\n <i class=\"fa-solid fa-key\"><\/i> Conforoom\r\n <\/div>\r\n <div class=\"text-sm\">\r\n © 2026 Conforoom B\u00e9ja\u00efa. Tous droits r\u00e9serv\u00e9s.\r\n <\/div>\r\n <div class=\"flex gap-4\">\r\n <!-- Liens obligatoires pour les publicit\u00e9s Meta -->\r\n <a href=\"#\" class=\"hover:text-white transition-colors text-sm\">Mentions l\u00e9gales<\/a>\r\n <a href=\"#\" class=\"hover:text-white transition-colors text-sm\">Politique de confidentialit\u00e9<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n <!-- ========================================== -->\r\n <!-- SCRIPT POUR LE SUIVI DES CLICS (EVENTS META) -->\r\n <!-- \u00c0 utiliser si vous souhaitez mesurer quel bouton est le plus cliqu\u00e9 -->\r\n <!-- ========================================== -->\r\n <script>\r\n \/\/ Exemple de logique non destructive pour traquer les clics vers Airbnb\/Booking\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const boutonsReservation = document.querySelectorAll('a[href*=\"airbnb\"], a[href*=\"booking\"]');\r\n \r\n boutonsReservation.forEach(bouton => {\r\n bouton.addEventListener('click', function(e) {\r\n const plateforme = this.href.includes('airbnb') ? 'Airbnb' : 'Booking';\r\n \r\n \/\/ Si le pixel Meta est install\u00e9, d\u00e9commentez la ligne ci-dessous :\r\n \/\/ if (typeof fbq === 'function') { fbq('trackCustom', 'ClicReservation', { plateforme: plateforme }); }\r\n \r\n console.log(`L'utilisateur a cliqu\u00e9 sur le bouton : ${plateforme}`);\r\n });\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Conforoom – Votre s\u00e9jour de r\u00eave \u00e0 B\u00e9ja\u00efa Conforoom B\u00e9ja\u00efa, Alg\u00e9rie LE PLUS POPULAIRE L’\u00c9crin Moderne au C\u0153ur de B\u00e9ja\u00efa Profitez d’un s\u00e9jour inoubliable dans notre appartement premium. Design chaleureux, boiseries sur mesure et confort absolu. Voir les disponibilit\u00e9s Un confort pens\u00e9 pour vous Id\u00e9alement situ\u00e9, cet appartement a \u00e9t\u00e9 enti\u00e8rement r\u00e9nov\u00e9 pour vous offrir […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/conforoom.net\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/conforoom.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/conforoom.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/conforoom.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/conforoom.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":4,"href":"https:\/\/conforoom.net\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":16,"href":"https:\/\/conforoom.net\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/16"}],"wp:attachment":[{"href":"https:\/\/conforoom.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}