<!-- RCCM-DEMB'S GROUP_page-0003.jpg -->
<!DOCTYPE html>

<html class="scroll-smooth" lang="fr"><head>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<title>DEMB'S GROUP CONGO - Accueil</title><script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script><link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap" rel="stylesheet"/><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&amp;family=Montserrat:wght@600;700&amp;display=swap" rel="stylesheet"/><link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap" rel="stylesheet"/><script id="tailwind-config">tailwind.config={darkMode:"class",theme:{extend:{"colors":{"on-error":"#ffffff","tertiary-container":"#002c6e","error-container":"#ffdad6","on-secondary-container":"#5e2c00","surface":"#f3faff","inverse-on-surface":"#dff4ff","primary-container":"#1a237e","surface-container-high":"#d5ecf8","outline-variant":"#c6c5d4","tertiary":"#001944","primary-fixed-dim":"#bdc2ff","on-secondary-fixed-variant":"#723600","outline":"#767683","on-tertiary":"#ffffff","inverse-primary":"#bdc2ff","on-tertiary-fixed-variant":"#00429c","tertiary-fixed":"#d9e2ff","surface-container-highest":"#cfe6f2","on-background":"#071e27","secondary-container":"#fc820c","on-secondary":"#ffffff","secondary":"#964900","on-tertiary-container":"#6b95f3","on-primary":"#ffffff","on-primary-fixed":"#000767","secondary-fixed":"#ffdcc6","inverse-surface":"#1e333c","surface-container-lowest":"#ffffff","on-primary-fixed-variant":"#343d96","error":"#ba1a1a","surface-container-low":"#e6f6ff","on-tertiary-fixed":"#001945","primary-fixed":"#e0e0ff","primary":"#000666","surface-container":"#dbf1fe","surface-variant":"#cfe6f2","on-secondary-fixed":"#311300","surface-dim":"#c7dde9","surface-bright":"#f3faff","on-error-container":"#93000a","on-surface":"#071e27","on-primary-container":"#8690ee","surface-tint":"#4c56af","background":"#f3faff","tertiary-fixed-dim":"#b0c6ff","secondary-fixed-dim":"#ffb786","on-surface-variant":"#454652"},"borderRadius":{"DEFAULT":"0.125rem","lg":"0.25rem","xl":"0.5rem","full":"0.75rem"},"spacing":{"container-max":"1240px","margin-mobile":"16px","base":"8px","gutter":"24px","section-padding":"80px"},"fontFamily":{"headline-lg":["Montserrat"],"display-lg":["Montserrat"],"body-lg":["Inter"],"headline-md":["Montserrat"],"label-md":["Inter"],"body-md":["Inter"]}},},}</script><style>.glass-card{background:rgb(255 255 255 / .9);backdrop-filter:blur(10px);border:1px solid rgb(255 255 255 / .2);box-shadow:0 4px 30px rgb(0 0 0 / .1)}.bento-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.ambient-shadow{box-shadow:0 10px 30px -10px rgb(26 35 126 / .15)}.hover-lift{transition:transform 0.3s ease,box-shadow 0.3s ease}.hover-lift:hover{transform:translateY(-5px);box-shadow:0 15px 40px -10px rgb(26 35 126 / .25)}</style></head><body class="bg-background text-on-background font-body-md antialiased selection:bg-primary-container selection:text-on-primary-container"><!-- TopNavBar --><nav class="bg-surface dark:bg-inverse-surface text-primary dark:text-primary-fixed-dim font-label-md text-label-md docked full-width top-0 sticky border-b border-outline-variant dark:border-outline shadow-sm dark:shadow-none z-50 transition-all duration-300" id="main-nav"><div class="flex justify-between items-center h-20 w-full px-base md:px-gutter max-w-container-max mx-auto"><!-- Brand --><a class="flex items-center gap-2 group" href="#"><img alt="DEMB'S GROUP CONGO Logo" class="h-10 w-auto group-hover:opacity-90 transition-opacity" src="https://lh3.googleusercontent.com/aida-public/AB6AXuBJJCK7jhcbgbg8TmnWr51_MfVLnSMYmaFVZ86Uf3TbTVG104EJXu601oKmFRqlc7_wyazWXTix0AIFIll4KBW-uybt6LWe5FrufQAVtPML1qI7kXgz03_e_QFgf6IP9l0b3u2Kbl0Kl7k2S8G6mTiAJ9NO86V1zIH8Fgh6_a3UrNA3ha8umahYlUo-QBaXWESkQ8OqgPXZ_jHpt0TumoiwtIdF0SQN3Mjx0bF9Xg-kspQDUfa4iwJBhcR8vkOLFcu0jg"/><span class="text-headline-md font-headline-lg font-bold text-primary dark:text-primary-fixed-dim hidden sm:block tracking-tight">DEMB'S GROUP CONGO</span>
</a>
<!-- Desktop Navigation Links -->
<ul class="hidden md:flex items-center gap-8">
<li>
<a class="text-primary dark:text-primary-fixed-dim border-b-2 border-secondary font-bold pb-1 hover:text-secondary dark:hover:text-secondary-fixed-dim transition-colors duration-200" href="#home">Home</a>
</li>
<li>
<a class="text-on-surface-variant dark:text-surface-variant font-medium hover:text-secondary dark:hover:text-secondary-fixed-dim transition-colors duration-200" href="#services">Services</a>
</li>
<li>
<a class="text-on-surface-variant dark:text-surface-variant font-medium hover:text-secondary dark:hover:text-secondary-fixed-dim transition-colors duration-200" href="#about">About Us</a>
</li>
<li>
<a class="text-on-surface-variant dark:text-surface-variant font-medium hover:text-secondary dark:hover:text-secondary-fixed-dim transition-colors duration-200" href="#contact">Contact</a>
</li>
</ul>
<!-- Actions -->
<div class="hidden md:flex items-center gap-4">
<a class="text-primary font-bold hover:text-secondary transition-colors duration-200" href="#contact">Contact Us</a>
<a class="bg-secondary-container text-on-secondary-container px-6 py-2 rounded font-bold hover:bg-secondary hover:text-on-secondary transition-colors duration-300 shadow-sm" href="#quote">Request a Quote</a>
</div>
<!-- Mobile Menu Toggle -->
<button aria-label="Toggle navigation" class="md:hidden text-primary p-2 focus:outline-none focus:ring-2 focus:ring-primary-container rounded">
<span class="material-symbols-outlined text-2xl">menu</span>
</button>
</div>
</nav>
<main>
<!-- Hero Section -->
<section class="relative min-h-[90vh] flex items-center pt-20" id="home">
<div class="absolute inset-0 z-0">
<div class="bg-cover bg-center bg-no-repeat w-full h-full" data-alt="A panoramic, high-quality photograph of the modern Brazzaville skyline at dawn. The image features sleek, contemporary office buildings reflecting the warm, golden morning light. The atmosphere is vibrant, ambitious, and deeply rooted in the heart of the Congo. The lighting is bright and clear, adhering to a sophisticated corporate light-mode aesthetic with deep blue shadows and crisp white highlights, conveying a sense of progress and stability." style="background-image: url(https://lh3.googleusercontent.com/aida-public/AB6AXuDyH5SQ3aZ8iyjRd2iCquccLm8Xao1gXAafKGYGOmlXTEXdXDPt_h7e46XUiLIkMNpFkFmua3je1_oZ3ntSMjqfU23TP8tf65FhsomUGMmCaTLU4JQo9p19-PCAZ_LIXndeUMimNEtXWh_CQWnx5tO8jJItC5M2le2wbo__cQHKOZpddxDAMJF0VK_WPZxr8A5j6YEjrRxKaRdDZf5ckYnN9Q8_l7cKOh9Hh1wNda39gbY4OiEaPKri)"></div>
<div class="absolute inset-0 bg-surface/80 backdrop-blur-sm z-10"></div>
<div class="absolute inset-0 bg-gradient-to-r from-surface via-surface/90 to-transparent z-20"></div>
</div>
<div class="relative z-30 w-full max-w-container-max mx-auto px-margin-mobile md:px-gutter py-section-padding flex flex-col md:flex-row items-center gap-12">
<div class="w-full md:w-3/5 space-y-8 animate-fade-in-up">
<div class="inline-flex items-center gap-2 px-4 py-2 bg-surface-container-high text-primary-container rounded-full text-sm font-semibold tracking-wide uppercase border border-primary-fixed">
<span class="material-symbols-outlined text-base">corporate_fare</span>
                        Groupe Multisectoriel
                    </div>
<h1 class="text-4xl md:text-5xl lg:text-6xl font-display-lg text-on-background leading-tight">
                        Votre partenaire de confiance pour <span class="text-primary">le commerce</span> et <span class="text-secondary-container">les services</span> au Congo.
                    </h1>
<p class="text-lg md:text-xl font-body-lg text-on-surface-variant max-w-2xl">
                        Expertise institutionnelle, solutions technologiques et logistique de pointe pour propulser vos projets vers le succès.
                    </p>
<div class="flex flex-wrap gap-4 pt-4">
<a class="bg-primary text-on-primary px-8 py-4 rounded font-bold hover:bg-primary-container transition-all hover-lift shadow-md flex items-center gap-2" href="#services">
                            Découvrir nos piliers
                            <span class="material-symbols-outlined">arrow_forward</span>
</a>
<a class="bg-transparent border-2 border-primary text-primary px-8 py-4 rounded font-bold hover:bg-primary-fixed hover:text-on-primary-fixed transition-all" href="#contact">
                            Nous contacter
                        </a>
</div>
</div>
<div class="w-full md:w-2/5 relative">
<div class="relative z-10 rounded-xl overflow-hidden ambient-shadow border-4 border-surface glass-card p-4">
<img class="w-full h-auto rounded object-cover shadow-inner" data-alt="A meticulously organized, ultra-modern corporate boardroom with floor-to-ceiling windows overlooking a bustling African city. A large, sleek wooden conference table sits in the center, surrounded by ergonomic black chairs. The room is flooded with bright, natural daylight. Subtle architectural details in deep blue and vibrant orange accent the space, reflecting the company's brand identity. The overall mood is professional,authoritative,and forward-looking." src="https://lh3.googleusercontent.com/aida-public/AB6AXuA0ASk_SK8L4xjowvd9hA8IOAlfEJ7seQR82_Ut0jQgIwv2SM971RmtTZivnGS4YbkrHC4lSTJdvAiO6pi6EB5hLz6N-fbuMniUPSr5tTwIYkDBlXDwAgpF9C5wHht76WCaO6IYXkzv8--Eg_l8Mj-uhG1SZzt0sTRXxwb2L8hjYFv2ZEm7yDLr7u72JB0hSCZ58EYV98LMF7h7vifUcedXHpAYOuHitiVFMDTuqUzVdzCkUrM72gqy"/>
</div>
<div class="absolute -bottom-8 -left-8 w-48 h-48 bg-secondary-fixed/50 rounded-full blur-3xl z-0"></div>
<div class="absolute -top-8 -right-8 w-64 h-64 bg-primary-fixed/40 rounded-full blur-3xl z-0"></div>
</div>
</div>
</section>
<!-- Piliers Section (Bento Grid) -->
<section class="py-section-padding bg-surface-container-lowest" id="services">
<div class="max-w-container-max mx-auto px-margin-mobile md:px-gutter">
<div class="text-center mb-16 space-y-4">
<h2 class="text-3xl md:text-4xl font-headline-lg text-primary">Nos Piliers d'Expertise</h2>
<p class="font-body-md text-on-surface-variant max-w-2xl mx-auto">Une synergie de compétences structurée autour de secteurs clés pour répondre aux exigences du marché congolais et international.</p>
</div>
<div class="bento-grid">
<!-- IT Services -->
<div class="bg-surface rounded-xl p-8 border border-outline-variant ambient-shadow hover-lift flex flex-col relative overflow-hidden group">
<div class="absolute top-0 left-0 w-full h-2 bg-primary group-hover:h-3 transition-all"></div>
<div class="bg-primary-fixed w-16 h-16 rounded-lg flex items-center justify-center mb-6 text-primary-container">
<span class="material-symbols-outlined text-3xl">computer</span>
</div>
<h3 class="text-2xl font-headline-md text-on-surface mb-4">Services IT</h3>
<p class="text-on-surface-variant font-body-md flex-grow mb-6">Solutions informatiques intégrées, développement de systèmes, et maintenance de réseaux pour moderniser vos infrastructures.</p>
<ul class="space-y-3 mb-8">
<li class="flex items-start gap-3 text-sm text-on-surface-variant">
<span class="material-symbols-outlined text-secondary text-lg">check_circle</span>
                                Audit et Conseil
                            </li>
<li class="flex items-start gap-3 text-sm text-on-surface-variant">
<span class="material-symbols-outlined text-secondary text-lg">check_circle</span>
                                Cybersécurité
                            </li>
</ul>
<a class="inline-flex items-center gap-2 text-primary font-semibold hover:text-primary-container mt-auto" href="#">
                            En savoir plus <span class="material-symbols-outlined text-sm transition-transform group-hover:translate-x-1">arrow_forward</span>
</a>
</div>
<!-- Construction -->
<div class="bg-surface rounded-xl p-8 border border-outline-variant ambient-shadow hover-lift flex flex-col relative overflow-hidden group">
<div class="absolute top-0 left-0 w-full h-2 bg-secondary-container group-hover:h-3 transition-all"></div>
<div class="bg-secondary-fixed w-16 h-16 rounded-lg flex items-center justify-center mb-6 text-on-secondary-container">
<span class="material-symbols-outlined text-3xl">architecture</span>
</div>
<h3 class="text-2xl font-headline-md text-on-surface mb-4">Construction</h3>
<p class="text-on-surface-variant font-body-md flex-grow mb-6">Réalisation d'ouvrages d'art, génie civil et gestion de projets immobiliers avec une rigueur structurelle intransigeante.</p>
<ul class="space-y-3 mb-8">
<li class="flex items-start gap-3 text-sm text-on-surface-variant">
<span class="material-symbols-outlined text-secondary text-lg">check_circle</span>
                                Génie Civil
                            </li>
<li class="flex items-start gap-3 text-sm text-on-surface-variant">
<span class="material-symbols-outlined text-secondary text-lg">check_circle</span>
                                Maîtrise d'œuvre
                            </li>
</ul>
<a class="inline-flex items-center gap-2 text-primary font-semibold hover:text-primary-container mt-auto" href="#">
                            En savoir plus <span class="material-symbols-outlined text-sm transition-transform group-hover:translate-x-1">arrow_forward</span>
</a>
</div>
<!-- Import-Export -->
<div class="bg-surface rounded-xl p-8 border border-outline-variant ambient-shadow hover-lift flex flex-col relative overflow-hidden group md:col-span-2 lg:col-span-1">
<div class="absolute top-0 left-0 w-full h-2 bg-tertiary-container group-hover:h-3 transition-all"></div>
<div class="bg-tertiary-fixed w-16 h-16 rounded-lg flex items-center justify-center mb-6 text-on-tertiary-container">
<span class="material-symbols-outlined text-3xl">local_shipping</span>
</div>
<h3 class="text-2xl font-headline-md text-on-surface mb-4">Import-Export</h3>
<p class="text-on-surface-variant font-body-md flex-grow mb-6">Logistique internationale fluide, approvisionnement stratégique et gestion douanière experte pour sécuriser vos flux commerciaux.</p>
<ul class="space-y-3 mb-8">
<li class="flex items-start gap-3 text-sm text-on-surface-variant">
<span class="material-symbols-outlined text-secondary text-lg">check_circle</span>
                                Fret maritime et aérien
                            </li>
<li class="flex items-start gap-3 text-sm text-on-surface-variant">
<span class="material-symbols-outlined text-secondary text-lg">check_circle</span>
                                Représentation commerciale
                            </li>
</ul>
<a class="inline-flex items-center gap-2 text-primary font-semibold hover:text-primary-container mt-auto" href="#">
                            En savoir plus <span class="material-symbols-outlined text-sm transition-transform group-hover:translate-x-1">arrow_forward</span>
</a>
</div>
</div>
</div>
</section>
<!-- About Section (Asymmetric Layout) -->
<section class="py-section-padding bg-surface-container overflow-hidden" id="about">
<div class="max-w-container-max mx-auto px-margin-mobile md:px-gutter">
<div class="flex flex-col lg:flex-row items-center gap-16">
<div class="w-full lg:w-1/2 relative">
<div class="grid grid-cols-2 gap-4">
<div class="space-y-4 pt-12">
<img class="w-full h-64 object-cover rounded-lg shadow-md border border-outline-variant" data-alt="A high-resolution,close-up photograph of architectural blueprints and a #ff0 hard hat resting on a sleek,modern desk. The lighting is crisp and cool,emphasizing precision and engineering excellence. The color palette features stark whites,technical blues,and the bright #ff0 of safety gear,projecting a highly professional corporate aesthetic." src="https://lh3.googleusercontent.com/aida-public/AB6AXuA5Ea97xgIwPOBZOM8-F-X8XxoSdoPy5_2Ie5B5FHhAgbcbwFvWsM6It5i8_3LjWmd_Re17QR0Lwq78UCtWilZK-umO9RWsFjvwuYm48L_MlEOeQO_E9lMB354PKQvyuNNaoctvCwOmJxVTBRwldZpjnJadYKI-Y9SP3iHg543Qs0i8j0J2jpSQ4K4RlcsStxBPD6pyex4OWL7F5IwGSm2uJ0gaF7-q6SDn956rFVI2_80VoXGZy_cE"/>
<div class="bg-primary p-6 rounded-lg text-on-primary flex flex-col items-center justify-center text-center shadow-lg">
<span class="text-4xl font-display-lg font-bold">10+</span>
<span class="text-sm font-label-md mt-2">Années d'Expérience</span>
</div>
</div>
<div class="space-y-4">
<div class="bg-secondary-container p-6 rounded-lg text-on-secondary-container flex flex-col items-center justify-center text-center shadow-lg h-40">
<span class="material-symbols-outlined text-4xl mb-2">handshake</span>
<span class="text-sm font-label-md">Partenaire Local</span>
</div>
<img class="w-full h-72 object-cover rounded-lg shadow-md border border-outline-variant" data-alt="A dynamic shot of a massive cargo ship docked at a modern industrial port during midday. Tall cranes are loading shipping containers in a highly organized,geometric composition. The sky is a clear,brilliant blue. The scene conveys scale,global connectivity,and logistical efficiency,adhering to a clean,bright,corporate visual style." src="https://lh3.googleusercontent.com/aida-public/AB6AXuBrd-hU9IxWf345fZ7Ed79ey8sxKe1q1lbqnn5GQOF3-Up_PjcjritntmPhdwnNEk9-5NIdmnAJ9d8E0NvmeRa5Hw5HhyKeWXjav2u-0LZ7Y_RlJMO_0WppCxvBeIF7jgSygckvhiuLStViYqC-ME0ckBNtItnMPonm6tEVXS7DF3fySMjNJ40d6jsMt3pfvv3fbF9ddKU74hvvyuyj2o26-C16tVROtKFlFQy0bATyHOYHVG2IMrni"/>
</div>
</div>
</div>
<div class="w-full lg:w-1/2 space-y-8">
<div class="inline-flex items-center gap-2 text-secondary font-bold text-sm tracking-wider uppercase">
<span class="w-8 h-[2px] bg-secondary"></span> À Propos de Nous
                        </div>
<h2 class="text-3xl md:text-4xl lg:text-5xl font-headline-lg text-on-background">
                            Une vision globale, <br/>une <span class="text-primary">expertise locale</span>.
                        </h2>
<div class="space-y-4 text-on-surface-variant font-body-md text-lg">
<p>
                                Fondé sur les principes de rigueur et d'excellence, <strong>DEMB'S GROUP CONGO</strong> s'est imposé comme un acteur incontournable du développement économique en République du Congo.
                            </p>
<p>
                                Notre structure multisectorielle nous permet d'offrir une réponse globale aux défis complexes de nos clients institutionnels et privés, en garantissant un standard de qualité international tout en maîtrisant parfaitement les réalités du terrain local.
                            </p>
