<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="/css/bootstrap/bootstrap.css">
<link rel="stylesheet" href="/css/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css">
<link rel="stylesheet" type="text/css" href="/css/design.css">
<link rel="stylesheet" href="/css/animate.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/intl-tel-input@25.5.2/build/css/intlTelInput.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/orestbida/cookieconsent@3.1.0/dist/cookieconsent.css">
<title>Home - Serax Transmissions</title>
<meta name="description" content="Spécialiste des solutions de transmission mécanique, Serax Transmissions propose une large gamme de produits, incluant poulies, moyeux amovibles, pignons, accouplements, roulements, paliers, courroies, chaînes, engrenages et crémaillères, garantissant performance et fiabilité pour l'industrie.">
<meta name="author" content="Ludyq">
<link rel="icon" href="/favicon.ico">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-5K6PRZYMCD"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-5K6PRZYMCD');
</script>
</head>
<body data-bs-theme="dark">
<body class="">
<!-- <header class="fixed-top">
<div class="m-4">
<img src="/img/serax.png" alt="SERAX Transmissions">
</div>
<nav>
<ul>
<li>
Accueil
</li>
<li>
Produits
</li>
<li>
Contacts
</li>
</ul>
</nav>
<div class="espace-barre">
<div class="barre-color barre-c1"></div>
<div class="barre-color barre-c2"></div>
<div class="barre-color barre-c3"></div>
</div>
</header> -->
<header class="fixed-top">
<div class="container d-flex align-items-center justify-content-between py-4">
<!-- LOGO -->
<a href="/" class="navbar-brand">
<img src="/img/serax.png" alt="SERAX Transmissions" >
</a>
<!-- NAVIGATION -->
<nav>
<ul class="nav">
<li class="nav-item">
<a href="/" class="nav-link underline-hover">MENU_TEXTE_ACCUEIL</a>
</li>
<li class="nav-item">
<a href="/catalogue.pdf" target="_blank" class="nav-link underline-hover">Catalogue</a>
</li>
<!-- <li class="nav-item">
<a href="/products" class="nav-link underline-hover">MENU_TEXTE_PRODUITS</a>
</li> -->
<li class="nav-item">
<a href="/contact?ref=index" class="nav-link underline-hover">MENU_TEXTE_CONTACT</a>
</li>
</ul>
</nav>
</div>
</header>
<section class="parallax-video" data-speed="0.5">
<div class="content">
<h1>
<div class="wow fadeInUp d-inline-block" data-wow-duration="0.8s" data-wow-delay="0s">Tradition.</div>
<div class="wow fadeInUp d-inline-block" data-wow-duration="0.8s" data-wow-delay="1s">Innovation.</div>
<div class="wow fadeInUp d-inline-block" data-wow-duration="0.8s" data-wow-delay="2s">Transmission.</div>
</h1>
</div>
<video src="./video/new-serax.mp4" autoplay muted loop playsinline></video>
</section>
<div class="container">
<div class="row align-items-center">
<div class="col-md-12 wow fadeIn" data-wow-duration="0.8s" data-wow-delay="0.4s">
<h2 class="bar">L'ingénierie au service de vos performances</h2>
<div class="bar"></div>
</div>
<div class="col-md-8 py-5 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
<!-- Depuis 1881, SERAX forge son expertise dans la conception de composants mécaniques de haute précision. D'un atelier artisanal à un acteur reconnu en Europe, l'entreprise s'est spécialisée dans les poulies et organes de transmission, en mettant la réactivité et la fabrication sur mesure au cœur de son savoir-faire. -->
<p>Depuis 1881, SERAX forge son expertise dans la conception de composants mécaniques de haute précision. D'un atelier artisanal à un acteur reconnu en Europe, l'entreprise s'est spécialisée dans les poulies et organes de transmission, en mettant la réactivité et la fabrication sur mesure au cœur de son savoir-faire.</p> </div>
<div class="col-md-4 py-5 wow fadeInDown" data-wow-duration="0.8s" data-wow-delay="1s">
<img src="./img/image1.png" alt="Image Serax" class="img-fluid">
</div>
<div class="col-md-4 py-5 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
<img src="./img/image2.png" alt="Image Serax" class="img-fluid">
</div>
<div class="col-md-8 py-5 wow fadeInLeft" data-wow-duration="1.4s" data-wow-delay="1s">
<p>Alliant tradition et innovation, SERAX développe des solutions robustes, pensées pour durer. Avec ses brevets pionniers et une capacité à s'adapter aux demandes les plus spécifiques, elle accompagne les industriels exigeants dans tous leurs défis mécaniques.</p> </div>
</div>
</div>
<!--
<div class="container">
<div class="row">
<div class="col-md-12">
Historique
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-12">
Valeurs
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-12">
Chiffres clés
</div>
</div>
</div> -->
<section class="parallax" data-speed="0.3" style="background-image: url('./img/image3.png');">
<div class="content">
<div class="row align-items-center justify-content-center gap-5">
<div class="key-point wow fadeInUpBig" data-wow-duration="1.4s" data-wow-delay="0.2s">
<div class="title">
<span class="counter" data-target="2500" data-c-delay="800">0</span>m²
</div>
<div class="explanation">
d'entrepôt pour garantir une disponibilité produit optimale et des livraisons dans les temps.
</div>
</div>
<div class="key-point wow fadeInUpBig" data-wow-duration="1.4s" data-wow-delay="0.6s">
<div class="title">
<span class="counter" data-target="4000" data-c-delay="1300">0</span>
</div>
<div class="explanation">
références produits disponibles dans nos stocks.
</div>
</div>
<div class="key-point wow fadeInUpBig" data-wow-duration="1.4s" data-wow-delay="1s">
<div class="title">
<span class="counter" data-target="2000" data-c-delay="1800">0</span>mm
</div>
<div class="explanation">
de diamètre pour vos poulies, réalisées entièrement sur mesure.
</div>
</div>
</div>
</div>
</section>
<!-- <section class="parallax" data-speed="0.5" style="background-image: url('./img/image2.png');">
<div class="content">
<h1>Section 2</h1>
<p>Effet parallaxe fluide - vitesse moyenne.</p>
</div>
</section>
<section class="parallax" data-speed="0.7" style="background-image: url('./img/image3.png');">
<div class="content">
<h1>Section 3</h1>
<p>Effet parallaxe fluide - vitesse rapide.</p>
</div>
</section>
-->
<div class="bar-container">
<div class="group-bars">
<div class="bar-color bar-c1"></div>
<div class="bar-color bar-c2"></div>
<div class="bar-color bar-c3"></div>
</div>
</div>
<div class="container position-relative">
<footer class="py-3 mt-4">
<ul class="nav justify-content-center">
<li class="nav-item"><a href="/" class="nav-link px-2">MENU_TEXTE_ACCUEIL</a></li>
<li class="nav-item"><a href="./catalogue.pdf" class="nav-link px-2">Catalogue</a></li>
<!-- <li class="nav-item"><a href="#" class="nav-link px-2">MENU_TEXTE_PRODUITS</a></li> -->
<li class="nav-item"><a href="./contact?ref=index" class="nav-link px-2">MENU_TEXTE_CONTACT</a></li>
<!-- <li class="nav-item"><a href="#" class="nav-link px-2">MENU_TEXTE_MENTIONS_LEGALES</a></li> -->
<li class="nav-item"><a href="./privacy" class="nav-link px-2">MENU_TEXTE_POLITIQUE_CONFIDENTIALITE</a></li>
</ul>
<div class="rule"></div>
<p class="text-center">© 2025 Serax Transmissions</p>
</footer>
</div>
<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
<script type="text/javascript" src="./js/bootstrap/bootstrap.bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js"></script>
<script src="./js/counter.js"></script>
<script src="./js/parallax.min.js"></script>
<script src="./js/cookieconsent.js"></script>
<script src="./js/cookie.php"></script>
<script>
new WOW().init();
</script>
</body>
</html>
