<!DOCTYPE html>
<html lang="fr">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-0BKFQV7HDW"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-0BKFQV7HDW');
</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Location Réseau de Blogs Privés pour Agences SEO | Publier des Articles sur PBN</title>
<meta name="description" content="Location réseau de blogs privés (PBN) pour agences SEO. Publiez vos articles sur notre PBN ultra-qualitatif et boostez votre référencement naturel rapidement.">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon.png">
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.2/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300&display=swap" rel="stylesheet">
<meta name="google-site-verification" content="dMOlYipkem-QR7y-cNovQmwndymRRyfLIYkdKGj9Jvg" />
<style>
:root {
--primary: #0a0f1e;
--accent: #00e5ff;
--accent2: #7c3aed;
--accent3: #10b981;
--surface: #111827;
--surface2: #1f2937;
--border: rgba(0,229,255,0.15);
--text: #e2e8f0;
--muted: #94a3b8;
--navbar-h: 70px;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
font-family: 'DM Sans', sans-serif;
background: var(--primary);
color: var(--text);
overflow-x: hidden;
}
h1, h2, h3, h4, h5 { font-family: 'Syne', sans-serif; }
/* ====== SCROLLBAR ====== */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--primary); }
::-webkit-scrollbar-thumb { background: var(--accent2); border-radius: 3px; }
/* ====== NAVBAR ====== */
#mainNav {
height: var(--navbar-h);
background: rgba(10,15,30,0.95);
backdrop-filter: blur(20px);
border-bottom: 1px solid var(--border);
position: fixed;
top: 0; left: 0; right: 0;
z-index: 1000;
transition: all 0.3s;
}
#mainNav.scrolled {
background: rgba(10,15,30,0.99);
box-shadow: 0 4px 30px rgba(0,229,255,0.08);
}
.navbar-brand {
font-family: 'Syne', sans-serif;
font-weight: 800;
font-size: 1.4rem;
color: var(--accent) !important;
letter-spacing: -0.5px;
}
.navbar-brand span { color: #fff; }
.nav-link {
color: var(--muted) !important;
font-size: 0.85rem;
font-weight: 500;
letter-spacing: 0.3px;
padding: 0.4rem 0.8rem !important;
transition: color 0.2s;
}
.nav-link:hover, .nav-link.active { color: var(--accent) !important; }
.btn-nav-cta {
background: linear-gradient(135deg, var(--accent2), var(--accent));
color: #fff !important;
border-radius: 6px;
padding: 0.4rem 1.2rem !important;
font-weight: 600;
font-size: 0.82rem;
transition: opacity 0.2s, transform 0.2s;
}
.btn-nav-cta:hover { opacity: 0.85; transform: translateY(-1px); }
/* ====== LAYOUT ====== */
.page-wrapper {
display: flex;
padding-top: var(--navbar-h);
min-height: 100vh;
}
/* ====== MAIN CONTENT ====== */
.main-content {
flex: 1;
min-width: 0;
}
/* ====== SIDEBAR ====== */
.sidebar {
width: 280px;
flex-shrink: 0;
padding: 2rem 1rem 2rem 0;
position: sticky;
top: var(--navbar-h);
height: calc(100vh - var(--navbar-h));
overflow-y: auto;
overflow-x: hidden;
}
.sidebar::-webkit-scrollbar { width: 3px; }
.sidebar::-webkit-scrollbar-thumb { background: var(--border); }
.sidebar-widget {
background: var(--surface);
border: 1px solid var(--border);
border-radius: 12px;
padding: 1.2rem;
margin-bottom: 1.2rem;
}
.sidebar-widget h6 {
font-family: 'Syne', sans-serif;
font-size: 0.8rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
color: var(--accent);
margin-bottom: 1rem;
padding-bottom: 0.5rem;
border-bottom: 1px solid var(--border);
}
.sidebar-stat {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0.5rem 0;
border-bottom: 1px solid rgba(255,255,255,0.04);
font-size: 0.82rem;
}
.sidebar-stat:last-child { border-bottom: none; }
.sidebar-stat .val { font-weight: 700; color: var(--accent); font-family: 'Syne', sans-serif; }
.sidebar-tag {
display: inline-block;
background: rgba(124,58,237,0.15);
border: 1px solid rgba(124,58,237,0.3);
color: #a78bfa;
border-radius: 4px;
padding: 0.2rem 0.6rem;
font-size: 0.75rem;
margin: 0.2rem;
cursor: default;
transition: background 0.2s;
}
.sidebar-tag:hover { background: rgba(124,58,237,0.3); }
.sidebar-tip {
font-size: 0.8rem;
color: var(--muted);
line-height: 1.6;
}
.sidebar-tip strong { color: var(--text); }
.trust-item {
display: flex;
align-items: center;
gap: 0.6rem;
padding: 0.4rem 0;
font-size: 0.82rem;
color: var(--muted);
}
.trust-item i { color: var(--accent3); font-size: 0.75rem; }
/* ====== HERO ====== */
#hero {
min-height: 90vh;
display: flex;
align-items: center;
position: relative;
overflow: hidden;
padding: 4rem 0;
}
.hero-bg {
position: absolute;
inset: 0;
background:
radial-gradient(ellipse 80% 60% at 60% 40%, rgba(124,58,237,0.18) 0%, transparent 70%),
radial-gradient(ellipse 50% 50% at 20% 80%, rgba(0,229,255,0.1) 0%, transparent 60%),
linear-gradient(180deg, var(--primary) 0%, #080c1a 100%);
}
.hero-grid {
position: absolute;
inset: 0;
background-image:
linear-gradient(rgba(0,229,255,0.04) 1px, transparent 1px),
linear-gradient(90deg, rgba(0,229,255,0.04) 1px, transparent 1px);
background-size: 60px 60px;
mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, black 0%, transparent 100%);
}
.hero-badge {
display: inline-flex;
align-items: center;
gap: 0.5rem;
background: rgba(0,229,255,0.08);
border: 1px solid rgba(0,229,255,0.25);
border-radius: 100px;
padding: 0.35rem 1rem;
font-size: 0.78rem;
color: var(--accent);
font-weight: 500;
margin-bottom: 1.5rem;
animation: fadeInDown 0.6s ease both;
}
.hero-badge i { font-size: 0.65rem; }
.hero-title {
font-size: clamp(2.2rem, 5vw, 3.8rem);
font-weight: 800;
line-height: 1.1;
letter-spacing: -1px;
margin-bottom: 1.5rem;
animation: fadeInUp 0.7s 0.1s ease both;
}
.hero-title .highlight {
background: linear-gradient(135deg, var(--accent), var(--accent2));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.hero-desc {
font-size: 1.1rem;
color: var(--muted);
max-width: 540px;
line-height: 1.7;
margin-bottom: 2rem;
animation: fadeInUp 0.7s 0.2s ease both;
}
.hero-actions { animation: fadeInUp 0.7s 0.3s ease both; }
.btn-primary-custom {
background: linear-gradient(135deg, var(--accent2), #06b6d4);
border: none;
color: #fff;
font-family: 'Syne', sans-serif;
font-weight: 700;
font-size: 0.95rem;
padding: 0.85rem 2rem;
border-radius: 8px;
transition: transform 0.2s, box-shadow 0.2s;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 0.5rem;
}
.btn-primary-custom:hover {
transform: translateY(-2px);
box-shadow: 0 8px 30px rgba(124,58,237,0.4);
color: #fff;
}
.btn-outline-custom {
background: transparent;
border: 1px solid var(--border);
color: var(--text);
font-family: 'Syne', sans-serif;
font-weight: 600;
font-size: 0.9rem;
padding: 0.85rem 1.8rem;
border-radius: 8px;
transition: border-color 0.2s, color 0.2s;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 0.5rem;
}
.btn-outline-custom:hover { border-color: var(--accent); color: var(--accent); }
.hero-metrics {
display: flex;
gap: 2.5rem;
margin-top: 3rem;
animation: fadeInUp 0.7s 0.4s ease both;
}
.metric-item { text-align: left; }
.metric-value {
font-family: 'Syne', sans-serif;
font-size: 2rem;
font-weight: 800;
color: #fff;
line-height: 1;
}
.metric-value span { color: var(--accent); }
.metric-label { font-size: 0.78rem; color: var(--muted); margin-top: 0.2rem; }
/* ====== SECTIONS ====== */
section { padding: 5rem 0; }
section:nth-child(even) { background: rgba(17,24,39,0.5); }
.section-eyebrow {
font-size: 0.75rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
color: var(--accent);
margin-bottom: 0.8rem;
}
.section-title {
font-size: clamp(1.8rem, 3vw, 2.6rem);
font-weight: 800;
line-height: 1.15;
letter-spacing: -0.5px;
margin-bottom: 1rem;
}
.section-subtitle {
color: var(--muted);
font-size: 1rem;
line-height: 1.7;
max-width: 600px;
}
/* ====== DESCRIPTIF ====== */
.feature-row {
display: flex;
gap: 1.5rem;
margin-bottom: 2rem;
padding: 1.5rem;
background: var(--surface);
border: 1px solid var(--border);
border-radius: 12px;
transition: border-color 0.2s, transform 0.2s;
}
.feature-row:hover { border-color: rgba(0,229,255,0.35); transform: translateX(4px); }
.feature-icon {
width: 48px;
height: 48px;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
font-size: 1.2rem;
}
.fi-cyan { background: rgba(0,229,255,0.1); color: var(--accent); }
.fi-violet { background: rgba(124,58,237,0.1); color: #a78bfa; }
.fi-green { background: rgba(16,185,129,0.1); color: var(--accent3); }
.fi-orange { background: rgba(251,146,60,0.12); color: #fb923c; }
.feature-row h5 { font-size: 1rem; font-weight: 700; margin-bottom: 0.3rem; }
.feature-row p { font-size: 0.88rem; color: var(--muted); line-height: 1.6; margin: 0; }
/* ====== CARDS ====== */
.pbn-card {
background: var(--surface);
border: 1px solid var(--border);
border-radius: 16px;
padding: 1.8rem;
height: 100%;
transition: border-color 0.3s, transform 0.3s, box-shadow 0.3s;
position: relative;
overflow: hidden;
}
.pbn-card::before {
content: '';
position: absolute;
top: 0; left: 0; right: 0;
height: 3px;
background: linear-gradient(90deg, var(--accent2), var(--accent));
opacity: 0;
transition: opacity 0.3s;
}
.pbn-card:hover {
border-color: rgba(0,229,255,0.3);
transform: translateY(-6px);
box-shadow: 0 20px 40px rgba(0,0,0,0.4);
}
.pbn-card:hover::before { opacity: 1; }
.card-icon-wrap {
width: 52px;
height: 52px;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 1.2rem;
font-size: 1.4rem;
}
.pbn-card h4 { font-size: 1.05rem; font-weight: 700; margin-bottom: 0.5rem; }
.pbn-card p { font-size: 0.85rem; color: var(--muted); line-height: 1.65; margin: 0; }
.card-badge {
position: absolute;
top: 1.2rem;
right: 1.2rem;
background: rgba(16,185,129,0.1);
border: 1px solid rgba(16,185,129,0.3);
color: var(--accent3);
font-size: 0.7rem;
font-weight: 700;
padding: 0.2rem 0.6rem;
border-radius: 100px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
/* ====== FAQ ====== */
.faq-item {
background: var(--surface);
border: 1px solid var(--border);
border-radius: 12px;
margin-bottom: 1rem;
overflow: hidden;
transition: border-color 0.2s;
}
.faq-item:hover { border-color: rgba(0,229,255,0.25); }
.faq-question {
padding: 1.2rem 1.5rem;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
font-family: 'Syne', sans-serif;
font-weight: 600;
font-size: 0.95rem;
transition: color 0.2s;
user-select: none;
}
.faq-question:hover { color: var(--accent); }
.faq-question .faq-icon { color: var(--accent); font-size: 0.85rem; transition: transform 0.3s; }
.faq-question.open .faq-icon { transform: rotate(45deg); }
.faq-answer {
padding: 0 1.5rem;
max-height: 0;
overflow: hidden;
transition: max-height 0.35s ease, padding 0.35s ease;
}
.faq-answer.open {
max-height: 300px;
padding: 0 1.5rem 1.2rem;
}
.faq-answer p { font-size: 0.88rem; color: var(--muted); line-height: 1.7; margin: 0; }
/* ====== CTA ====== */
#cta {
background: linear-gradient(135deg, rgba(124,58,237,0.15), rgba(0,229,255,0.08));
border-top: 1px solid var(--border);
border-bottom: 1px solid var(--border);
}
.cta-box {
text-align: center;
padding: 3rem 2rem;
}
.cta-box h2 { font-size: clamp(1.8rem, 3vw, 2.8rem); font-weight: 800; margin-bottom: 1rem; }
.cta-box p { color: var(--muted); max-width: 500px; margin: 0 auto 2rem; }
/* ====== FOOTER ====== */
footer {
background: #050810;
border-top: 1px solid var(--border);
padding: 3.5rem 0 1.5rem;
}
.footer-brand {
font-family: 'Syne', sans-serif;
font-size: 1.3rem;
font-weight: 800;
color: var(--accent);
margin-bottom: 0.5rem;
}
.footer-brand span { color: #fff; }
.footer-desc { font-size: 0.83rem; color: var(--muted); line-height: 1.6; max-width: 240px; }
.footer-title {
font-family: 'Syne', sans-serif;
font-size: 0.8rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.5px;
color: var(--text);
margin-bottom: 1rem;
}
.footer-link {
display: block;
color: var(--muted);
font-size: 0.83rem;
text-decoration: none;
padding: 0.25rem 0;
transition: color 0.2s;
}
.footer-link:hover { color: var(--accent); }
.footer-bottom {
border-top: 1px solid var(--border);
margin-top: 2.5rem;
padding-top: 1.2rem;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 0.5rem;
}
.footer-bottom p { font-size: 0.78rem; color: #475569; margin: 0; }
.footer-bottom-links { display: flex; gap: 1.5rem; }
.footer-bottom-links a {
font-size: 0.78rem;
color: #475569;
text-decoration: none;
transition: color 0.2s;
}
.footer-bottom-links a:hover { color: var(--accent); }
/* ====== ANIMATIONS ====== */
@keyframes fadeInDown {
from { opacity: 0; transform: translateY(-15px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes fadeInUp {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
.reveal {
opacity: 0;
transform: translateY(25px);
transition: opacity 0.6s ease, transform 0.6s ease;
}
.reveal.visible { opacity: 1; transform: translateY(0); }
/* ====== DIVIDER ====== */
.section-divider {
height: 1px;
background: linear-gradient(90deg, transparent, var(--border), transparent);
margin: 0;
}
/* ====== RESPONSIVE ====== */
@media (max-width: 991px) {
.sidebar { display: none; }
.hero-metrics { gap: 1.5rem; }
.metric-value { font-size: 1.6rem; }
}
@media (max-width: 575px) {
.hero-metrics { flex-wrap: wrap; gap: 1rem; }
.hero-actions { display: flex; flex-direction: column; gap: 0.8rem; }
}
@keyframes pulse-border {
0%, 100% { box-shadow: 0 0 0 0 rgba(16,185,129,0.4); border-color: var(--accent3); }
50% { box-shadow: 0 0 0 8px rgba(16,185,129,0); border-color: rgba(16,185,129,0.6); }
}
@keyframes shimmer {
0% { transform: translateX(-100%); }
100% { transform: translateX(100%); }
}
</style>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "Qu'est-ce qu'un réseau de blogs privés (PBN) exactement ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Un PBN (Private Blog Network) est un ensemble de sites web détenus et contrôlés, utilisés pour créer des liens retour vers vos sites cibles. Ces blogs sont construits sur des domaines expirés à fort historique SEO, ce qui leur confère une autorité naturelle aux yeux des moteurs de recherche."
}
},
{
"@type": "Question",
"name": "Est-ce sécurisé de publier des articles sur un PBN ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Avec notre réseau, chaque blog est hébergé sur des IPs et des serveurs différents, avec des identités distinctes. Nous utilisons des contenus uniques et des pratiques prudentes pour minimiser tout risque de détection. Notre taux de pénalité est nul depuis notre création."
}
},
{
"@type": "Question",
"name": "Combien de temps pour voir des résultats après la publication ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Les premiers effets sont généralement visibles entre 4 et 8 semaines après la publication, selon la compétitivité de votre niche et l'état actuel de votre profil de liens. Sur des requêtes moyennement concurrentielles, nos clients observent des progressions significatives dès le 2e mois."
}
},
{
"@type": "Question",
"name": "Comment fonctionne la location du réseau pour mon agence ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Vous souscrivez à l'une de nos formules, nous vous donnons accès à un tableau de bord où vous soumettez vos briefs d'articles. Votre équipe rédige et publie les contenus sur les blogs sélectionnés selon vos critères thématiques. Vous pouvez choisir de publier tout de suite ou planifier vos publications."
}
},
{
"@type": "Question",
"name": "Proposez-vous des formules pour les agences en marque blanche ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Oui ! Notre offre White Label permet aux agences d'avoir accès à plusieurs articles indexés disponibles pour recevoir vos backlinks. Ces articles sont indexés et positionnés sur un mot clé précis."
}
},
{
"@type": "Question",
"name": "Puis-je choisir moi-même les blogs sur lesquels publier ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Oui, chaque agence membre accède à une liste complète des blogs du réseau avec toutes leurs métriques SEO à jour : Trust Flow, Citation Flow, DA, DR et trafic organique. Vous sélectionnez librement les supports les plus pertinents pour chacun de vos clients selon la thématique et les métriques souhaitées."
}
},
{
"@type": "Question",
"name": "Quelle est la différence entre le Pack Prestige TF et le Pack Trafic ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Le Pack Prestige TF donne accès aux 100 blogs avec le meilleur Trust Flow du réseau — idéal pour booster rapidement l'autorité thématique d'un site. Le Pack Trafic privilégie quant à lui les 30 blogs générant du trafic organique vérifié — parfait pour des liens placés dans un contexte éditorial actif et vivant aux yeux de Google."
}
},
{
"@type": "Question",
"name": "Les liens sont-ils permanents ou ont-ils une durée limitée ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Tous les liens publiés sur notre réseau sont permanents, quelle que soit la formule choisie. Tant que vous êtes membre actif, vos articles et vos liens restent en ligne. Nous assurons la maintenance, les renouvellements de domaines et les mises à jour techniques — vous n'avez rien à gérer."
}
},
{
"@type": "Question",
"name": "Proposez-vous une formation pour prendre en main le réseau ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Oui, une formation de prise en main est disponible pour les agences qui souhaitent démarrer efficacement. Elle couvre le fonctionnement de la plateforme, les bonnes pratiques de publication, la gestion des ancres et les stratégies pour maximiser l'impact de vos liens. Notre support via Discord reste également disponible pour toutes vos questions au quotidien."
}
},
{
"@type": "Question",
"name": "Que se passe-t-il si j'ai besoin d'une thématique absente du réseau ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Nous sommes à l'écoute de vos besoins. Si une thématique manque dans notre catalogue, nous pouvons l'ajouter sur demande. Nous référençons régulièrement de nouveaux blogs thématisés, y compris des sites hors PBN déjà indexés et positionnés, pour offrir une diversité maximale à vos stratégies de netlinking."
}
}
]
}
</script>
</head>
<body>
<!-- NAVBAR -->
<nav class="navbar navbar-expand-lg" id="mainNav">
<div class="container">
<a href="https://crseo.agency/"> <img src="/logo.png" alt="logo crseo.agency" width="65" height="65" class="me-2" style="border-radius:4px;vertical-align:middle;"></a>
PBN<span>Pack Extrême</span>
<button class="navbar-toggler border-0" type="button" data-bs-toggle="collapse" data-bs-target="#navCollapse">
<i class="fas fa-bars text-white"></i>
</button>
<div class="collapse navbar-collapse" id="navCollapse">
<ul class="navbar-nav mx-auto gap-1">
<li class="nav-item"><a class="nav-link" href="#intro">Accueil</a></li>
<li class="nav-item"><a class="nav-link" href="#descriptif">Notre PBN</a></li>
<li class="nav-item"><a class="nav-link" href="#offres">Offres</a></li>
<li class="nav-item"><a class="nav-link" href="#faq">FAQ</a></li>
<li class="nav-item"><a class="nav-link" href="#contact">Contact</a></li>
<li class="nav-item"><a class="nav-link" href="#cta">Devenez membre maintenant</a></li>
</ul>
<a href="https://crseo.agency/blog/" class="btn-nav-cta nav-link ms-2">
<i class="fas fa-rocket me-1"></i> Le blog
</a>
</div>
</div>
</nav>
<!-- ===== PAGE WRAPPER ===== -->
<div class="page-wrapper">
<!-- ===== MAIN CONTENT ===== -->
<div class="main-content">
<!-- HERO -->
<section id="hero">
<div class="hero-bg"></div>
<div class="hero-grid"></div>
<div class="container position-relative">
<div class="row align-items-center">
<div class="col-lg-7">
<div class="hero-badge">
<i class="fas fa-circle-dot"></i>
Location réseau de blogs privés pour agences SEO
</div>
<h1 class="hero-title">
Publiez sur notre <span class="highlight">PBN Haut de Gamme</span> et Domininez Google
</h1>
<p class="hero-desc">
La solution de <strong>location réseau de blogs privés</strong> conçue exclusivement pour les agences SEO ambitieuses. Publiez vos articles sur notre PBN qualifié et obtenez des backlinks puissants.
</p>
<div class="hero-actions d-flex flex-wrap gap-3">
<a href="#offres" class="btn-primary-custom">
<i class="fas fa-rocket"></i> Voir les offres
</a>
<a href="#descriptif" class="btn-outline-custom">
<i class="fas fa-play-circle"></i> Découvrir le réseau
</a>
</div>
<div class="hero-metrics">
<div class="metric-item">
<div class="metric-value">500<span>+</span></div>
<div class="metric-label">Sites du réseau</div>
</div>
<div class="metric-item">
<div class="metric-value">DA<span>30+</span></div>
<div class="metric-label">Autorité moyenne</div>
</div>
<div class="metric-item">
<div class="metric-value">98<span>%</span></div>
<div class="metric-label">Satisfaction client</div>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="section-divider"></div>
<!-- INTRO -->
<section id="intro">
<div class="container">
<div class="row justify-content-center text-center mb-5 reveal">
<div class="col-lg-12">
<div class="section-eyebrow">Introduction</div>
<h2 class="section-title">Qu'est-ce qu'un PBN et pourquoi en louer un ?</h2>
<p class="section-subtitle" style="max-width:100%;">
Un <strong>réseau de blogs privés (PBN)</strong> est un ensemble de sites web contrôlés, construits sur des <strong>domaines expirés à fort Trust Flow</strong>, conçus pour générer des backlinks autoritaires vers vos sites clients. La <strong>location PBN pour agences SEO</strong> vous permet d'accéder à ce levier puissant sans les risques liés à la gestion, dès <strong>100€/mois</strong>, sans avoir à construire ni maintenir votre propre réseau.
<br><br>
Dans un écosystème SEO de plus en plus concurrentiel, obtenir des backlinks de qualité reste l'un des leviers les plus déterminants pour progresser dans les résultats Google. Construire son propre réseau demande du temps, des compétences techniques et des investissements importants, c'est pourquoi les <strong>agences SEO professionnelles</strong>, les freelances et les e-commerçants choisissent de louer un réseau éprouvé plutôt que de tout construire from scratch.
<br><br>
Notre réseau de <strong>500+ blogs en français</strong> couvre plus de <strong>30 thématiques</strong>, business, tourisme, santé, bien-ètre, immobilier, e-commerce, tech et bien d'autres, avec un trafic organique réel et vérifié. La preuve par l'exemple : un voyagiste spécialisé dans les <a href="https://croisiere-crete.com/" target="_blank" style="color:var(--accent);text-decoration:none;border-bottom:1px solid rgba(0,229,255,0.3);">croisières en Crète</a> a atteint le <strong>top 5 Google</strong> sur plusieurs expressions clés stratégiques grâce à notre PBN et continue de progresser.
<br><br>
<strong style="color:var(--text);">Conçu pour les agences, pensé pour la performance.</strong> Notre plateforme offre aux agences SEO des avantages concrets qui font la différence au quotidien. La publication d'articles est entièrement libre : mise en ligne <strong>instantanée ou différée</strong> selon vos besoins et votre stratégie éditoriale. Pas de file d'attente, pas de validation externe, vous gardez le contrôle total sur le calendrier de vos publications.
<br><br>
Chaque agence membre accède à une <strong>liste complète et actualisée de tous les blogs du réseau</strong>, avec leurs métriques SEO mises à jour régulièrement : Trust Flow, Citation Flow, DA, DR, trafic organique. Vous choisissez vous-même les supports les plus pertinents pour chacun de vos clients, en toute transparence.
<br><br>
Besoin d'une thématique absente du réseau ? Nous sommes à l'écoute. Les <strong>catégories manquantes peuvent être ajoutées sur demande</strong>, et nous référençons régulièrement de nouveaux blogs thématisés, y compris sur des sites hors PBN, indexés et positionnés en externe, pour diversifier encore davantage votre profil de liens.
<br><br>
Un <strong>support réactif via Discord</strong> est disponible pour toutes vos questions : réponse rapide garantie, souvent instantanée. Et pour les agences qui souhaitent tirer le meilleur parti du réseau dès le départ, une <strong>formation de prise en main</strong> est proposée avec des explications claires sur le fonctionnement des blogs, les bonnes pratiques de publication et les stratégies pour maximiser l'impact de vos liens.
</p>
</div>
</div>
<div class="row g-4">
<div class="col-md-4 reveal">
<div class="text-center p-3">
<div class="d-inline-flex align-items-center justify-content-center rounded-circle mb-3" style="width:64px;height:64px;background:rgba(0,229,255,0.08);border:1px solid rgba(0,229,255,0.2)">
<i class="fas fa-network-wired fa-lg" style="color:var(--accent)"></i>
</div>
<h5 style="font-size:1rem;font-weight:700;margin-bottom:0.4rem">Réseau Privé & Sécurisé</h5>
<p style="font-size:0.85rem;color:var(--muted)">Chaque blog du réseau est isolé, hébergé sur des IPs distinctes et géré de façon à rester indétectable.</p>
</div>
</div>
<div class="col-md-4 reveal">
<div class="text-center p-3">
<div class="d-inline-flex align-items-center justify-content-center rounded-circle mb-3" style="width:64px;height:64px;background:rgba(124,58,237,0.08);border:1px solid rgba(124,58,237,0.25)">
<i class="fas fa-pen-nib fa-lg" style="color:#a78bfa"></i>
</div>
<h5 style="font-size:1rem;font-weight:700;margin-bottom:0.4rem">Publication d'Articles Simplifiée</h5>
<p style="font-size:0.85rem;color:var(--muted)">Publiez vos articles invités sur notre PBN en quelques clics. Contenu optimisé, ancres maîtrisées, délais respectés.</p>
</div>
</div>
<div class="col-md-4 reveal">
<div class="text-center p-3">
<div class="d-inline-flex align-items-center justify-content-center rounded-circle mb-3" style="width:64px;height:64px;background:rgba(16,185,129,0.08);border:1px solid rgba(16,185,129,0.25)">
<i class="fas fa-chart-line fa-lg" style="color:var(--accent3)"></i>
</div>
<h5 style="font-size:1rem;font-weight:700;margin-bottom:0.4rem">ROI Mesurable</h5>
<p style="font-size:0.85rem;color:var(--muted)">Les blogs sont constament optimisés. Nos clients constatent en moyenne +35% de progression sur leurs mots-clés cibles.</p>
</div>
</div>
</div>
</div>
</section>
<div class="section-divider"></div>
<!-- DESCRIPTIF -->
<section id="descriptif">
<div class="container">
<div class="row">
<div class="col-lg-5 mb-5 mb-lg-0 reveal">
<div class="section-eyebrow">Notre réseau PBN</div>
<h2 class="section-title">Un réseau de blogs privés construit pour performer</h2>
<p class="section-subtitle mb-4">
Notre réseau est composé de domaines expirés soigneusement sélectionnés pour leur historique, leur thématique et leur profil de liens naturel.
</p>
<a href="#offres" class="btn-primary-custom d-inline-flex">
<i class="fas fa-arrow-right"></i> Voir les formules
</a>
</div>
<div class="col-lg-7 reveal">
<div class="feature-row">
<div class="feature-icon fi-cyan"><i class="fas fa-shield-halved"></i></div>
<div>
<h5>Sélection rigoureuse des domaines</h5>
<p>Chaque domaine intégré au réseau est audité : DA, DR, trafic organique, historique propre, absence de pénalités Google.</p>
</div>
</div>
<div class="feature-row">
<div class="feature-icon fi-violet"><i class="fas fa-layer-group"></i></div>
<div>
<h5>Diversité thématique & géographique</h5>
<p>Blogs répartis sur + de 30 thématiques : business, finance, tech, santé, lifestyle… pour un profil de liens naturel.</p>
</div>
</div>
<div class="feature-row">
<div class="feature-icon fi-green"><i class="fas fa-pen-to-square"></i></div>
<div>
<h5>Contenu éditorial de qualité</h5>
<p>Les articles publiés sur notre PBN sont rédigés par vos soins. Nous veillons à ce qu'ils aient un contenu original, optimisé, et contextuel.</p>
</div>
</div>
<div class="feature-row">
<div class="feature-icon fi-orange"><i class="fas fa-user-lock"></i></div>
<div>
<h5>Gestion 100% externalisée</h5>
<p>Vous publiez, nous gérons. Hébergements, renouvellements, mises à jour, tout est pris en charge. Zéro risque opérationnel.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="section-divider"></div>
<!-- OFFRES / CARDS -->
<section id="offres">
<div class="container">
<div class="text-center mb-5 reveal">
<div class="section-eyebrow">Nos offres</div>
<h2 class="section-title">Formules de location PBN pour agences</h2>
<p class="section-subtitle mx-auto">Des formules conçues pour s'adapter à la taille de votre agence et à vos objectifs SEO.</p>
</div>
<div class="row g-4">
<!-- Card 1 -->
<div class="col-md-6 col-lg-3 reveal">
<div class="pbn-card">
<div class="card-icon-wrap fi-cyan"><i class="fas fa-seedling"></i></div>
<h4>Pack Prestige TF</h4>
<p>Idéal pour tester notre réseau. Accès à 100 blogs meilleur TF.</p>
<div class="mt-3" style="font-family:'Syne',sans-serif;font-size:1.4rem;font-weight:800;color:var(--accent)">
À partir de <br><span style="font-size:1.8rem">100€</span><span style="font-size:0.8rem;color:var(--muted)">/mois</span>
<ul>
<h5> <li>100 blogs meilleur TF</li>
<li>Accès auteur complet</li>
<li>TF élevé</li>
<li>Idéal pour booster votre TF</li>
<li>Blogs 🇫🇷 thématiques et Généralistes </li>
<li>Liens permanents garantis</li>
<li>publications non limitées</li>
<li>Support rapide par chat</li>
</ul></h5>
</div>
</div>
</div>
<!-- Card 2 -->
<div class="col-md-6 col-lg-3 reveal">
<div class="pbn-card">
<div class="card-badge">Pack Extrême</div>
<div class="card-icon-wrap fi-violet"><i class="fas fa-bolt"></i></div>
<h4>Agence</h4>
<p>Pour les agences en croissance. +500 blogs.</p>
<div class="mt-3" style="font-family:'Syne',sans-serif;font-size:1.4rem;font-weight:800;color:#a78bfa">
À partir de <br><span style="font-size:1.8rem">1500€</span><span style="font-size:0.8rem;color:var(--muted)">/an</span>
<ul>
<h5><li>Accès catalogue complet +500 blogs</li>
<li>Accès auteur complet</li>
<li>🇫🇷 Blogs en français</li>
<li>Trafic vérifié et évolutif</li>
<li>Meilleur rapport qualité prix ✅</li>
<li>Liens permanents</li>
<li>publications non limitées</li>
<li>Le plus populaire</li>
<li>Support rapide par chat</li></h5>
</ul>
</div>
</div>
</div>
<!-- Card 3 -->
<div class="col-md-6 col-lg-3 reveal">
<div class="pbn-card">
<div class="card-icon-wrap fi-green"><i class="fas fa-rocket"></i></div>
<h4>Pack Trafic</h4>
<p>Accès illimité à 100+ blogs thématiques, publications illimitées, ancres personnalisées.</p>
<div class="mt-3" style="font-family:'Syne',sans-serif;font-size:1.4rem;font-weight:800;color:var(--accent3)">
À partir de <br><span style="font-size:1.8rem">100€</span><span style="font-size:0.8rem;color:var(--muted)">/mois</span>
<ul>
<h5> <li>Publications illimitées</li>
<li>Accès auteur complet</li>
<li>Accès complet 30 blogs trafic vérifié</li>
<li>Liens permanents</li>
<li>Support rapide par chat</li></h5>
</ul>
</div>
</div>
</div>
<!-- Card 4 -->
<div class="col-md-6 col-lg-3 reveal">
<div class="pbn-card">
<div class="card-icon-wrap fi-orange"><i class="fas fa-crown"></i></div>
<h4>White Label</h4>
<p>Ajoutez votre lien sur des articles hors PBN déjà indexés et positionnés.</p>
<div class="mt-3" style="font-family:'Syne',sans-serif;font-size:1.4rem;font-weight:800;color:#fb923c">
Sur devis <br><span style="font-size:0.85rem;color:var(--muted);font-family:'DM Sans',sans-serif">Contactez-nous</span>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="section-divider"></div>
<!-- FAQ -->
<section id="faq">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="text-center mb-5 reveal">
<div class="section-eyebrow">FAQ</div>
<h2 class="section-title">Questions fréquentes sur notre PBN</h2>
</div>
<div class="reveal">
<div class="faq-item">
<div class="faq-question">
Qu'est-ce qu'un réseau de blogs privés (PBN) exactement ?
<i class="fas fa-plus faq-icon"></i>
</div>
<div class="faq-answer">
<p>Un PBN (Private Blog Network) est un ensemble de sites web détenus et contrôlés, utilisés pour créer des liens retour vers vos sites cibles. Ces blogs sont construits sur des domaines expirés à fort historique SEO, ce qui leur confère une autorité naturelle aux yeux des moteurs de recherche.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question">
Est-ce sécurisé de publier des articles sur un PBN ?
<i class="fas fa-plus faq-icon"></i>
</div>
<div class="faq-answer">
<p>Avec notre réseau, chaque blog est hébergé sur des IPs et des serveurs différents, avec des identités distinctes. Nous utilisons des contenus uniques et des pratiques prudentes pour minimiser tout risque de détection. Notre taux de pénalité est nul depuis notre création.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question">
Combien de temps pour voir des résultats après la publication ?
<i class="fas fa-plus faq-icon"></i>
</div>
<div class="faq-answer">
<p>Les premiers effets sont généralement visibles entre 4 et 8 semaines après la publication, selon la compétitivité de votre niche et l'état actuel de votre profil de liens. Sur des requêtes moyennement concurrentielles, nos clients observent des progressions significatives dès le 2e mois.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question">
Comment fonctionne la location du réseau pour mon agence ?
<i class="fas fa-plus faq-icon"></i>
</div>
<div class="faq-answer">
<p>Vous souscrivez à l'une de nos formules, nous vous donnons accès à un tableau de bord où vous soumettez vos briefs d'articles. Votre équipe rédige et publie les contenus sur les blogs sélectionnés selon vos critères thématiques. Vous pouvez choisir de publier tout de suite ou planifier vos publications.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question">
Proposez-vous des formules pour les agences en marque blanche ?
<i class="fas fa-plus faq-icon"></i>
</div>
<div class="faq-answer">
<p>Oui ! Notre offre White Label permet aux agences d'avoir accès à plusieurs articles indexés disponibles pour recevoir vos backlinks. Ces articles sont indexés et positionnés sur un mot clé précis.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question">
Puis-je choisir moi-même les blogs sur lesquels publier ?
<i class="fas fa-plus faq-icon"></i>
</div>
<div class="faq-answer">
<p>Oui, chaque agence membre accède à une liste complète des blogs du réseau avec toutes leurs métriques SEO à jour : Trust Flow, Citation Flow, DA, DR et trafic organique. Vous sélectionnez librement les supports les plus pertinents pour chacun de vos clients selon la thématique et les métriques souhaitées.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question">
Quelle est la différence entre le Pack Prestige TF et le Pack Trafic ?
<i class="fas fa-plus faq-icon"></i>
</div>
<div class="faq-answer">
<p>Le Pack Prestige TF donne accès aux 100 blogs avec le meilleur Trust Flow du réseau — idéal pour booster rapidement l'autorité thématique d'un site. Le Pack Trafic privilégie quant à lui les 30 blogs générant du trafic organique vérifié — parfait pour des liens placés dans un contexte éditorial actif et vivant aux yeux de Google.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question">
Les liens sont-ils permanents ou ont-ils une durée limitée ?
<i class="fas fa-plus faq-icon"></i>
</div>
<div class="faq-answer">
<p>Tous les liens publiés sur notre réseau sont permanents, quelle que soit la formule choisie. Tant que vous êtes membre actif, vos articles et vos liens restent en ligne. Nous assurons la maintenance, les renouvellements de domaines et les mises à jour techniques — vous n'avez rien à gérer.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question">
Proposez-vous une formation pour prendre en main le réseau ?
<i class="fas fa-plus faq-icon"></i>
</div>
<div class="faq-answer">
<p>Oui, une formation de prise en main est disponible pour les agences qui souhaitent démarrer efficacement. Elle couvre le fonctionnement de la plateforme, les bonnes pratiques de publication, la gestion des ancres et les stratégies pour maximiser l'impact de vos liens. Notre support via Discord reste également disponible pour toutes vos questions au quotidien.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question">
Que se passe-t-il si j'ai besoin d'une thématique absente du réseau ?
<i class="fas fa-plus faq-icon"></i>
</div>
<div class="faq-answer">
<p>Nous sommes à l'écoute de vos besoins. Si une thématique manque dans notre catalogue, nous pouvons l'ajouter sur demande. Nous référençons régulièrement de nouveaux blogs thématisés, y compris des sites hors PBN déjà indexés et positionnés, pour offrir une diversité maximale à vos stratégies de netlinking.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="section-divider"></div>
<!-- CTA -->
<section id="cta">
<div class="container">
<div class="cta-box reveal">
<div class="section-eyebrow">Passez à l'action</div>
<h2>Prêt à booster votre SEO avec notre <span style="background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text">réseau de blogs privés</span> ?</h2>
<p>Rejoignez les agences SEO qui font confiance à notre PBN pour propulser leurs clients en première page Google. Pour garantir une bonne qualité du PBN, nous limitons le nombre de comptes auteurs, réservez le vôtre maintenant en nous contactant grâce au lien Nous contacter ci-dessous !</p>
<div class="d-flex gap-3 justify-content-center flex-wrap">
<a href="https://consultant-referencement-seo.com/" target="_blank" class="btn-primary-custom">
<i class="fas fa-external-link-alt"></i> Visiter notre site principal
</a>
<a href="https://pack.crseo.net/demandeinfo" class="btn-outline-custom" style="position:relative;overflow:hidden;border-color:var(--accent3);color:var(--accent3);animation:pulse-border 2s ease-in-out infinite;">
<i class="fas fa-envelope"></i> Nous contacter
<span style="position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(16,185,129,0.15),transparent);animation:shimmer 2s ease-in-out infinite;"></span>
</a>
</div>
</div>
</div>
</section>
<!-- FOOTER -->
<footer id="contact">
<div class="container">
<div class="row g-5">
<!-- Col 1 : Brand -->
<div class="col-lg-4">
<div class="footer-brand">PBN<span>Expert</span></div>
<p class="footer-desc mt-2">
La référence en <strong style="color:var(--text)">location réseau de blogs privés pour agences SEO</strong>. Publiez vos articles sur notre PBN et dominez votre niche.
</p>
</div>
<!-- Col 2 : Navigation -->
<div class="col-sm-6 col-lg-4">
<p class="footer-title">Navigation</p>
<a class="footer-link" href="#intro">Accueil</a>
<a class="footer-link" href="#descriptif">Notre PBN</a>
<a class="footer-link" href="#offres">Offres & Tarifs</a>
<a class="footer-link" href="#faq">FAQ</a>
</div>
<!-- Col 3 : Légal & Liens -->
<div class="col-sm-6 col-lg-4">
<p class="footer-title">Informations</p>
<a class="footer-link" href="/mentions-legales">Mentions légales</a>
<a class="footer-link" href="https://www.facebook.com/Votre.site.en.top.10.Google">Facebook</a>
<a class="footer-link" href="https://x.com/claude_help">X</a>
<a class="footer-link" href="https://www.linkedin.com/company/crseo/">LinkedIn</a>
</div>
</div>
<div class="footer-bottom">
<div style="display:flex;align-items:center;gap:0.8rem;">
<a href="https://crseo.agency/">
<img src="/logo.png" alt="logo crseo.agency" width="50" height="50" style="border-radius:4px;vertical-align:middle;">
</a>
<p style="margin:0;">© <span id="footer-year"></span> PBNExpert — Tous droits réservés.</p>
</div>
<div class="footer-bottom-links">
<a href="https://pbn.crseo.net/">Info sur le SEO</a>
<a href="https://consultant-referencement-seo.com/" target="_blank">Référencement SEO</a>
<a href="https://creseo.agency/blog/" target="_blank">Le blog SEO</a>
</div>
</div>
</div>
</footer>
</div><!-- end main-content -->
<!-- ===== SIDEBAR ===== -->
<aside class="sidebar d-none d-xl-block pe-3">
<!-- Stats -->
<div class="sidebar-widget">
<h6><i class="fas fa-chart-bar me-1"></i> Réseau en chiffres</h6>
<div class="sidebar-stat">
<span>Sites actifs</span>
<span class="val">500+</span>
</div>
<div class="sidebar-stat">
<span>DA moyen</span>
<span class="val">+32</span>
</div>
<div class="sidebar-stat">
<span>DR moyen</span>
<span class="val">+28</span>
</div>
<div class="sidebar-stat">
<span>Thématiques</span>
<span class="val">30+</span>
</div>
<div class="sidebar-stat">
<span>Langues</span>
<span class="val">FR</span>
</div>
<div class="sidebar-stat">
<span>Publication</span>
<span class="val">Instantanée</span>
</div>
</div>
<!-- Tags thématiques -->
<div class="sidebar-widget">
<h6><i class="fas fa-tags me-1"></i> Thématiques disponibles</h6>
<span class="sidebar-tag">Auto Moto</span>
<span class="sidebar-tag">Beauté</span>
<span class="sidebar-tag">Bien-être</span>
<span class="sidebar-tag">Business</span>
<span class="sidebar-tag">Entreprise</span>
<span class="sidebar-tag">Finance</span>
<span class="sidebar-tag">Immobilier</span>
<span class="sidebar-tag">Jeux loisirs</span>
<span class="sidebar-tag">Juridique</span>
<span class="sidebar-tag">Lifestyle</span>
<span class="sidebar-tag">Marketing</span>
<span class="sidebar-tag">Mode</span>
<span class="sidebar-tag">Santé</span>
<span class="sidebar-tag">Sport</span>
<span class="sidebar-tag">Technologie</span>
<span class="sidebar-tag">Voyage</span>
<span class="sidebar-tag">Et bien plus...</span>
</div>
<!-- Conseils SEO -->
<div class="sidebar-widget">
<h6><i class="fas fa-lightbulb me-1"></i> Conseil SEO du jour</h6>
<p class="sidebar-tip">
<strong>Variez vos ancres !</strong> Pour un profil de liens naturel, combinez ancres exactes (30%), partielles (30%), URL nues (20%) et ancres génériques (20%) lors de vos publications PBN.
</p>
</div>
<!-- Trust signals -->
<div class="sidebar-widget">
<h6><i class="fas fa-star me-1"></i> Pourquoi nous ?</h6>
<div class="trust-item"><i class="fas fa-check-circle"></i> IPs uniques & hébergements isolés</div>
<div class="trust-item"><i class="fas fa-check-circle"></i> Contenus 100% originaux</div>
<div class="trust-item"><i class="fas fa-check-circle"></i> Domaines sans historique douteux</div>
<div class="trust-item"><i class="fas fa-check-circle"></i> Plusieurs plugins disponibles</div>
<div class="trust-item"><i class="fas fa-check-circle"></i> Support dédié agences</div>
<div class="trust-item"><i class="fas fa-check-circle"></i> Facturation mensuelle flexible</div>
</div>
<!-- CTA sidebar -->
<div class="sidebar-widget" style="background:linear-gradient(135deg,rgba(124,58,237,0.15),rgba(0,229,255,0.08));border-color:rgba(124,58,237,0.3)">
<h6 style="color:#a78bfa"><i class="fas fa-fire me-1"></i> Offre limitée</h6>
<p class="sidebar-tip mb-3">Premier mois <strong style="color:var(--text)">-20%</strong> pour toute nouvelle agence. Offre valable jusqu'à fin du mois.</p>
<a href="#cta" class="btn-primary-custom w-100 justify-content-center" style="font-size:0.8rem;padding:0.6rem 1rem">
<i class="fas fa-bolt"></i> En profiter
</a>
</div>
</aside>
</div><!-- end page-wrapper -->
<!-- Bootstrap JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.2/js/bootstrap.bundle.min.js"></script>
<script>
// Footer year auto-update
document.getElementById('footer-year').textContent = new Date().getFullYear();
// Navbar scroll effect
window.addEventListener('scroll', () => {
document.getElementById('mainNav').classList.toggle('scrolled', window.scrollY > 30);
});
// Smooth scroll for nav links
document.querySelectorAll('a[href^="#"]').forEach(link => {
link.addEventListener('click', e => {
const target = document.querySelector(link.getAttribute('href'));
if (target) {
e.preventDefault();
const offset = document.getElementById('mainNav').offsetHeight;
window.scrollTo({ top: target.offsetTop - offset, behavior: 'smooth' });
}
});
});
// Active nav link on scroll
const sections = document.querySelectorAll('section[id]');
const navLinks = document.querySelectorAll('#mainNav .nav-link');
window.addEventListener('scroll', () => {
let current = '';
sections.forEach(s => {
if (window.scrollY >= s.offsetTop - 100) current = s.id;
});
navLinks.forEach(l => {
l.classList.remove('active');
if (l.getAttribute('href') === '#' + current) l.classList.add('active');
});
});
// Reveal on scroll
const reveals = document.querySelectorAll('.reveal');
const observer = new IntersectionObserver(entries => {
entries.forEach((e, i) => {
if (e.isIntersecting) {
setTimeout(() => e.target.classList.add('visible'), i * 80);
observer.unobserve(e.target);
}
});
}, { threshold: 0.1 });
reveals.forEach(el => observer.observe(el));
// FAQ accordion
document.querySelectorAll('.faq-question').forEach(q => {
q.addEventListener('click', () => {
const answer = q.nextElementSibling;
const isOpen = answer.classList.contains('open');
// Close all
document.querySelectorAll('.faq-answer').forEach(a => a.classList.remove('open'));
document.querySelectorAll('.faq-question').forEach(qq => qq.classList.remove('open'));
if (!isOpen) {
answer.classList.add('open');
q.classList.add('open');
}
});
});
</script>
</body>
</html>