</div>
<div class="pt-6 border-t border-outline-variant">
<div class="flex items-center gap-4">
<img alt="DEMB'S GROUP Mark" class="h-12 w-auto grayscale opacity-50" src="https://lh3.googleusercontent.com/aida-public/AB6AXuCEerrd7DgLsbfZT21kaZSv2TNR1A1q_cS-e3-ZpyWr2w0HVoiBdEhMvHz7l727HE4I2VxuzAxqFi2hbeHhY-iLqfsLe3ETSeOtXirmo27NmC2CSsHKi61vMAVbR5uxMMAKOfz-AFQxyNcPkz7CS8E9nCqh1I0aAGLxw87GqUM5oCr1F7oXW_iyaD4XE6-mYwXAZnQ4U54q8Npve-ceSly251bfhfrbTt5a6F6ldRPXgGpjxlZhiS0BpZtVqlNuVu8mDA"/>
<p class="text-sm text-on-surface-variant font-medium">RCCM CG-BZV-01-2022-B13-00084 <br/> Basé à Brazzaville, Congo.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Pourquoi nous choisir Section -->
<section class="py-section-padding bg-surface-container-lowest">
<div class="max-w-container-max mx-auto px-margin-mobile md:px-gutter">
<div class="text-center mb-16 space-y-4">
<h2 class="text-3xl md:text-4xl font-headline-lg text-primary">Pourquoi Nous Choisir</h2>
<p class="font-body-md text-on-surface-variant max-w-2xl mx-auto">Notre engagement envers l'excellence définit chaque interaction et chaque projet que nous entreprenons.</p></div><div class="grid grid-cols-1 md:grid-cols-3 gap-8"><!-- Feature 1 --><div class="p-8 bg-surface rounded border border-outline-variant hover:border-primary-fixed transition-colors text-center group"><div class="w-20 h-20 mx-auto bg-surface-container-high rounded-full flex items-center justify-center mb-6 group-hover:bg-primary transition-colors"><span class="material-symbols-outlined text-4xl text-primary group-hover:text-on-primary transition-colors">verified</span></div><h4 class="text-xl font-headline-md text-on-surface mb-3">Fiabilité Éprouvée</h4><p class="text-sm text-on-surface-variant font-body-md">Des processus stricts et une conformité totale aux normes légales et industrielles pour sécuriser vos investissements.</p></div><!-- Feature 2 --><div class="p-8 bg-surface rounded border border-outline-variant hover:border-secondary-fixed transition-colors text-center group"><div class="w-20 h-20 mx-auto bg-surface-container-high rounded-full flex items-center justify-center mb-6 group-hover:bg-secondary-container transition-colors"><span class="material-symbols-outlined text-4xl text-secondary-container group-hover:text-on-secondary-container transition-colors">workspace_premium</span></div><h4 class="text-xl font-headline-md text-on-surface mb-3">Expertise Multisectorielle</h4><p class="text-sm text-on-surface-variant font-body-md">Une maîtrise technique approfondie dans des domaines variés,permettant des synergies uniques et des solutions complètes.</p></div><!-- Feature 3 --><div class="p-8 bg-surface rounded border border-outline-variant hover:border-tertiary-fixed transition-colors text-center group"><div class="w-20 h-20 mx-auto bg-surface-container-high rounded-full flex items-center justify-center mb-6 group-hover:bg-tertiary-container transition-colors"><span class="material-symbols-outlined text-4xl text-tertiary-container group-hover:text-on-tertiary-container transition-colors">pin_drop</span></div><h4 class="text-xl font-headline-md text-on-surface mb-3">Ancrage Local Fort</h4><p class="text-sm text-on-surface-variant font-body-md">Une connaissance intime du marché congolais,facilitant les opérations complexes et garantissant une réactivité optimale.</p></div></div></div></section></main><!-- Footer --><footer class="bg-primary dark:bg-tertiary text-on-primary dark:text-on-tertiary font-body-md text-body-md full-width mt-auto border-t-4 border-secondary-container"><div class="grid grid-cols-1 md:grid-cols-4 gap-gutter py-section-padding px-base md:px-gutter max-w-container-max mx-auto"><!-- Brand Column --><div class="space-y-6 md:col-span-1"><a class="inline-block focus:ring-2 focus:ring-secondary-container outline-none rounded" href="#"><span class="text-headline-md font-headline-md font-bold text-secondary-fixed">DEMB'S GROUP CONGO</span>
</a>
<p class="text-sm text-on-primary-fixed-variant dark:text-tertiary-fixed-dim leading-relaxed">
                    Votre partenaire stratégique pour l'excellence opérationnelle en République du Congo. Ingénierie,Logistique et Technologies. </p><div class="flex gap-4"><a class="w-10 h-10 rounded bg-on-primary/10 flex items-center justify-center hover:bg-secondary-fixed hover:text-on-secondary-fixed transition-colors" href="#"><span class="material-symbols-outlined">mail</span></a><a class="w-10 h-10 rounded bg-on-primary/10 flex items-center justify-center hover:bg-secondary-fixed hover:text-on-secondary-fixed transition-colors" href="#"><span class="material-symbols-outlined">call</span></a></div></div><!-- Links Column 1 --><div class="space-y-4"><h4 class="font-headline-md text-lg font-semibold text-secondary-fixed border-b border-on-primary/20 pb-2">Nos Services</h4><ul class="space-y-2 font-label-md text-label-md"><li><a class="text-on-primary-fixed-variant dark:text-tertiary-fixed-dim hover:text-secondary-fixed-dim underline transition-all focus:ring-2 focus:ring-secondary-container outline-none rounded inline-block" href="#">IT Services</a></li><li><a class="text-on-primary-fixed-variant dark:text-tertiary-fixed-dim hover:text-secondary-fixed-dim underline transition-all focus:ring-2 focus:ring-secondary-container outline-none rounded inline-block" href="#">Office Supplies</a></li><li><a class="text-on-primary-fixed-variant dark:text-tertiary-fixed-dim hover:text-secondary-fixed-dim underline transition-all focus:ring-2 focus:ring-secondary-container outline-none rounded inline-block" href="#">Construction</a></li><li><a class="text-on-primary-fixed-variant dark:text-tertiary-fixed-dim hover:text-secondary-fixed-dim underline transition-all focus:ring-2 focus:ring-secondary-container outline-none rounded inline-block" href="#">Import-Export</a></li></ul></div><!-- Links Column 2 --><div class="space-y-4"><h4 class="font-headline-md text-lg font-semibold text-secondary-fixed border-b border-on-primary/20 pb-2">Informations</h4><ul class="space-y-2 font-label-md text-label-md"><li><a class="text-on-primary-fixed-variant dark:text-tertiary-fixed-dim hover:text-secondary-fixed-dim underline transition-all focus:ring-2 focus:ring-secondary-container outline-none rounded inline-block" href="#">Legal Mentions</a></li><li><a class="text-on-primary-fixed-variant dark:text-tertiary-fixed-dim hover:text-secondary-fixed-dim underline transition-all focus:ring-2 focus:ring-secondary-container outline-none rounded inline-block" href="#">Privacy Policy</a></li></ul></div><!-- Contact Column --><div class="space-y-4"><h4 class="font-headline-md text-lg font-semibold text-secondary-fixed border-b border-on-primary/20 pb-2">Siège Social</h4><address class="not-italic text-sm text-on-primary-fixed-variant dark:text-tertiary-fixed-dim space-y-3"><p class="flex items-start gap-2"><span class="material-symbols-outlined text-lg text-secondary-fixed">location_on</span>Brazzaville,Centre-Ville,Rez-de-chaussée,Immeuble City Center,en face de la station d'essence Afric' de la chambre de commerce. </p><p class="flex items-center gap-2"><span class="material-symbols-outlined text-lg text-secondary-fixed">phone</span>050572207 / 066540405 </p></address></div></div><!-- Copyright Bottom Bar --><div class="bg-black/20 py-4 mt-8"><div class="max-w-container-max mx-auto px-base md:px-gutter text-center text-xs text-on-primary-fixed-variant dark:text-tertiary-fixed-dim"><p>© 2024 DEMB'S GROUP CONGO. RCCM CG-BZV-01-2022-B13-00084. All rights reserved.</p>
</div>
</div>
</footer>
<script>
        // Simple sticky nav style toggle on scroll
        const nav = document.getElementById('main-nav');
        window.addEventListener('scroll', () => {
            if (window.scrollY > 10) {
                nav.classList.add('shadow-md');
                nav.classList.remove('shadow-sm', 'py-2');
            } else {
                nav.classList.remove('shadow-md');
                nav.classList.add('shadow-sm');
            }
        });
    </script>
</body></html>

<!-- image.png -->
<!DOCTYPE html>

<html lang="en"><head>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<title>Contact Us - DEMB'S GROUP CONGO</title><script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script><link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&amp;family=Inter:wght@400;600&amp;display=swap" rel="stylesheet"/><link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap" rel="stylesheet"/><link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap" rel="stylesheet"/><script id="tailwind-config">tailwind.config={darkMode:"class",theme:{extend:{"colors":{"on-error":"#ffffff","tertiary-container":"#002c6e","error-container":"#ffdad6","on-secondary-container":"#5e2c00","surface":"#f3faff","inverse-on-surface":"#dff4ff","primary-container":"#1a237e","surface-container-high":"#d5ecf8","outline-variant":"#c6c5d4","tertiary":"#001944","primary-fixed-dim":"#bdc2ff","on-secondary-fixed-variant":"#723600","outline":"#767683","on-tertiary":"#ffffff","inverse-primary":"#bdc2ff","on-tertiary-fixed-variant":"#00429c","tertiary-fixed":"#d9e2ff","surface-container-highest":"#cfe6f2","on-background":"#071e27","secondary-container":"#fc820c","on-secondary":"#ffffff","secondary":"#964900","on-tertiary-container":"#6b95f3","on-primary":"#ffffff","on-primary-fixed":"#000767","secondary-fixed":"#ffdcc6","inverse-surface":"#1e333c","surface-container-lowest":"#ffffff","on-primary-fixed-variant":"#343d96","error":"#ba1a1a","surface-container-low":"#e6f6ff","on-tertiary-fixed":"#001945","primary-fixed":"#e0e0ff","primary":"#000666","surface-container":"#dbf1fe","surface-variant":"#cfe6f2","on-secondary-fixed":"#311300","surface-dim":"#c7dde9","surface-bright":"#f3faff","on-error-container":"#93000a","on-surface":"#071e27","on-primary-container":"#8690ee","surface-tint":"#4c56af","background":"#f3faff","tertiary-fixed-dim":"#b0c6ff","secondary-fixed-dim":"#ffb786","on-surface-variant":"#454652"},"borderRadius":{"DEFAULT":"0.125rem","lg":"0.25rem","xl":"0.5rem","full":"0.75rem"},"spacing":{"container-max":"1240px","margin-mobile":"16px","base":"8px","gutter":"24px","section-padding":"80px"},"fontFamily":{"headline-lg":["Montserrat"],"display-lg":["Montserrat"],"body-lg":["Inter"],"headline-md":["Montserrat"],"label-md":["Inter"],"body-md":["Inter"]},"fontSize":{"headline-lg":["32px",{"lineHeight":"1.3","fontWeight":"700"}],"display-lg":["48px",{"lineHeight":"1.2","letterSpacing":"-0.02em","fontWeight":"700"}],"body-lg":["18px",{"lineHeight":"1.6","fontWeight":"400"}],"headline-md":["24px",{"lineHeight":"1.4","fontWeight":"600"}],"label-md":["14px",{"lineHeight":"1.2","fontWeight":"600"}],"body-md":["16px",{"lineHeight":"1.6","fontWeight":"400"}]}}}}</script><style>.material-symbols-outlined{font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24}.material-symbols-outlined[data-weight="fill"]{font-variation-settings:'FILL' 1,'wght' 400,'GRAD' 0,'opsz' 24}</style></head><body class="bg-surface text-on-surface font-body-md antialiased min-h-screen flex flex-col"><!-- TopNavBar --><header class="bg-surface dark:bg-inverse-surface border-b border-outline-variant dark:border-outline shadow-sm dark:shadow-none docked full-width top-0 sticky z-50"><div class="flex justify-between items-center h-20 w-full px-base md:px-gutter max-w-container-max mx-auto"><div class="flex items-center gap-4"><div class="w-10 h-10 bg-primary-container text-on-primary rounded flex items-center justify-center font-bold text-xl">D</div><div class="text-headline-md font-headline-lg font-bold text-primary dark:text-primary-fixed-dim">DEMB'S GROUP CONGO</div>
</div>
<nav class="hidden md:flex gap-8 items-center">
<a class="text-on-surface-variant dark:text-surface-variant font-medium hover:text-secondary dark:hover:text-secondary-fixed-dim transition-colors duration-200" href="#">Home</a>
<a class="text-on-surface-variant dark:text-surface-variant font-medium hover:text-secondary dark:hover:text-secondary-fixed-dim transition-colors duration-200" href="#">Services</a>
<a class="text-on-surface-variant dark:text-surface-variant font-medium hover:text-secondary dark:hover:text-secondary-fixed-dim transition-colors duration-200" href="#">About Us</a>
<a class="text-primary dark:text-primary-fixed-dim border-b-2 border-secondary font-bold pb-1 hover:text-secondary dark:hover:text-secondary-fixed-dim transition-colors duration-200" href="#">Contact</a>
</nav>
<div class="hidden md:flex gap-4">
<button class="px-4 py-2 border-2 border-primary-container text-primary-container font-label-md rounded font-bold hover:bg-primary-container hover:text-on-primary transition-colors">Contact Us</button>
<button class="px-4 py-2 bg-[#F57C00] text-white font-label-md rounded font-bold hover:opacity-90 transition-opacity">Request a Quote</button>
</div>
<button class="md:hidden text-on-surface">
<span class="material-symbols-outlined text-3xl" data-icon="menu">menu</span>
</button>
</div>
</header>
<!-- Main Content -->
<main class="flex-grow">
<!-- Hero Section -->
<section class="bg-primary-container text-on-primary py-section-padding px-margin-mobile md:px-gutter">
<div class="max-w-container-max mx-auto text-center">
<h1 class="font-display-lg text-display-lg mb-6">Get in Touch</h1>
<p class="font-body-lg text-body-lg max-w-2xl mx-auto opacity-90">We're here to assist you with our multi-sector expertise. Reach out to our team in Brazzaville for inquiries regarding IT services,construction,import-export,and office supplies.</p></div></section><!-- Contact Section --><section class="py-section-padding px-margin-mobile md:px-gutter max-w-container-max mx-auto"><div class="grid grid-cols-1 lg:grid-cols-2 gap-12 lg:gap-24"><!-- Contact Form --><div class="bg-surface-container-lowest p-8 rounded-xl border border-outline-variant shadow-sm hover:shadow-md transition-shadow duration-300"><h2 class="font-headline-md text-headline-md text-primary mb-6">Send us a Message</h2><form action="#" class="space-y-6" method="POST"><div class="grid grid-cols-1 md:grid-cols-2 gap-6"><div><label class="block font-label-md text-label-md text-on-surface-variant mb-2" for="name">Full Name</label><input class="w-full px-4 py-3 bg-surface-container-lowest border border-outline-variant rounded focus:border-primary focus:ring-2 focus:ring-primary-fixed outline-none transition-all" id="name" name="name" placeholder="John Doe" required="" type="text"/></div><div><label class="block font-label-md text-label-md text-on-surface-variant mb-2" for="email">Email Address</label><input class="w-full px-4 py-3 bg-surface-container-lowest border border-outline-variant rounded focus:border-primary focus:ring-2 focus:ring-primary-fixed outline-none transition-all" id="email" name="email" placeholder="john@example.com" required="" type="email"/></div></div><div><label class="block font-label-md text-label-md text-on-surface-variant mb-2" for="subject">Subject</label><input class="w-full px-4 py-3 bg-surface-container-lowest border border-outline-variant rounded focus:border-primary focus:ring-2 focus:ring-primary-fixed outline-none transition-all" id="subject" name="subject" placeholder="How can we help you?" required="" type="text"/></div><div><label class="block font-label-md text-label-md text-on-surface-variant mb-2" for="message">Message</label><textarea class="w-full px-4 py-3 bg-surface-container-lowest border border-outline-variant rounded focus:border-primary focus:ring-2 focus:ring-primary-fixed outline-none transition-all resize-none" id="message" name="message" placeholder="Your message here..." required="" rows="5"></textarea></div><button class="w-full md:w-auto px-8 py-4 bg-primary-container text-on-primary font-label-md rounded font-bold hover:bg-primary transition-colors flex justify-center items-center gap-2 group" type="submit">Send Message <span class="material-symbols-outlined text-sm group-hover:translate-x-1 transition-transform" data-icon="send">send</span></button></form></div><!-- Contact Info & Map --><div class="flex flex-col gap-8"><div class="bg-surface-container-lowest p-8 rounded-xl border border-outline-variant shadow-sm flex flex-col gap-6"><h2 class="font-headline-md text-headline-md text-primary">Contact Information</h2><div class="flex items-start gap-4"><div class="w-12 h-12 rounded-full bg-surface-container flex items-center justify-center text-primary-container shrink-0"><span class="material-symbols-outlined" data-icon="location_on" data-weight="fill">location_on</span></div><div><h3 class="font-label-md text-label-md text-on-surface mb-1">Head Office</h3><p class="text-on-surface-variant">Brazzaville,Centre-Ville,Rez-de-chaussée<br/>Immeuble City Center,en face de la station d'essence Afric' de la chambre de commerce</p></div></div><div class="flex items-start gap-4"><div class="w-12 h-12 rounded-full bg-surface-container flex items-center justify-center text-primary-container shrink-0"><span class="material-symbols-outlined" data-icon="call" data-weight="fill">call</span></div><div><h3 class="font-label-md text-label-md text-on-surface mb-1">Phone Numbers</h3><p class="text-on-surface-variant">069521726<br/>065432323</p></div></div><div class="flex items-start gap-4"><div class="w-12 h-12 rounded-full bg-surface-container flex items-center justify-center text-primary-container shrink-0"><span class="material-symbols-outlined" data-icon="share" data-weight="fill">share</span></div><div><h3 class="font-label-md text-label-md text-on-surface mb-2">Follow Us</h3><div class="flex gap-4"><a class="text-on-surface-variant hover:text-primary-container transition-colors" href="#"><span class="material-symbols-outlined" data-icon="public">public</span></a></div></div></div></div><!-- Map --><div class="rounded-xl overflow-hidden border border-outline-variant h-64 bg-surface-container-high relative group"><img class="w-full h-full object-cover" data-alt="A modern, high-contrast satellite map view centered on Brazzaville, Congo, showing the downtown City Center area. The map uses a clean, light-mode corporate aesthetic with subtle blue and orange accents highlighting major roads and the Congo river, fitting a professional business context. High resolution, clear typography." data-location="Brazzaville" src="https://lh3.googleusercontent.com/aida-public/AB6AXuDnuIL79j_VALtKvGDw0-vpaq4jRU7Ycb6aNg6XJvq4TPPr9hJHb4JQGC_fnq8BYJj02_tu6ozimrqwZPM0HSjwR6Cj2zg0m3SkH2-Ayd79NUroM4KRQ9rOJg47utnYC515RK_sG-cMOsjJxctLurj6FZlHYq02h1ahL03VJsaQSHBOjhrDlhlao3zd68mPKGXvxQJDejJBWgzZKTD2ikWIEvZ8OBdXGOarw1YgA5w3hcYOztQfnAHq"/><div class="absolute inset-0 bg-primary/10 group-hover:bg-transparent transition-colors duration-300"></div></div></div></div></section></main><!-- Footer --><footer class="bg-primary dark:bg-tertiary text-on-primary dark:text-on-tertiary full-width"><div class="grid grid-cols-1 md:grid-cols-4 gap-gutter py-section-padding px-base md:px-gutter max-w-container-max mx-auto"><div class="col-span-1 md:col-span-2 flex flex-col gap-4"><div class="flex items-center gap-3 mb-2"><div class="text-headline-md font-headline-md font-bold text-secondary-fixed">DEMB'S GROUP CONGO</div>
</div>
<p class="font-body-md text-body-md opacity-80 max-w-md">
                    RCCM CG-BZV-01-2022-B13-00084<br/>
                    Société à Responsabilité limitée unipersonnelle (SARL unipersonnelle)<br/>
                    Capital Social: 1.000.000 CFA
                </p>
</div>
<div class="col-span-1">
<h4 class="font-label-md text-label-md font-bold mb-4 uppercase tracking-wider text-secondary-fixed">Services</h4>
<ul class="flex flex-col gap-2 font-body-md text-body-md">
<li><a class="text-on-primary-fixed-variant dark:text-tertiary-fixed-dim hover:text-secondary-fixed-dim underline transition-all focus:ring-2 focus:ring-secondary-container rounded outline-none" href="#">IT Services</a></li>
<li><a class="text-on-primary-fixed-variant dark:text-tertiary-fixed-dim hover:text-secondary-fixed-dim underline transition-all focus:ring-2 focus:ring-secondary-container rounded outline-none" href="#">Office Supplies</a></li>
<li><a class="text-on-primary-fixed-variant dark:text-tertiary-fixed-dim hover:text-secondary-fixed-dim underline transition-all focus:ring-2 focus:ring-secondary-container rounded outline-none" href="#">Construction</a></li>
<li><a class="text-on-primary-fixed-variant dark:text-tertiary-fixed-dim hover:text-secondary-fixed-dim underline transition-all focus:ring-2 focus:ring-secondary-container rounded outline-none" href="#">Import-Export</a></li>
</ul>
</div>
<div class="col-span-1">
<h4 class="font-label-md text-label-md font-bold mb-4 uppercase tracking-wider text-secondary-fixed">Legal</h4>
<ul class="flex flex-col gap-2 font-body-md text-body-md">
<li><a class="text-on-primary-fixed-variant dark:text-tertiary-fixed-dim hover:text-secondary-fixed-dim underline transition-all focus:ring-2 focus:ring-secondary-container rounded outline-none" href="#">Legal Mentions</a></li>
<li><a class="text-on-primary-fixed-variant dark:text-tertiary-fixed-dim hover:text-secondary-fixed-dim underline transition-all focus:ring-2 focus:ring-secondary-container rounded outline-none" href="#">Privacy Policy</a></li>
</ul>
</div>
</div>
<div class="border-t border-primary-fixed/20 py-4 px-base md:px-gutter text-center font-body-md text-sm opacity-80">
            © 2024 DEMB'S GROUP CONGO. All rights reserved. </div></footer></body></html><!-- RCCM-DEMB'S GROUP_page-0001.jpg -->
