1var __IMPORT_META_ENV={};var __PROCESS_ENV={NODE_ENV:"production"}; 2var x=[{label:"Accueil",href:"/"},{label:"Services",href:"#services"},{label:"Tarifs",href:"#tarifs"},{label:"Contact",href:"#contact"}],b=[{label:"Accueil",href:"/"},{label:"Mentions l\xE9gales",href:"/p/mentions-legales"},{label:"Politique de confidentialit\xE9",href:"/p/confidentialite"},{label:"Contact",href:"#contact"}],a=` 3@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap'); 4 5:root { 6 --ink: #0a0a12; 7 --ink2: #2d2d3a; 8 --ink3: #6b6b80; 9 --bg: #f7f6f3; 10 --white: #ffffff; 11 --accent: #1e1b4b; 12 --accent2: #312e81; 13 --blue: #4f46e5; 14 --blue2: #6366f1; 15 --blue3: #e0e7ff; 16 --teal: #0f766e; 17 --teal2: #ccfbf1; 18 --gold: #d97706; 19 --gold2: #fef3c7; 20 --green: #15803d; 21 --green2: #dcfce7; 22 --red: #dc2626; 23 --border: #e5e3de; 24 --border2: #f0ede8; 25 --r: 10px; 26 --rl: 16px; 27 --rxl: 24px; 28} 29 30*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } 31html { scroll-behavior: smooth; } 32body { 33 font-family: 'Plus Jakarta Sans', sans-serif; 34 background: var(--bg); 35 color: var(--ink); 36 font-size: 16px; 37 line-height: 1.6; 38 -webkit-font-smoothing: antialiased; 39 overflow-x: hidden; 40} 41a { text-decoration: none; color: inherit; } 42img { max-width: 100%; } 43 44/* NAV */ 45.hz-nav { 46 position: sticky; 47 top: 0; 48 z-index: 100; 49 background: rgba(255,255,255,.95); 50 backdrop-filter: blur(16px); 51 border-bottom: 1px solid var(--border); 52 display: flex; 53 align-items: center; 54 justify-content: space-between; 55 padding: 0 40px; 56 height: 60px; 57} 58.hz-logo { display: flex; align-items: center; gap: 8px; } 59.hz-logo-mark { 60 width: 30px; height: 30px; 61 background: var(--blue); 62 border-radius: 7px; 63 display: flex; align-items: center; justify-content: center; 64 color: #fff; font-size: 14px; font-weight: 800; 65} 66.hz-logo-name { font-size: 15px; font-weight: 700; color: var(--ink); } 67.hz-logo-name span { color: var(--blue); } 68.hz-nav-links { display: flex; gap: 24px; } 69.hz-nav-links a { font-size: 13px; font-weight: 500; color: var(--ink3); transition: color .2s; position: relative; } 70.hz-nav-links a:hover { color: var(--ink); } 71 72/* Active nav link \u2014 added dynamically by the renderer based on current slug */ 73.hz-nav-links a.hz-active, 74.hz-mobile-menu a.hz-active { 75 color: var(--blue) !important; 76 font-weight: 700; 77} 78.hz-nav-links a.hz-active::after { 79 content: ''; 80 position: absolute; 81 bottom: -22px; 82 left: 0; 83 right: 0; 84 height: 2px; 85 background: var(--blue); 86 border-radius: 2px 2px 0 0; 87} 88 89/* CTA button \u2014 both .hz-nav-cta and .hz-cta class */ 90.hz-nav-cta, .hz-cta { 91 background: var(--blue); 92 color: #fff !important; 93 font-size: 13px; 94 font-weight: 600; 95 padding: 9px 20px; 96 border-radius: 8px; 97 transition: background .2s; 98 white-space: nowrap; 99} 100.hz-nav-cta:hover, .hz-cta:hover { background: var(--accent2) !important; } 101 102/* MAIN CONTENT */ 103.hz-main { min-height: 60vh; } 104 105/* CONTENT STYLES */ 106.hz-content { 107 max-width: 900px; 108 margin: 0 auto; 109 padding: 60px 40px; 110} 111.hz-content h1 { 112 font-size: clamp(32px, 4vw, 52px); 113 font-weight: 800; 114 line-height: 1.1; 115 color: var(--ink); 116 letter-spacing: -.02em; 117 margin-bottom: 20px; 118} 119.hz-content h1 span { color: var(--blue); } 120.hz-content h2 { 121 font-size: clamp(24px, 3vw, 36px); 122 font-weight: 700; 123 line-height: 1.2; 124 color: var(--ink); 125 letter-spacing: -.01em; 126 margin: 40px 0 16px; 127} 128.hz-content h2 span { color: var(--blue); } 129.hz-content h3 { 130 font-size: 20px; 131 font-weight: 700; 132 color: var(--ink); 133 margin: 28px 0 12px; 134} 135.hz-content p { 136 font-size: 16px; 137 color: var(--ink3); 138 line-height: 1.8; 139 margin-bottom: 16px; 140} 141.hz-content ul, .hz-content ol { 142 padding-left: 24px; 143 margin-bottom: 20px; 144} 145.hz-content li { 146 font-size: 15px; 147 color: var(--ink2); 148 line-height: 1.7; 149 margin-bottom: 6px; 150} 151.hz-content strong { color: var(--ink); font-weight: 700; } 152.hz-content em { font-style: italic; color: var(--ink2); } 153.hz-content a { color: var(--blue); text-decoration: underline; } 154.hz-content a:hover { color: var(--accent2); } 155.hz-content blockquote { 156 border-left: 3px solid var(--blue); 157 padding: 16px 24px; 158 background: var(--blue3); 159 border-radius: 0 var(--r) var(--r) 0; 160 margin: 24px 0; 161 font-style: italic; 162 color: var(--ink2); 163} 164.hz-content table { 165 width: 100%; 166 border-collapse: collapse; 167 margin: 24px 0; 168 border-radius: var(--r); 169 overflow: hidden; 170 border: 1px solid var(--border); 171} 172.hz-content th { 173 background: var(--bg); 174 padding: 12px 16px; 175 font-size: 12px; 176 font-weight: 700; 177 color: var(--ink3); 178 text-align: left; 179 border-bottom: 1px solid var(--border); 180 text-transform: uppercase; 181 letter-spacing: .06em; 182} 183.hz-content td { 184 padding: 12px 16px; 185 font-size: 14px; 186 color: var(--ink2); 187 border-bottom: 1px solid var(--border2); 188} 189.hz-content tr:last-child td { border-bottom: none; } 190.hz-content img { 191 border-radius: var(--rl); 192 border: 1px solid var(--border); 193 margin: 20px 0; 194} 195.hz-content code { 196 background: var(--bg); 197 border: 1px solid var(--border); 198 padding: 2px 8px; 199 border-radius: 4px; 200 font-size: 13px; 201 font-family: 'Courier New', monospace; 202 color: var(--blue); 203} 204.hz-content pre { 205 background: var(--ink); 206 color: #e2e8f0; 207 padding: 20px; 208 border-radius: var(--rl); 209 overflow-x: auto; 210 margin: 20px 0; 211} 212.hz-content pre code { 213 background: none; 214 border: none; 215 color: inherit; 216 padding: 0; 217 font-size: 13px; 218} 219.hz-content hr { 220 border: none; 221 border-top: 1px solid var(--border); 222 margin: 40px 0; 223} 224 225/* SECTION HELPERS */ 226.hz-section { padding: 60px 40px; max-width: 1100px; margin: 0 auto; } 227.hz-section-white { background: var(--white); padding: 60px 0; } 228.hz-section-dark { background: var(--accent); padding: 60px 0; } 229.hz-etag { 230 display: inline-flex; align-items: center; gap: 6px; 231 font-size: 11px; font-weight: 600; letter-spacing: .08em; 232 text-transform: uppercase; color: var(--blue); margin-bottom: 12px; 233} 234.hz-etag::before { content: ''; width: 18px; height: 2px; background: var(--blue); border-radius: 1px; } 235.hz-h { font-size: clamp(28px, 3.2vw, 42px); font-weight: 800; line-height: 1.08; letter-spacing: -.02em; margin-bottom: 14px; color: var(--ink); } 236.hz-h span { color: var(--blue); } 237.hz-lead { font-size: 17px; color: var(--ink3); line-height: 1.8; margin-bottom: 40px; } 238 239/* CARDS */ 240.hz-card { background: var(--white); border: 1px solid var(--border); border-radius: var(--rl); padding: 24px; } 241.hz-card:hover { border-color: var(--blue); transition: border-color .2s; } 242.hz-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; } 243.hz-grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; } 244.hz-grid-auto { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; } 245 246/* BUTTONS */ 247.hz-btn { display: inline-block; font-size: 14px; font-weight: 600; padding: 12px 24px; border-radius: 9px; transition: all .2s; cursor: pointer; border: none; } 248.hz-btn-primary { background: var(--blue); color: #fff !important; } 249.hz-btn-primary:hover { background: var(--accent2); } 250.hz-btn-ghost { background: var(--white); color: var(--ink2) !important; border: 1px solid var(--border); } 251.hz-btn-ghost:hover { border-color: var(--blue); } 252 253/* FOOTER */ 254.hz-footer { 255 background: var(--accent); 256 padding: 40px; 257} 258.hz-footer-inner { 259 max-width: 1100px; 260 margin: 0 auto; 261 display: flex; 262 align-items: center; 263 justify-content: space-between; 264 flex-wrap: wrap; 265 gap: 20px; 266} 267.hz-footer-logo { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 700; color: rgba(255,255,255,.7); } 268.hz-footer-logo span { color: #a5b4fc; } 269.hz-footer-links { display: flex; gap: 20px; flex-wrap: wrap; } 270.hz-footer-links a { font-size: 12px; color: rgba(255,255,255,.45); transition: color .2s; } 271.hz-footer-links a:hover { color: rgba(255,255,255,.8); } 272.hz-footer-copy { font-size: 12px; color: rgba(255,255,255,.25); margin-top: 16px; text-align: center; } 273.hz-footer-bottom { max-width: 1100px; margin: 0 auto; padding-top: 16px; border-top: 1px solid rgba(255,255,255,.1); text-align: center; } 274 275/* HERO SECTION */ 276.hz-hero { 277 background: var(--white); 278 padding: 80px 40px 72px; 279 position: relative; 280 overflow: hidden; 281} 282.hz-hero::before { 283 content: ''; 284 position: absolute; 285 top: -80px; right: -120px; 286 width: 520px; height: 520px; 287 border-radius: 50%; 288 background: radial-gradient(circle, rgba(79,70,229,.07) 0%, transparent 70%); 289 pointer-events: none; 290} 291.hz-hero-inner { max-width: 1100px; margin: 0 auto; } 292.hz-badge { 293 display: inline-flex; align-items: center; gap: 6px; 294 background: var(--blue3); color: var(--blue); 295 font-size: 11px; font-weight: 600; letter-spacing: .06em; 296 text-transform: uppercase; padding: 5px 12px; border-radius: 20px; margin-bottom: 20px; 297} 298.hz-badge-dot { width: 5px; height: 5px; border-radius: 50%; background: var(--blue); animation: hzpulse 2s infinite; } 299@keyframes hzpulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.5;transform:scale(.8)} } 300 301/* CTA SECTION */ 302.hz-cta { 303 background: var(--white); 304 padding: 80px 40px; 305 text-align: center; 306 border-top: 1px solid var(--border); 307} 308.hz-cta h2 { font-size: clamp(28px, 3.5vw, 44px); font-weight: 800; letter-spacing: -.02em; color: var(--ink); margin-bottom: 12px; } 309.hz-cta h2 span { color: var(--blue); } 310.hz-cta p { font-size: 16px; color: var(--ink3); max-width: 420px; margin: 0 auto 32px; line-height: 1.8; } 311.hz-cta-btns { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; } 312 313/* BURGER + MOBILE MENU */ 314.hz-burger { 315 display: none; 316 flex-direction: column; 317 gap: 5px; 318 background: none; 319 border: none; 320 cursor: pointer; 321 padding: 6px; 322} 323.hz-burger span { 324 display: block; 325 width: 22px; 326 height: 2px; 327 background: var(--ink); 328 border-radius: 2px; 329 transition: all .2s; 330} 331.hz-mobile-menu { 332 display: none; 333 flex-direction: column; 334 background: #fff; 335 border-bottom: 1px solid var(--border); 336 padding: 12px 20px 16px; 337 gap: 4px; 338 box-shadow: 0 4px 20px rgba(0,0,0,.06); 339} 340.hz-mobile-menu.open { display: flex; } 341.hz-mobile-menu a { 342 font-size: 14px; 343 font-weight: 500; 344 color: var(--ink2); 345 padding: 10px 0; 346 border-bottom: 1px solid var(--border2); 347 transition: color .2s; 348} 349.hz-mobile-menu a:last-child { border-bottom: none; } 350.hz-mobile-menu a:hover { color: var(--blue); } 351.hz-mobile-menu a.hz-active { color: var(--blue) !important; font-weight: 700; } 352.hz-mm-cta { 353 margin-top: 8px !important; 354 display: inline-block !important; 355 background: var(--blue) !important; 356 color: #fff !important; 357 padding: 10px 20px !important; 358 border-radius: 8px !important; 359 font-weight: 600 !important; 360 text-align: center !important; 361 border-bottom: none !important; 362} 363 364/* Footer brand styles */ 365.hz-footer-brand { display: flex; align-items: center; gap: 10px; } 366.hz-footer-name { font-size: 15px; font-weight: 700; color: #a5b4fc; } 367.hz-footer-name span { color: #a5b4fc; } 368.hz-footer-sub { font-size: 12px; color: rgba(255,255,255,.4); margin-left: 4px; } 369 370/* RESPONSIVE */ 371@media(max-width: 768px) { 372 .hz-nav { padding: 0 20px; } 373 .hz-nav-links { display: none; } 374 .hz-burger { display: flex; } 375 .hz-content { padding: 40px 20px; } 376 .hz-section { padding: 40px 20px; } 377 .hz-hero { padding: 60px 20px; } 378 .hz-grid-3 { grid-template-columns: 1fr; } 379 .hz-grid-2 { grid-template-columns: 1fr; } 380 .hz-footer { padding: 24px 20px; } 381 .hz-footer-inner { flex-direction: column; gap: 16px; } 382} 383`;function v(n){let{title:l,logoMark:o="S",logoName:t="Sky",logoNameSuffix:r="Solution",headerCta:i={label:"Prendre contact \u2192",href:"#contact"},navLinks:s=x,footerLinks:p=b,footerTagline:c="Solutions digitales cl\xE9 en main",footerCopyright:d=`\xA9 ${new Date().getFullYear()} Sky Solution \u2014 Tous droits r\xE9serv\xE9s`,htmlContent:h=""}=n,g=s.map(e=>`<a href="${e.href}">${e.label}</a>`).join(` 384 `),f=p.map(e=>`<a href="${e.href}">${e.label}</a>`).join(` 385 `);return`<!DOCTYPE html> 386<html lang="fr"> 387<head> 388 <meta charset="UTF-8"> 389 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 390 <title>${l}</title> 391 <style>${a}</style> 392</head> 393<body> 394 395 <!-- HEADER --> 396 <nav class="hz-nav"> 397 <div class="hz-logo"> 398 <div class="hz-logo-mark">${o}</div> 399 <div class="hz-logo-name">${t}<span>${r}</span></div> 400 </div> 401 <div class="hz-nav-links"> 402 ${g} 403 </div> 404 <a href="${i.href}" class="hz-nav-cta">${i.label}</a> 405 </nav> 406 407 <!-- MAIN CONTENT --> 408 <main class="hz-main"> 409 ${h||` 410 <div class="hz-content"> 411 <h1>Titre de la <span>page</span></h1> 412 <p>Commencez \xE0 r\xE9diger votre contenu ici. Cette page utilise le style Horizon \u2014 modifiez le HTML dans l'\xE9diteur pour personnaliser
412chaque section.</p> 413 <h2>Section exemple</h2> 414 <p>Utilisez les classes CSS Horizon pour structurer votre contenu : <code>.hz-section</code>, <code>.hz-card</code>, <code>.hz-grid-3</code>, etc.</p> 415 <ul> 416 <li>Point important 1</li> 417 <li>Point important 2</li> 418 <li>Point important 3</li> 419 </ul> 420 </div> 421 `} 422 </main> 423 424 <!-- FOOTER --> 425 <footer class="hz-footer"> 426 <div class="hz-footer-inner"> 427 <div class="hz-footer-logo"> 428 <div class="hz-logo-mark" style="width:26px;height:26px;font-size:12px;background:rgba(255,255,255,.15)">${o}</div> 429 ${t}<span>${r}</span> 430 </div> 431 <div class="hz-footer-links"> 432 ${f} 433 </div> 434 </div> 435 <div class="hz-footer-bottom"> 436 <div class="hz-footer-copy">${c} \xB7 ${d}</div> 437 </div> 438 </footer> 439 440</body> 441</html>`}function m(){return a}var z=`<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 442 NAVIGATION \u2014 modifier les liens et le nom de marque 443 \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 --> 444<nav class="hz-nav"> 445 <a href="/" class="hz-logo"> 446 <div class="hz-logo-mark">S</div> 447 <div class="hz-logo-name">Sky<span>Solution</span></div> 448 </a> 449 <div class="hz-nav-links"> 450 <a href="/">Accueil</a> 451 <a href="/#services">Services</a> 452 <a href="/#tarifs">Tarifs</a> 453 <a href="/#contact">Contact</a> 454 </div> 455 <a href="/#contact" class="hz-nav-cta">Prendre contact \u2192</a> 456</nav> 457 458<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 459 HERO \u2014 section d'accroche principale 460 \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 --> 461<section class="hz-hero"> 462 <div class="hz-hero-inner"> 463 <div class="hz-badge"> 464 <span class="hz-badge-dot"></span> 465 Votre accroche courte 466 </div> 467 <h1 style="font-size:clamp(32px,4.5vw,58px);font-weight:800;line-height:1.08;letter-spacing:-.03em;color:#0a0a12;margin-bottom:18px;max-width:720px"> 468 Titre principal de la <span style="color:#4f46e5">page</span> 469 </h1> 470 <p style="font-size:18px;color:#6b6b80;line-height:1.8;max-width:560px;margin-bottom:36px"> 471 Sous-titre ou description introductive. Expliquez en une phrase ce que vous proposez et pourquoi c'est important pour votre visiteur. 472 </p> 473 <div style="display:flex;gap:12px;flex-wrap:wrap"> 474 <a href="#contact" class="hz-btn hz-btn-primary">Prendre contact \u2192</a> 475 <a href="#services" class="hz-btn hz-btn-ghost">En savoir plus</a> 476 </div> 477 </div> 478</section> 479 480<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 481 SECTION 1 \u2014 Services / b\xE9n\xE9fices 482 \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 --> 483<div class="hz-section-white"> 484 <div class="hz-section" id="services"> 485 <div class="hz-etag">Nos services</div> 486 <h2 class="hz-h">Ce que nous <span>proposons</span></h2> 487 <p class="hz-lead">D\xE9crivez votre offre, service ou contenu. Soyez pr\xE9cis et orient\xE9 b\xE9n\xE9fice client.</p> 488 <div class="hz-grid-3"> 489 <div class="hz-card"> 490 <div style="font-size:28px;margin-bottom:12px">\u26A1</div> 491 <h3 style="font-size:16px;font-weight:700;color:#0a0a12;margin-bottom:8px">Service 1</h3> 492 <p style="font-size:14px;color:#6b6b80;line-height:1.7">Description courte du premier service ou avantage propos\xE9.</p> 493 </div> 494 <div class="hz-card"> 495 <div style="font-size:28px;margin-bottom:12px">\u{1F3AF}</div> 496 <h3 style="font-size:16px;font-weight:700;color:#0a0a12;margin-bottom:8px">Service 2</h3> 497 <p style="font-size:14px;color:#6b6b80;line-height:1.7">Description courte du deuxi\xE8me service ou avantage propos\xE9.</p> 498 </div> 499 <div class="hz-card"> 500 <div style="font-size:28px;margin-bottom:12px">\u{1F680}</div> 501 <h3 style="font-size:16px;font-weight:700;color:#0a0a12;margin-bottom:8px">Service 3</h3> 502 <p style="font-size:14px;color:#6b6b80;line-height:1.7">Description courte du troisi\xE8me service ou avantage propos\xE9.</p> 503 </div> 504 </div> 505 </div> 506</div> 507 508<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 509 SECTION 2 \u2014 Contenu \xE9ditorial (article, offre, blog\u2026) 510 \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 --> 511<div class="hz-section"> 512 <div class="hz-content" style="max-width:860px;margin:0 auto"> 513 <h2>Pour qui est-ce fait ?</h2> 514 <p>D\xE9crivez votre cible id\xE9ale. Qui b\xE9n\xE9ficiera le plus de cette page ou de cette offre ?</p> 515 516 <h2>Comment \xE7a fonctionne</h2> 517 <p>Expliquez le processus en \xE9tapes simples :</p> 518 <ol> 519 <li><strong>\xC9tape 1 :</strong> Premier contact ou d\xE9couverte</li> 520 <li><strong>\xC9tape 2 :</strong> Mise en place ou livraison</li> 521 <li><strong>\xC9tape 3 :</strong> R\xE9sultat et suivi</li> 522 </ol> 523 524 <blockquote> 525 "Un t\xE9moignage client fort ici renforce consid\xE9rablement la cr\xE9dibilit\xE9 de votre page." 526 <br><em>\u2014 Pr\xE9nom Nom, Poste, Entreprise</em> 527 </blockquote> 528 </div> 529</div> 530 531<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 532 CTA FINAL \u2014 appel \xE0 l'action 533 \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 --> 534<div class="hz-cta" id="contact"> 535 <h2>Pr\xEAt \xE0 <span>d\xE9marrer</span> ?</h2> 536 <p>Contactez-nous pour discuter de votre projet. R\xE9ponse sous 24h garantie.</p> 537 <div class="hz-cta-btns"> 538 <a href="mailto:[email protected]" class="hz-btn hz-btn-primary">\xC9crire un message \u2192</a> 539 <a href="/" class="hz-btn hz-btn-ghost">Retour \xE0 l'accueil</a> 540 </div> 541</div> 542 543<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 544 FOOTER \u2014 modifier les liens et les mentions 545 \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 --> 546<footer class="hz-footer"> 547 <div class="hz-footer-inner"> 548 <div class="hz-footer-logo"> 549 <div class="hz-logo-mark" style="width:26px;height:26px;font-size:12px;background:rgba(255,255,255,.15)">S</div> 550 Sky<span>Solution</span> 551 </div> 552 <div class="hz-footer-links"> 553 <a href="/">Accueil</a> 554 <a href="/pg/mentions-legales">Mentions l\xE9gales</a> 555 <a href="/pg/confidentialite">Confidentialit\xE9</a> 556 <a href="/#contact">Contact</a> 557 </div> 558 </div> 559 <div class="hz-footer-bottom"> 560 <div class="hz-footer-copy"> 561 Solutions digitales cl\xE9 en main \xB7 \xA9 2025 Sky Solution \u2014 Tous droits r\xE9serv\xE9s 562 </div> 563 </div> 564</footer>`;export{v as a,m as b,z as c};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.