<!DOCTYPE html>
<html lang="fr" class="scroll-smooth">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cabinet Nova Conseil Saint-Étienne : Expert en Recrutement, Stratégie RH et Management</title>
<meta name="description" content="Vous recherchez un cabinet de conseil RH à Saint-Étienne (42) ? Nova Conseil accompagne les entreprises de la Loire dans leur recrutement d'excellence, l'audit de leurs processus et la formation de leurs leaders. Optimisez votre capital humain avec une approche stratégique et chirurgicale.">
<meta name="keywords" content="cabinet conseil RH Saint-Étienne, recrutement Loire 42, stratégie entreprise Auvergne Rhône-Alpes, audit social, expert RH, Nova Conseil Saint-Etienne, consultant management, chasseur de têtes 42, formation leadership Loire">
<link rel="alternate" hreflang="fr" href="https://novaconseil.1nformax.fr/?lang=fr" />
<link rel="alternate" hreflang="en" href="https://novaconseil.1nformax.fr/?lang=en" />
<link rel="canonical" href="https://novaconseil.1nformax.fr/">
<meta property="og:title" content="Cabinet Nova Conseil Saint-Étienne : Expert en Recrutement, Stratégie RH et Management">
<meta property="og:description" content="Vous recherchez un cabinet de conseil RH à Saint-Étienne (42) ? Nova Conseil accompagne les entreprises de la Loire dans leur recrutement d'excellence, l'audit de leurs processus et la formation de leurs leaders. Optimisez votre capital humain avec une approche stratégique et chirurgicale."> <meta property="og:image" content="https://novaconseil.1nformax.fr/images/og-nova-st-etienne.jpg">
<meta property="og:url" content="https://novaconseil.1nformax.fr"> <meta property="og:type" content="website">
<link rel="preconnect" href="https://cdnjs.cloudflare.com">
<link rel="preconnect" href="https://unpkg.com">
<style>
:root { --blue: #2563eb; --dark: #0f172a; --slate: #64748b; }
body { margin: 0; font-family: system-ui, -apple-system, sans-serif; background: #f8fafc; color: var(--dark); -webkit-font-smoothing: antialiased; font-display: swap; }
nav { position: fixed; width: 100%; z-index: 100; transition: transform 0.4s, background 0.4s; padding: 1.5rem 2rem; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; }
nav.scrolled, .nav-fixed { background: rgba(255,255,255,0.98) !important; border-bottom: 1px solid #e2e8f0; padding: 1rem 2rem !important; }
.logo-brand { font-weight: 900; font-size: 1.8rem; letter-spacing: -0.05em; transition: color 0.4s; text-decoration: none; }
.nav-links-desktop { display: none; gap: 2.5rem; font-size: 0.7rem; font-weight: 900; text-transform: uppercase; letter-spacing: 0.1em; }
@media (min-width: 768px) { .nav-links-desktop { display: flex; } }
.text-white { color: white !important; }
.text-dark { color: var(--dark) !important; }
.btn-lang-reset { background: none; border: none; cursor: pointer; display: flex; align-items: center; gap: 0.5rem; padding: 0; }
.super-glass {
background: rgba(255, 255, 255, 0.45);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border: 1px solid rgba(255, 255, 255, 0.6);
border-radius: 3.5rem;
}
footer { background: var(--dark); color: rgba(255,255,255,0.5); padding: 4rem 2rem; text-align: center; font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.1em; }
</style>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "ProfessionalService",
"name": "Nova Conseil",
"description": "Cabinet de conseil en RH et stratégie d'entreprise à Saint-Étienne.",
"url": "https://novaconseil.1nformax.fr",
"telephone": "+33477000000",
"address": {
"@type": "PostalAddress",
"streetAddress": "Rue de la République",
"addressLocality": "Saint-Étienne",
"postalCode": "42000",
"addressRegion": "Auvergne-Rhône-Alpes",
"addressCountry": "FR"
},
"geo": {
"@type": "GeoCoordinates",
"latitude": 45.4397,
"longitude": 4.3872
},
"openingHours": "Mo-Fr 09:00-18:00",
"image": "https://novaconseil.1nformax.fr/images/logo-nova.png"
}
</script>
<script src="https://cdn.tailwindcss.com" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js" defer></script>
<script src="https://unpkg.com/lucide@latest" defer></script>
</head>
<body data-is-home="true">
<nav id="main-nav" aria-label="Navigation principale">
<a href="/?lang=fr" class="logo-brand text-white">
NOVA<span style="color:var(--blue)">.</span>
</a>
<div class="nav-links-desktop text-white/80">
<a href="/?lang=fr" title="Accueil Nova Conseil">Accueil</a>
<a href="/services?lang=fr" title="Nos services RH à Saint-Étienne">Expertise</a>
<a href="/contact?lang=fr" title="Contacter notre cabinet conseil">Contact</a>
</div>
<button id="lang-btn" class="btn-lang-reset text-white" aria-label="Changer de langue">
<span style="font-size:0.7rem; font-weight:900;">FR</span>
</button>
</nav>
<main id="main-content" role="main">
<style>
.hero-container { position: relative; min-height: 100vh; display: flex; align-items: center; justify-content: center; background: #0f172a; overflow: hidden; }
/* Fix CLS : Background placeholder color */
.hero-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.4; z-index: 0; background-color: #0f172a; }
.blob { position: absolute; width: 600px; height: 600px; background: radial-gradient(circle, rgba(59,130,246,0.2) 0%, transparent 70%); filter: blur(100px); pointer-events: none; z-index: 1; border-radius: 50%; will-change: transform; }
/* Animation composées uniquement (GPU) */
.reveal { opacity: 0; transform: translate3d(0, 40px, 0); will-change: transform, opacity; }
.icon-box {
width: 5rem; height: 5rem; background: white; border-radius: 1.8rem;
display: flex; align-items: center; justify-content: center;
box-shadow: 0 10px 20px rgba(59, 130, 246, 0.1);
color: var(--blue); margin-bottom: 2rem;
will-change: transform; transition: transform 0.3s ease;
}
</style>
<section class="hero-container">
<img src="/images/hero-bg.webp" alt="Cabinet Conseil Stratégie Nova" class="hero-bg" fetchpriority="high" width="1920" height="1080">
<div class="absolute inset-0 bg-slate-950/60 z-10"></div>
<div class="relative z-20 max-w-4xl px-6 text-center">
<div style="min-height: 1.1em;">
<h1 id="hero-title" class="text-5xl md:text-8xl font-black tracking-tighter text-white mb-8 leading-none">Propulsez votre capital humain</h1>
</div>
<p id="hero-sub" class="text-white/80 text-xl md:text-2xl mb-12 font-light max-w-2xl mx-auto">Conseil RH & Stratégie pour entreprises en croissance.</p>
<a href="/contact?lang=fr" class="bg-blue-600 text-white px-12 py-6 rounded-full font-black uppercase text-xs tracking-widest inline-block">
Prendre rendez-vous
</a>
</div>
</section>
<section class="py-40 bg-white relative overflow-hidden px-8">
<div class="blob" style="top:-10%; left:-10%;"></div>
<div class="max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-3 gap-12 relative z-10">
<div class="reveal super-glass p-12">
<div class="icon-box"><i data-lucide="users" size="32"></i></div>
<h2 class="font-black text-3xl mb-6 text-slate-950 tracking-tighter italic">01. Recrutement</h2>
<p class="text-slate-600 text-lg leading-relaxed font-medium">L'art de dénicher les talents qui propulseront votre vision.</p>
</div>
<div class="reveal super-glass p-12">
<div class="icon-box"><i data-lucide="bar-chart-3" size="32"></i></div>
<h2 class="font-black text-3xl mb-6 text-slate-950 tracking-tighter italic">02. Audit RH</h2>
<p class="text-slate-600 text-lg leading-relaxed font-medium">Analyse chirurgicale de vos processus pour libérer votre potentiel.</p>
</div>
<div class="reveal super-glass p-12">
<div class="icon-box"><i data-lucide="brain-circuit" size="32"></i></div>
<h2 class="font-black text-3xl mb-6 text-slate-950 tracking-tighter italic">03. Formation</h2>
<p class="text-slate-600 text-lg leading-relaxed font-medium">Façonner les leaders de demain via l'apprentissage immersif.</p>
</div>
</div>
</section>
<script>
window.addEventListener('load', () => {
if(typeof gsap !== 'undefined') {
gsap.registerPlugin(ScrollTrigger);
// Animations GPU-only
gsap.from("#hero-title", { duration: 1, y: 50, opacity: 0, ease: "power4.out" });
gsap.from("#hero-sub", { duration: 1, y: 30, opacity: 0, ease: "power4.out", delay: 0.2 });
gsap.utils.toArray(".reveal").forEach((card, i) => {
gsap.to(card, {
scrollTrigger: { trigger: card, start: "top 90%" },
y: 0, opacity: 1, duration: 0.8, delay: i * 0.1, ease: "power2.out"
});
});
}
});
</script>
</main>
<footer>
<div style="color:white; font-weight:900; margin-bottom:1rem;">NOVA CONSEIL ST-ÉTIENNE.</div>
<p>© 2026 Tous droits réservés. Cabinet de conseil RH Loire. Réalisé par <a href="https://1nformax.fr" style="color:white; text-decoration:none; border-bottom:1px solid var(--blue);">1nformax</a></p>
</footer>
<script>
window.addEventListener('load', () => {
if(typeof lucide !== 'undefined') lucide.createIcons();
const nav = document.getElementById('main-nav');
if (document.body.dataset.isHome === 'true') {
window.addEventListener('scroll', () => {
if(window.scrollY > 50) nav.classList.add('scrolled');
else nav.classList.remove('scrolled');
}, {passive: true});
}
});
</script>
</body>
</html>