<!DOCTYPE html>

<html class="light" lang="fr"><head>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<title>Services - DEMB'S GROUP CONGO</title><script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script><link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&amp;family=Inter:wght@400;500;600&amp;display=swap" rel="stylesheet"/><link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap" rel="stylesheet"/><link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap" rel="stylesheet"/><script id="tailwind-config">tailwind.config={darkMode:"class",theme:{extend:{"colors":{"on-error":"#ffffff","tertiary-container":"#002c6e","error-container":"#ffdad6","on-secondary-container":"#5e2c00","surface":"#f3faff","inverse-on-surface":"#dff4ff","primary-container":"#1a237e","surface-container-high":"#d5ecf8","outline-variant":"#c6c5d4","tertiary":"#001944","primary-fixed-dim":"#bdc2ff","on-secondary-fixed-variant":"#723600","outline":"#767683","on-tertiary":"#ffffff","inverse-primary":"#bdc2ff","on-tertiary-fixed-variant":"#00429c","tertiary-fixed":"#d9e2ff","surface-container-highest":"#cfe6f2","on-background":"#071e27","secondary-container":"#fc820c","on-secondary":"#ffffff","secondary":"#964900","on-tertiary-container":"#6b95f3","on-primary":"#ffffff","on-primary-fixed":"#000767","secondary-fixed":"#ffdcc6","inverse-surface":"#1e333c","surface-container-lowest":"#ffffff","on-primary-fixed-variant":"#343d96","error":"#ba1a1a","surface-container-low":"#e6f6ff","on-tertiary-fixed":"#001945","primary-fixed":"#e0e0ff","primary":"#000666","surface-container":"#dbf1fe","surface-variant":"#cfe6f2","on-secondary-fixed":"#311300","surface-dim":"#c7dde9","surface-bright":"#f3faff","on-error-container":"#93000a","on-surface":"#071e27","on-primary-container":"#8690ee","surface-tint":"#4c56af","background":"#f3faff","tertiary-fixed-dim":"#b0c6ff","secondary-fixed-dim":"#ffb786","on-surface-variant":"#454652"},"borderRadius":{"DEFAULT":"0.125rem","lg":"0.25rem","xl":"0.5rem","full":"0.75rem"},"spacing":{"container-max":"1240px","margin-mobile":"16px","base":"8px","gutter":"24px","section-padding":"80px"},"fontFamily":{"headline-lg":["Montserrat"],"display-lg":["Montserrat"],"body-lg":["Inter"],"headline-md":["Montserrat"],"label-md":["Inter"],"body-md":["Inter"]},"fontSize":{"headline-lg":["32px",{"lineHeight":"1.3","fontWeight":"700"}],"display-lg":["48px",{"lineHeight":"1.2","letterSpacing":"-0.02em","fontWeight":"700"}],"body-lg":["18px",{"lineHeight":"1.6","fontWeight":"400"}],"headline-md":["24px",{"lineHeight":"1.4","fontWeight":"600"}],"label-md":["14px",{"lineHeight":"1.2","fontWeight":"600"}],"body-md":["16px",{"lineHeight":"1.6","fontWeight":"400"}]},"boxShadow":{"ambient":"0 8px 24px -4px rgba(26, 35, 126, 0.08), 0 4px 12px -2px rgba(26, 35, 126, 0.04)","ambient-hover":"0 12px 32px -4px rgba(26, 35, 126, 0.12), 0 8px 16px -2px rgba(26, 35, 126, 0.06)"}}}}</script><style>body{background-color:#F8F9FA}.glass-card{background:rgb(255 255 255 / .95);backdrop-filter:blur(10px);border:1px solid #E0E0E0}</style></head><body class="bg-background text-on-background font-body-md antialiased flex flex-col min-h-screen"><!-- TopNavBar --><header class="bg-surface dark:bg-inverse-surface border-b border-outline-variant dark:border-outline shadow-sm dark:shadow-none docked full-width top-0 sticky z-50"><div class="flex justify-between items-center h-20 w-full px-base md:px-gutter max-w-container-max mx-auto"><div class="flex items-center gap-4"><div class="text-headline-md font-headline-lg font-bold text-primary dark:text-primary-fixed-dim">DEMB'S GROUP CONGO
                </div>
</div>
<nav aria-label="Main Navigation" class="hidden md:flex gap-8 items-center">
<a class="text-on-surface-variant dark:text-surface-variant font-medium hover:text-secondary dark:hover:text-secondary-fixed-dim transition-colors duration-200" href="#">Home</a>
<a aria-current="page" class="text-primary dark:text-primary-fixed-dim border-b-2 border-secondary font-bold pb-1 opacity-80 scale-95 transition-all" href="#">Services</a>
<a class="text-on-surface-variant dark:text-surface-variant font-medium hover:text-secondary dark:hover:text-secondary-fixed-dim transition-colors duration-200" href="#">About Us</a>
<a class="text-on-surface-variant dark:text-surface-variant font-medium hover:text-secondary dark:hover:text-secondary-fixed-dim transition-colors duration-200" href="#">Contact</a>
</nav>
<div class="hidden md:flex items-center gap-4">
<button class="font-label-md text-label-md text-secondary hover:text-secondary-container transition-colors duration-200">Contact Us</button>
<button class="bg-secondary-container text-on-secondary rounded font-label-md text-label-md px-4 py-2 hover:bg-secondary transition-colors duration-200 shadow-sm">Request a Quote</button>
</div>
<button class="md:hidden text-on-surface p-2">
<span class="material-symbols-outlined">menu</span>
</button>
</div>
</header>
<!-- Main Content Canvas -->
<main class="flex-grow">
<!-- Hero Section -->
<section class="relative py-section-padding overflow-hidden">
<div class="absolute inset-0 bg-primary opacity-5"></div>
<div class="max-w-container-max mx-auto px-margin-mobile md:px-gutter relative z-10 text-center">
<h1 class="font-display-lg text-display-lg text-primary mb-6">Our Core Expertise</h1>
<p class="font-body-lg text-body-lg text-on-surface-variant max-w-3xl mx-auto">
                    Delivering comprehensive solutions across key sectors. From advanced IT infrastructure to robust construction and seamless logistics, we are your trusted partner in growth.
                </p>
</div>
</section>
<!-- Services Bento Grid -->
<section class="py-section-padding bg-surface-container-lowest">
<div class="max-w-container-max mx-auto px-margin-mobile md:px-gutter">
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-12 gap-gutter">
<!-- Service 1: IT & Office (Large Span) -->
<div class="glass-card rounded-xl lg:col-span-8 p-8 flex flex-col justify-between group hover:shadow-ambient-hover transition-all duration-300 relative overflow-hidden">
<div class="absolute top-0 left-0 w-full h-1 bg-primary"></div>
<div class="flex items-start justify-between mb-8 relative z-10">
<div>
<h2 class="font-headline-md text-headline-md text-primary mb-2">IT Services &amp; Office Supplies</h2>
<p class="font-body-md text-body-md text-on-surface-variant">Informatique, Bureau &amp; Technologies</p>
</div>
<div class="bg-primary-container text-on-primary w-12 h-12 rounded-lg flex items-center justify-center">
<span class="material-symbols-outlined" style="font-variation-settings: 'FILL' 1;">devices</span>
</div>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 relative z-10">
<ul class="space-y-3">
<li class="flex items-center text-body-md text-on-surface">
<span class="material-symbols-outlined text-secondary mr-2 text-[20px]">check_circle</span> Hardware Provisioning
                                </li>
<li class="flex items-center text-body-md text-on-surface">
<span class="material-symbols-outlined text-secondary mr-2 text-[20px]">check_circle</span> Network Infrastructure
                                </li>
</ul>
<div class="h-32 rounded-lg bg-surface-variant overflow-hidden">
<img class="w-full h-full object-cover" data-alt="A bright, modern IT office setup featuring sleek dual monitors displaying code and network analytics. The desk is minimalist with high-end corporate office supplies. The lighting is crisp and cool, emphasizing a professional, technological light-mode aesthetic with subtle blue and orange accents in the environment. High resolution, sharp focus." src="https://lh3.googleusercontent.com/aida-public/AB6AXuDp9azzG1rzxHacSbZkmkpORdTvYHwxUg2icrqc-rwdP3VMCKRkatUTZ2BL2hLMS8QV9h0tagLYsKXki1A8f1Hd0rIhyqV9PBK-M2zASLYHtB-oBSI9KO2ywrC1_Y9rbV2KHvXvWqHetn0j1kQZtZBY6hihmV3LJaXqLpBqIoChUs8B0w9tru6OsQ5CRYjvod1tp0vRDpJVDOtRUtex3zfDUBvqlT47oXhzndv8JMx4CYbLp--iLm4B"/>
</div>
</div>
</div>
<!-- Service 2: Construction (Square Span) -->
<div class="glass-card rounded-xl lg:col-span-4 p-8 flex flex-col justify-between group hover:shadow-ambient-hover transition-all duration-300 relative overflow-hidden">
<div class="absolute top-0 left-0 w-full h-1 bg-secondary-container"></div>
<div class="mb-6 relative z-10">
<div class="bg-secondary text-on-secondary w-12 h-12 rounded-lg flex items-center justify-center mb-6">
<span class="material-symbols-outlined" style="font-variation-settings: 'FILL' 1;">architecture</span>
</div>
<h2 class="font-headline-md text-headline-md text-primary mb-2">Construction &amp; Public Works</h2>
<p class="font-body-md text-body-md text-on-surface-variant">Bâtiment, Travaux Publics</p>
</div>
<div class="mt-auto relative z-10">
<p class="font-body-md text-body-md text-on-surface mb-4">Delivering structural excellence and infrastructural development.</p>
<a class="inline-flex items-center font-label-md text-label-md text-secondary group-hover:text-secondary-container transition-colors" href="#">
                                Explore Projects <span class="material-symbols-outlined ml-1 text-[18px]">arrow_forward</span>
</a>
</div>
</div>
<!-- Service 3: Import-Export (Square Span) -->
<div class="glass-card rounded-xl lg:col-span-5 p-8 flex flex-col justify-between group hover:shadow-ambient-hover transition-all duration-300 relative overflow-hidden">
<div class="absolute top-0 left-0 w-full h-1 bg-tertiary-container"></div>
<div class="mb-6 relative z-10 flex justify-between items-start">
<div>
<h2 class="font-headline-md text-headline-md text-primary mb-2">Import-Export &amp; Logistics</h2>
<p class="font-body-md text-body-md text-on-surface-variant">Commerce de gros, Transport</p>
</div>
<div class="bg-tertiary-container text-on-tertiary w-12 h-12 rounded-lg flex items-center justify-center">
<span class="material-symbols-outlined" style="font-variation-settings: 'FILL' 1;">local_shipping</span>
</div>
</div>
<div class="relative z-10 mt-4">
<div class="h-40 rounded-lg overflow-hidden mb-4 relative">
<img class="w-full h-full object-cover" data-alt="A bustling commercial shipping port during the day. Large cargo containers in corporate blue and orange are being moved by cranes. The scene is bright and highly organized, reflecting efficient global logistics and import-export operations in a modern corporate light-mode style. Wide angle, professional photography." src="https://lh3.googleusercontent.com/aida-public/AB6AXuBfpwLPd1lcu2_D0J2koNrkV2t944ig-lGKB-N8SWzL8uQYE8PYCfFZDj8EAQd12YIjETILejx5AdBhSFRpYm6CLqUsaHkXWV1D41iCp-M00Vq-ufE90QS_TPmKnTFBzqFuhYzqc3SnGdM8sLMTOsSK3R5obG6I2Tafl4WgIpzU-INgGgR2LcJmUTxegoLzZHoqoIEHK1ps_TtiYaSCXQOGXpZMKkJpD_sKnnC2hJiBHTv9_6xcOORt"/>
</div>
<p class="font-body-md text-body-md text-on-surface">Streamlined global trade solutions and robust supply chain management.</p>
</div>
</div>
<!-- Service 4: Maintenance (Wide Span) -->
<div class="glass-card rounded-xl lg:col-span-7 p-8 flex flex-col justify-center group hover:shadow-ambient-hover transition-all duration-300 relative overflow-hidden">
<div class="absolute top-0 left-0 w-full h-1 bg-outline"></div>
<div class="flex flex-col md:flex-row items-center md:items-start gap-8 relative z-10">
<div class="bg-surface-variant text-on-surface w-16 h-16 rounded-full flex items-center justify-center shrink-0">
<span class="material-symbols-outlined text-[32px]">handyman</span>
</div>
<div>
<h2 class="font-headline-md text-headline-md text-primary mb-2">Maintenance &amp; Support</h2>
<p class="font-body-md text-body-md text-on-surface-variant mb-4">Plomberie, Électricité &amp; Entretien Général</p>
<p class="font-body-md text-body-md text-on-surface mb-6">Ensuring operational continuity through expert plumbing, electrical, and general facility maintenance services.</p>
<div class="flex gap-4">
<span class="px-3 py-1 bg-surface-dim text-on-surface rounded-full font-label-md text-[12px]">Plumbing</span>
<span class="px-3 py-1 bg-surface-dim text-on-surface rounded-full font-label-md text-[12px]">Electrical</span>
<span class="px-3 py-1 bg-surface-dim text-on-surface rounded-full font-label-md text-[12px]">HVAC</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Call to Action -->
<section class="py-section-padding bg-surface">
<div class="max-w-container-max mx-auto px-margin-mobile md:px-gutter text-center">
<h2 class="font-headline-md text-headline-md text-primary mb-6">Need tailored solutions for your enterprise?</h2>
<button class="bg-primary-container text-on-primary rounded font-label-md text-label-md px-8 py-4 hover:bg-primary transition-colors duration-200 shadow-md">
                    Contact Our Experts
                </button>
</div>
</section>
</main>
<!-- Footer -->
<footer class="bg-primary dark:bg-tertiary full-width flat no shadows">
<div class="grid grid-cols-1 md:grid-cols-4 gap-gutter py-section-padding px-base md:px-gutter max-w-container-max mx-auto text-on-primary dark:text-on-tertiary font-body-md text-body-md">
<div class="md:col-span-1">
<div class="text-headline-md font-headline-md font-bold text-secondary-fixed mb-4">
                    DEMB'S GROUP CONGO </div><p class="text-on-primary-fixed-variant dark:text-tertiary-fixed-dim text-sm mt-4">© 2024 DEMB'S GROUP CONGO. RCCM CG-BZV-01-2022-B13-00084. All rights reserved.
                </p>
</div>
<div class="md:col-span-3 grid grid-cols-2 md:grid-cols-3 gap-8">
<div class="flex flex-col gap-2">
<a class="text-on-primary-fixed-variant dark:text-tertiary-fixed-dim font-label-md text-label-md hover:text-secondary-fixed-dim underline transition-all focus:ring-2 focus:ring-secondary-container" href="#">IT Services</a>
<a class="text-on-primary-fixed-variant dark:text-tertiary-fixed-dim font-label-md text-label-md hover:text-secondary-fixed-dim underline transition-all focus:ring-2 focus:ring-secondary-container" href="#">Office Supplies</a>
</div>
<div class="flex flex-col gap-2">
<a class="text-on-primary-fixed-variant dark:text-tertiary-fixed-dim font-label-md text-label-md hover:text-secondary-fixed-dim underline transition-all focus:ring-2 focus:ring-secondary-container" href="#">Construction</a>
<a class="text-on-primary-fixed-variant dark:text-tertiary-fixed-dim font-label-md text-label-md hover:text-secondary-fixed-dim underline transition-all focus:ring-2 focus:ring-secondary-container" href="#">Import-Export</a>
</div>
<div class="flex flex-col gap-2">
<a class="text-on-primary-fixed-variant dark:text-tertiary-fixed-dim font-label-md text-label-md hover:text-secondary-fixed-dim underline transition-all focus:ring-2 focus:ring-secondary-container" href="#">Legal Mentions</a>
<a class="text-on-primary-fixed-variant dark:text-tertiary-fixed-dim font-label-md text-label-md hover:text-secondary-fixed-dim underline transition-all focus:ring-2 focus:ring-secondary-container" href="#">Privacy Policy</a>
</div>
</div>
</div>
</footer>
</body></html>

<!-- RCCM-DEMB'S GROUP_page-0002.jpg --><!DOCTYPE html><html class="light" lang="en"><head><meta charset="utf-8"/><meta content="width=device-width, initial-scale=1.0" name="viewport"/><title>About Us - DEMB'S GROUP CONGO</title>
<!-- Fonts: Montserrat for Headlines, Inter for Body/Labels -->
<link href="https://fonts.googleapis.com" rel="preconnect"/>
<link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect"/>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&amp;family=Montserrat:wght@600;700&amp;display=swap" rel="stylesheet"/>
<!-- Material Symbols -->
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap" rel="stylesheet"/>
<!-- Tailwind CSS -->
<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
<!-- Tailwind Config injected from Style Guidance -->
<script id="tailwind-config">
      tailwind.config = {
        darkMode: "class",
        theme: {
          extend: {
            "colors": {
                    "on-error": "#ffffff",
                    "tertiary-container": "#002c6e",
                    "error-container": "#ffdad6",
                    "on-secondary-container": "#5e2c00",
                    "surface": "#f3faff",
                    "inverse-on-surface": "#dff4ff",
                    "primary-container": "#1a237e",
                    "surface-container-high": "#d5ecf8",
                    "outline-variant": "#c6c5d4",
                    "tertiary": "#001944",
                    "primary-fixed-dim": "#bdc2ff",
                    "on-secondary-fixed-variant": "#723600",
                    "outline": "#767683",
                    "on-tertiary": "#ffffff",
                    "inverse-primary": "#bdc2ff",
                    "on-tertiary-fixed-variant": "#00429c",
                    "tertiary-fixed": "#d9e2ff",
                    "surface-container-highest": "#cfe6f2",
                    "on-background": "#071e27",
                    "secondary-container": "#fc820c",
                    "on-secondary": "#ffffff",
                    "secondary": "#964900",
                    "on-tertiary-container": "#6b95f3",
                    "on-primary": "#ffffff",
                    "on-primary-fixed": "#000767",
                    "secondary-fixed": "#ffdcc6",
                    "inverse-surface": "#1e333c",
                    "surface-container-lowest": "#ffffff",
                    "on-primary-fixed-variant": "#343d96",
                    "error": "#ba1a1a",
                    "surface-container-low": "#e6f6ff",
                    "on-tertiary-fixed": "#001945",
                    "primary-fixed": "#e0e0ff",
                    "primary": "#000666",
                    "surface-container": "#dbf1fe",
                    "surface-variant": "#cfe6f2",
                    "on-secondary-fixed": "#311300",
                    "surface-dim": "#c7dde9",
                    "surface-bright": "#f3faff",
                    "on-error-container": "#93000a",
                    "on-surface": "#071e27",
                    "on-primary-container": "#8690ee",
                    "surface-tint": "#4c56af",
                    "background": "#f3faff",
                    "tertiary-fixed-dim": "#b0c6ff",
                    "secondary-fixed-dim": "#ffb786",
                    "on-surface-variant": "#454652"
            },
            "borderRadius": {
                    "DEFAULT": "0.125rem",
                    "lg": "0.25rem",
                    "xl": "0.5rem",
                    "full": "0.75rem"
            },
            "spacing": {
                    "container-max": "1240px",
                    "margin-mobile": "16px",
                    "base": "8px",
                    "gutter": "24px",
                    "section-padding": "80px"
            },
            "fontFamily": {
                    "headline-lg": ["Montserrat"],
                    "display-lg": ["Montserrat"],
                    "body-lg": ["Inter"],
                    "headline-md": ["Montserrat"],
                    "label-md": ["Inter"],
                    "body-md": ["Inter"]
            },
            "fontSize": {
                    "headline-lg": ["32px", {"lineHeight": "1.3", "fontWeight": "700"}],
                    "display-lg": ["48px", {"lineHeight": "1.2", "letterSpacing": "-0.02em", "fontWeight": "700"}],
                    "body-lg": ["18px", {"lineHeight": "1.6", "fontWeight": "400"}],
                    "headline-md": ["24px", {"lineHeight": "1.4", "fontWeight": "600"}],
                    "label-md": ["14px", {"lineHeight": "1.2", "fontWeight": "600"}],
                    "body-md": ["16px", {"lineHeight": "1.6", "fontWeight": "400"}]
            }
          }
        }
      }
    </script>
