<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="description" content="Ménara Préfa, filiale de Ménara Holding, est le spécialiste marocain du béton préfabriqué, du béton prêt à l\’emploi et des solutions constructives innovantes pour le BTP à travers tout le Maroc.">
<meta name="keywords" content="béton préfabriqué, béton prêt à l'emploi, BTP, construction, Ménara Préfa, Maroc">
<meta name="author" content="Ménara Préfa">
<meta name="robots" content="index, follow">
<meta name="theme-color" content="#ffffff">
<!-- Open Graph Meta Tags (for social media sharing) -->
<meta property="og:title" content="Ménara Préfa – Leader du béton préfabriqué et du BTP au Maroc">
<meta property="og:description" content="Ménara Préfa, filiale de Ménara Holding, est le spécialiste marocain du béton préfabriqué, du béton prêt à l\’emploi et des solutions constructives innovantes pour le BTP à travers tout le Maroc.">
<meta property="og:image" content="https://menaraprefa.ma/assets/img/favion.png">
<meta property="og:url" content="https://menaraprefa.ma">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Ménara Préfa">
<!-- Twitter Card Meta Tags (for Twitter sharing) -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Ménara Préfa – Leader du béton préfabriqué et du BTP au Maroc">
<meta name="twitter:description" content="Ménara Préfa, filiale de Ménara Holding, est le spécialiste marocain du béton préfabriqué, du béton prêt à l\’emploi et des solutions constructives innovantes pour le BTP à travers tout le Maroc.">
<meta name="twitter:image" content="https://menaraprefa.ma/assets/img/favion.png">
<meta name="twitter:site" content="@menara_prefa">
<title>Ménara Préfa – Leader du béton préfabriqué et du BTP au Maroc</title>
<!-- CSRF Token -->
<meta name="csrf-token" content="bvdVctuZnsuXkgWvYZKGgWTHA9SdOzDdx5MYhvmk">
<link rel="canonical" href="https://menaraprefa.ma">
<link rel="shortcut icon" href="https://menaraprefa.ma/assets/img/favion.png" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<link rel="preload" as="style" href="https://menaraprefa.ma/build/assets/app-CiWtnvaN.css" /><link rel="modulepreload" href="https://menaraprefa.ma/build/assets/app-CPXjEZeZ.js" /><link rel="stylesheet" href="https://menaraprefa.ma/build/assets/app-CiWtnvaN.css" /><script type="module" src="https://menaraprefa.ma/build/assets/app-CPXjEZeZ.js"></script> <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-GFNGMF2GMT"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'G-GFNGMF2GMT');
</script>
</head>
<body>
<div class="wrapper">
<!-- Sidebar -->
<nav id="sidebar">
<div class="sidebar-content">
<header class="pt-4">
<a href="https://menaraprefa.ma">
<img class="logo" src="https://menaraprefa.ma/assets/logo/logo.svg" alt="Ménara Préfa" />
</a>
</header>
<nav class="centered-nav">
<ul class="nav__list d-flex flex-column list-unstyled position-relative"
style="padding-bottom:0 !important;margin-bottom:0 !important; ">
<li class="nav__link my-2">
<a class="nav__anchor d-flex align-items-center" href="https://menaraprefa.ma">
<span class="nav__icon-box nav__icon-box--center nav__icon-box--active d-flex">
<span
class="nav__icon-1 nav__icon-1--active"></span>
</span>
<span
class="nav__title-1 nav__title--active">Accueil</span>
</a>
</li>
<li class="nav__link my-2">
<a class="nav__anchor d-flex align-items-center" href="https://menaraprefa.ma/expertises">
<span class="nav__icon-box nav__icon-box--center nav__icon-box--active d-flex">
<span
class="nav__icon-1"></span>
</span>
<span class="nav__title-1">Nos
expertises</span>
</a>
</li>
<li class="nav__link my-2">
<a class="nav__anchor d-flex align-items-center" href="https://menaraprefa.ma/solutions-constructives">
<span class="nav__icon-box nav__icon-box--center d-flex">
<span
class="nav__icon-1"></span>
</span>
<span class="nav__title-1">Nos solutions constructives</span>
</a>
</li>
<li class="nav__link my-2">
<a class="nav__anchor d-flex align-items-center" href="https://menaraprefa.ma/Revetium">
<span class="nav__icon-box nav__icon-box--center d-flex">
<span
class="nav__icon-1"></span>
</span>
<span class="nav__title-1">Nos
marques</span>
</a>
</li>
<li class="nav__link my-2">
<a class="nav__anchor d-flex align-items-center" href="https://menaraprefa.ma/rse_d%C3%A9veloppement-durable">
<span class="nav__icon-box nav__icon-box--center d-flex">
<span
class="nav__icon-1"></span>
</span>
<span class="nav__title-1">R.S.E. &
D.D.</span>
</a>
</li>
<li class="nav__link my-2">
<a class="nav__anchor d-flex align-items-center" href="https://menaraprefa.ma/contact">
<span class="nav__icon-box nav__icon-box--center d-flex">
<span
class="nav__icon-1"></span>
</span>
<span
class="nav__title-1">Contact</span>
</a>
</li>
</ul>
</nav>
<footer class="d-flex flex-column align-items-center bg-transparent">
<a href="https://www.menara-holding.ma/" target="_blank">
<img class="footer__signature mb-3" src="assets/svg/pole-01.svg" alt="Menara Holding" />
</a>
<nav class="footer__nav">
<ul class="footer__list list-unstyled d-flex justify-content-between">
<li class="footer__item">
<a class="footer__link" target="_blank" href="https://www.facebook.com/menaraprefaofficiel?locale=fr_FR">
<img class="footer__icon" src="assets/svg/facebook.svg" alt="Facebook" />
</a>
</li>
<!-- <li class="footer__item">
<a class="footer__link" target="_blank" href="">
<img class="footer__icon" src="assets/svg/instagram.svg" alt="Instagram" />
</a>
</li>-->
<li class="footer__item">
<a class="footer__link" target="_blank" href="https://twitter.com/holdingmenara">
<img class="footer__icon" src="assets/svg/Twitter.svg" alt="Twitter" />
</a>
</li>
<li class="footer__item">
<a class="footer__link"
target="_blank" href="https://www.linkedin.com/company/m%C3%A9nara-pr%C3%A9fa/">
<img class="footer__icon" src="assets/svg/Linkdin.svg" alt="Linkdin" />
</a>
</li>
<li class="footer__item">
<a class="footer__link" target="_blank" href="https://www.youtube.com/channel/UCutVJVipbUB1vie881BhCRg">
<img class="footer__icon" src="assets/svg/youtube.svg" alt="Youtube" />
</a>
</li>
</ul>
</nav>
</footer>
</div>
</nav>
<!-- Page Content -->
<div id="content">
<div class="section">
<div id="main">
<video class="home__bg-video--content" autoplay playsinline loop muted poster="https://menaraprefa.ma/assets/backgound_usine-01ce9db2.png">
<source src="https://menaraprefa.ma/assets/videos/menara-prefa.mp4" type="video/mp4" />
</video>
</div>
<img id="logo-response" src="https://menaraprefa.ma/assets/logo/logo2.svg" alt="">
<div class="home d-flex flex-column justify-content-end align-items-start text-light">
<h1 class="home__title mb-4">
<span class="home__title--bold"> Ménara Préfa un acteur clé dans le secteur du B.T.P au Maroc, alliant expertise et innovation. </span>
<br />
</h1>
<p class="home__paragraph mb-3 p-0">
Depuis sa création en 2002, Ménara Préfa, une filiale de Ménara Holding, s'est spécialisée dans la production de produits en béton préfabriqués tels que les pavés, les dalles, les bordures, les agglos, les hourdis, les poutres précontraintes, ainsi que dans la fourniture de béton prêt à l'emploi. Au fil des années, notre entreprise est devenue un leader incontournable dans le domaine du bâtiment et des travaux publics au Maroc.
</p>
<div class="statistic" id="statistic">
<span class="d-flex justify-content-center align-items-center" id="statistic1">
<img src="assets/img_mp/nosServices/icons/collaborateurs.svg" alt="Image 1">
<span class="statistic-text">
<h3>+1100</h3>
<p>Collaborateurs</p>
</span>
</span>
<span class="d-flex justify-content-center align-items-center" id="statistic1">
<img src="assets/img_mp/nosServices/icons/Clients.svg" alt="Image 1">
<span class="statistic-text">
<h3>+3000</h3>
<p>Clients</p>
</span>
</span>
<span class="d-flex justify-content-center align-items-center" id="statistic1">
<img src="assets/img_mp/nosServices/icons/Fornisseurs.svg" alt="Image 1">
<span class="statistic-text">
<h3>+2000</h3>
<p>Fournisseurs</p>
</span>
</span>
</div>
<a href="https://menaraprefa.ma/assets/plaquette_prefa_BD_1.pdf" id="btn-catalog" target="_blank">
<button id="download-brochure-btn " class="download-brochure playVideo">
<span class="ms-2"> <i class="fa-solid fa-cloud-arrow-down"></i></span>
<span class="separator"></span>
Brochure Ménara Préfa
</button>
</a>
</div>
</div>
<a class="icon-menu" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasExample"
aria-controls="offcanvasExample">
<img src="https://menaraprefa.ma/assets/svg/s_menu-b.svg" alt="">
</a>
</div>
</div>
<div class="loader"></div>
<div class="offcanvas offcanvas-start w-75" tabindex="-1" id="offcanvasExample"
aria-labelledby="offcanvasExampleLabel">
<header>
<a href="https://menaraprefa.ma">
<img class="logo" src="https://menaraprefa.ma/assets/logo/logo.svg" alt="Ménara Préfa" />
</a>
</header>
<div class="offcanvas-body d-flex align-items-center"
style="margin-left:0 !important;padding:0 ! important; height:100% !important">
<nav class="" style="margin-left:auto;margin-right:auto;overflow:hidden">
<nav style="padding-top: 3%;padding-bottom:3%;">
<ul class="nav__list d-flex flex-column list-unstyled position-relative">
<li class="nav__link my-3">
<a class="nav__anchor d-flex align-items-center" href="https://menaraprefa.ma">
<span class="nav__icon-box nav__icon-box--center nav__icon-box--active d-flex">
<span
class="nav__icon-1 nav__icon-1--active"></span>
</span>
<span
class="nav__title-1 nav__title--active">Accueil</span>
</a>
</li>
<li class="nav__link my-3">
<a class="nav__anchor d-flex align-items-center" href="https://menaraprefa.ma/expertises">
<span class="nav__icon-box nav__icon-box--center nav__icon-box--active d-flex">
<span
class="nav__icon-1">
</span>
</span>
<span class="nav__title-1">
Nos expertises
</span>
</a>
</li>
<li class="nav__link my-3">
<a class="nav__anchor d-flex align-items-center" href="https://menaraprefa.ma/solutions-constructives">
<span class="nav__icon-box nav__icon-box--center d-flex">
<span
class="nav__icon-1"></span>
</span>
<span
class="nav__title-1">Nos
solutions constructives</span>
</a>
</li>
<li class="nav__link my-3">
<a class="nav__anchor d-flex align-items-center" href="https://menaraprefa.ma/Revetium">
<span class="nav__icon-box nav__icon-box--center d-flex">
<span
class="nav__icon-1"></span>
</span>
<span
class="nav__title-1">Nos
marques</span>
</a>
</li>
<li class="nav__link my-3">
<a class="nav__anchor d-flex align-items-center" href="https://menaraprefa.ma/rse_d%C3%A9veloppement-durable">
<span class="nav__icon-box nav__icon-box--center d-flex">
<span
class="nav__icon-1"></span>
</span>
<span
class="nav__title-1">R.S.E.
& D.D.</span>
</a>
</li>
<li class="nav__link my-3">
<a class="nav__anchor d-flex align-items-center" href="https://menaraprefa.ma/contact">
<span class="nav__icon-box nav__icon-box--center d-flex">
<span
class="nav__icon-1"></span>
</span>
<span
class="nav__title-1">Contact</span>
</a>
</li>
</ul>
</nav>
</nav>
</div>
<footer class="d-flex flex-column align-items-center pb-4">
<a href="https://www.menara-holding.ma/" target="_blank">
<img class="footer__signature mb-3" src="https://menaraprefa.ma/assets/svg/pole-01.svg" alt="Menara Holding" />
</a>
<nav class="footer__nav">
<ul class="footer__list list-unstyled d-flex justify-content-between">
<li class="footer__item">
<a class="footer__link" target="_blank"
href="https://www.facebook.com/menaraprefaofficiel?locale=fr_FR">
<img class="footer__icon" src="https://menaraprefa.ma/assets/svg/facebook.svg" alt="Facebook" />
</a>
</li>
<!-- <li class="footer__item">
<a class="footer__link" target="_blank" href="">
<img class="footer__icon" src="https://menaraprefa.ma/assets/svg/instagram.svg" alt="Instagram" />
</a>
</li>-->
<li class="footer__item">
<a class="footer__link" target="_blank" href="https://twitter.com/holdingmenara">
<img class="footer__icon" src="https://menaraprefa.ma/assets/svg/Twitter.svg" alt="Twitter" />
</a>
</li>
<li class="footer__item">
<a class="footer__link" target="_blank"
href="https://www.linkedin.com/company/m%C3%A9nara-pr%C3%A9fa/">
<img class="footer__icon" src="https://menaraprefa.ma/assets/svg/Linkdin.svg" alt="Linkdin" />
</a>
</li>
<li class="footer__item">
<a class="footer__link" target="_blank"
href="https://www.youtube.com/channel/UCutVJVipbUB1vie881BhCRg">
<img class="footer__icon" src="https://menaraprefa.ma/assets/svg/youtube.svg" alt="Youtube" />
</a>
</li>
</ul>
</nav>
</footer>
</div>
</body>
<script>
if (document.getElementById("sidebarCollapse")) {
$(document).ready(function() {
$('#sidebarCollapse').on('click', function() {
$('#sidebar').toggleClass('active');
});
});
}
window.addEventListener("load", () => {
const loader = document.querySelector(".loader");
// Si l'élément .loader existe
if (loader) {
// Ajoutez une classe après le chargement de la page
loader.classList.add("loader-hidden");
// Définissez un délai pour forcer la suppression après 2 secondes
setTimeout(() => {
loader.remove();
}, 3000);
// Ajoutez un gestionnaire d'événement pour le cas où la transition prendrait plus de 2 secondes
loader.addEventListener("transitionend", () => {
loader.remove();
});
}
});
</script>
<!-- Ajoutez ces balises script à la fin de votre fichier HTML, avant la balise </body> -->
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
var xStart = null;
var threshold = 50; // Ajustez cette valeur selon vos besoins
document.getElementById('content').addEventListener('touchstart', function(e) {
xStart = e.touches[0].clientX;
});
document.getElementById('content').addEventListener('touchmove', function(e) {
if (xStart !== null) {
var xEnd = e.touches[0].clientX;
var xDiff = xEnd - xStart;
if (xDiff > threshold) {
var offcanvasElement = document.getElementById('offcanvasExample');
var offcanvas = new bootstrap.Offcanvas(offcanvasElement);
offcanvas.show();
e.preventDefault();
xStart = null;
}
}
});
});
</script>
</body>
</html>
