{"id":113,"date":"2026-08-27T14:03:50","date_gmt":"2026-08-27T12:03:50","guid":{"rendered":"https:\/\/newrevelationezannkpodo.com\/?page_id=113"},"modified":"2026-08-29T15:04:16","modified_gmt":"2026-08-29T13:04:16","slug":"qui-sommes-nous","status":"publish","type":"page","link":"https:\/\/newrevelationezannkpodo.com\/index.php\/qui-sommes-nous\/","title":{"rendered":"Qui sommes-nous ?"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* =====================================\n   SECTION QUI SOMMES-NOUS\n===================================== *\/\n\n.about-section {\n    width: 100%;\n    padding: 110px 7%;\n    background: #ffffff;\n    overflow: hidden;\n}\n\n.about-container {\n    max-width: 1250px;\n    margin: 0 auto;\n\n    display: grid;\n    grid-template-columns: 0.95fr 1.05fr;\n    align-items: center;\n    gap: 80px;\n}\n\n\n\/* =====================================\n   IMAGE\n===================================== *\/\n\n.about-image {\n    position: relative;\n}\n\n.image-wrapper {\n    position: relative;\n    width: 100%;\n    height: 620px;\n    overflow: hidden;\n    border-radius: 8px;\n}\n\n.image-wrapper::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(\n        180deg,\n        rgba(0,0,0,0) 55%,\n        rgba(0,0,0,0.35)\n    );\n}\n\n.image-wrapper img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.7s ease;\n}\n\n.image-wrapper:hover img {\n    transform: scale(1.06);\n}\n\n\n\/* =====================================\n   BADGE\n===================================== *\/\n\n.about-badge {\n    position: absolute;\n    right: -30px;\n    bottom: 40px;\n\n    width: 180px;\n    padding: 25px;\n\n    background: #ffffff;\n    border-left: 5px solid #c89b3c;\n\n    box-shadow: 0 15px 40px rgba(0,0,0,0.15);\n\n    z-index: 2;\n}\n\n.about-badge strong {\n    display: block;\n\n    font-size: 38px;\n    line-height: 1;\n\n    color: #c89b3c;\n    font-weight: 800;\n}\n\n.about-badge span {\n    display: block;\n    margin-top: 8px;\n\n    font-size: 13px;\n    color: #555;\n}\n\n\n\/* =====================================\n   CONTENU\n===================================== *\/\n\n.about-content {\n    padding-right: 20px;\n}\n\n.about-subtitle {\n    display: inline-block;\n\n    margin-bottom: 15px;\n\n    font-size: 13px;\n    font-weight: 700;\n    letter-spacing: 2px;\n\n    color: #c89b3c;\n}\n\n.about-content h2 {\n    margin: 0;\n\n    font-size: clamp(38px, 4vw, 58px);\n    line-height: 1.1;\n\n    color: #14251b;\n    font-weight: 800;\n}\n\n.about-content h2 span {\n    color: #c89b3c;\n}\n\n.about-line {\n    width: 70px;\n    height: 4px;\n\n    margin: 25px 0 30px;\n\n    background: #c89b3c;\n}\n\n\n.about-content p {\n    margin-bottom: 18px;\n\n    color: #626262;\n\n    font-size: 16px;\n    line-height: 1.8;\n}\n\n.about-content .about-intro {\n    font-size: 18px;\n    color: #333;\n    font-weight: 500;\n}\n\n\n\/* =====================================\n   POINTS FORTS\n===================================== *\/\n\n.about-features {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n\n    gap: 20px;\n\n    margin: 30px 0;\n}\n\n.feature {\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n}\n\n.feature-icon {\n    flex-shrink: 0;\n\n    width: 30px;\n    height: 30px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 50%;\n\n    background: rgba(200, 155, 60, 0.12);\n    color: #c89b3c;\n\n    font-weight: 800;\n}\n\n.feature h4 {\n    margin: 0 0 4px;\n\n    font-size: 15px;\n    color: #14251b;\n}\n\n.feature p {\n    margin: 0;\n\n    font-size: 13px;\n    line-height: 1.4;\n}\n\n\n\/* =====================================\n   STATISTIQUES\n===================================== *\/\n\n.about-stats {\n    display: flex;\n    gap: 45px;\n\n    padding: 25px 0;\n    margin-top: 15px;\n\n    border-top: 1px solid #eeeeee;\n    border-bottom: 1px solid #eeeeee;\n}\n\n.stat strong {\n    display: block;\n\n    font-size: 28px;\n    color: #14251b;\n}\n\n.stat span {\n    display: block;\n\n    margin-top: 4px;\n\n    font-size: 12px;\n    color: #777;\n}\n\n\n\/* =====================================\n   BOUTON\n===================================== *\/\n\n.about-button {\n    display: inline-flex;\n    align-items: center;\n    gap: 18px;\n\n    margin-top: 30px;\n    padding: 15px 25px;\n\n    background: #14251b;\n    color: #ffffff;\n\n    text-decoration: none;\n    font-size: 14px;\n    font-weight: 700;\n\n    border-radius: 3px;\n\n    transition: all 0.3s ease;\n}\n\n.about-button span {\n    font-size: 20px;\n    transition: transform 0.3s ease;\n}\n\n.about-button:hover {\n    background: #c89b3c;\n    transform: translateY(-3px);\n}\n\n.about-button:hover span {\n    transform: translateX(5px);\n}\n\n\n\/* =====================================\n   RESPONSIVE TABLETTE\n===================================== *\/\n\n@media (max-width: 950px) {\n\n    .about-section {\n        padding: 80px 5%;\n    }\n\n    .about-container {\n        grid-template-columns: 1fr;\n        gap: 60px;\n    }\n\n    .image-wrapper {\n        height: 500px;\n    }\n\n    .about-content {\n        padding-right: 0;\n    }\n\n}\n\n\n\/* =====================================\n   RESPONSIVE MOBILE\n===================================== *\/\n\n@media (max-width: 600px) {\n\n    .about-section {\n        padding: 65px 20px;\n    }\n\n    .image-wrapper {\n        height: 400px;\n    }\n\n    .about-badge {\n        right: 15px;\n        bottom: 20px;\n        width: 150px;\n        padding: 18px;\n    }\n\n    .about-badge strong {\n        font-size: 30px;\n    }\n\n    .about-features {\n        grid-template-columns: 1fr;\n    }\n\n    .about-stats {\n        gap: 20px;\n        justify-content: space-between;\n    }\n\n    .stat strong {\n        font-size: 23px;\n    }\n\n    .stat span {\n        font-size: 10px;\n    }\n\n    .about-button {\n        width: 100%;\n        justify-content: center;\n    }\n\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n\/* =====================================\n   ANIMATION SECTION QUI SOMMES-NOUS\n===================================== *\/\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n    const aboutSection = document.querySelector(\".about-section\");\n\n    if (!aboutSection) return;\n\n    const elements = [\n        \".about-image\",\n        \".about-content\"\n    ];\n\n    elements.forEach(selector => {\n        const element = aboutSection.querySelector(selector);\n\n        if (element) {\n            element.style.opacity = \"0\";\n            element.style.transform = \"translateY(40px)\";\n            element.style.transition =\n                \"opacity 0.8s ease, transform 0.8s ease\";\n        }\n    });\n\n\n    const observer = new IntersectionObserver(\n        function (entries) {\n\n            entries.forEach(entry => {\n\n                if (entry.isIntersecting) {\n\n                    elements.forEach((selector, index) => {\n\n                        const element =\n                            aboutSection.querySelector(selector);\n\n                        if (element) {\n\n                            setTimeout(() => {\n\n                                element.style.opacity = \"1\";\n                                element.style.transform =\n                                    \"translateY(0)\";\n\n                            }, index * 180);\n\n                        }\n\n                    });\n\n                    observer.unobserve(aboutSection);\n                }\n\n            });\n\n        },\n        {\n            threshold: 0.15\n        }\n    );\n\n\n    observer.observe(aboutSection);\n\n});\n<\/script>\n\n<!-- ================================\n     SECTION QUI SOMMES-NOUS\n================================= -->\n<section class=\"about-section\" id=\"qui-sommes-nous\">\n\n    <div class=\"about-container\">\n\n        <!-- IMAGE -->\n        <div class=\"about-image\">\n\n            <div class=\"image-wrapper\">\n                <img  alt=\"NEW REVELATION Immobilier et BTP\" loading=\"eager\" fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/newrevelationezannkpodo.com\/wp-content\/uploads\/2026\/08\/img1.jpg\">\n            <\/div>\n\n            <!-- Badge flottant -->\n            <div class=\"about-badge\">\n                <strong>+100<\/strong>\n                <span>Projets r\u00e9alis\u00e9s<\/span>\n            <\/div>\n\n        <\/div>\n\n\n        <!-- CONTENU -->\n        <div class=\"about-content\">\n\n            <span class=\"about-subtitle\">\n                \u00c0 PROPOS DE NEW REVELATION\n            <\/span>\n\n            <h2>\n                Qui <span>sommes-nous<\/span> ?\n            <\/h2>\n\n            <div class=\"about-line\"><\/div>\n\n            <p class=\"about-intro\">\n                NEW REVELATION est une entreprise sp\u00e9cialis\u00e9e dans\n                l\u2019immobilier et le BTP, qui accompagne les particuliers,\n                les investisseurs et les professionnels dans la\n                concr\u00e9tisation de leurs projets.\n            <\/p>\n\n            <p>\n                Notre objectif est de proposer des solutions fiables,\n                transparentes et adapt\u00e9es \u00e0 chaque besoin. Que vous\n                souhaitiez acheter, louer ou vendre un bien immobilier,\n                acqu\u00e9rir un terrain ou construire votre maison,\n                notre \u00e9quipe vous accompagne \u00e0 chaque \u00e9tape.\n            <\/p>\n\n            <p>\n                Gr\u00e2ce \u00e0 notre expertise dans l\u2019immobilier, le foncier\n                et la construction, nous mettons notre savoir-faire\n                au service de vos projets afin de transformer vos\n                id\u00e9es en r\u00e9alisations concr\u00e8tes.\n            <\/p>\n\n\n            <!-- POINTS FORTS -->\n            <div class=\"about-features\">\n\n                <div class=\"feature\">\n                    <div class=\"feature-icon\">\u2713<\/div>\n                    <div>\n                        <h4>Expertise<\/h4>\n                        <p>Une \u00e9quipe \u00e0 votre \u00e9coute.<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"feature\">\n                    <div class=\"feature-icon\">\u2713<\/div>\n                    <div>\n                        <h4>Transparence<\/h4>\n                        <p>Des solutions claires et fiables.<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"feature\">\n                    <div class=\"feature-icon\">\u2713<\/div>\n                    <div>\n                        <h4>Accompagnement<\/h4>\n                        <p>Un suivi de votre projet.<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"feature\">\n                    <div class=\"feature-icon\">\u2713<\/div>\n                    <div>\n                        <h4>Engagement<\/h4>\n                        <p>Votre satisfaction au centre.<\/p>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n\n            <!-- CHIFFRES -->\n            <div class=\"about-stats\">\n\n                <div class=\"stat\">\n                    <strong>+100<\/strong>\n                    <span>Projets r\u00e9alis\u00e9s<\/span>\n                <\/div>\n\n                <div class=\"stat\">\n                    <strong>+50<\/strong>\n                    <span>Biens disponibles<\/span>\n                <\/div>\n\n                <div class=\"stat\">\n                    <strong>24\/7<\/strong>\n                    <span>Accompagnement<\/span>\n                <\/div>\n\n            <\/div>\n\n\n            <!-- BOUTON -->\n            <a href=\"#contact\" class=\"about-button\">\n                D\u00e9couvrir notre entreprise\n                <span>\u2192<\/span>\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>+100 Projets r\u00e9alis\u00e9s \u00c0 PROPOS DE NEW REVELATION Qui sommes-nous ? NEW REVELATION est une entreprise sp\u00e9cialis\u00e9e dans l\u2019immobilier et [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-113","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/newrevelationezannkpodo.com\/index.php\/wp-json\/wp\/v2\/pages\/113","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/newrevelationezannkpodo.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/newrevelationezannkpodo.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/newrevelationezannkpodo.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/newrevelationezannkpodo.com\/index.php\/wp-json\/wp\/v2\/comments?post=113"}],"version-history":[{"count":3,"href":"https:\/\/newrevelationezannkpodo.com\/index.php\/wp-json\/wp\/v2\/pages\/113\/revisions"}],"predecessor-version":[{"id":221,"href":"https:\/\/newrevelationezannkpodo.com\/index.php\/wp-json\/wp\/v2\/pages\/113\/revisions\/221"}],"wp:attachment":[{"href":"https:\/\/newrevelationezannkpodo.com\/index.php\/wp-json\/wp\/v2\/media?parent=113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}