<style>
        .material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        .shadow-ambient {
            box-shadow: 0 4px 24px -4px rgba(26, 35, 126, 0.08);
        }
    </style>
</head>
<body class="bg-surface text-on-surface font-body-md antialiased min-h-screen flex flex-col">
<!-- TopNavBar -->
<header class="bg-surface border-b border-outline-variant shadow-sm docked full-width top-0 sticky z-50">
<div class="flex justify-between items-center h-20 w-full px-base md:px-gutter max-w-container-max mx-auto">
<!-- Brand -->
<div class="flex items-center gap-2">
<span class="material-symbols-outlined text-primary text-3xl" style="font-variation-settings: 'FILL' 1;">corporate_fare</span>
<span class="text-headline-md font-headline-lg font-bold text-primary tracking-tight">DEMB'S GROUP CONGO</span></div><!-- Navigation Links (Desktop) --><nav class="hidden md:flex gap-8 items-center"><a class="text-on-surface-variant font-medium hover:text-secondary transition-colors duration-200 font-label-md text-label-md" href="#">Home</a><a class="text-on-surface-variant font-medium hover:text-secondary transition-colors duration-200 font-label-md text-label-md" href="#">Services</a><a class="text-primary border-b-2 border-secondary font-bold pb-1 font-label-md text-label-md hover:text-secondary transition-colors duration-200" href="#">About Us</a><a class="text-on-surface-variant font-medium hover:text-secondary transition-colors duration-200 font-label-md text-label-md" href="#">Contact</a></nav><!-- Actions --><div class="hidden md:flex items-center gap-4"><button class="text-on-surface-variant font-label-md text-label-md hover:text-secondary transition-colors duration-200">Contact Us</button><button class="bg-secondary-container text-on-secondary-container font-label-md text-label-md px-6 py-2 rounded font-bold hover:opacity-90 transition-opacity">Request a Quote</button></div><!-- Mobile Menu Icon --><button class="md:hidden text-primary p-2"><span class="material-symbols-outlined text-2xl">menu</span></button></div></header><!-- Main Content --><main class="flex-grow flex flex-col"><!-- Hero Section --><section class="relative bg-surface-container-lowest py-section-padding border-b border-outline-variant overflow-hidden"><!-- Subtle Watermark Graphic --><div class="absolute inset-0 flex items-center justify-center opacity-5 pointer-events-none"><span class="material-symbols-outlined text-[400px] text-primary" style="font-variation-settings: 'FILL' 1;">domain</span></div><div class="max-w-container-max mx-auto px-base md:px-gutter relative z-10 text-center"><h1 class="font-display-lg text-display-lg text-primary mb-6">Building the Future of Congo</h1><p class="font-body-lg text-body-lg text-on-surface-variant max-w-3xl mx-auto">DEMB'S GROUP CONGO is a multi-sector institution dedicated to excellence, stability, and providing high-quality services across the nation and beyond.
                </p>
</div>
</section>
<!-- Mission & Vision (Bento Grid) -->
<section class="py-section-padding bg-surface">
<div class="max-w-container-max mx-auto px-base md:px-gutter">
<div class="grid grid-cols-1 md:grid-cols-2 gap-gutter">
<!-- Mission Card -->
<div class="bg-surface-container-lowest p-8 rounded-xl shadow-ambient border border-outline-variant hover:-translate-y-1 transition-transform duration-300">
<div class="w-12 h-12 bg-surface-container rounded-full flex items-center justify-center mb-6 text-primary">
<span class="material-symbols-outlined" style="font-variation-settings: 'FILL' 1;">flag</span>
</div>
<h2 class="font-headline-md text-headline-md text-primary mb-4">Our Mission</h2>
<p class="font-body-md text-body-md text-on-surface-variant">
                            Providing high-quality services across various sectors. We strive to deliver robust solutions in IT, Construction, and Import-Export, ensuring operational excellence and tangible value for our partners.
                        </p>
</div>
<!-- Vision Card -->
<div class="bg-surface-container-lowest p-8 rounded-xl shadow-ambient border border-outline-variant hover:-translate-y-1 transition-transform duration-300 relative overflow-hidden">
<!-- Accent Top Bar -->
<div class="absolute top-0 left-0 right-0 h-1 bg-secondary-container"></div>
<div class="w-12 h-12 bg-surface-container rounded-full flex items-center justify-center mb-6 text-secondary-container">
<span class="material-symbols-outlined" style="font-variation-settings: 'FILL' 1;">visibility</span>
</div>
<h2 class="font-headline-md text-headline-md text-primary mb-4">Our Vision</h2>
<p class="font-body-md text-body-md text-on-surface-variant">
                            Becoming a leader in the Congolese market. We envision a connected, developed infrastructure supported by our uncompromising standards and international trade expertise.
                        </p>
</div>
</div>
</div>
</section>
<!-- Image Break / Office Vibe -->
<section class="w-full h-64 md:h-96 bg-surface-container-high relative">
<div class="absolute inset-0 bg-cover bg-center w-full h-full opacity-60 mix-blend-multiply" data-alt="A brightly lit, modern corporate office interior in a high-rise building. Clean lines, glass partitions, and a subtle color palette of deep blue and white accents. The atmosphere is professional, institutional, and highly organized, reflecting a successful multi-sector business. High quality architectural photography." style="background-image: url(https://lh3.googleusercontent.com/aida-public/AB6AXuC199Bz1Kj1kRAKMDsTnTkr0zHgU9f-HJhfZ5UycLxxNymhG1KHAjh8J1BjB4Zn14nzGRBsPflns-QAl_YTxJZl71BRmq-HDNhXRx0NI59rKFG6-OjwiO1z4z2UHL62E55QyORHqdvjz-1k1zOYgcdHVoC1vUgs_rmGI9KTXSGOUknJpL6BMriq1VKT2yrRv-dLEY1ja4gv9IwGysKnR9eGhUTBHBPx8g1_L6Oj3pe3pWgw0k3XBKSZ)"></div>
</section>
<!-- Nos Valeurs (Values) -->
<section class="py-section-padding bg-surface-container-lowest">
<div class="max-w-container-max mx-auto px-base md:px-gutter">
<div class="text-center mb-12">
<h2 class="font-headline-lg text-headline-lg text-primary mb-4">Nos Valeurs</h2>
<p class="font-body-md text-body-md text-on-surface-variant max-w-2xl mx-auto">The foundational principles that guide our institutional approach.</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-gutter">
<!-- Value 1 -->
<div class="p-6 text-center">
<span class="material-symbols-outlined text-4xl text-primary mb-4">verified</span>
<h3 class="font-headline-md text-headline-md text-on-surface mb-2">Excellence</h3>
<p class="font-body-md text-body-md text-on-surface-variant">Commitment to the highest standards in every project.</p>
</div>
<!-- Value 2 -->
<div class="p-6 text-center">
<span class="material-symbols-outlined text-4xl text-primary mb-4">handshake</span>
<h3 class="font-headline-md text-headline-md text-on-surface mb-2">Integrity</h3>
<p class="font-body-md text-body-md text-on-surface-variant">Transparent and ethical operations across all sectors.</p>
</div>
<!-- Value 3 -->
<div class="p-6 text-center">
<span class="material-symbols-outlined text-4xl text-primary mb-4">public</span>
<h3 class="font-headline-md text-headline-md text-on-surface mb-2">Global Reach</h3>
<p class="font-body-md text-body-md text-on-surface-variant">Local expertise with international trade capabilities.</p>
</div>
</div>
</div>
</section>
<!-- Legal Information Strip (Mimicking the reference image's dense blue footer block) --><section class="bg-primary-container text-on-primary py-8 border-b-4 border-secondary-container"><div class="max-w-container-max mx-auto px-base md:px-gutter text-center font-label-md text-xs md:text-sm leading-relaxed text-primary-fixed-dim"><p class="uppercase tracking-wider font-bold mb-1">IMMATRICULATION AU RCCM EN DATE DU:28/02/2022   |   N° DE REGISTRE DU COMMERCE:<span class="text-white">CG-BZV-01-2022-B13-00084</span></p><p class="mb-1">LIEN JURIDIQUE:<span class="text-white font-semibold">Immatriculation de personne morale</span>   DENOMINATION:<span class="text-white font-semibold">DEMB'S GROUP CONGO SARLU</span>    SIGLE: <span class="text-white font-semibold">DGC SARLU</span>
</p>
<p class="mb-1">
                    FORME JURIDIQUE: <span class="text-white font-semibold">B13-société à Responsabilité limitée unipersonnelle (SARL unipersonnelle)</span>    CAPITAL SOCIAL: <span class="text-white font-semibold">1.000.000 CFA</span>
</p>
<p class="">
                    ADRESSE DU SIÈGE: <span class="text-white font-semibold">Brazzaville, Centre-Ville, Rez-de-chaussée, Immeuble City Center, en face de la station d'essence Afric' de la chambre de commerce,</span><br/>
<span class="text-white font-semibold">050572207 / 066540405 / 064322424</span>    www.dembs-groupcongo.com
                </p>
</div>
</section>
</main>
<!-- Footer -->
<footer class="bg-primary full-width grid grid-cols-1 md:grid-cols-4 gap-gutter py-section-padding px-base md:px-gutter max-w-container-max mx-auto">
<!-- Brand Col -->
<div class="flex flex-col gap-4">
<div class="flex items-center gap-2 mb-4">
<span class="material-symbols-outlined text-secondary-fixed text-2xl" style="font-variation-settings: 'FILL' 1;">corporate_fare</span>
<span class="text-headline-md font-headline-md font-bold text-secondary-fixed">DEMB'S GROUP CONGO</span></div><p class="font-body-md text-body-md text-on-primary-fixed-variant">Providing high-quality services across various sectors. </p></div><!-- Links Col 1 --><div class="flex flex-col gap-3"><h4 class="font-label-md text-label-md font-bold text-on-primary mb-2">Services</h4><a class="font-body-md text-body-md text-on-primary-fixed-variant hover:text-secondary-fixed-dim underline transition-all" href="#">IT Services</a><a class="font-body-md text-body-md text-on-primary-fixed-variant hover:text-secondary-fixed-dim underline transition-all" href="#">Office Supplies</a><a class="font-body-md text-body-md text-on-primary-fixed-variant hover:text-secondary-fixed-dim underline transition-all" href="#">Construction</a><a class="font-body-md text-body-md text-on-primary-fixed-variant hover:text-secondary-fixed-dim underline transition-all" href="#">Import-Export</a></div><!-- Links Col 2 --><div class="flex flex-col gap-3"><h4 class="font-label-md text-label-md font-bold text-on-primary mb-2">Corporate</h4><a class="font-body-md text-body-md text-secondary-fixed font-bold" href="#">About Us</a><a class="font-body-md text-body-md text-on-primary-fixed-variant hover:text-secondary-fixed-dim underline transition-all" href="#">Legal Mentions</a><a class="font-body-md text-body-md text-on-primary-fixed-variant hover:text-secondary-fixed-dim underline transition-all" href="#">Privacy Policy</a></div><!-- Copyright Col --><div class="flex flex-col justify-end gap-3 md:col-span-4 mt-8 pt-8 border-t border-on-primary-fixed-variant"><p class="font-body-md text-body-md text-on-primary-fixed-variant text-center md:text-left">© 2024 DEMB'S GROUP CONGO. RCCM CG-BZV-01-2022-B13-00084. All rights reserved.
            </p>
</div>
</footer>
</body></html>

<!-- DEMB'S GROUP_page-0001.jpg --><!DOCTYPE html><html class="scroll-smooth" lang="fr"><head><meta charset="utf-8"/><meta content="width=device-width, initial-scale=1.0" name="viewport"/><title>DEMB'S GROUP CONGO - Accueil</title>
<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&amp;family=Montserrat:wght@400;600;700&amp;display=swap" rel="stylesheet"/>
<script id="tailwind-config">
        tailwind.config = {
            darkMode: "class",
            theme: {
                extend: {
                    "colors": {
                        "on-error": "#ffffff",
                        "tertiary-container": "#002c6e",
                        "error-container": "#ffdad6",
                        "on-secondary-container": "#5e2c00",
                        "surface": "#f3faff",
                        "inverse-on-surface": "#dff4ff",
                        "primary-container": "#1a237e",
                        "surface-container-high": "#d5ecf8",
                        "outline-variant": "#c6c5d4",
                        "tertiary": "#001944",
                        "primary-fixed-dim": "#bdc2ff",
                        "on-secondary-fixed-variant": "#723600",
                        "outline": "#767683",
                        "on-tertiary": "#ffffff",
                        "inverse-primary": "#bdc2ff",
                        "on-tertiary-fixed-variant": "#00429c",
                        "tertiary-fixed": "#d9e2ff",
                        "surface-container-highest": "#cfe6f2",
                        "on-background": "#071e27",
                        "secondary-container": "#fc820c",
                        "on-secondary": "#ffffff",
                        "secondary": "#964900",
                        "on-tertiary-container": "#6b95f3",
                        "on-primary": "#ffffff",
                        "on-primary-fixed": "#000767",
                        "secondary-fixed": "#ffdcc6",
                        "inverse-surface": "#1e333c",
                        "surface-container-lowest": "#ffffff",
                        "on-primary-fixed-variant": "#343d96",
                        "error": "#ba1a1a",
                        "surface-container-low": "#e6f6ff",
                        "on-tertiary-fixed": "#001945",
                        "primary-fixed": "#e0e0ff",
                        "primary": "#000666",
                        "surface-container": "#dbf1fe",
                        "surface-variant": "#cfe6f2",
                        "on-secondary-fixed": "#311300",
                        "surface-dim": "#c7dde9",
                        "surface-bright": "#f3faff",
                        "on-error-container": "#93000a",
                        "on-surface": "#071e27",
                        "on-primary-container": "#8690ee",
                        "surface-tint": "#4c56af",
                        "background": "#f3faff",
                        "tertiary-fixed-dim": "#b0c6ff",
                        "secondary-fixed-dim": "#ffb786",
                        "on-surface-variant": "#454652"
                    },
                    "borderRadius": {
                        "DEFAULT": "0.125rem",
                        "lg": "0.25rem",
                        "xl": "0.5rem",
                        "full": "0.75rem"
                    },
                    "spacing": {
                        "container-max": "1240px",
                        "margin-mobile": "16px",
                        "base": "8px",
                        "gutter": "24px",
                        "section-padding": "80px"
                    },
                    "fontFamily": {
                        "headline-lg": ["Montserrat"],
                        "display-lg": ["Montserrat"],
                        "body-lg": ["Inter"],
                        "headline-md": ["Montserrat"],
                        "label-md": ["Inter"],
                        "body-md": ["Inter"]
                    }
                },
            },
        }
    </script>
<style>
        .glass-card {
            background: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.2);
            box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
        }
        
        .bento-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 1.5rem;
        }

        .ambient-shadow {
            box-shadow: 0 10px 30px -10px rgba(26, 35, 126, 0.15);
        }

        .hover-lift {
            transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.4s ease;
        }
        
        .hover-lift:hover {
            transform: translateY(-8px) scale(1.02);
            box-shadow: 0 20px 40px -10px rgba(26, 35, 126, 0.25);
        }
    </style>
</head>
<body class="bg-background text-on-background font-body-md antialiased selection:bg-primary-container selection:text-on-primary-container">
<!-- TopNavBar -->
<nav class="bg-surface dark:bg-inverse-surface text-primary dark:text-primary-fixed-dim font-label-md text-label-md docked full-width top-0 sticky border-b border-outline-variant dark:border-outline shadow-sm dark:shadow-none z-50 transition-all duration-300" id="main-nav">
<div class="flex justify-between items-center h-20 w-full px-base md:px-gutter max-w-container-max mx-auto">
<!-- Brand -->
<a class="flex items-center gap-2 group" href="#">
<img alt="DEMB'S GROUP CONGO Logo" class="h-10 w-auto group-hover:opacity-90 transition-opacity" src="https://lh3.googleusercontent.com/aida-public/AB6AXuBJJCK7jhcbgbg8TmnWr51_MfVLnSMYmaFVZ86Uf3TbTVG104EJXu601oKmFRqlc7_wyazWXTix0AIFIll4KBW-uybt6LWe5FrufQAVtPML1qI7kXgz03_e_QFgf6IP9l0b3u2Kbl0Kl7k2S8G6mTiAJ9NO86V1zIH8Fgh6_a3UrNA3ha8umahYlUo-QBaXWESkQ8OqgPXZ_jHpt0TumoiwtIdF0SQN3Mjx0bF9Xg-kspQDUfa4iwJBhcR8vkOLFcu0jg"/>
<span class="text-headline-md font-headline-lg font-bold text-primary dark:text-primary-fixed-dim hidden sm:block tracking-tight">DEMB'S GROUP CONGO</span>
</a>
<!-- Desktop Navigation Links -->
<ul class="hidden md:flex items-center gap-8">
<li>
<a class="text-primary dark:text-primary-fixed-dim border-b-2 border-secondary font-bold pb-1 hover:text-secondary dark:hover:text-secondary-fixed-dim transition-colors duration-200 font-headline-md text-sm" href="#home">Home</a>
</li>
<li>
<a class="text-on-surface-variant dark:text-surface-variant font-medium hover:text-secondary dark:hover:text-secondary-fixed-dim transition-colors duration-200 font-headline-md text-sm" href="#services">Services</a>
</li>
<li>
<a class="text-on-surface-variant dark:text-surface-variant font-medium hover:text-secondary dark:hover:text-secondary-fixed-dim transition-colors duration-200 font-headline-md text-sm" href="#about">About Us</a>
</li>
<li>
<a class="text-on-surface-variant dark:text-surface-variant font-medium hover:text-secondary dark:hover:text-secondary-fixed-dim transition-colors duration-200 font-headline-md text-sm" href="#contact">Contact</a>
</li>
</ul>
<!-- Actions -->
<div class="hidden md:flex items-center gap-4">
<a class="text-primary font-bold font-headline-md text-sm hover:text-secondary transition-colors duration-200" href="#contact">Contact Us</a>
<a class="bg-secondary-container text-on-secondary-container px-6 py-2 rounded font-bold font-headline-md text-sm hover:bg-secondary hover:text-on-secondary transition-colors duration-300 shadow-sm" href="#quote">Request a Quote</a>
</div>
<!-- Mobile Menu Toggle -->
<button aria-label="Toggle navigation" class="md:hidden text-primary p-2 focus:outline-none focus:ring-2 focus:ring-primary-container rounded">
<span class="material-symbols-outlined text-2xl">menu</span>
</button>
</div>
</nav>
<main>
<!-- Hero Section -->
<section class="relative min-h-[90vh] flex items-center pt-20" id="home">
<div class="absolute inset-0 z-0">
<div class="bg-cover bg-center bg-no-repeat w-full h-full" data-alt="A panoramic,high-quality photograph of the modern Brazzaville skyline at dawn. The image features sleek,contemporary office buildings reflecting the warm,golden morning light. The atmosphere is vibrant,ambitious,and deeply rooted in the heart of the Congo. The lighting is bright and clear,adhering to a sophisticated corporate light-mode aesthetic with deep blue shadows and crisp #fff highlights,conveying a sense of progress and stability." style="background-image:url(https://lh3.googleusercontent.com/aida-public/AB6AXuDyH5SQ3aZ8iyjRd2iCquccLm8Xao1gXAafKGYGOmlXTEXdXDPt_h7e46XUiLIkMNpFkFmua3je1_oZ3ntSMjqfU23TP8tf65FhsomUGMmCaTLU4JQo9p19-PCAZ_LIXndeUMimNEtXWh_CQWnx5tO8jJItC5M2le2wbo__cQHKOZpddxDAMJF0VK_WPZxr8A5j6YEjrRxKaRdDZf5ckYnN9Q8_l7cKOh9Hh1wNda39gbY4OiEaPKri)"></div>
<div class="absolute inset-0 bg-surface/80 backdrop-blur-sm z-10"></div>
<div class="absolute inset-0 bg-gradient-to-r from-surface via-surface/90 to-transparent z-20"></div>
</div>
<div class="relative z-30 w-full max-w-container-max mx-auto px-margin-mobile md:px-gutter py-section-padding flex flex-col md:flex-row items-center gap-12">
<div class="w-full md:w-3/5 space-y-8 animate-fade-in-up">
<div class="inline-flex items-center gap-2 px-4 py-2 bg-surface-container-high text-primary-container rounded-full text-sm font-semibold tracking-wide uppercase border border-primary-fixed">
<span class="material-symbols-outlined text-base">corporate_fare</span>
                        Groupe Multisectoriel
                    </div>
