{"id":7,"date":"2025-11-10T22:20:31","date_gmt":"2025-11-10T21:20:31","guid":{"rendered":"https:\/\/erof-bf.com\/?page_id=7"},"modified":"2026-02-17T10:52:16","modified_gmt":"2026-02-17T09:52:16","slug":"accueil","status":"publish","type":"page","link":"https:\/\/erof-bf.com\/en\/","title":{"rendered":"Home"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"7\" class=\"elementor elementor-7\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8c075c6 e-con-full e-flex e-con e-parent\" data-id=\"8c075c6\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9d4880d elementor-widget elementor-widget-html\" data-id=\"9d4880d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n \n <section id=\"accueil\" class=\"relative h-[680px] flex items-center overflow-hidden bg-erofBlueDark\">\n        <div class=\"absolute inset-0 z-0\">\n            <img decoding=\"async\" src=\"https:\/\/erof-bf.com\/wp-content\/uploads\/2026\/01\/13.jpg\" class=\"w-full h-full object-cover animate-zoom opacity-40\" alt=\"BTP\">\n            <div class=\"absolute inset-0 bg-gradient-to-r from-erofBlueDark via-erofBlueDark\/80 to-transparent\"><\/div>\n        <\/div>\n\n        <div class=\"container mx-auto px-6 relative z-10 pt-20\">\n            <div class=\"grid lg:grid-cols-2 gap-12 items-center\">\n                <div class=\"space-y-8\">\n                    <div class=\"inline-flex items-center gap-2 bg-white\/10 backdrop-blur-md px-4 py-2 rounded-full border border-white\/10\">\n                        <span class=\"w-2 h-2 rounded-full bg-erofOrange animate-pulse\"><\/span>\n                        <span class=\"text-xs font-bold text-white uppercase tracking-[0.2em]\">Since 2004 in Burkina Faso<\/span>\n                    <\/div>\n\n                    <h1 class=\"text-5xl lg:text-7xl font-black text-white leading-none\">\n                        Building the future \n                        <span class=\"text-erofOrange\">Infrastructure<\/span>\n                    <\/h1>\n\n                    <p class=\"text-xl text-slate-300 max-w-xl leading-relaxed\">\n                        <strong class=\"text-white\">Roamba &amp; Fr\u00e8res<\/strong> - Your strategic partner in construction, energy, telecommunications and sanitation.\n                    <\/p>\n\n                    <div class=\"flex flex-wrap gap-4\">\n                        <a href=\"#expertises\" class=\"group bg-white text-erofBlueDark px-8 py-4 rounded-2xl font-bold text-lg flex items-center gap-3 hover:bg-erofOrange hover:text-white transition-all shadow-2xl\">\n                            Our services \n                            <i class=\"fas fa-arrow-right transition-transform group-hover:translate-x-2\"><\/i>\n                        <\/a>\n                        <div class=\"flex items-center gap-4 px-6 text-white border-l border-white\/20\">\n                            <div class=\"text-3xl font-black\">20+<\/div>\n                            <div class=\"text-xs uppercase tracking-tighter opacity-70\">Years<br>expertise<\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"flex flex-wrap gap-2 opacity-80\">\n                        <span class=\"px-4 py-2 bg-white\/5 rounded-lg border border-white\/10 text-white text-xs font-semibold\"><i class=\"fas fa-tower-cell mr-2 text-erofOrange\"><\/i>TELECOMS<\/span>\n                        <span class=\"px-4 py-2 bg-white\/5 rounded-lg border border-white\/10 text-white text-xs font-semibold\"><i class=\"fas fa-bolt mr-2 text-erofOrange\"><\/i>ENERGY<\/span>\n                        <span class=\"px-4 py-2 bg-white\/5 rounded-lg border border-white\/10 text-white text-xs font-semibold\"><i class=\"fas fa-droplet mr-2 text-erofOrange\"><\/i>WATER<\/span>\n                        <span class=\"px-4 py-2 bg-white\/5 rounded-lg border border-white\/10 text-white text-xs font-semibold\"><i class=\"fas fa-building mr-2 text-erofOrange\"><\/i>BTP<\/span>\n                    <\/div>\n                <\/div>\n\n                <div class=\"hidden lg:block relative\">\n                    <div class=\"relative rounded-[3rem] overflow-hidden shadow-2xl border-[10px] border-white\/10 group\">\n                        <img decoding=\"async\" src=\"https:\/\/erof-bf.com\/wp-content\/uploads\/2026\/01\/12.jpg\" id=\"hero-img\" class=\"w-full aspect-[4\/3] object-cover transition-all duration-1000\" alt=\"Projet EROF\">\n                        <div class=\"absolute inset-0 bg-gradient-to-t from-erofBlueDark\/80 to-transparent flex items-end p-12\">\n                            <div class=\"text-white\">\n                                <p class=\"text-white font-bold mb-2\">MAJOR PROJECT<\/p>\n                                <h3 class=\"text-3xl font-bold text-white\">National backbone deployment<\/h3>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-44d9d67 e-con-full e-flex e-con e-parent\" data-id=\"44d9d67\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-27b81d1 elementor-widget elementor-widget-html\" data-id=\"27b81d1\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t <section class=\"py-12 bg-white border-b border-slate-100\">\n        <div class=\"container mx-auto px-6\">\n            <div class=\"grid grid-cols-2 lg:grid-cols-4 gap-8\">\n                <div class=\"text-center\">\n                    <div class=\"text-4xl font-black text-erofBlueDark\">500+<\/div>\n                    <div class=\"text-sm text-slate-500 font-medium\">Completed projects<\/div>\n                <\/div>\n                <div class=\"text-center\">\n                    <div class=\"text-4xl font-black text-erofOrange\">1000+<\/div>\n                    <div class=\"text-sm text-slate-500 font-medium\">Km of Networks<\/div>\n                <\/div>\n                <div class=\"text-center\">\n                    <div class=\"text-4xl font-black text-erofBlueDark\">50+<\/div>\n                    <div class=\"text-sm text-slate-500 font-medium\">Qualified Experts<\/div>\n                <\/div>\n                <div class=\"text-center\">\n                    <div class=\"text-4xl font-black text-erofOrange\">99%<\/div>\n                    <div class=\"text-sm text-slate-500 font-medium\">Satisfied customers<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3a1972f e-con-full e-flex e-con e-parent\" data-id=\"3a1972f\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b731338 elementor-widget elementor-widget-html\" data-id=\"b731338\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t  <section id=\"apropos\" class=\"py-24 overflow-hidden\">\n        <div class=\"container mx-auto px-6\">\n            <div class=\"grid lg:grid-cols-2 gap-20 items-center\">\n                <div class=\"relative\">\n                    <div class=\"relative z-10 rounded-[2rem] overflow-hidden shadow-2xl\">\n                        <img decoding=\"async\" src=\"https:\/\/erof-bf.com\/wp-content\/uploads\/2026\/01\/50.jpg\" class=\"w-full\" alt=\"Equipe EROF\">\n                    <\/div>\n                    <div class=\"absolute -bottom-10 -right-10 bg-erofBlueDark text-white p-10 rounded-3xl shadow-2xl z-20\">\n                        <div class=\"text-5xl font-black text-erofOrange mb-2\">2006<\/div>\n                        <div class=\"text-sm font-bold uppercase tracking-widest opacity-70\">ENTREPRISE ROAMBA &amp; FRERES SA<\/div>\n                    <\/div>\n                    <div class=\"absolute -top-10 -left-10 w-40 h-40 bg-erofOrange\/10 rounded-full blur-3xl\"><\/div>\n                <\/div>\n\n                <div class=\"space-y-8\">\n                    <div>\n                        <h2 class=\"text-erofOrange font-bold tracking-[0.3em] uppercase text-sm mb-4\">Our history<\/h2>\n                        <h3 class=\"text-4xl lg:text-5xl font-black text-erofBlueDark leading-tight\">20 Years of Excellence in Infrastructure<\/h3>\n                    <\/div>\n                    <p class=\"text-lg text-slate-600\">\n                        ENTREPRISE ROAMBA &amp; FR\u00c8RES SA (EROF SA) has positioned itself as a major player and strategic partner in the development of essential infrastructure in Burkina Faso.\n                    <\/p>\n                    <p class=\"text-lg text-slate-600\">\n                        Specialized in the construction, energy, telecommunications and sanitation sectors, our company has recognized expertise in the design and maintenance of critical installations.\n                    <\/p>\n                    \n                    <div class=\"grid sm:grid-cols-2 gap-6\">\n                        <div class=\"flex items-center gap-4 p-4 bg-white rounded-2xl shadow-sm border border-slate-100\">\n                            <i class=\"fas fa-certificate text-3xl text-erofOrange\"><\/i>\n                            <div>\n                                <div class=\"font-bold\">Certifications<\/div>\n                                <div class=\"text-xs text-slate-500\">International Standards<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"flex items-center gap-4 p-4 bg-white rounded-2xl shadow-sm border border-slate-100\">\n                            <i class=\"fas fa-users-gear text-3xl text-erofBlue\"><\/i>\n                            <div>\n                                <div class=\"font-bold\">Expert Team<\/div>\n                                <div class=\"text-xs text-slate-500\">Qualified Talents<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8d15e6f e-con-full e-flex e-con e-parent\" data-id=\"8d15e6f\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-62f02b8 elementor-widget elementor-widget-html\" data-id=\"62f02b8\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t <section class=\"py-24 bg-erofBlueDark text-white\">\n        <div class=\"container mx-auto px-6\">\n            <div class=\"text-center max-w-2xl mx-auto mb-20\">\n                <h2 class=\"text-white font-bold tracking-widest uppercase text-xs mb-4\">Corporate culture<\/h2>\n                <h3 class=\"text-4xl font-black italic text-white\">What defines EROF SA<\/h3>\n            <\/div>\n\n            <div class=\"grid md:grid-cols-4 gap-6\">\n                <div class=\"p-8 bg-white\/5 rounded-[2rem] border border-white\/10 hover:bg-white\/10 transition-all\">\n                    <i class=\"fas fa-medal text-4xl text-erofOrange mb-6\"><\/i>\n                    <h4 class=\"text-xl font-bold mb-4 text-white\">Excellence<\/h4>\n                    <p class=\"text-slate-400 text-sm\">Quality and surgical precision in every project we deliver.<\/p>\n                <\/div>\n                <div class=\"p-8 bg-white\/5 rounded-[2rem] border border-white\/10 hover:bg-white\/10 transition-all\">\n                    <i class=\"fas fa-handshake text-4xl text-erofOrange mb-6\"><\/i>\n                    <h4 class=\"text-xl font-bold mb-4 text-white\">Integrity<\/h4>\n                    <p class=\"text-slate-400 text-sm\">Total transparency towards our customers and government partners.<\/p>\n                <\/div>\n                <div class=\"p-8 bg-white\/5 rounded-[2rem] border border-white\/10 hover:bg-white\/10 transition-all\">\n                    <i class=\"fas fa-lightbulb text-4xl text-erofOrange mb-6\"><\/i>\n                    <h4 class=\"text-xl font-bold mb-4 text-white\">Innovation<\/h4>\n                    <p class=\"text-slate-400 text-sm\">Cutting-edge technologies such as Marais mechanized installation.<\/p>\n                <\/div>\n                <div class=\"p-8 bg-white\/5 rounded-[2rem] border border-white\/10 hover:bg-white\/10 transition-all\">\n                    <i class=\"fas fa-shield-alt text-4xl text-erofOrange mb-6\"><\/i>\n                    <h4 class=\"text-xl font-bold mb-4 text-white\">Reliability<\/h4>\n                    <p class=\"text-slate-400 text-sm\">Strict compliance with deadlines and contractual commitments.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-66811f7 e-con-full e-flex e-con e-parent\" data-id=\"66811f7\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c8d46f4 elementor-widget elementor-widget-html\" data-id=\"c8d46f4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"expertises\" class=\"py-32 bg-[#F8FAFC] relative overflow-hidden\">\n    <div class=\"absolute top-0 left-1\/4 w-96 h-96 bg-erofBlue\/5 rounded-full blur-3xl\"><\/div>\n    <div class=\"absolute bottom-0 right-1\/4 w-64 h-64 bg-erofOrange\/5 rounded-full blur-3xl\"><\/div>\n\n    <div class=\"container mx-auto px-6 relative z-10\">\n        <div class=\"flex flex-col md:flex-row md:items-end justify-between mb-20 gap-6\">\n            <div class=\"max-w-2xl\">\n                <div class=\"inline-flex items-center gap-2 px-3 py-1 rounded-full bg-erofOrange\/10 border border-erofOrange\/20 mb-4\">\n                    <span class=\"w-2 h-2 rounded-full bg-erofOrange animate-pulse\"><\/span>\n                    <span class=\"text-erofOrange font-bold uppercase text-[10px] tracking-[0.2em]\">Our pillars<\/span>\n                <\/div>\n                <h3 class=\"text-5xl lg:text-6xl font-black text-erofBlueDark leading-tight\">\n                    Expertise <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-erofBlue to-erofBlueDark\">Strategic<\/span>\n                <\/h3>\n            <\/div>\n            <p class=\"text-slate-500 max-w-sm mb-2 font-medium border-l-2 border-erofOrange pl-4\">\n                Integrated engineering solutions for Burkina Faso's vital infrastructure.\n            <\/p>\n        <\/div>\n\n        <div class=\"grid grid-cols-1 md:grid-cols-12 gap-6 grid-rows-[auto_auto]\">\n            \n            <div class=\"md:col-span-8 group relative bg-white rounded-[2.5rem] shadow-sm border border-slate-100 hover:shadow-2xl transition-all duration-500 overflow-hidden grid md:grid-cols-2\">\n                \n                <div class=\"p-8 lg:p-12 relative z-10 flex flex-col justify-between h-full\">\n                    <div>\n                         <div class=\"flex justify-between items-start mb-8\">\n                            <div class=\"w-16 h-16 bg-gradient-to-br from-erofBlue to-erofBlueDark rounded-2xl flex items-center justify-center text-white text-3xl shadow-lg shadow-erofBlue\/20 group-hover:scale-110 transition-transform duration-500\">\n                                <i class=\"fas fa-tower-cell\"><\/i>\n                            <\/div>\n                            <span class=\"text-slate-100 font-black text-7xl leading-none select-none\">01<\/span>\n                        <\/div>\n                        <h4 class=\"text-3xl font-black text-erofBlueDark mb-4 italic uppercase tracking-tighter\">Telecommunications<\/h4>\n                        <p class=\"text-slate-500 text-lg leading-relaxed mb-8\">A leading partner in the deployment of national communications infrastructures.<\/p>\n                    <\/div>\n\n                    <div class=\"bg-slate-50 rounded-3xl p-6 border border-slate-100 group-hover:bg-white transition-colors duration-500\">\n                        <ul class=\"space-y-3\">\n                            <li class=\"flex items-center gap-3 text-sm font-bold text-slate-700\">\n                                <span class=\"w-5 h-5 rounded-full bg-erofOrange\/10 text-erofOrange flex items-center justify-center text-[10px] shrink-0\"><i class=\"fas fa-check\"><\/i><\/span> \n                                Metropolitan backbone\n                            <\/li>\n                            <li class=\"flex items-center gap-3 text-sm font-bold text-slate-700\">\n                                <span class=\"w-5 h-5 rounded-full bg-erofOrange\/10 text-erofOrange flex items-center justify-center text-[10px] shrink-0\"><i class=\"fas fa-check\"><\/i><\/span> \n                                Fiber &amp; copper cabling\n                            <\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n\n                <div class=\"relative h-64 md:h-auto overflow-hidden\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/41.jpg\" alt=\"Infrastructure T\u00e9l\u00e9com\" class=\"absolute inset-0 !w-full !h-full object-cover transition-transform duration-700 group-hover:scale-105\">\n                    <div class=\"absolute inset-0 bg-gradient-to-t md:bg-gradient-to-l from-erofBlueDark\/50 to-transparent mix-blend-multiply\"><\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"md:col-span-4 md:row-span-2 group relative bg-erofBlueDark rounded-[2.5rem] p-8 lg:p-10 text-white shadow-sm hover:shadow-2xl transition-all duration-500 overflow-hidden flex flex-col\">\n                \n                <div class=\"absolute inset-0 z-0\">\n                     <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/2.jpg\" alt=\"\u00c9nergie\" class=\"!w-full !h-full object-cover mix-blend-overlay transition-transform duration-700 group-hover:scale-110\">\n                     <div class=\"absolute inset-0 bg-gradient-to-b from-erofBlueDark\/80 via-erofBlueDark to-erofBlueDark\"><\/div>\n                <\/div>\n                \n                <div class=\"relative z-10 flex flex-col h-full justify-between\">\n                    <div>\n                        <div class=\"w-14 h-14 bg-erofOrange rounded-2xl flex items-center justify-center text-white text-2xl mb-8 group-hover:rotate-12 transition-transform duration-500 shadow-lg shadow-erofOrange\/30\">\n                            <i class=\"fas fa-bolt\"><\/i>\n                        <\/div>\n                        <h4 class=\"text-3xl font-black mb-4 italic uppercase tracking-tighter\">Energy &amp;<br>Electricity<\/h4>\n                        <p class=\"text-slate-300 mb-8 leading-relaxed\">High-voltage electrical distribution expertise.<\/p>\n                        \n                        <p>\n                        EROF SA has established itself as a benchmark partner for major contractors (SONABEL, industry, government), offering complete control of the electrical value chain. From design to commissioning, we guarantee robust infrastructures capable of supporting Burkina Faso's urban and industrial development.<\/p>\n                    <\/div>\n                    \n                    <div class=\"space-y-4 bg-white\/10 backdrop-blur-md rounded-3xl p-6 border border-white\/10\">\n                        <ul class=\"space-y-4\">\n                            <li class=\"flex items-center gap-3 text-xs font-bold\"><i class=\"fas fa-plus text-erofOrange\"><\/i> HTA\/MTA\/BTA networks<\/li>\n                            <li class=\"flex items-center gap-3 text-xs font-bold\"><i class=\"fas fa-plus text-erofOrange\"><\/i> Power &amp; lighting<\/li>\n                            <li class=\"flex items-center gap-3 text-xs font-bold\"><i class=\"fas fa-plus text-erofOrange\"><\/i> DC Groups &amp; Cabinets<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"md:col-span-4 group relative bg-white rounded-[2.5rem] p-8 lg:p-10 shadow-sm border border-slate-100 hover:shadow-2xl transition-all duration-500\">\n                <div class=\"flex flex-col items-start gap-6 h-full justify-between\">\n                    <div class=\"w-14 h-14 bg-blue-500\/10 rounded-2xl flex items-center justify-center text-blue-600 text-3xl shrink-0\">\n                        <i class=\"fas fa-droplet\"><\/i>\n                    <\/div>\n                    <div>\n                        <h4 class=\"text-2xl font-black text-erofBlueDark mb-3 italic uppercase tracking-tighter\">Water &amp; AEPS<\/h4>\n                        <p class=\"text-slate-500 mb-4 text-sm\">Lifecycle management of national AEPS projects.<\/p>\n                        <div class=\"flex flex-wrap gap-2\">\n                            <span class=\"px-3 py-1 bg-slate-100 rounded-full text-[10px] font-bold text-slate-600\">Water towers<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"md:col-span-4 group relative bg-white rounded-[2.5rem] p-8 lg:p-10 shadow-sm border border-slate-100 hover:shadow-2xl transition-all duration-500\">\n                <div class=\"flex flex-col items-start gap-6 h-full justify-between\">\n                    <div class=\"w-14 h-14 bg-slate-900 rounded-2xl flex items-center justify-center text-white text-3xl shrink-0 group-hover:bg-erofOrange transition-colors duration-500\">\n                        <i class=\"fas fa-building-shield\"><\/i>\n                    <\/div>\n                    <div>\n                        <h4 class=\"text-2xl font-black text-erofBlueDark mb-3 italic uppercase tracking-tighter\">Construction &amp; Safety<\/h4>\n                        <p class=\"text-slate-500 mb-4 text-sm\">Securing advanced critical infrastructures.<\/p>\n                        <div class=\"flex flex-wrap gap-2\">\n                            <span class=\"px-3 py-1 bg-slate-100 rounded-full text-[10px] font-bold text-slate-600\">Datacenters<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bc4215b e-con-full e-flex e-con e-parent\" data-id=\"bc4215b\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d033c36 elementor-widget elementor-widget-html\" data-id=\"d033c36\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t  <section id=\"technologie\" class=\"py-24 bg-[#0a192f] text-white relative overflow-hidden\">\n        <div class=\"absolute inset-0 opacity-10 bg-[url('\/wp-content\/uploads\/2026\/01\/10.jpg')] bg-no-repeat bg-center bg-cover\"><\/div>\n        \n        <div class=\"container mx-auto px-6 relative z-10\">\n            <div class=\"flex flex-col lg:flex-row gap-20 items-center\">\n                <div class=\"lg:w-1\/2\">\n                    <h2 class=\"text-erofOrange font-bold tracking-[0.3em] uppercase text-xs mb-4\">Operational Excellence<\/h2>\n                    <h3 class=\"text-5xl font-black mb-8 leading-tight text-white\">Technologie de Pose M\u00e9canis\u00e9e <\/h3>\n                    <p class=\"text-xl text-slate-400 mb-10\">An integrated 5-phase process that is transforming the deployment of underground networks in Burkina Faso.<\/p>\n                    \n                    <div class=\"space-y-6\">\n                        <div class=\"flex gap-6 group\">\n                            <div class=\"w-12 h-12 rounded-full border border-erofOrange flex items-center justify-center font-black group-hover:bg-erofOrange transition-all\">1<\/div>\n                            <div>\n                                <h4 class=\"text-lg font-bold text-white\">Precise slicing<\/h4>\n                                <p class=\"text-slate-500 text-sm italic\">Sliced floor with millimetric width and depth.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"flex gap-6 group\">\n                            <div class=\"w-12 h-12 rounded-full border border-erofOrange flex items-center justify-center font-black group-hover:bg-erofOrange transition-all\">2<\/div>\n                            <div>\n                                <h4 class=\"text-lg font-bold text-white\">Simultaneous installation<\/h4>\n                                <p class=\"text-slate-500 text-sm italic\">Immediate installation of the network on passage.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"flex gap-6 group\">\n                            <div class=\"w-12 h-12 rounded-full border border-erofOrange flex items-center justify-center font-black group-hover:bg-erofOrange transition-all\">3<\/div>\n                            <div>\n                                <h4 class=\"text-lg font-bold text-white\">Protective coating<\/h4>\n                                <p class=\"text-slate-500 text-sm italic\">Automated backfill with screened material.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"lg:w-1\/2 relative\">\n                    <div class=\"rounded-[3rem] overflow-hidden border-8 border-white\/5 shadow-2xl\">\n                        <img decoding=\"async\" src=\"https:\/\/erof-bf.com\/wp-content\/uploads\/2026\/01\/15.jpg\" class=\"w-full hover:scale-110 transition-transform duration-700\" alt=\"Machine Marais\">\n                    <\/div>\n                    <div class=\"grid grid-cols-2 gap-4 absolute -bottom-10 left-10 right-10\">\n                        <div class=\"bg-erofBlue p-6 rounded-2xl shadow-2xl\">\n                            <div class=\"text-3xl font-black\">1.60M<\/div>\n                            <div class=\"text-[10px] uppercase font-bold tracking-widest opacity-60\">Max. depth<\/div>\n                        <\/div>\n                        <div class=\"bg-erofOrange p-6 rounded-2xl shadow-2xl\">\n                            <div class=\"text-3xl font-black\">5-in-1<\/div>\n                            <div class=\"text-[10px] uppercase font-bold tracking-widest opacity-60\">Simultaneous operations<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d8c731a e-con-full e-flex e-con e-parent\" data-id=\"d8c731a\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-84c134b elementor-widget elementor-widget-html\" data-id=\"84c134b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t <section class=\"py-24 bg-white\">\n        <div class=\"container mx-auto px-6\">\n            <div class=\"text-center mb-16\">\n                <h3 class=\"text-4xl font-black text-erofBlueDark\">Why choose EROF SA?<\/h3>\n            <\/div>\n            <div class=\"grid md:grid-cols-3 gap-10\">\n                <div class=\"text-center space-y-4\">\n                    <div class=\"w-20 h-20 bg-slate-50 rounded-full flex items-center justify-center mx-auto text-erofBlue text-3xl\">\n                        <i class=\"fas fa-clock\"><\/i>\n                    <\/div>\n                    <h4 class=\"text-xl font-bold\">Speed of execution<\/h4>\n                    <p class=\"text-slate-500 text-sm\">Short lead times thanks to our technological machinery.<\/p>\n                <\/div>\n                <div class=\"text-center space-y-4\">\n                    <div class=\"w-20 h-20 bg-slate-50 rounded-full flex items-center justify-center mx-auto text-erofOrange text-3xl\">\n                        <i class=\"fas fa-award\"><\/i>\n                    <\/div>\n                    <h4 class=\"text-xl font-bold\">Certified quality<\/h4>\n                    <p class=\"text-slate-500 text-sm\">Rigorous controls based on ISO standards.<\/p>\n                <\/div>\n                <div class=\"text-center space-y-4\">\n                    <div class=\"w-20 h-20 bg-slate-50 rounded-full flex items-center justify-center mx-auto text-erofBlue text-3xl\">\n                        <i class=\"fas fa-users-gear\"><\/i>\n                    <\/div>\n                    <h4 class=\"text-xl font-bold\">Local Expertise<\/h4>\n                    <p class=\"text-slate-500 text-sm\">Perfect knowledge of the terrain in Burkina Faso.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ec15b3c e-con-full e-flex e-con e-parent\" data-id=\"ec15b3c\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c86da97 elementor-widget elementor-widget-html\" data-id=\"c86da97\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"py-12 !bg-white\">\n    <div class=\"container mx-auto px-6\">\n        <div class=\"relative overflow-hidden bg-erofBlueDark rounded-[2.5rem] shadow-2xl shadow-erofBlue\/20\">\n            <div class=\"absolute top-0 right-0 w-64 h-64 bg-erofOrange opacity-10 rounded-full -translate-y-1\/2 translate-x-1\/2\"><\/div>\n            <div class=\"absolute bottom-0 left-0 w-32 h-32 bg-erofBlue opacity-20 rounded-full translate-y-1\/2 -translate-x-1\/2\"><\/div>\n\n            <div class=\"relative z-10 p-8 lg:p-12 flex flex-col lg:flex-row items-center justify-between gap-8\">\n                <div class=\"text-center lg:text-left space-y-3\">\n                    <h3 class=\"text-3xl lg:text-4xl font-black text-white leading-tight\">\n                        Building loan <span class=\"text-erofOrange italic\">your project?<\/span>\n                    <\/h3>\n                    <p class=\"text-slate-400 font-medium max-w-md\">\n                        From engineering to maintenance, EROF SA makes your infrastructure ambitions a reality.\n                    <\/p>\n                <\/div>\n\n                <div class=\"flex flex-col sm:flex-row items-center gap-6\">\n                    <a href=\"\/en\/contact\/\" class=\"group relative px-8 py-4 bg-erofOrange rounded-xl font-black text-white text-sm uppercase tracking-widest transition-all duration-300 hover:scale-105 shadow-lg shadow-erofOrange\/20 overflow-hidden\">\n                        <span class=\"relative z-10 flex items-center gap-3\">\n                            Request a quote <i class=\"fas fa-chevron-right text-xs transition-transform group-hover:translate-x-1\"><\/i>\n                        <\/span>\n                        <div class=\"absolute inset-0 bg-white\/20 translate-y-full group-hover:translate-y-0 transition-transform duration-300\"><\/div>\n                    <\/a>\n\n                    <div class=\"flex items-center gap-4\">\n                        <div class=\"w-10 h-10 rounded-full bg-white\/5 border border-white\/10 flex items-center justify-center text-erofOrange\">\n                            <i class=\"fas fa-phone-alt\"><\/i>\n                        <\/div>\n                        <div class=\"text-left\">\n                            <p class=\"text-[10px] font-black text-slate-500 uppercase tracking-tighter\">Direct call<\/p>\n                            <p class=\"text-white font-black text-sm\">(+226) 63 53 80 80<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6458369 e-con-full e-flex e-con e-parent\" data-id=\"6458369\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cf87e01 elementor-widget elementor-widget-html\" data-id=\"cf87e01\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t <section id=\"galerie\" class=\"py-24 bg-slate-50\">\n        <div class=\"container mx-auto px-6\">\n            <div class=\"flex flex-col md:flex-row justify-between items-end mb-16 gap-6\">\n                <div class=\"max-w-xl\">\n                    <h2 class=\"text-erofOrange font-bold tracking-widest uppercase text-xs mb-4\">Portfolio<\/h2>\n                    <h3 class=\"text-5xl font-black text-erofBlueDark leading-tight\">Field projects<\/h3>\n                <\/div>\n                <p class=\"text-slate-500\">Infrastructure throughout Burkina Faso.<\/p>\n            <\/div>\n\n            <div class=\"grid grid-cols-2 md:grid-cols-4 gap-6\">\n                <div class=\"group relative aspect-square rounded-[2rem] overflow-hidden shadow-lg\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/12.jpg\" class=\"!w-full !h-full !object-cover group-hover:scale-110 transition duration-700\" alt=\"Backbone\">\n                    <div class=\"absolute inset-0 bg-erofBlueDark\/60 opacity-0 group-hover:opacity-100 transition-all p-6 flex items-end\">\n                        <p class=\"text-white text-sm font-bold\">National Backbone Network<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"group relative aspect-square rounded-[2rem] overflow-hidden shadow-lg\">\n                    <img decoding=\"async\" src=\"wp-content\/uploads\/2026\/01\/41.jpg\" class=\"!w-full !h-full object-cover group-hover:scale-110 transition duration-700\" alt=\"Fibre\">\n                    <div class=\"absolute inset-0 bg-erofBlueDark\/60 opacity-0 group-hover:opacity-100 transition-all p-6 flex items-end\">\n                        <p class=\"text-white text-sm font-bold\">FTTx rollout<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"group relative aspect-square rounded-[2rem] overflow-hidden shadow-lg\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/2.jpg\" class=\"w-full h-full object-cover group-hover:scale-110 transition duration-700\" alt=\"Elec\">\n                    <div class=\"absolute inset-0 bg-erofOrange\/80 opacity-0 group-hover:opacity-100 transition-all p-6 flex items-end\">\n                        <p class=\"text-white text-sm font-bold\">HV distribution<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"group relative aspect-square rounded-[2rem] overflow-hidden shadow-lg\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/21.jpg\" class=\"!w-full !h-full object-cover group-hover:scale-110 transition duration-700\" alt=\"BTP\">\n                    <div class=\"absolute inset-0 bg-erofBlueDark\/60 opacity-0 group-hover:opacity-100 transition-all p-6 flex items-end\">\n                        <p class=\"text-white text-sm font-bold\">Civil Engineering<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"group relative aspect-square rounded-[2rem] overflow-hidden shadow-lg\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/20.jpg\" class=\"!w-full !h-full object-cover group-hover:scale-110 transition duration-700\" alt=\"Rural\">\n                    <div class=\"absolute inset-0 bg-erofOrange\/80 opacity-0 group-hover:opacity-100 transition-all p-6 flex items-end\">\n                        <p class=\"text-white text-sm font-bold\">Rural Network Extension<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"group relative aspect-square rounded-[2rem] overflow-hidden shadow-lg\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/10.jpg\" class=\"!w-full !h-full object-cover group-hover:scale-110 transition duration-700\" alt=\"Marais\">\n                    <div class=\"absolute inset-0 bg-erofBlueDark\/60 opacity-0 group-hover:opacity-100 transition-all p-6 flex items-end\">\n                        <p class=\"text-white text-sm font-bold\">Operation Marais<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"group relative aspect-square rounded-[2rem] overflow-hidden shadow-lg\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/40.jpg\" class=\"!w-full !h-full object-cover group-hover:scale-110 transition duration-700\" alt=\"Eau\">\n                    <div class=\"absolute inset-0 bg-erofOrange\/80 opacity-0 group-hover:opacity-100 transition-all p-6 flex items-end\">\n                        <p class=\"text-white text-sm font-bold\">AEPS network<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"group relative aspect-square rounded-[2rem] overflow-hidden shadow-lg\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/49.jpg\" class=\"!w-full !h-full object-cover group-hover:scale-110 transition duration-700\" alt=\"Data\">\n                    <div class=\"absolute inset-0 bg-erofBlueDark\/60 opacity-0 group-hover:opacity-100 transition-all p-6 flex items-end\">\n                        <p class=\"text-white text-sm font-bold\">Datacenter IT<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-21ba873 e-con-full e-flex e-con e-parent\" data-id=\"21ba873\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e7251a5 elementor-widget elementor-widget-html\" data-id=\"e7251a5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n    \/* Animation du d\u00e9filement *\/\n    @keyframes marquee {\n        0% { transform: translateX(0); }\n        100% { transform: translateX(-50%); }\n    }\n\n    .animate-marquee {\n        display: flex;\n        width: max-content;\n        animation: marquee 30s linear infinite;\n    }\n\n    .animate-marquee:hover {\n        animation-play-state: paused;\n    }\n\n    \/* Conteneur de logo pour uniformiser les PNG *\/\n    .logo-container {\n        width: 200px; \/* Largeur fixe *\/\n        height: 100px; \/* Hauteur fixe *\/\n        background: white;\n        border-radius: 1rem;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        padding: 1.5rem;\n        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);\n        border: 1px solid #f1f5f9;\n        transition: all 0.4s ease;\n        flex-shrink: 0;\n    }\n\n    .logo-container:hover {\n        border-color: #F04438; \/* EROF Orange *\/\n        transform: translateY(-5px);\n        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\n    }\n\n    .logo-container img {\n        max-width: 100%;\n        max-height: 100%;\n        object-fit: contain; \/* Garde les proportions sans d\u00e9former *\/\n        filte: grayscale(100%);\n        opacity: 0.8;\n        transition: all 0.4s ease;\n    }\n\n    .logo-container:hover img {\n        filter: grayscale(0%);\n        opacity: 1;\n    }\n<\/style>\n\n<section class=\"py-24 bg-slate-50 overflow-hidden\">\n    <div class=\"container mx-auto px-6 mb-12\">\n        <div class=\"text-center max-w-3xl mx-auto\">\n            <h2 class=\"text-erofOrange font-black uppercase tracking-[0.3em] text-[10px] mb-4\">Ecosystem<\/h2>\n            <h3 class=\"text-4xl font-black text-erofBlueDark italic\">They make us <span class=\"text-erofBlue\">trust<\/span><\/h3>\n        <\/div>\n    <\/div>\n\n    <div class=\"relative flex overflow-hidden\">\n        <div class=\"animate-marquee gap-8 px-4\">\n            <div class=\"logo-container\">\n                <img decoding=\"async\" src=\"https:\/\/www.assises-resina.gov.bf\/images\/sans-titre---1.png\" alt=\"ANPTIC\">\n            <\/div>\n            <div class=\"logo-container\">\n                <img decoding=\"async\" src=\"https:\/\/erof-bf.com\/wp-content\/uploads\/2026\/01\/Logo_SONABEL.svg.png\" alt=\"SONABEL\">\n            <\/div>\n            <div class=\"logo-container\">\n                <img decoding=\"async\" src=\"https:\/\/esomif-bf.com\/wp-content\/uploads\/2023\/01\/Logo-Onea-271x300.jpg\" alt=\"ONEA\">\n            <\/div>\n            <div class=\"logo-container\">\n                <img decoding=\"async\" src=\"https:\/\/erof-bf.com\/wp-content\/uploads\/2026\/01\/huawei.png\" alt=\"HUAWEI\">\n            <\/div>\n            <div class=\"logo-container\">\n                <img decoding=\"async\" src=\"https:\/\/erof-bf.com\/wp-content\/uploads\/2026\/01\/Nokia_wordmark.svg.png\" alt=\"NOKIA\">\n            <\/div>\n            <div class=\"logo-container\">\n                <img decoding=\"async\" src=\"https:\/\/erof-bf.com\/wp-content\/uploads\/2026\/01\/Marais_Organization_logo.jpg\" alt=\"MARAIS\">\n            <\/div>\n\n            <div class=\"logo-container\">\n                <img decoding=\"async\" src=\"https:\/\/www.assises-resina.gov.bf\/images\/sans-titre---1.png\" alt=\"ANPTIC\">\n            <\/div>\n            <div class=\"logo-container\">\n                <img decoding=\"async\" src=\"https:\/\/erof-bf.com\/wp-content\/uploads\/2026\/01\/Logo_SONABEL.svg.png\" alt=\"SONABEL\">\n            <\/div>\n            <div class=\"logo-container\">\n                <img decoding=\"async\" src=\"https:\/\/erof-bf.com\/wp-content\/uploads\/2026\/01\/Logo-Onea-271x300-1.jpg\" alt=\"ONEA\">\n            <\/div>\n            <div class=\"logo-container\">\n                <img decoding=\"async\" src=\"https:\/\/erof-bf.com\/wp-content\/uploads\/2026\/01\/huawei.png\" alt=\"HUAWEI\">\n            <\/div>\n            <div class=\"logo-container\">\n                <img decoding=\"async\" src=\"https:\/\/erof-bf.com\/wp-content\/uploads\/2026\/01\/Nokia_wordmark.svg.png\" alt=\"NOKIA\">\n            <\/div>\n            <div class=\"logo-container\">\n                <img decoding=\"async\" src=\"https:\/\/erof-bf.com\/wp-content\/uploads\/2026\/01\/Marais_Organization_logo.jpg\" alt=\"MARAIS\">\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Depuis 2004 au Burkina Faso B\u00e2tir l&rsquo;avenir Infrastructures Entreprise Roamba &#038; Fr\u00e8res \u2013 Votre partenaire strat\u00e9gique en BTP, \u00c9nergie, T\u00e9l\u00e9communications et Assainissement. Nos Services 20+ Ann\u00e9esd&rsquo;expertise T\u00c9L\u00c9COMS \u00c9NERGIE EAU BTP PROJET MAJEUR D\u00e9ploiement Backbone National 500+ Projets R\u00e9alis\u00e9s 1000+ Km de R\u00e9seaux 50+ Experts Qualifi\u00e9s 99% Clients Satisfaits 2006 ENTREPRISE ROAMBA &#038; FRERES SA Notre [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/erof-bf.com\/en\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/erof-bf.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/erof-bf.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/erof-bf.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/erof-bf.com\/en\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":481,"href":"https:\/\/erof-bf.com\/en\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":1218,"href":"https:\/\/erof-bf.com\/en\/wp-json\/wp\/v2\/pages\/7\/revisions\/1218"}],"wp:attachment":[{"href":"https:\/\/erof-bf.com\/en\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}