<h1 class="text-4xl md:text-5xl lg:text-6xl font-display-lg text-on-background leading-tight font-bold">
                        Votre partenaire de confiance pour <span class="text-primary">le commerce</span> et <span class="text-secondary-container">les services</span> au Congo.
                    </h1>
<p class="text-lg md:text-xl font-body-lg text-on-surface-variant max-w-2xl">
                        Expertise institutionnelle, solutions technologiques et logistique de pointe pour propulser vos projets vers le succès.
                    </p>
<div class="flex flex-wrap gap-4 pt-4">
<a class="bg-primary text-on-primary px-8 py-4 rounded font-bold font-headline-md text-base hover:bg-primary-container transition-all hover-lift shadow-md flex items-center gap-2" href="#services">
                            Découvrir nos piliers
                            <span class="material-symbols-outlined">arrow_forward</span>
</a>
<a class="bg-transparent border-2 border-primary text-primary px-8 py-4 rounded font-bold font-headline-md text-base hover:bg-primary-fixed hover:text-on-primary-fixed transition-all" href="#contact">
                            Nous contacter
                        </a>
</div>
</div>
<div class="w-full md:w-2/5 relative">
<div class="relative z-10 rounded-xl overflow-hidden ambient-shadow border-4 border-surface glass-card p-4">
<img class="w-full h-auto rounded object-cover shadow-inner" data-alt="A meticulously organized,ultra-modern corporate boardroom with floor-to-ceiling windows overlooking a bustling African city. A large,sleek wooden conference table sits in the center,surrounded by ergonomic #000 chairs. The room is flooded with bright,natural daylight. Subtle architectural details in deep blue and vibrant orange accent the space,reflecting the company's brand identity. The overall mood is professional, authoritative, and forward-looking." src="https://lh3.googleusercontent.com/aida-public/AB6AXuA0ASk_SK8L4xjowvd9hA8IOAlfEJ7seQR82_Ut0jQgIwv2SM971RmtTZivnGS4YbkrHC4lSTJdvAiO6pi6EB5hLz6N-fbuMniUPSr5tTwIYkDBlXDwAgpF9C5wHht76WCaO6IYXkzv8--Eg_l8Mj-uhG1SZzt0sTRXxwb2L8hjYFv2ZEm7yDLr7u72JB0hSCZ58EYV98LMF7h7vifUcedXHpAYOuHitiVFMDTuqUzVdzCkUrM72gqy"/>
</div>
<div class="absolute -bottom-8 -left-8 w-48 h-48 bg-secondary-fixed/50 rounded-full blur-3xl z-0"></div>
<div class="absolute -top-8 -right-8 w-64 h-64 bg-primary-fixed/40 rounded-full blur-3xl z-0"></div>
</div>
</div>
</section>
<!-- Piliers Section (Bento Grid) -->
<section class="py-section-padding bg-surface-container-lowest" id="services">
<div class="max-w-container-max mx-auto px-margin-mobile md:px-gutter">
<div class="text-center mb-16 space-y-4">
<h2 class="text-3xl md:text-4xl font-headline-lg font-bold text-primary">Nos Piliers d'Expertise</h2><p class="font-body-md text-on-surface-variant max-w-2xl mx-auto">Une synergie de compétences structurée autour de secteurs clés pour répondre aux exigences du marché congolais et international.</p></div><div class="bento-grid"><!-- IT Services --><div class="bg-surface rounded-xl p-8 border border-outline-variant ambient-shadow hover-lift flex flex-col relative overflow-hidden group"><div class="absolute top-0 left-0 w-full h-2 bg-primary group-hover:h-3 transition-all"></div><div class="bg-primary-fixed w-16 h-16 rounded-lg flex items-center justify-center mb-6 text-primary-container"><span class="material-symbols-outlined text-3xl">computer</span></div><h3 class="text-2xl font-headline-md font-bold text-on-surface mb-4">Services IT</h3><p class="text-on-surface-variant font-body-md flex-grow mb-6">Solutions informatiques intégrées,développement de systèmes,et maintenance de réseaux pour moderniser vos infrastructures.</p><ul class="space-y-3 mb-8"><li class="flex items-start gap-3 text-sm text-on-surface-variant font-headline-md"><span class="material-symbols-outlined text-secondary text-lg">check_circle</span>Audit et Conseil </li><li class="flex items-start gap-3 text-sm text-on-surface-variant font-headline-md"><span class="material-symbols-outlined text-secondary text-lg">check_circle</span>Cybersécurité </li></ul><a class="inline-flex items-center gap-2 text-primary font-bold font-headline-md hover:text-primary-container mt-auto" href="#">En savoir plus <span class="material-symbols-outlined text-sm transition-transform group-hover:translate-x-1">arrow_forward</span></a></div><!-- Construction --><div class="bg-surface rounded-xl p-8 border border-outline-variant ambient-shadow hover-lift flex flex-col relative overflow-hidden group"><div class="absolute top-0 left-0 w-full h-2 bg-secondary-container group-hover:h-3 transition-all"></div><div class="bg-secondary-fixed w-16 h-16 rounded-lg flex items-center justify-center mb-6 text-on-secondary-container"><span class="material-symbols-outlined text-3xl">architecture</span></div><h3 class="text-2xl font-headline-md font-bold text-on-surface mb-4">Construction</h3><p class="text-on-surface-variant font-body-md flex-grow mb-6">Réalisation d'ouvrages d'art,génie civil et gestion de projets immobiliers avec une rigueur structurelle intransigeante.</p><ul class="space-y-3 mb-8"><li class="flex items-start gap-3 text-sm text-on-surface-variant font-headline-md"><span class="material-symbols-outlined text-secondary text-lg">check_circle</span>Génie Civil </li><li class="flex items-start gap-3 text-sm text-on-surface-variant font-headline-md"><span class="material-symbols-outlined text-secondary text-lg">check_circle</span>Maîtrise d'œuvre
                            </li>
</ul>
<a class="inline-flex items-center gap-2 text-primary font-bold font-headline-md hover:text-primary-container mt-auto" href="#">
                            En savoir plus <span class="material-symbols-outlined text-sm transition-transform group-hover:translate-x-1">arrow_forward</span>
</a>
</div>
<!-- Import-Export -->
<div class="bg-surface rounded-xl p-8 border border-outline-variant ambient-shadow hover-lift flex flex-col relative overflow-hidden group md:col-span-2 lg:col-span-1">
<div class="absolute top-0 left-0 w-full h-2 bg-tertiary-container group-hover:h-3 transition-all"></div>
<div class="bg-tertiary-fixed w-16 h-16 rounded-lg flex items-center justify-center mb-6 text-on-tertiary-container">
<span class="material-symbols-outlined text-3xl">local_shipping</span>
</div>
<h3 class="text-2xl font-headline-md font-bold text-on-surface mb-4">Import-Export</h3>
<p class="text-on-surface-variant font-body-md flex-grow mb-6">Logistique internationale fluide, approvisionnement stratégique et gestion douanière experte pour sécuriser vos flux commerciaux.</p>
<ul class="space-y-3 mb-8">
<li class="flex items-start gap-3 text-sm text-on-surface-variant font-headline-md">
<span class="material-symbols-outlined text-secondary text-lg">check_circle</span>
                                Fret maritime et aérien
                            </li>
<li class="flex items-start gap-3 text-sm text-on-surface-variant font-headline-md">
<span class="material-symbols-outlined text-secondary text-lg">check_circle</span>
                                Représentation commerciale
                            </li>
</ul>
<a class="inline-flex items-center gap-2 text-primary font-bold font-headline-md hover:text-primary-container mt-auto" href="#">
                            En savoir plus <span class="material-symbols-outlined text-sm transition-transform group-hover:translate-x-1">arrow_forward</span>
</a>
</div>
</div>
</div>
</section>
<!-- About Section (Asymmetric Layout) -->
<section class="py-section-padding bg-surface-container overflow-hidden" id="about">
<div class="max-w-container-max mx-auto px-margin-mobile md:px-gutter">
<div class="flex flex-col lg:flex-row items-center gap-16">
<div class="w-full lg:w-1/2 relative">
<div class="grid grid-cols-2 gap-4">
<div class="space-y-4 pt-12">
<img class="w-full h-64 object-cover rounded-lg shadow-md border border-outline-variant" data-alt="A high-resolution, close-up photograph of architectural blueprints and a yellow hard hat resting on a sleek, modern desk. The lighting is crisp and cool, emphasizing precision and engineering excellence. The color palette features stark whites, technical blues, and the bright yellow of safety gear, projecting a highly professional corporate aesthetic." src="https://lh3.googleusercontent.com/aida-public/AB6AXuA5Ea97xgIwPOBZOM8-F-X8XxoSdoPy5_2Ie5B5FHhAgbcbwFvWsM6It5i8_3LjWmd_Re17QR0Lwq78UCtWilZK-umO9RWsFjvwuYm48L_MlEOeQO_E9lMB354PKQvyuNNaoctvCwOmJxVTBRwldZpjnJadYKI-Y9SP3iHg543Qs0i8j0J2jpSQ4K4RlcsStxBPD6pyex4OWL7F5IwGSm2uJ0gaF7-q6SDn956rFVI2_80VoXGZy_cE"/>
<div class="bg-primary p-6 rounded-lg text-on-primary flex flex-col items-center justify-center text-center shadow-lg hover-lift">
<span class="text-4xl font-display-lg font-bold">10+</span>
<span class="text-sm font-label-md mt-2">Années d'Expérience</span></div></div><div class="space-y-4"><div class="bg-secondary-container p-6 rounded-lg text-on-secondary-container flex flex-col items-center justify-center text-center shadow-lg h-40 hover-lift"><span class="material-symbols-outlined text-4xl mb-2">handshake</span><span class="text-sm font-label-md">Partenaire Local</span></div><img class="w-full h-72 object-cover rounded-lg shadow-md border border-outline-variant" data-alt="A dynamic shot of a massive cargo ship docked at a modern industrial port during midday. Tall cranes are loading shipping containers in a highly organized, geometric composition. The sky is a clear, brilliant blue. The scene conveys scale, global connectivity, and logistical efficiency, adhering to a clean, bright, corporate visual style." src="https://lh3.googleusercontent.com/aida-public/AB6AXuBrd-hU9IxWf345fZ7Ed79ey8sxKe1q1lbqnn5GQOF3-Up_PjcjritntmPhdwnNEk9-5NIdmnAJ9d8E0NvmeRa5Hw5HhyKeWXjav2u-0LZ7Y_RlJMO_0WppCxvBeIF7jgSygckvhiuLStViYqC-ME0ckBNtItnMPonm6tEVXS7DF3fySMjNJ40d6jsMt3pfvv3fbF9ddKU74hvvyuyj2o26-C16tVROtKFlFQy0bATyHOYHVG2IMrni"/></div></div></div><div class="w-full lg:w-1/2 space-y-8"><div class="inline-flex items-center gap-2 text-secondary font-bold text-sm tracking-wider uppercase"><span class="w-8 h-[2px] bg-secondary"></span>À Propos de Nous </div><h2 class="text-3xl md:text-4xl lg:text-5xl font-headline-lg font-bold text-on-background">Une vision globale,<br/>une <span class="text-primary">expertise locale</span>. </h2><div class="space-y-4 text-on-surface-variant font-body-md text-lg"><p>Fondé sur les principes de rigueur et d'excellence, <strong>DEMB'S GROUP CONGO</strong>s'est imposé comme un acteur incontournable du développement économique en République du Congo.
                            </p>
<p>
                                Notre structure multisectorielle nous permet d'offrir une réponse globale aux défis complexes de nos clients institutionnels et privés,en garantissant un standard de qualité international tout en maîtrisant parfaitement les réalités du terrain local. </p></div><div class="pt-6 border-t border-outline-variant"><div class="flex items-center gap-4"><img alt="DEMB'S GROUP Mark" class="h-12 w-auto grayscale opacity-50" src="https://lh3.googleusercontent.com/aida-public/AB6AXuCEerrd7DgLsbfZT21kaZSv2TNR1A1q_cS-e3-ZpyWr2w0HVoiBdEhMvHz7l727HE4I2VxuzAxqFi2hbeHhY-iLqfsLe3ETSeOtXirmo27NmC2CSsHKi61vMAVbR5uxMMAKOfz-AFQxyNcPkz7CS8E9nCqh1I0aAGLxw87GqUM5oCr1F7oXW_iyaD4XE6-mYwXAZnQ4U54q8Npve-ceSly251bfhfrbTt5a6F6ldRPXgGpjxlZhiS0BpZtVqlNuVu8mDA"/><p class="text-sm text-on-surface-variant font-medium">RCCM CG-BZV-01-2022-B13-00084 <br/>Basé à Brazzaville,Congo.</p></div></div></div></div></div></section><!-- Pourquoi nous choisir Section --><section class="py-section-padding bg-surface-container-lowest"><div class="max-w-container-max mx-auto px-margin-mobile md:px-gutter"><div class="text-center mb-16 space-y-4"><h2 class="text-3xl md:text-4xl font-headline-lg font-bold text-primary">Pourquoi Nous Choisir</h2><p class="font-body-md text-on-surface-variant max-w-2xl mx-auto">Notre engagement envers l'excellence définit chaque interaction et chaque projet que nous entreprenons.</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<!-- Feature 1 -->
<div class="p-8 bg-surface rounded border border-outline-variant hover:border-primary-fixed transition-all hover-lift text-center group cursor-pointer shadow-sm">
<div class="w-20 h-20 mx-auto bg-surface-container-high rounded-full flex items-center justify-center mb-6 group-hover:bg-primary group-hover:scale-110 transition-all duration-300">
<span class="material-symbols-outlined text-4xl text-primary group-hover:text-on-primary transition-colors">verified</span>
</div>
<h4 class="text-xl font-headline-md font-bold text-on-surface mb-3">Fiabilité Éprouvée</h4>
<p class="text-sm text-on-surface-variant font-body-md">Des processus stricts et une conformité totale aux normes légales et industrielles pour sécuriser vos investissements.</p>
</div>
<!-- Feature 2 -->
<div class="p-8 bg-surface rounded border border-outline-variant hover:border-secondary-fixed transition-all hover-lift text-center group cursor-pointer shadow-sm">
<div class="w-20 h-20 mx-auto bg-surface-container-high rounded-full flex items-center justify-center mb-6 group-hover:bg-secondary-container group-hover:scale-110 transition-all duration-300">
<span class="material-symbols-outlined text-4xl text-secondary-container group-hover:text-on-secondary-container transition-colors">workspace_premium</span>
</div>
<h4 class="text-xl font-headline-md font-bold text-on-surface mb-3">Expertise Multisectorielle</h4>
<p class="text-sm text-on-surface-variant font-body-md">Une maîtrise technique approfondie dans des domaines variés, permettant des synergies uniques et des solutions complètes.</p>
</div>
<!-- Feature 3 -->
<div class="p-8 bg-surface rounded border border-outline-variant hover:border-tertiary-fixed transition-all hover-lift text-center group cursor-pointer shadow-sm">
<div class="w-20 h-20 mx-auto bg-surface-container-high rounded-full flex items-center justify-center mb-6 group-hover:bg-tertiary-container group-hover:scale-110 transition-all duration-300">
<span class="material-symbols-outlined text-4xl text-tertiary-container group-hover:text-on-tertiary-container transition-colors">pin_drop</span>
</div>
<h4 class="text-xl font-headline-md font-bold text-on-surface mb-3">Ancrage Local Fort</h4>
<p class="text-sm text-on-surface-variant font-body-md">Une connaissance intime du marché congolais, facilitant les opérations complexes et garantissant une réactivité optimale.</p>
</div>
</div>
</div>
</section>
<!-- Partenaires et Témoignages Section -->
<section class="py-section-padding bg-surface-container border-t border-outline-variant/30">
<div class="max-w-container-max mx-auto px-margin-mobile md:px-gutter">
<div class="text-center mb-16 space-y-4">
<h2 class="text-3xl md:text-4xl font-headline-lg font-bold text-primary">Nos Partenaires et Références</h2>
<p class="font-body-md text-on-surface-variant max-w-2xl mx-auto">Ils nous font confiance pour la réalisation de leurs projets les plus ambitieux.</p>
</div>
<!-- Partenaires Logos (Placeholder) -->
<div class="flex flex-wrap justify-center items-center gap-8 md:gap-16 opacity-60 mb-16 grayscale">
<span class="text-2xl font-bold text-on-surface-variant">PARTENAIRE A</span>
<span class="text-2xl font-bold text-on-surface-variant">PARTENAIRE B</span>
<span class="text-2xl font-bold text-on-surface-variant">PARTENAIRE C</span>
<span class="text-2xl font-bold text-on-surface-variant">PARTENAIRE D</span>
</div>
<!-- Testimonials -->
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
<div class="bg-surface p-8 rounded-xl shadow-sm border border-outline-variant relative">
<span class="material-symbols-outlined text-6xl text-primary/10 absolute top-4 right-4">format_quote</span>
<p class="italic text-on-surface-variant font-body-md mb-6 relative z-10">"L'expertise de DEMB'S GROUP CONGO a été déterminante dans le succès de notre projet de construction. Une équipe professionnelle et réactive."</p>
<div class="flex items-center gap-4">
<div class="w-12 h-12 bg-primary-container rounded-full flex items-center justify-center text-on-primary-container font-bold">DP</div>
<div>
<h5 class="font-headline-md font-bold text-on-surface text-sm">Directeur de Projet</h5>
<span class="text-xs text-on-surface-variant">Entreprise BTP</span>
</div>
</div>
</div>
<div class="bg-surface p-8 rounded-xl shadow-sm border border-outline-variant relative">
<span class="material-symbols-outlined text-6xl text-secondary-container/10 absolute top-4 right-4">format_quote</span>
<p class="italic text-on-surface-variant font-body-md mb-6 relative z-10">"Une logistique impeccable pour nos importations. Ils comprennent nos enjeux et proposent des solutions toujours adaptées."</p>
<div class="flex items-center gap-4">
<div class="w-12 h-12 bg-secondary-container rounded-full flex items-center justify-center text-on-secondary-container font-bold">RA</div>
<div>
<h5 class="font-headline-md font-bold text-on-surface text-sm">Responsable Achats</h5>
<span class="text-xs text-on-surface-variant">Secteur Distribution</span>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<!-- Footer -->
<footer class="bg-primary dark:bg-tertiary text-on-primary dark:text-on-tertiary font-body-md text-body-md full-width mt-auto border-t-4 border-secondary-container">
<div class="grid grid-cols-1 md:grid-cols-4 gap-gutter py-section-padding px-base md:px-gutter max-w-container-max mx-auto">
<!-- Brand Column -->
<div class="space-y-6 md:col-span-1">
<a class="inline-block focus:ring-2 focus:ring-secondary-container outline-none rounded" href="#">
<span class="text-headline-md font-headline-md font-bold text-secondary-fixed">DEMB'S GROUP CONGO</span></a><p class="text-sm text-on-primary-fixed-variant dark:text-tertiary-fixed-dim leading-relaxed">Votre partenaire stratégique pour l'excellence opérationnelle en République du Congo. Ingénierie, Logistique et Technologies.
                </p>
<div class="flex gap-4">
<a class="w-10 h-10 rounded bg-on-primary/10 flex items-center justify-center hover:bg-secondary-fixed hover:text-on-secondary-fixed transition-colors" href="#">
<span class="material-symbols-outlined">mail</span>
</a>
<a class="w-10 h-10 rounded bg-on-primary/10 flex items-center justify-center hover:bg-secondary-fixed hover:text-on-secondary-fixed transition-colors" href="#">
<span class="material-symbols-outlined">call</span>
</a>
</div>
</div>
<!-- Links Column 1 -->
<div class="space-y-4">
<h4 class="font-headline-md text-lg font-bold text-secondary-fixed border-b border-on-primary/20 pb-2">Nos Services</h4>
<ul class="space-y-2 font-headline-md text-sm">
<li><a class="text-on-primary-fixed-variant dark:text-tertiary-fixed-dim hover:text-secondary-fixed-dim underline transition-all focus:ring-2 focus:ring-secondary-container outline-none rounded inline-block" href="#">IT Services</a></li>
<li><a class="text-on-primary-fixed-variant dark:text-tertiary-fixed-dim hover:text-secondary-fixed-dim underline transition-all focus:ring-2 focus:ring-secondary-container outline-none rounded inline-block" href="#">Office Supplies</a></li>
<li><a class="text-on-primary-fixed-variant dark:text-tertiary-fixed-dim hover:text-secondary-fixed-dim underline transition-all focus:ring-2 focus:ring-secondary-container outline-none rounded inline-block" href="#">Construction</a></li>
<li><a class="text-on-primary-fixed-variant dark:text-tertiary-fixed-dim hover:text-secondary-fixed-dim underline transition-all focus:ring-2 focus:ring-secondary-container outline-none rounded inline-block" href="#">Import-Export</a></li>
</ul>
</div>
<!-- Links Column 2 -->
<div class="space-y-4">
<h4 class="font-headline-md text-lg font-bold text-secondary-fixed border-b border-on-primary/20 pb-2">Informations Légales</h4>
<ul class="space-y-2 font-headline-md text-sm text-on-primary-fixed-variant dark:text-tertiary-fixed-dim">
<li>RCCM: CG-BZV-01-2022-B13-00084</li>
<li>NIU: 220202202202202</li>
<li>Forme Juridique: SARL</li>
<li><a class="hover:text-secondary-fixed-dim underline transition-all focus:ring-2 focus:ring-secondary-container outline-none rounded inline-block mt-2" href="#">Legal Mentions</a></li>
<li><a class="hover:text-secondary-fixed-dim underline transition-all focus:ring-2 focus:ring-secondary-container outline-none rounded inline-block" href="#">Privacy Policy</a></li>
</ul>
</div>
<!-- Contact Column -->
<div class="space-y-4">
<h4 class="font-headline-md text-lg font-bold text-secondary-fixed border-b border-on-primary/20 pb-2">Siège Social</h4>
<address class="not-italic text-sm text-on-primary-fixed-variant dark:text-tertiary-fixed-dim space-y-3 font-body-md">
<p class="flex items-start gap-2">
<span class="material-symbols-outlined text-lg text-secondary-fixed">location_on</span>
                        Brazzaville, Centre-Ville, Rez-de-chaussée, Immeuble City Center, en face de la station d'essence Afric' de la chambre de commerce.
                    </p>
<p class="flex items-center gap-2">
<span class="material-symbols-outlined text-lg text-secondary-fixed">phone</span>
                        050572207 / 066540405
                    </p>
</address>
</div>
</div>
<!-- Copyright Bottom Bar -->
<div class="bg-black/20 py-4 mt-8">
<div class="max-w-container-max mx-auto px-base md:px-gutter text-center text-xs text-on-primary-fixed-variant dark:text-tertiary-fixed-dim font-headline-md">
<p>© 2024 DEMB'S GROUP CONGO. RCCM CG-BZV-01-2022-B13-00084. All rights reserved.</p></div></div></footer><script>// Simple sticky nav style toggle on scroll const nav=document.getElementById('main-nav');window.addEventListener('scroll',()=>{if (window.scrollY>10){nav.classList.add('shadow-md');nav.classList.remove('shadow-sm','py-2')}else{nav.classList.remove('shadow-md');nav.classList.add('shadow-sm')}});</script></body></html><!-- Design System --><!DOCTYPE html><html class="light" lang="fr"><head><meta charset="utf-8"/><meta content="width=device-width, initial-scale=1.0" name="viewport"/><title>Services - DEMB'S GROUP CONGO</title>
<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&amp;family=Inter:wght@400;500;600&amp;display=swap" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap" rel="stylesheet"/>
<script id="tailwind-config">
        tailwind.config = {
            darkMode: "class",
            theme: {
                extend: {
                    "colors": {
                        "on-error": "#ffffff",
                        "tertiary-container": "#002c6e",
                        "error-container": "#ffdad6",
                        "on-secondary-container": "#5e2c00",
                        "surface": "#f3faff",
                        "inverse-on-surface": "#dff4ff",
                        "primary-container": "#1a237e",
                        "surface-container-high": "#d5ecf8",
                        "outline-variant": "#c6c5d4",
                        "tertiary": "#001944",
                        "primary-fixed-dim": "#bdc2ff",
                        "on-secondary-fixed-variant": "#723600",
                        "outline": "#767683",
                        "on-tertiary": "#ffffff",
                        "inverse-primary": "#bdc2ff",
                        "on-tertiary-fixed-variant": "#00429c",
                        "tertiary-fixed": "#d9e2ff",
                        "surface-container-highest": "#cfe6f2",
                        "on-background": "#071e27",
                        "secondary-container": "#fc820c",
                        "on-secondary": "#ffffff",
                        "secondary": "#964900",
                        "on-tertiary-container": "#6b95f3",
                        "on-primary": "#ffffff",
                        "on-primary-fixed": "#000767",
                        "secondary-fixed": "#ffdcc6",
                        "inverse-surface": "#1e333c",
                        "surface-container-lowest": "#ffffff",
                        "on-primary-fixed-variant": "#343d96",
                        "error": "#ba1a1a",
                        "surface-container-low": "#e6f6ff",
                        "on-tertiary-fixed": "#001945",
                        "primary-fixed": "#e0e0ff",
                        "primary": "#000666",
                        "surface-container": "#dbf1fe",
                        "surface-variant": "#cfe6f2",
                        "on-secondary-fixed": "#311300",
                        "surface-dim": "#c7dde9",
                        "surface-bright": "#f3faff",
                        "on-error-container": "#93000a",
                        "on-surface": "#071e27",
                        "on-primary-container": "#8690ee",
                        "surface-tint": "#4c56af",
                        "background": "#f3faff",
                        "tertiary-fixed-dim": "#b0c6ff",
                        "secondary-fixed-dim": "#ffb786",
                        "on-surface-variant": "#454652"
                    },
                    "borderRadius": {
                        "DEFAULT": "0.125rem",
                        "lg": "0.25rem",
                        "xl": "0.5rem",
                        "full": "0.75rem"
                    },
                    "spacing": {
                        "container-max": "1240px",
                        "margin-mobile": "16px",
                        "base": "8px",
                        "gutter": "24px",
                        "section-padding": "80px"
                    },
                    "fontFamily": {
                        "headline-lg": ["Montserrat"],
                        "display-lg": ["Montserrat"],
                        "body-lg": ["Inter"],
                        "headline-md": ["Montserrat"],
                        "label-md": ["Inter"],
                        "body-md": ["Inter"]
                    },
                    "fontSize": {
                        "headline-lg": ["32px", { "lineHeight": "1.3", "fontWeight": "700" }],
                        "display-lg": ["48px", { "lineHeight": "1.2", "letterSpacing": "-0.02em", "fontWeight": "700" }],
                        "body-lg": ["18px", { "lineHeight": "1.6", "fontWeight": "400" }],
                        "headline-md": ["24px", { "lineHeight": "1.4", "fontWeight": "600" }],
                        "label-md": ["14px", { "lineHeight": "1.2", "fontWeight": "600" }],
                        "body-md": ["16px", { "lineHeight": "1.6", "fontWeight": "400" }]
                    },
                    "boxShadow": {
                        "ambient": "0 8px 24px -4px rgba(26, 35, 126, 0.08), 0 4px 12px -2px rgba(26, 35, 126, 0.04)",
                        "ambient-hover": "0 12px 32px -4px rgba(26, 35, 126, 0.12), 0 8px 16px -2px rgba(26, 35, 126, 0.06)"
                    }
                }
            }
        }
    </script>
<style>
        body { background-color: #F8F9FA; }
        .glass-card {
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(10px);
            border: 1px solid #E0E0E0;
        }
    </style>
</head>
<body class="bg-background text-on-background font-body-md antialiased flex flex-col min-h-screen">
<!-- TopNavBar -->
<header class="bg-surface dark:bg-inverse-surface border-b border-outline-variant dark:border-outline shadow-sm dark:shadow-none docked full-width top-0 sticky z-50">
<div class="flex justify-between items-center h-20 w-full px-base md:px-gutter max-w-container-max mx-auto">
<div class="flex items-center gap-4">
<div class="text-headline-md font-headline-lg font-bold text-primary dark:text-primary-fixed-dim">
                    DEMB'S GROUP CONGO </div></div><nav aria-label="Main Navigation" class="hidden md:flex gap-8 items-center"><a class="text-on-surface-variant dark:text-surface-variant font-medium hover:text-secondary dark:hover:text-secondary-fixed-dim transition-colors duration-200" href="#">Home</a><a aria-current="page" class="text-primary dark:text-primary-fixed-dim border-b-2 border-secondary font-bold pb-1 opacity-80 scale-95 transition-all" href="#">Services</a><a class="text-on-surface-variant dark:text-surface-variant font-medium hover:text-secondary dark:hover:text-secondary-fixed-dim transition-colors duration-200" href="#">About Us</a><a class="text-on-surface-variant dark:text-surface-variant font-medium hover:text-secondary dark:hover:text-secondary-fixed-dim transition-colors duration-200" href="#">Contact</a></nav><div class="hidden md:flex items-center gap-4"><button class="font-label-md text-label-md text-secondary hover:text-secondary-container transition-colors duration-200">Contact Us</button><button class="bg-secondary-container text-on-secondary rounded font-label-md text-label-md px-4 py-2 hover:bg-secondary transition-colors duration-200 shadow-sm">Request a Quote</button></div><button class="md:hidden text-on-surface p-2"><span class="material-symbols-outlined">menu</span></button></div></header><!-- Main Content Canvas --><main class="flex-grow"><!-- Hero Section --><section class="relative py-section-padding overflow-hidden"><div class="absolute inset-0 bg-primary opacity-5"></div><div class="max-w-container-max mx-auto px-margin-mobile md:px-gutter relative z-10 text-center"><h1 class="font-display-lg text-display-lg text-primary mb-6">Our Core Expertise</h1><p class="font-body-lg text-body-lg text-on-surface-variant max-w-3xl mx-auto">Delivering comprehensive solutions across key sectors. From advanced IT infrastructure to robust construction and seamless logistics,we are your trusted partner in growth. </p></div></section><!-- Services Bento Grid --><section class="py-section-padding bg-surface-container-lowest"><div class="max-w-container-max mx-auto px-margin-mobile md:px-gutter"><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-12 gap-gutter"><!-- Service 1:IT & Office (Large Span) --><div class="glass-card rounded-xl lg:col-span-8 p-8 flex flex-col justify-between group hover:shadow-ambient-hover transition-all duration-300 relative overflow-hidden"><div class="absolute top-0 left-0 w-full h-1 bg-primary"></div><div class="flex items-start justify-between mb-8 relative z-10"><div><h2 class="font-headline-md text-headline-md text-primary mb-2">IT Services &amp;Office Supplies</h2><p class="font-body-md text-body-md text-on-surface-variant">Informatique,Bureau &amp;Technologies</p></div><div class="bg-primary-container text-on-primary w-12 h-12 rounded-lg flex items-center justify-center"><span class="material-symbols-outlined" style="font-variation-settings: 'FILL' 1;">devices</span></div></div><div class="grid grid-cols-1 md:grid-cols-2 gap-6 relative z-10 mb-6"><ul class="space-y-3"><li class="flex items-center text-body-md text-on-surface"><span class="material-symbols-outlined text-secondary mr-2 text-[20px]">check_circle</span>Hardware Provisioning </li><li class="flex items-center text-body-md text-on-surface"><span class="material-symbols-outlined text-secondary mr-2 text-[20px]">check_circle</span>Network Infrastructure </li><li class="flex items-center text-body-md text-on-surface"><span class="material-symbols-outlined text-secondary mr-2 text-[20px]">check_circle</span>Software Solutions </li><li class="flex items-center text-body-md text-on-surface"><span class="material-symbols-outlined text-secondary mr-2 text-[20px]">check_circle</span>Office Equipment &amp;Furniture </li></ul><div class="h-32 rounded-lg bg-surface-variant overflow-hidden"><img class="w-full h-full object-cover" data-alt="A bright, modern IT office setup featuring sleek dual monitors displaying code and network analytics. The desk is minimalist with high-end corporate office supplies. The lighting is crisp and cool, emphasizing a professional, technological light-mode aesthetic with subtle blue and orange accents in the environment. High resolution, sharp focus." src="https://lh3.googleusercontent.com/aida-public/AB6AXuDp9azzG1rzxHacSbZkmkpORdTvYHwxUg2icrqc-rwdP3VMCKRkatUTZ2BL2hLMS8QV9h0tagLYsKXki1A8f1Hd0rIhyqV9PBK-M2zASLYHtB-oBSI9KO2ywrC1_Y9rbV2KHvXvWqHetn0j1kQZtZBY6hihmV3LJaXqLpBqIoChUs8B0w9tru6OsQ5CRYjvod1tp0vRDpJVDOtRUtex3zfDUBvqlT47oXhzndv8JMx4CYbLp--iLm4B"/></div></div><div class="mt-auto relative z-10"><a class="inline-flex items-center justify-center px-4 py-2 border border-outline text-primary rounded hover:bg-surface-variant transition-colors w-max font-label-md text-label-md" href="#">En savoir plus <span class="material-symbols-outlined ml-2 text-[18px]">arrow_forward</span></a></div></div><!-- Service 2:Construction (Square Span) --><div class="glass-card rounded-xl lg:col-span-4 p-8 flex flex-col justify-between group hover:shadow-ambient-hover transition-all duration-300 relative overflow-hidden"><div class="absolute top-0 left-0 w-full h-1 bg-secondary-container"></div><div class="mb-6 relative z-10"><div class="bg-secondary text-on-secondary w-12 h-12 rounded-lg flex items-center justify-center mb-6"><span class="material-symbols-outlined" style="font-variation-settings: 'FILL' 1;">architecture</span></div><h2 class="font-headline-md text-headline-md text-primary mb-2">Construction &amp;Public Works</h2><p class="font-body-md text-body-md text-on-surface-variant">Bâtiment,Travaux Publics</p></div><div class="mt-auto relative z-10"><p class="font-body-md text-body-md text-on-surface mb-6">Delivering structural excellence and infrastructural development. From residential complexes to major public works.</p><ul class="space-y-2 mb-6"><li class="flex items-center text-sm text-on-surface-variant"><span class="material-symbols-outlined text-secondary-container mr-2 text-[16px]">chevron_right</span>Residential &amp;Commercial </li><li class="flex items-center text-sm text-on-surface-variant"><span class="material-symbols-outlined text-secondary-container mr-2 text-[16px]">chevron_right</span>Public Infrastructure </li><li class="flex items-center text-sm text-on-surface-variant"><span class="material-symbols-outlined text-secondary-container mr-2 text-[16px]">chevron_right</span>Renovation </li></ul><a class="inline-flex items-center justify-center px-4 py-2 border border-outline text-primary rounded hover:bg-surface-variant transition-colors w-max font-label-md text-label-md" href="#">En savoir plus <span class="material-symbols-outlined ml-2 text-[18px]">arrow_forward</span></a></div></div><!-- Service 3:Import-Export (Square Span) --><div class="glass-card rounded-xl lg:col-span-5 p-8 flex flex-col justify-between group hover:shadow-ambient-hover transition-all duration-300 relative overflow-hidden"><div class="absolute top-0 left-0 w-full h-1 bg-tertiary-container"></div><div class="mb-6 relative z-10 flex justify-between items-start"><div><h2 class="font-headline-md text-headline-md text-primary mb-2">Import-Export &amp;Logistics</h2><p class="font-body-md text-body-md text-on-surface-variant">Commerce de gros,Transport</p></div><div class="bg-tertiary-container text-on-tertiary w-12 h-12 rounded-lg flex items-center justify-center"><span class="material-symbols-outlined" style="font-variation-settings: 'FILL' 1;">local_shipping</span></div></div><div class="relative z-10 mt-4 flex flex-col h-full"><div class="h-40 rounded-lg overflow-hidden mb-4 relative"><img class="w-full h-full object-cover" data-alt="A bustling commercial shipping port during the day. Large cargo containers in corporate blue and orange are being moved by cranes. The scene is bright and highly organized, reflecting efficient global logistics and import-export operations in a modern corporate light-mode style. Wide angle, professional photography." src="https://lh3.googleusercontent.com/aida-public/AB6AXuBfpwLPd1lcu2_D0J2koNrkV2t944ig-lGKB-N8SWzL8uQYE8PYCfFZDj8EAQd12YIjETILejx5AdBhSFRpYm6CLqUsaHkXWV1D41iCp-M00Vq-ufE90QS_TPmKnTFBzqFuhYzqc3SnGdM8sLMTOsSK3R5obG6I2Tafl4WgIpzU-INgGgR2LcJmUTxegoLzZHoqoIEHK1ps_TtiYaSCXQOGXpZMKkJpD_sKnnC2hJiBHTv9_6xcOORt"/></div><p class="font-body-md text-body-md text-on-surface mb-6">Streamlined global trade solutions and robust supply chain management.</p><ul class="space-y-2 mb-6"><li class="flex items-center text-sm text-on-surface-variant"><span class="material-symbols-outlined text-tertiary-container mr-2 text-[16px]">chevron_right</span>Freight Forwarding </li><li class="flex items-center text-sm text-on-surface-variant"><span class="material-symbols-outlined text-tertiary-container mr-2 text-[16px]">chevron_right</span>Customs Clearance </li></ul><div class="mt-auto"><a class="inline-flex items-center justify-center px-4 py-2 border border-outline text-primary rounded hover:bg-surface-variant transition-colors w-max font-label-md text-label-md" href="#">En savoir plus <span class="material-symbols-outlined ml-2 text-[18px]">arrow_forward</span></a></div></div></div><!-- Service 4:Maintenance (Wide Span) --><div class="glass-card rounded-xl lg:col-span-7 p-8 flex flex-col justify-center group hover:shadow-ambient-hover transition-all duration-300 relative overflow-hidden"><div class="absolute top-0 left-0 w-full h-1 bg-outline"></div><div class="flex flex-col md:flex-row items-center md:items-start gap-8 relative z-10 h-full"><div class="bg-surface-variant text-on-surface w-16 h-16 rounded-full flex items-center justify-center shrink-0"><span class="material-symbols-outlined text-[32px]">handyman</span></div><div class="flex flex-col h-full"><h2 class="font-headline-md text-headline-md text-primary mb-2">Maintenance &amp;Support</h2><p class="font-body-md text-body-md text-on-surface-variant mb-4">Plomberie,Électricité &amp;Entretien Général</p><p class="font-body-md text-body-md text-on-surface mb-6">Ensuring operational continuity through expert plumbing,electrical,and general facility maintenance services.</p><div class="grid grid-cols-2 gap-4 mb-8"><div class="flex items-center text-sm text-on-surface-variant"><span class="material-symbols-outlined text-outline mr-2 text-[16px]">water_drop</span>Plumbing Systems </div><div class="flex items-center text-sm text-on-surface-variant"><span class="material-symbols-outlined text-outline mr-2 text-[16px]">bolt</span>Electrical Networks </div><div class="flex items-center text-sm text-on-surface-variant"><span class="material-symbols-outlined text-outline mr-2 text-[16px]">ac_unit</span>HVAC Maintenance </div><div class="flex items-center text-sm text-on-surface-variant"><span class="material-symbols-outlined text-outline mr-2 text-[16px]">cleaning_services</span>Facility Cleaning </div></div><div class="mt-auto"><a class="inline-flex items-center justify-center px-4 py-2 border border-outline text-primary rounded hover:bg-surface-variant transition-colors w-max font-label-md text-label-md" href="#">En savoir plus <span class="material-symbols-outlined ml-2 text-[18px]">arrow_forward</span></a></div></div></div></div></div></div></section><!-- Process Section --><section class="py-section-padding bg-surface-container-low"><div class="max-w-container-max mx-auto px-margin-mobile md:px-gutter"><div class="text-center mb-12"><h2 class="font-headline-lg text-headline-lg text-primary mb-4">Notre Processus de Travail</h2><p class="font-body-lg text-body-lg text-on-surface-variant max-w-2xl mx-auto">Une approche structurée pour gérer et livrer des projets multi-sectoriels complexes avec efficacité et précision.</p></div><div class="grid grid-cols-1 md:grid-cols-4 gap-8"><div class="relative text-center group"><div class="w-16 h-16 mx-auto bg-primary-container text-on-primary rounded-full flex items-center justify-center mb-4 text-headline-md font-bold z-10 relative group-hover:scale-110 transition-transform">1</div><div class="hidden md:block absolute top-8 left-[50%] w-full h-[2px] bg-outline-variant -z-0"></div><h3 class="font-headline-md text-headline-md text-primary mb-2">Analyse</h3><p class="text-body-md text-on-surface-variant">Évaluation approfondie de vos besoins et contraintes spécifiques.</p></div><div class="relative text-center group"><div class="w-16 h-16 mx-auto bg-secondary-container text-on-secondary rounded-full flex items-center justify-center mb-4 text-headline-md font-bold z-10 relative group-hover:scale-110 transition-transform">2</div><div class="hidden md:block absolute top-8 left-[50%] w-full h-[2px] bg-outline-variant -z-0"></div><h3 class="font-headline-md text-headline-md text-primary mb-2">Planification</h3><p class="text-body-md text-on-surface-variant">Élaboration d'une stratégie détaillée et allocation des ressources.</p>
</div>
<div class="relative text-center group">
<div class="w-16 h-16 mx-auto bg-tertiary-container text-on-tertiary rounded-full flex items-center justify-center mb-4 text-headline-md font-bold z-10 relative group-hover:scale-110 transition-transform">3</div>
<div class="hidden md:block absolute top-8 left-[50%] w-full h-[2px] bg-outline-variant -z-0"></div>
<h3 class="font-headline-md text-headline-md text-primary mb-2">Exécution</h3>
<p class="text-body-md text-on-surface-variant">Mise en œuvre par nos équipes expertes avec un suivi rigoureux.</p>
</div>
<div class="relative text-center group">
<div class="w-16 h-16 mx-auto bg-primary text-on-primary rounded-full flex items-center justify-center mb-4 text-headline-md font-bold z-10 relative group-hover:scale-110 transition-transform">4</div>
<h3 class="font-headline-md text-headline-md text-primary mb-2">Livraison</h3>
<p class="text-body-md text-on-surface-variant">Remise du projet avec assurance qualité et support continu.</p>
</div>
</div>
</div>
</section>
<!-- Call to Action -->
<section class="py-section-padding bg-surface">
<div class="max-w-container-max mx-auto px-margin-mobile md:px-gutter text-center">
<h2 class="font-headline-md text-headline-md text-primary mb-6">Need tailored solutions for your enterprise?</h2>
<button class="bg-primary-container text-on-primary rounded font-label-md text-label-md px-8 py-4 hover:bg-primary transition-colors duration-200 shadow-md">
                    Contact Our Experts
                </button>
</div>
</section>
</main>
<!-- Footer -->
<footer class="bg-primary dark:bg-tertiary full-width flat no shadows">
<div class="grid grid-cols-1 md:grid-cols-4 gap-gutter py-section-padding px-base md:px-gutter max-w-container-max mx-auto text-on-primary dark:text-on-tertiary font-body-md text-body-md">
<div class="md:col-span-1">
<div class="text-headline-md font-headline-md font-bold text-secondary-fixed mb-4">
                    DEMB'S GROUP CONGO </div><p class="text-on-primary-fixed-variant dark:text-tertiary-fixed-dim text-sm mt-4">© 2024 DEMB'S GROUP CONGO. RCCM CG-BZV-01-2022-B13-00084. All rights reserved.
                </p>
</div>
<div class="md:col-span-3 grid grid-cols-2 md:grid-cols-3 gap-8">
<div class="flex flex-col gap-2">
<a class="text-on-primary-fixed-variant dark:text-tertiary-fixed-dim font-label-md text-label-md hover:text-secondary-fixed-dim underline transition-all focus:ring-2 focus:ring-secondary-container" href="#">IT Services</a>
<a class="text-on-primary-fixed-variant dark:text-tertiary-fixed-dim font-label-md text-label-md hover:text-secondary-fixed-dim underline transition-all focus:ring-2 focus:ring-secondary-container" href="#">Office Supplies</a>
</div>
<div class="flex flex-col gap-2">
<a class="text-on-primary-fixed-variant dark:text-tertiary-fixed-dim font-label-md text-label-md hover:text-secondary-fixed-dim underline transition-all focus:ring-2 focus:ring-secondary-container" href="#">Construction</a>
<a class="text-on-primary-fixed-variant dark:text-tertiary-fixed-dim font-label-md text-label-md hover:text-secondary-fixed-dim underline transition-all focus:ring-2 focus:ring-secondary-container" href="#">Import-Export</a>
</div>
<div class="flex flex-col gap-2">
<a class="text-on-primary-fixed-variant dark:text-tertiary-fixed-dim font-label-md text-label-md hover:text-secondary-fixed-dim underline transition-all focus:ring-2 focus:ring-secondary-container" href="#">Legal Mentions</a>
<a class="text-on-primary-fixed-variant dark:text-tertiary-fixed-dim font-label-md text-label-md hover:text-secondary-fixed-dim underline transition-all focus:ring-2 focus:ring-secondary-container" href="#">Privacy Policy</a>
</div>
</div>
</div>
</footer>
</body></html>

<!-- Accueil - DEMB'S GROUP CONGO --><!DOCTYPE html><html class="light" lang="en"><head><meta charset="utf-8"/><meta content="width=device-width, initial-scale=1.0" name="viewport"/><title>About Us - DEMB'S GROUP CONGO</title>
<!-- Fonts: Montserrat for Headlines, Inter for Body/Labels -->
<link href="https://fonts.googleapis.com" rel="preconnect"/>
<link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect"/>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&amp;family=Montserrat:wght@600;700&amp;display=swap" rel="stylesheet"/>
<!-- Material Symbols -->
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap" rel="stylesheet"/>
<!-- Tailwind CSS -->
<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
<!-- Tailwind Config injected from Style Guidance -->
<script id="tailwind-config">
      tailwind.config = {
        darkMode: "class",
        theme: {
          extend: {
            "colors": {
                    "on-error": "#ffffff",
                    "tertiary-container": "#002c6e",
                    "error-container": "#ffdad6",
                    "on-secondary-container": "#5e2c00",
                    "surface": "#f3faff",
                    "inverse-on-surface": "#dff4ff",
                    "primary-container": "#1a237e",
                    "surface-container-high": "#d5ecf8",
                    "outline-variant": "#c6c5d4",
                    "tertiary": "#001944",
                    "primary-fixed-dim": "#bdc2ff",
                    "on-secondary-fixed-variant": "#723600",
                    "outline": "#767683",
                    "on-tertiary": "#ffffff",
                    "inverse-primary": "#bdc2ff",
                    "on-tertiary-fixed-variant": "#00429c",
                    "tertiary-fixed": "#d9e2ff",
                    "surface-container-highest": "#cfe6f2",
                    "on-background": "#071e27",
                    "secondary-container": "#fc820c",
                    "on-secondary": "#ffffff",
                    "secondary": "#964900",
                    "on-tertiary-container": "#6b95f3",
                    "on-primary": "#ffffff",
                    "on-primary-fixed": "#000767",
                    "secondary-fixed": "#ffdcc6",
                    "inverse-surface": "#1e333c",
                    "surface-container-lowest": "#ffffff",
                    "on-primary-fixed-variant": "#343d96",
                    "error": "#ba1a1a",
                    "surface-container-low": "#e6f6ff",
                    "on-tertiary-fixed": "#001945",
                    "primary-fixed": "#e0e0ff",
                    "primary": "#000666",
                    "surface-container": "#dbf1fe",
                    "surface-variant": "#cfe6f2",
                    "on-secondary-fixed": "#311300",
                    "surface-dim": "#c7dde9",
                    "surface-bright": "#f3faff",
                    "on-error-container": "#93000a",
                    "on-surface": "#071e27",
                    "on-primary-container": "#8690ee",
                    "surface-tint": "#4c56af",
                    "background": "#f3faff",
                    "tertiary-fixed-dim": "#b0c6ff",
                    "secondary-fixed-dim": "#ffb786",
                    "on-surface-variant": "#454652"
            },
            "borderRadius": {
                    "DEFAULT": "0.125rem",
                    "lg": "0.25rem",
                    "xl": "0.5rem",
                    "full": "0.75rem"
            },
            "spacing": {
                    "container-max": "1240px",
                    "margin-mobile": "16px",
                    "base": "8px",
                    "gutter": "24px",
                    "section-padding": "80px"
            },
            "fontFamily": {
                    "headline-lg": ["Montserrat"],
                    "display-lg": ["Montserrat"],
                    "body-lg": ["Inter"],
                    "headline-md": ["Montserrat"],
                    "label-md": ["Inter"],
                    "body-md": ["Inter"]
            },
            "fontSize": {
                    "headline-lg": ["32px", {"lineHeight": "1.3", "fontWeight": "700"}],
                    "display-lg": ["48px", {"lineHeight": "1.2", "letterSpacing": "-0.02em", "fontWeight": "700"}],
                    "body-lg": ["18px", {"lineHeight": "1.6", "fontWeight": "400"}],
                    "headline-md": ["24px", {"lineHeight": "1.4", "fontWeight": "600"}],
                    "label-md": ["14px", {"lineHeight": "1.2", "fontWeight": "600"}],
                    "body-md": ["16px", {"lineHeight": "1.6", "fontWeight": "400"}]
            }
          }
        }
      }
    </script>
<style>
        .material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        .shadow-ambient {
            box-shadow: 0 4px 24px -4px rgba(26, 35, 126, 0.08);
        }
    </style>
</head>
<body class="bg-surface text-on-surface font-body-md antialiased min-h-screen flex flex-col">
<!-- TopNavBar -->
<header class="bg-surface border-b border-outline-variant shadow-sm docked full-width top-0 sticky z-50">
<div class="flex justify-between items-center h-20 w-full px-base md:px-gutter max-w-container-max mx-auto">
<!-- Brand -->
<div class="flex items-center gap-2">
<span class="material-symbols-outlined text-primary text-3xl" style="font-variation-settings: 'FILL' 1;">corporate_fare</span>
<span class="text-headline-md font-headline-lg font-bold text-primary tracking-tight">DEMB'S GROUP CONGO</span></div><!-- Navigation Links (Desktop) --><nav class="hidden md:flex gap-8 items-center"><a class="text-on-surface-variant font-medium hover:text-secondary transition-colors duration-200 font-label-md text-label-md" href="#">Home</a><a class="text-on-surface-variant font-medium hover:text-secondary transition-colors duration-200 font-label-md text-label-md" href="#">Services</a><a class="text-primary border-b-2 border-secondary font-bold pb-1 font-label-md text-label-md hover:text-secondary transition-colors duration-200" href="#">About Us</a><a class="text-on-surface-variant font-medium hover:text-secondary transition-colors duration-200 font-label-md text-label-md" href="#">Contact</a></nav><!-- Actions --><div class="hidden md:flex items-center gap-4"><button class="text-on-surface-variant font-label-md text-label-md hover:text-secondary transition-colors duration-200">Contact Us</button><button class="bg-secondary-container text-on-secondary-container font-label-md text-label-md px-6 py-2 rounded font-bold hover:opacity-90 transition-opacity">Request a Quote</button></div><!-- Mobile Menu Icon --><button class="md:hidden text-primary p-2"><span class="material-symbols-outlined text-2xl">menu</span></button></div></header><!-- Main Content --><main class="flex-grow flex flex-col"><!-- Hero Section --><section class="relative bg-surface-container-lowest py-section-padding border-b border-outline-variant overflow-hidden"><!-- Subtle Watermark Graphic --><div class="absolute inset-0 flex items-center justify-center opacity-5 pointer-events-none"><span class="material-symbols-outlined text-[400px] text-primary" style="font-variation-settings: 'FILL' 1;">domain</span></div><div class="max-w-container-max mx-auto px-base md:px-gutter relative z-10 text-center"><h1 class="font-display-lg text-display-lg text-primary mb-6">Building the Future of Congo</h1><p class="font-body-lg text-body-lg text-on-surface-variant max-w-3xl mx-auto">DEMB'S GROUP CONGO is a multi-sector institution dedicated to excellence, stability, and providing high-quality services across the nation and beyond.
                </p>
</div>
</section>
<!-- Mission & Vision (Bento Grid) -->
<section class="py-section-padding bg-surface">
<div class="max-w-container-max mx-auto px-base md:px-gutter">
<div class="grid grid-cols-1 md:grid-cols-2 gap-gutter">
<!-- Mission Card -->
<div class="bg-surface-container-lowest p-8 rounded-xl shadow-ambient border border-outline-variant hover:-translate-y-1 transition-transform duration-300">
<div class="w-12 h-12 bg-surface-container rounded-full flex items-center justify-center mb-6 text-primary">
<span class="material-symbols-outlined" style="font-variation-settings: 'FILL' 1;">flag</span>
</div>
<h2 class="font-headline-md text-headline-md text-primary mb-4">Our Mission</h2>
<p class="font-body-md text-body-md text-on-surface-variant">
                            Providing high-quality services across various sectors. We strive to deliver robust solutions in IT, Construction, and Import-Export, ensuring operational excellence and tangible value for our partners.
                        </p>
</div>
<!-- Vision Card -->
<div class="bg-surface-container-lowest p-8 rounded-xl shadow-ambient border border-outline-variant hover:-translate-y-1 transition-transform duration-300 relative overflow-hidden">
<!-- Accent Top Bar -->
<div class="absolute top-0 left-0 right-0 h-1 bg-secondary-container"></div>
<div class="w-12 h-12 bg-surface-container rounded-full flex items-center justify-center mb-6 text-secondary-container">
<span class="material-symbols-outlined" style="font-variation-settings: 'FILL' 1;">visibility</span>
</div>
<h2 class="font-headline-md text-headline-md text-primary mb-4">Our Vision</h2>
<p class="font-body-md text-body-md text-on-surface-variant">
                            Becoming a leader in the Congolese market. We envision a connected, developed infrastructure supported by our uncompromising standards and international trade expertise.
                        </p>
</div>
</div>
</div>
</section>
<!-- Image Break / Office Vibe -->
<section class="w-full h-64 md:h-96 bg-surface-container-high relative">
<div class="absolute inset-0 bg-cover bg-center w-full h-full opacity-60 mix-blend-multiply" data-alt="A brightly lit, modern corporate office interior in a high-rise building. Clean lines, glass partitions, and a subtle color palette of deep blue and white accents. The atmosphere is professional, institutional, and highly organized, reflecting a successful multi-sector business. High quality architectural photography." style="background-image: url(https://lh3.googleusercontent.com/aida-public/AB6AXuC199Bz1Kj1kRAKMDsTnTkr0zHgU9f-HJhfZ5UycLxxNymhG1KHAjh8J1BjB4Zn14nzGRBsPflns-QAl_YTxJZl71BRmq-HDNhXRx0NI59rKFG6-OjwiO1z4z2UHL62E55QyORHqdvjz-1k1zOYgcdHVoC1vUgs_rmGI9KTXSGOUknJpL6BMriq1VKT2yrRv-dLEY1ja4gv9IwGysKnR9eGhUTBHBPx8g1_L6Oj3pe3pWgw0k3XBKSZ)"></div>
</section>
<!-- Pourquoi Nous Choisir -->
<section class="py-section-padding bg-surface">
<div class="max-w-container-max mx-auto px-base md:px-gutter">
<div class="text-center mb-12">
<h2 class="font-headline-lg text-headline-lg text-primary mb-4">Pourquoi Nous Choisir</h2>
<p class="font-body-md text-body-md text-on-surface-variant max-w-2xl mx-auto">Un partenaire de confiance pour vos projets les plus ambitieux.</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
<div class="bg-surface-container-lowest p-6 border-l-4 border-primary rounded-r-lg shadow-sm hover:shadow-md transition-shadow">
<span class="material-symbols-outlined text-3xl text-secondary-container mb-3">account_balance</span>
<h3 class="font-headline-md text-xl text-on-surface mb-2">Stabilité Institutionnelle</h3>
<p class="font-body-md text-sm text-on-surface-variant">Une structure financière et juridique solide, garantissant la pérennité de nos engagements.</p>
</div>
<div class="bg-surface-container-lowest p-6 border-l-4 border-primary rounded-r-lg shadow-sm hover:shadow-md transition-shadow">
<span class="material-symbols-outlined text-3xl text-secondary-container mb-3">architecture</span>
<h3 class="font-headline-md text-xl text-on-surface mb-2">Expertise Technique</h3>
<p class="font-body-md text-sm text-on-surface-variant">Des équipes qualifiées appliquant les meilleures pratiques dans chaque secteur d'activité.</p></div><div class="bg-surface-container-lowest p-6 border-l-4 border-primary rounded-r-lg shadow-sm hover:shadow-md transition-shadow"><span class="material-symbols-outlined text-3xl text-secondary-container mb-3">gavel</span><h3 class="font-headline-md text-xl text-on-surface mb-2">Conformité Stricte</h3><p class="font-body-md text-sm text-on-surface-variant">Respect rigoureux des normes nationales et internationales en vigueur.</p></div><div class="bg-surface-container-lowest p-6 border-l-4 border-primary rounded-r-lg shadow-sm hover:shadow-md transition-shadow"><span class="material-symbols-outlined text-3xl text-secondary-container mb-3">support_agent</span><h3 class="font-headline-md text-xl text-on-surface mb-2">Service Client Dédié</h3><p class="font-body-md text-sm text-on-surface-variant">Un accompagnement sur-mesure et une réactivité à toute épreuve pour nos partenaires.</p></div></div></div></section><!-- Nos Valeurs (Values) --><section class="py-section-padding bg-surface-container-lowest"><div class="max-w-container-max mx-auto px-base md:px-gutter"><div class="text-center mb-12"><h2 class="font-headline-lg text-headline-lg text-primary mb-4">Nos Valeurs</h2><p class="font-body-md text-body-md text-on-surface-variant max-w-2xl mx-auto">The foundational principles that guide our institutional approach.</p></div><div class="grid grid-cols-1 md:grid-cols-3 gap-gutter"><!-- Value 1 --><div class="p-6 text-center"><span class="material-symbols-outlined text-4xl text-primary mb-4">verified</span><h3 class="font-headline-md text-headline-md text-on-surface mb-2">Excellence</h3><p class="font-body-md text-body-md text-on-surface-variant">Commitment to the highest standards in every project.</p></div><!-- Value 2 --><div class="p-6 text-center"><span class="material-symbols-outlined text-4xl text-primary mb-4">handshake</span><h3 class="font-headline-md text-headline-md text-on-surface mb-2">Integrity</h3><p class="font-body-md text-body-md text-on-surface-variant">Transparent and ethical operations across all sectors.</p></div><!-- Value 3 --><div class="p-6 text-center"><span class="material-symbols-outlined text-4xl text-primary mb-4">public</span><h3 class="font-headline-md text-headline-md text-on-surface mb-2">Global Reach</h3><p class="font-body-md text-body-md text-on-surface-variant">Local expertise with international trade capabilities.</p></div></div></div></section><!-- Nos Partenaires --><section class="py-12 bg-surface-container-low border-y border-outline-variant"><div class="max-w-container-max mx-auto px-base md:px-gutter"><h3 class="text-center font-label-md text-label-md text-on-surface-variant uppercase tracking-widest mb-8">Ils nous font confiance</h3><div class="flex flex-wrap justify-center items-center gap-8 md:gap-16 opacity-60 hover:opacity-100 transition-opacity duration-300"><div class="flex items-center gap-2 text-on-surface"><span class="material-symbols-outlined text-3xl text-primary">account_balance</span><span class="font-bold font-headline-md text-lg">Secteur Public</span></div><div class="flex items-center gap-2 text-on-surface"><span class="material-symbols-outlined text-3xl text-primary">factory</span><span class="font-bold font-headline-md text-lg">Industries Locales</span></div><div class="flex items-center gap-2 text-on-surface"><span class="material-symbols-outlined text-3xl text-primary">language</span><span class="font-bold font-headline-md text-lg">Partenaires Int.</span></div><div class="flex items-center gap-2 text-on-surface"><span class="material-symbols-outlined text-3xl text-primary">apartment</span><span class="font-bold font-headline-md text-lg">BTP &amp;Immo</span></div></div></div></section><!-- Legal Information Strip --><section class="bg-primary-container text-on-primary py-10 border-b-4 border-secondary-container"><div class="max-w-container-max mx-auto px-base md:px-gutter flex flex-col gap-6 font-body-md text-sm text-primary-fixed-dim"><h3 class="text-white font-bold font-headline-md text-xl text-center mb-2 uppercase tracking-wide">Mentions Légales &amp;Informations Entreprise</h3><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 text-center md:text-left bg-primary/30 p-6 rounded-lg border border-primary-fixed/20 shadow-inner"><div><span class="block text-xs font-bold uppercase tracking-wider mb-2 text-primary-fixed">Identification</span><span class="block text-white font-medium mb-1">RCCM:28/02/2022</span><span class="block text-white font-medium">N°:CG-BZV-01-2022-B13-00084</span></div><div><span class="block text-xs font-bold uppercase tracking-wider mb-2 text-primary-fixed">Raison Sociale</span><span class="block text-white font-medium mb-1">DEMB'S GROUP CONGO SARLU</span>
<span class="block text-white font-medium">Sigle: DGC SARLU</span>
</div>
<div>
<span class="block text-xs font-bold uppercase tracking-wider mb-2 text-primary-fixed">Structure Juridique</span>
<span class="block text-white font-medium mb-1">SARL Unipersonnelle (B13)</span>
<span class="block text-white font-medium">Capital Social: 1.000.000 CFA</span>
</div>
<div>
<span class="block text-xs font-bold uppercase tracking-wider mb-2 text-primary-fixed">Contact &amp; Siège</span>
<span class="block text-white font-medium mb-1">Brazzaville, Centre-Ville, Immeuble City Center</span>
<span class="block text-white font-medium mb-1">Tél: 050572207 / 066540405</span>
<a class="block text-secondary-fixed hover:text-white transition-colors" href="#">www.dembs-groupcongo.com</a>
</div>
</div>
</div>
</section>
</main>
<!-- Footer -->
<footer class="bg-primary full-width grid grid-cols-1 md:grid-cols-4 gap-gutter py-section-padding px-base md:px-gutter max-w-container-max mx-auto">
<!-- Brand Col -->
<div class="flex flex-col gap-4">
<div class="flex items-center gap-2 mb-4">
<span class="material-symbols-outlined text-secondary-fixed text-2xl" style="font-variation-settings: 'FILL' 1;">corporate_fare</span>
<span class="text-headline-md font-headline-md font-bold text-secondary-fixed">DEMB'S GROUP CONGO</span></div><p class="font-body-md text-body-md text-on-primary-fixed-variant">Providing high-quality services across various sectors. </p></div><!-- Links Col 1 --><div class="flex flex-col gap-3"><h4 class="font-label-md text-label-md font-bold text-on-primary mb-2">Services</h4><a class="font-body-md text-body-md text-on-primary-fixed-variant hover:text-secondary-fixed-dim underline transition-all" href="#">IT Services</a><a class="font-body-md text-body-md text-on-primary-fixed-variant hover:text-secondary-fixed-dim underline transition-all" href="#">Office Supplies</a><a class="font-body-md text-body-md text-on-primary-fixed-variant hover:text-secondary-fixed-dim underline transition-all" href="#">Construction</a><a class="font-body-md text-body-md text-on-primary-fixed-variant hover:text-secondary-fixed-dim underline transition-all" href="#">Import-Export</a></div><!-- Links Col 2 --><div class="flex flex-col gap-3"><h4 class="font-label-md text-label-md font-bold text-on-primary mb-2">Corporate</h4><a class="font-body-md text-body-md text-secondary-fixed font-bold" href="#">About Us</a><a class="font-body-md text-body-md text-on-primary-fixed-variant hover:text-secondary-fixed-dim underline transition-all" href="#">Legal Mentions</a><a class="font-body-md text-body-md text-on-primary-fixed-variant hover:text-secondary-fixed-dim underline transition-all" href="#">Privacy Policy</a></div><!-- Copyright Col --><div class="flex flex-col justify-end gap-3 md:col-span-4 mt-8 pt-8 border-t border-on-primary-fixed-variant"><p class="font-body-md text-body-md text-on-primary-fixed-variant text-center md:text-left">© 2024 DEMB'S GROUP CONGO. RCCM CG-BZV-01-2022-B13-00084. All rights reserved.
            </p>
</div>
</footer>
</body></html>

<!-- Contact - DEMB'S GROUP CONGO --><!DOCTYPE html><html lang="en"><head><meta charset="utf-8"/><meta content="width=device-width, initial-scale=1.0" name="viewport"/><title>Contact Us - DEMB'S GROUP CONGO</title>
<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&amp;family=Inter:wght@400;600&amp;display=swap" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap" rel="stylesheet"/>
<script id="tailwind-config">
        tailwind.config = {
            darkMode: "class",
            theme: {
                extend: {
                    "colors": {
                        "on-error": "#ffffff",
                        "tertiary-container": "#002c6e",
                        "error-container": "#ffdad6",
                        "on-secondary-container": "#5e2c00",
                        "surface": "#f3faff",
                        "inverse-on-surface": "#dff4ff",
                        "primary-container": "#1a237e",
                        "surface-container-high": "#d5ecf8",
                        "outline-variant": "#c6c5d4",
                        "tertiary": "#001944",
                        "primary-fixed-dim": "#bdc2ff",
                        "on-secondary-fixed-variant": "#723600",
                        "outline": "#767683",
                        "on-tertiary": "#ffffff",
                        "inverse-primary": "#bdc2ff",
                        "on-tertiary-fixed-variant": "#00429c",
                        "tertiary-fixed": "#d9e2ff",
                        "surface-container-highest": "#cfe6f2",
                        "on-background": "#071e27",
                        "secondary-container": "#fc820c",
                        "on-secondary": "#ffffff",
                        "secondary": "#964900",
                        "on-tertiary-container": "#6b95f3",
                        "on-primary": "#ffffff",
                        "on-primary-fixed": "#000767",
                        "secondary-fixed": "#ffdcc6",
                        "inverse-surface": "#1e333c",
                        "surface-container-lowest": "#ffffff",
                        "on-primary-fixed-variant": "#343d96",
                        "error": "#ba1a1a",
                        "surface-container-low": "#e6f6ff",
                        "on-tertiary-fixed": "#001945",
                        "primary-fixed": "#e0e0ff",
                        "primary": "#000666",
                        "surface-container": "#dbf1fe",
                        "surface-variant": "#cfe6f2",
                        "on-secondary-fixed": "#311300",
                        "surface-dim": "#c7dde9",
                        "surface-bright": "#f3faff",
                        "on-error-container": "#93000a",
                        "on-surface": "#071e27",
                        "on-primary-container": "#8690ee",
                        "surface-tint": "#4c56af",
                        "background": "#f3faff",
                        "tertiary-fixed-dim": "#b0c6ff",
                        "secondary-fixed-dim": "#ffb786",
                        "on-surface-variant": "#454652"
                    },
                    "borderRadius": {
                        "DEFAULT": "0.125rem",
                        "lg": "0.25rem",
                        "xl": "0.5rem",
                        "full": "0.75rem"
                    },
                    "spacing": {
                        "container-max": "1240px",
                        "margin-mobile": "16px",
                        "base": "8px",
                        "gutter": "24px",
                        "section-padding": "80px"
                    },
                    "fontFamily": {
                        "headline-lg": ["Montserrat"],
                        "display-lg": ["Montserrat"],
                        "body-lg": ["Inter"],
                        "headline-md": ["Montserrat"],
                        "label-md": ["Inter"],
                        "body-md": ["Inter"]
                    },
                    "fontSize": {
                        "headline-lg": ["32px", { "lineHeight": "1.3", "fontWeight": "700" }],
                        "display-lg": ["48px", { "lineHeight": "1.2", "letterSpacing": "-0.02em", "fontWeight": "700" }],
                        "body-lg": ["18px", { "lineHeight": "1.6", "fontWeight": "400" }],
                        "headline-md": ["24px", { "lineHeight": "1.4", "fontWeight": "600" }],
                        "label-md": ["14px", { "lineHeight": "1.2", "fontWeight": "600" }],
                        "body-md": ["16px", { "lineHeight": "1.6", "fontWeight": "400" }]
                    }
                }
            }
        }
    </script>
<style>
        .material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        .material-symbols-outlined[data-weight="fill"] {
            font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
    </style>
</head>
<body class="bg-surface text-on-surface font-body-md antialiased min-h-screen flex flex-col">
<!-- TopNavBar -->
<header class="bg-surface dark:bg-inverse-surface border-b border-outline-variant dark:border-outline shadow-sm dark:shadow-none docked full-width top-0 sticky z-50">
<div class="flex justify-between items-center h-20 w-full px-base md:px-gutter max-w-container-max mx-auto">
<div class="flex items-center gap-4">
<div class="w-10 h-10 bg-primary-container text-on-primary rounded flex items-center justify-center font-bold text-xl">D</div>
<div class="text-headline-md font-headline-lg font-bold text-primary dark:text-primary-fixed-dim">DEMB'S GROUP CONGO</div></div><nav class="hidden md:flex gap-8 items-center"><a class="text-on-surface-variant dark:text-surface-variant font-medium hover:text-secondary dark:hover:text-secondary-fixed-dim transition-colors duration-200" href="#">Home</a><a class="text-on-surface-variant dark:text-surface-variant font-medium hover:text-secondary dark:hover:text-secondary-fixed-dim transition-colors duration-200" href="#">Services</a><a class="text-on-surface-variant dark:text-surface-variant font-medium hover:text-secondary dark:hover:text-secondary-fixed-dim transition-colors duration-200" href="#">About Us</a><a class="text-primary dark:text-primary-fixed-dim border-b-2 border-secondary font-bold pb-1 hover:text-secondary dark:hover:text-secondary-fixed-dim transition-colors duration-200" href="#">Contact</a></nav><div class="hidden md:flex gap-4"><button class="px-4 py-2 border-2 border-primary-container text-primary-container font-label-md rounded font-bold hover:bg-primary-container hover:text-on-primary transition-colors">Contact Us</button><button class="px-4 py-2 bg-[#F57C00] text-white font-label-md rounded font-bold hover:opacity-90 transition-opacity">Request a Quote</button></div><button class="md:hidden text-on-surface"><span class="material-symbols-outlined text-3xl" data-icon="menu">menu</span></button></div></header><!-- Main Content --><main class="flex-grow"><!-- Hero Section --><section class="bg-primary-container text-on-primary py-section-padding px-margin-mobile md:px-gutter"><div class="max-w-container-max mx-auto text-center"><h1 class="font-display-lg text-display-lg mb-6">Get in Touch</h1><p class="font-body-lg text-body-lg max-w-2xl mx-auto opacity-90">We're here to assist you with our multi-sector expertise. Reach out to our team in Brazzaville for inquiries regarding IT services, construction, import-export, and office supplies.</p>
</div>
</section>
<!-- Contact Section -->
<section class="py-section-padding px-margin-mobile md:px-gutter max-w-container-max mx-auto">
<div class="grid grid-cols-1 lg:grid-cols-2 gap-12 lg:gap-16">
<!-- Left Column: Form & FAQ -->
<div class="flex flex-col gap-12">
<!-- Contact Form -->
<div class="bg-surface-container-lowest p-8 md:p-10 rounded-2xl border border-outline-variant shadow-sm hover:shadow-md transition-shadow duration-300">
<h2 class="font-headline-md text-headline-md text-primary mb-2">Send us a Message</h2>
<p class="text-on-surface-variant mb-8">Fill out the form below and our team will get back to you shortly.</p>
<form action="#" class="space-y-6" method="POST">
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="relative">
<label class="block font-label-md text-label-md text-on-surface-variant mb-2" for="name">Full Name</label>
<div class="relative flex items-center">
<span class="absolute left-4 material-symbols-outlined text-outline">person</span>
<input class="w-full pl-12 pr-4 py-3 bg-surface-container-low border border-outline-variant rounded-lg focus:border-primary focus:ring-2 focus:ring-primary-fixed outline-none transition-all" id="name" name="name" placeholder="John Doe" required="" type="text"/>
</div>
</div>
<div class="relative">
<label class="block font-label-md text-label-md text-on-surface-variant mb-2" for="email">Email Address</label>
<div class="relative flex items-center">
<span class="absolute left-4 material-symbols-outlined text-outline">mail</span>
<input class="w-full pl-12 pr-4 py-3 bg-surface-container-low border border-outline-variant rounded-lg focus:border-primary focus:ring-2 focus:ring-primary-fixed outline-none transition-all" id="email" name="email" placeholder="john@example.com" required="" type="email"/>
</div>
</div>
</div>
<div class="relative">
<label class="block font-label-md text-label-md text-on-surface-variant mb-2" for="subject">Subject</label>
<div class="relative flex items-center">
<span class="absolute left-4 material-symbols-outlined text-outline">subtitles</span>
<input class="w-full pl-12 pr-4 py-3 bg-surface-container-low border border-outline-variant rounded-lg focus:border-primary focus:ring-2 focus:ring-primary-fixed outline-none transition-all" id="subject" name="subject" placeholder="How can we help you?" required="" type="text"/>
</div>
</div>
<div class="relative">
<label class="block font-label-md text-label-md text-on-surface-variant mb-2" for="message">Message</label>
<textarea class="w-full px-4 py-3 bg-surface-container-low border border-outline-variant rounded-lg focus:border-primary focus:ring-2 focus:ring-primary-fixed outline-none transition-all resize-none" id="message" name="message" placeholder="Your message here..." required="" rows="5"></textarea>
</div>
<button class="w-full px-8 py-4 bg-primary-container text-on-primary font-label-md rounded-lg font-bold hover:bg-primary transition-colors flex justify-center items-center gap-2 group shadow-md hover:shadow-lg" type="submit">
                            Send Message
                            <span class="material-symbols-outlined text-sm group-hover:translate-x-1 transition-transform" data-icon="send">send</span>
</button>
</form>
</div>
<!-- FAQ Section -->
<div class="bg-surface-container-lowest p-8 md:p-10 rounded-2xl border border-outline-variant shadow-sm">
<h2 class="font-headline-md text-headline-md text-primary mb-6">FAQ Rapide</h2>
<div class="space-y-4">
<details class="group bg-surface-container-low p-4 rounded-xl cursor-pointer border border-transparent hover:border-outline-variant transition-colors">
<summary class="font-label-md text-label-md font-bold text-on-surface list-none flex justify-between items-center">
            Quels sont vos délais d'intervention en IT ? <span class="material-symbols-outlined text-outline group-open:rotate-180 transition-transform">expand_more</span></summary><p class="mt-4 text-on-surface-variant font-body-md text-sm leading-relaxed">Nous intervenons généralement sous 24 à 48 heures pour les urgences sur Brazzaville.</p></details><details class="group bg-surface-container-low p-4 rounded-xl cursor-pointer border border-transparent hover:border-outline-variant transition-colors"><summary class="font-label-md text-label-md font-bold text-on-surface list-none flex justify-between items-center">Proposez-vous des devis gratuits pour la construction ? <span class="material-symbols-outlined text-outline group-open:rotate-180 transition-transform">expand_more</span></summary><p class="mt-4 text-on-surface-variant font-body-md text-sm leading-relaxed">Oui,nos équipes peuvent réaliser une estimation initiale gratuite de votre projet de construction après une première visite.</p></details><details class="group bg-surface-container-low p-4 rounded-xl cursor-pointer border border-transparent hover:border-outline-variant transition-colors"><summary class="font-label-md text-label-md font-bold text-on-surface list-none flex justify-between items-center">Livrez-vous des fournitures de bureau hors de Brazzaville ? <span class="material-symbols-outlined text-outline group-open:rotate-180 transition-transform">expand_more</span></summary><p class="mt-4 text-on-surface-variant font-body-md text-sm leading-relaxed">Nous expédions nos fournitures dans les principales villes du Congo selon les volumes commandés.</p></details></div></div></div><!-- Right Column:Corporate HQ Info & Map --><div class="h-full"><div class="bg-surface-container-lowest rounded-2xl border border-outline-variant shadow-sm overflow-hidden flex flex-col h-full sticky top-28"><!-- Map Banner --><div class="h-64 relative group"><img class="w-full h-full object-cover" data-alt="A modern, high-contrast satellite map view centered on Brazzaville, Congo, showing the downtown City Center area. The map uses a clean, light-mode corporate aesthetic with subtle blue and orange accents highlighting major roads and the Congo river, fitting a professional business context. High resolution, clear typography." data-location="Brazzaville" src="https://lh3.googleusercontent.com/aida-public/AB6AXuDnuIL79j_VALtKvGDw0-vpaq4jRU7Ycb6aNg6XJvq4TPPr9hJHb4JQGC_fnq8BYJj02_tu6ozimrqwZPM0HSjwR6Cj2zg0m3SkH2-Ayd79NUroM4KRQ9rOJg47utnYC515RK_sG-cMOsjJxctLurj6FZlHYq02h1ahL03VJsaQSHBOjhrDlhlao3zd68mPKGXvxQJDejJBWgzZKTD2ikWIEvZ8OBdXGOarw1YgA5w3hcYOztQfnAHq"/><div class="absolute inset-0 bg-primary/5 group-hover:bg-transparent transition-colors duration-300"></div><div class="absolute bottom-4 right-4"><a class="bg-surface-container-lowest text-primary-container px-4 py-2 rounded-lg text-sm font-bold shadow-md hover:bg-surface-container transition-colors flex items-center gap-2" href="#" target="_blank"><span class="material-symbols-outlined text-sm">directions</span>Get Directions </a></div></div><!-- Corporate Info --><div class="p-8 md:p-10 flex flex-col gap-8 relative"><div class="absolute -top-6 left-8 bg-primary-container text-on-primary px-6 py-2 rounded-full font-bold shadow-lg border-2 border-surface-container-lowest text-sm tracking-wide">CORPORATE HQ </div><div><h2 class="font-headline-md text-headline-md text-primary mt-2">Demb's Group Congo</h2>
<p class="text-on-surface-variant mt-2 text-sm">Multi-sector expertise based in the heart of Brazzaville.</p>
</div>
<div class="flex flex-col gap-6">
<div class="flex items-start gap-4">
<div class="w-10 h-10 rounded-lg bg-surface-container flex items-center justify-center text-primary-container shrink-0">
<span class="material-symbols-outlined" data-icon="location_on" data-weight="fill">location_on</span>
</div>
<div>
<h3 class="font-label-md text-label-md text-on-surface mb-1">Head Office</h3>
<p class="text-on-surface-variant text-sm">Centre-Ville, Rez-de-chaussée<br/>Immeuble City Center, en face de la station d'essence Afric' de la chambre de commerce<br/>Brazzaville, Congo</p>
</div>
</div>
<div class="flex items-start gap-4">
<div class="w-10 h-10 rounded-lg bg-surface-container flex items-center justify-center text-primary-container shrink-0">
<span class="material-symbols-outlined" data-icon="call" data-weight="fill">call</span>
</div>
<div>
<h3 class="font-label-md text-label-md text-on-surface mb-1">Phone</h3>
<p class="text-on-surface-variant text-sm">+242 06 952 17 26<br/>+242 06 543 23 23</p>
</div>
</div>
<div class="flex items-start gap-4">
<div class="w-10 h-10 rounded-lg bg-surface-container flex items-center justify-center text-primary-container shrink-0">
<span class="material-symbols-outlined" data-icon="mail" data-weight="fill">mail</span>
</div>
<div>
<h3 class="font-label-md text-label-md text-on-surface mb-1">Email</h3>
<p class="text-on-surface-variant text-sm"><a class="hover:text-primary-container transition-colors" href="mailto:contact@dembsgroup.cg">contact@dembsgroup.cg</a></p>
</div>
</div>
</div>
<hr class="border-outline-variant/50"/>
<div class="flex items-center gap-4">
<h3 class="font-label-md text-label-md text-on-surface">Follow Us</h3>
<div class="flex gap-3">
<a class="w-10 h-10 rounded-full border border-outline-variant flex items-center justify-center text-on-surface-variant hover:bg-primary-container hover:text-on-primary hover:border-primary-container transition-all" href="#">
<span class="material-symbols-outlined" data-icon="public">public</span>
</a>
<a class="w-10 h-10 rounded-full border border-outline-variant flex items-center justify-center text-on-surface-variant hover:bg-primary-container hover:text-on-primary hover:border-primary-container transition-all" href="#">
<span class="material-symbols-outlined">share</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<!-- Footer -->
<footer class="bg-primary dark:bg-tertiary text-on-primary dark:text-on-tertiary full-width">
<div class="grid grid-cols-1 md:grid-cols-4 gap-gutter py-section-padding px-base md:px-gutter max-w-container-max mx-auto">
<div class="col-span-1 md:col-span-2 flex flex-col gap-4">
<div class="flex items-center gap-3 mb-2">
<div class="text-headline-md font-headline-md font-bold text-secondary-fixed">DEMB'S GROUP CONGO</div></div><p class="font-body-md text-body-md opacity-80 max-w-md">RCCM CG-BZV-01-2022-B13-00084<br/>Société à Responsabilité limitée unipersonnelle (SARL unipersonnelle)<br/>Capital Social:1.000.000 CFA </p></div><div class="col-span-1"><h4 class="font-label-md text-label-md font-bold mb-4 uppercase tracking-wider text-secondary-fixed">Services</h4><ul class="flex flex-col gap-2 font-body-md text-body-md"><li><a class="text-on-primary-fixed-variant dark:text-tertiary-fixed-dim hover:text-secondary-fixed-dim underline transition-all focus:ring-2 focus:ring-secondary-container rounded outline-none" href="#">IT Services</a></li><li><a class="text-on-primary-fixed-variant dark:text-tertiary-fixed-dim hover:text-secondary-fixed-dim underline transition-all focus:ring-2 focus:ring-secondary-container rounded outline-none" href="#">Office Supplies</a></li><li><a class="text-on-primary-fixed-variant dark:text-tertiary-fixed-dim hover:text-secondary-fixed-dim underline transition-all focus:ring-2 focus:ring-secondary-container rounded outline-none" href="#">Construction</a></li><li><a class="text-on-primary-fixed-variant dark:text-tertiary-fixed-dim hover:text-secondary-fixed-dim underline transition-all focus:ring-2 focus:ring-secondary-container rounded outline-none" href="#">Import-Export</a></li></ul></div><div class="col-span-1"><h4 class="font-label-md text-label-md font-bold mb-4 uppercase tracking-wider text-secondary-fixed">Legal</h4><ul class="flex flex-col gap-2 font-body-md text-body-md"><li><a class="text-on-primary-fixed-variant dark:text-tertiary-fixed-dim hover:text-secondary-fixed-dim underline transition-all focus:ring-2 focus:ring-secondary-container rounded outline-none" href="#">Legal Mentions</a></li><li><a class="text-on-primary-fixed-variant dark:text-tertiary-fixed-dim hover:text-secondary-fixed-dim underline transition-all focus:ring-2 focus:ring-secondary-container rounded outline-none" href="#">Privacy Policy</a></li></ul></div></div><div class="border-t border-primary-fixed/20 py-4 px-base md:px-gutter text-center font-body-md text-sm opacity-80">© 2024 DEMB'S GROUP CONGO. All rights reserved. </div></footer></body></html>