1<!DOCTYPE html> 2<html lang="fr"> 3 4<head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <title data-i18n="home.page.title">Application audioguide pour musées et offices de tourisme | Guideius</title> 8 <meta name="description" 9 content="Guideius aide musées, sites patrimoniaux et offices de tourisme à déployer une application audioguide multilingue avec QR code, GPS, mode hors ligne et statistiques, sans collecte de données personnelles de vos visiteurs." 10 data-i18n-content="home.meta.description"> 11 <meta name="robots" content="index, follow, max-image-preview:large"> 12 <meta name="author" content="Guideius"> 13 14 <!-- Favicon --> 15 <link rel="canonical" href="https://www.guideius.com/" /> 16 17 <!-- Hreflang Tags --> 18 <link rel="alternate" hreflang="fr" href="https://www.guideius.com/" /> 19 <link rel="alternate" hreflang="en" href="https://www.guideius.com/en/" /> 20 <link rel="alternate" hreflang="es" href="https://www.guideius.com/es/" /> 21 <link rel="alternate" hreflang="de" href="https://www.guideius.com/de/" /> 22 <link rel="alternate" hreflang="nl" href="https://www.guideius.com/nl/" /> 23 <link rel="alternate" hreflang="pt" href="https://www.guideius.com/pt/" /> 24 <link rel="alternate" hreflang="it" href="https://www.guideius.com/it/" /> 25 <link rel="alternate" hreflang="x-default" href="https://www.guideius.com/" /> 26 27 <!-- Open Graph / Facebook --> 28 <meta property="og:type" content="website"> 29 <meta property="og:url" content="https://www.guideius.com/"> 30 <meta property="og:title" content="Application audioguide pour musées et offices de tourisme | Guideius" 31 data-i18n-content="home.page.title"> 32 <meta property="og:description" 33 content="Guideius aide musées, sites patrimoniaux et offices de tourisme à déployer une application audioguide multilingue avec QR code, GPS, mode hors ligne et statistiques, sans collecte de données personnelles de vos visiteurs." 34 data-i18n-content="home.meta.description"> 35 <meta property="og:image" content="https://www.guideius.com/assets/images/sectors/tourism-phone.webp"> 36 37 <!-- Twitter --> 38 <meta property="twitter:card" content="summary_large_image"> 39 <meta property="twitter:url" content="https://www.guideius.com/"> 40 <meta property="twitter:title" content="Application audioguide pour musées et destinations | Guideius" 41 data-i18n-content="home.page.title"> 42 <meta property="twitter:description" 43 content="Guideius aide musées, sites patrimoniaux et offices de tourisme à déployer une application audioguide multilingue avec QR code, GPS, mode hors ligne et statistiques, sans collecte de données personnelles de vos visiteurs." 44 data-i18n-content="home.meta.description"> 45 <meta property="twitter:image" content="https://www.guideius.com/assets/images/sectors/tourism-phone.webp"> 46 47 48 <!-- Privacy-friendly analytics by Plausible --> 49
49<script async src="https://analytics.guideius.com/js/pa-Egi5WKJrGK1zLTYbL35ow.js"></script>
49 50
50<script> 51 window.plausible = window.plausible || function () { (plausible.q = plausible.q || []).push(arguments) }, plausible.init = plausible.init || function (i) { plausible.o = i || {} }; 52 plausible.init() 53 </script>
53 54 55 <!-- Fonts --> 56<!-- Bootstrap 5.3 CSS --> 57 <!-- GUIDEIUS_PERFORMANCE_HEAD_START --> 58 <link rel="preload" href="/assets/fonts/poppins-latin-400.woff2" as="font" type="font/woff2" crossorigin> 59 <link rel="preload" href="/assets/fonts/poppins-latin-700.woff2" as="font" type="font/woff2" crossorigin> 60 <style data-guideius-critical-css>@font-face{font-family:"Poppins";font-style:normal;font-weight:400;font-display:optional;src:url("/assets/fonts/poppins-latin-400.woff2") format("woff2");}@font-face{font-family:"Poppins";font-style:normal;font-weight:700;font-display:optional;src:url("/assets/fonts/poppins-latin-700.woff2") format("woff2");}:root{--bs-blue:#0d6efd;--bs-primary:#0d6efd;--bs-dark:#212529;--bs-body-color:#212529;--bs-body-bg:#fff;--bs-border-color:#dee2e6;--bs-border-radius:0.375rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-pill:50rem;--bs-gutter-x:1.5rem;}*,*::before,*::after{box-sizing:border-box;}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}body{margin:0;font-family:"Poppins",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);background:var(--bs-body-bg);-webkit-font-smoothing:antialiased;}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:0.5rem;font-weight:700;line-height:1.2;}p{margin-top:0;margin-bottom:1rem;}ol,ul{margin-top:0;margin-bottom:1rem;}a{color:#0d6efd;text-decoration:underline;}img,svg{vertical-align:middle;}button,input,select,textarea{margin:0;font:inherit;}button{border-radius:0;}.container,.container-fluid{--bs-gutter-x:1.5rem;width:100%;margin-right:auto;margin-left:auto;padding-right:calc(var(--bs-gutter-x) * 0.5);padding-left:calc(var(--bs-gutter-x) * 0.5);}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-0.5 * var(--bs-gutter-x));margin-left:calc(-0.5 * var(--bs-gutter-x));}.row>*{flex-shrink:0;width:100%;max-width:100%;margin-top:var(--bs-gutter-y);padding-right:calc(var(--bs-gutter-x) * 0.5);padding-left:calc(var(--bs-gutter-x) * 0.5);}.col{flex:1 0 0%;}.col-6{flex:0 0 auto;width:50%;}.g-3,.gx-3{--bs-gutter-x:1rem;}.g-3,.gy-3{--bs-gutter-y:1rem;}.g-4,.gx-4{--bs-gutter-x:1.5rem;}.g-4,.gy-4{--bs-gutter-y:1.5rem;}.collapse:not(.show){display:none;}.navbar{--bs-navbar-padding-y:0.5rem;--bs-navbar-padding-x:0;--bs-navbar-color:rgba(0,0,0,0.65);--bs-navbar-hover-color:rgba(0,0,0,0.8);--bs-navbar-toggler-padding-y:0.25rem;--bs-navbar-toggler-padding-x:0.75rem;--bs-navbar-toggler-font-size:1.25rem;--bs-navbar-toggler-border-color:rgba(0,0,0,0.15);position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);}.navbar>.container,.navbar>.container-fluid{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between;}.navbar-brand{margin-right:1rem;font-size:1.25rem;color:inherit;text-decoration:none;white-space:nowrap;}.navbar-nav{display:flex;flex-direction:column;margin-bottom:0;padding-left:0;list-style:none;}.nav-link{display:block;padding:0.5rem 0;color:var(--bs-navbar-color);text-decoration:none;}.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center;}.navbar-toggler{padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);font-size:var(--bs-navbar-toggler-font-size);line-height:1;color:var(--bs-navbar-color);background:transparent;border:1px solid var(--bs-navbar-toggler-border-color);border-radius:var(--bs-border-radius);}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833,37,41,0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-size:100%;}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030;}.btn{display:inline-block;padding:0.375rem 0.75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;user-select:none;background:transparent;border:1px solid transparent;border-radius:var(--bs-border-radius);}.btn-outline-dark{color:#212529;border-color:#212529;}.display-4{font-size:calc(1.475rem + 2.7vw);font-weight:300;line-height:1.2;}.lead{font-size:1.25rem;font-weight:300;}.h4{font-size:calc(1.275rem + 0.3vw);}.h5{font-size:1.25rem;}.h6{font-size:1rem;}.small,small{font-size:0.875em;}.img-fluid{max-width:100%;height:auto;}.d-none{display:none !important;}.d-flex{display:flex !important;}.d-inline-flex{display:inline-flex !important;}.flex-column{flex-direction:column !important;}.flex-wrap{flex-wrap:wrap !important;}.align-items-start{align-items:flex-start !important;}.align-items-center{align-items:center !important;}.justify-content-center{justify-content:center !important;}.justify-content-between{justify-content:space-between !important;}.gap-2{gap:0.5rem !important;}.gap-3{gap:1rem !important;}.w-100{width:100% !important;}.m-0{margin:0 !important;}.mt-3{margin-top:1rem !important;}.mt-4{margin-top:1.5rem !important;}.mb-0{margin-bottom:0 !important;}.mb-2{margin-bottom:0.5rem !important;}.mb-3{margin-bottom:1rem !important;}.mb-4{margin-bottom:1.5rem !important;}.mb-5{margin-bottom:3rem !important;}.p-4{padding:1.5rem !important;}.px-4{padding-right:1.5rem !important;padding-left:1.5rem !important;}.py-2{padding-top:0.5rem !important;padding-bottom:0.5rem !important;}.text-start{text-align:left !important;}.text-center{text-align:center !important;}.text-primary{color:#0d6efd !important;}.text-dark{color:#212529 !important;}.text-muted{color:#6c757d !important;}.fw-normal{font-weight:400 !important;}.fw-medium{font-weight:500 !important;}.fw-semibold{font-weight:600 !important;}.fw-bold{font-weight:700 !important;}.lh-base{line-height:1.5 !important;}.bg-white{background-color:#fff !important;}.border{border:1px solid var(--bs-border-color) !important;}.rounded-4{border-radius:1rem !important;}.rounded-pill{border-radius:var(--bs-border-radius-pill) !important;}.shadow-sm{box-shadow:0 0.125rem 0.25rem rgba(0,0,0,0.075) !important;}@media (min-width:576px){.container{max-width:540px;}.flex-sm-row{flex-direction:row !important;}}@media (min-width:768px){.container{max-width:720px;}.col-md-4{flex:0 0 auto;width:33.33333333%;}.col-md-6{flex:0 0 auto;width:50%;}.d-md-block{display:block !important;}.flex-md-row{flex-direction:row !important;}.me-md-3{margin-right:1rem !important;}.mb-md-0{margin-bottom:0 !important;}}@media (min-width:992px){.container{max-width:960px;}.col-lg-4{flex:0 0 auto;width:33.33333333%;}.col-lg-5{flex:0 0 auto;width:41.66666667%;}.col-lg-6{flex:0 0 auto;width:50%;}.col-lg-7{flex:0 0 auto;width:58.33333333%;}.col-lg-8{flex:0 0 auto;width:66.66666667%;}.col-lg-10{flex:0 0 auto;width:83.33333333%;}.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start;}.navbar-expand-lg .navbar-nav{flex-direction:row;}.navbar-expand-lg .navbar-nav .nav-link{padding-right:0.5rem;padding-left:0.5rem;}.navbar-expand-lg .navbar-collapse{display:flex !important;flex-basis:auto;}.navbar-expand-lg .navbar-toggler{display:none;}.flex-lg-row{flex-direction:row !important;}.justify-content-lg-start{justify-content:flex-start !important;}.mb-lg-0{margin-bottom:0 !important;}.ps-lg-5{padding-left:3rem !important;}}@media (min-width:1200px){.container{max-width:1140px;}.display-4{font-size:3.5rem;}.h4{font-size:1.5rem;}}@media (min-width:1400px){.container{max-width:1320px;}}</style> 61
61<script data-guideius-deferred-fonts>(()=>{const load=()=>{if(document.querySelector('link[data-guideius-local-fonts]'))return;const link=document.createElement('link');link.rel='stylesheet';link.href='/assets/css/local-fonts.css';link.dataset.guideiusLocalFonts='';document.head.appendChild(link)};addEventListener('load',()=>{'requestIdleCallback'in window?requestIdleCallback(load,{timeout:2000}):setTimeout(load,0)},{once:true})})()</script>
61 62 <noscript><link rel="stylesheet" href="/assets/css/local-fonts.css"></noscript> 63 <link rel="stylesheet" href="/vendor/bootstrap-5.3.2/css/bootstrap.min.css" media="print" onload="this.media='all';this.onload=null"> 64 <noscript><link rel="stylesheet" href="/vendor/bootstrap-5.3.2/css/bootstrap.min.css"></noscript> 65 <!-- GUIDEIUS_PERFORMANCE_HEAD_END --> 66<!-- Non-critical component styles --> 67 <link rel="stylesheet" href="vendor/fontawesome-6.4.0/css/all.min.css" media="print" onload="this.media='all'"> 68 <noscript> 69 <link rel="stylesheet" href="vendor/fontawesome-6.4.0/css/all.min.css"> 70 </noscript> 71 72 <link rel="stylesheet" href="vendor/swiper-10/swiper-bundle.min.css" media="print" onload="this.media='all'"> 73 <noscript> 74 <link rel="stylesheet" href="vendor/swiper-10/swiper-bundle.min.css"> 75 </noscript> 76 77 <!-- Schema.org JSON-LD --> 78
78<script type="application/ld+json"> 79 { 80 "@context": "https://schema.org", 81 "@type": "SoftwareApplication", 82 "name": "Guideius", 83 "operatingSystem": "Android, iOS", 84 "applicationCategory": "TravelApplication", 85 "isAccessibleForFree": true, 86 "keywords": "Audioguide, Tourisme, Patrimoine, Visite, Culture, Musée", 87 "screenshot": "https://www.guideius.com/assets/images/captures_resized.jpg", 88 "featureList": "https://www.guideius.com/#services", 89 "description": "L'audioguide pour une expérience touristique immersive et connectée.", 90 "author": { 91 "@type": "Organization", 92 "name": "Guideius", 93 "url": "https://www.guideius.com" 94 }, 95 "image": "https://www.guideius.com/assets/images/sectors/tourism-phone.webp", 96 "sameAs": [ 97 "https://www.facebook.com/guideiusapp/", 98 "https://fr.linkedin.com/company/guideius", 99 "https://play.google.com/store/apps/details?id=com.infinia.guideius", 100 "https://apps.apple.com/fr/app/guideius/id1476293062" 101 ] 102 } 103 </script>
103 104 105 <style> 106 :root { 107 --primary-color: #4b8ef1; 108 --accessible-primary-color: #1f5fae; 109 --secondary-color: #2d3436; 110 --accent-color: #ff7675; 111 --light-bg: #B2DFDB; 112 --dark-text: #2d3436; 113 --gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%); 114 --glass-bg: rgba(255, 255, 255, 0.95); 115 --glass-border: 1px solid rgba(255, 255, 255, 0.18); 116 --shadow-soft: 0 8px 32px 0 rgba(31, 38, 135, 0.07); 117 } 118 119 html, 120 body { 121 font-family: 'Poppins', sans-serif; 122 color: var(--dark-text); 123 overflow-x: hidden; 124 width: 100%; 125 } 126 127 h1, 128 h2, 129 h3, 130 h4, 131 h5, 132 h6 { 133 font-weight: 700; 134 } 135 136 .text-gradient { 137 background: var(--gradient-primary); 138 -webkit-background-clip: text; 139 -webkit-text-fill-color: transparent; 140 background-clip: text; 141 } 142 143 .skip-link { 144 position: absolute; 145 top: -48px; 146 left: 16px; 147 z-index: 2000; 148 padding: 10px 16px; 149 border-radius: 999px; 150 background: #ffffff; 151 color: var(--secondary-color); 152 box-shadow: var(--shadow-soft); 153 text-decoration: none; 154 font-weight: 600; 155 transition: top 0.2s ease; 156 } 157 158 .skip-link:focus { 159 top: 16px; 160 } 161 162 a:focus-visible, 163 button:focus-visible, 164 select:focus-visible, 165 input:focus-visible, 166 textarea:focus-visible, 167 .btn:focus-visible, 168 .navbar-toggler:focus-visible { 169 outline: 3px solid rgba(75, 142, 241, 0.45); 170 outline-offset: 3px; 171 box-shadow: none; 172 } 173 174 .audience-card h3 a { color: inherit; text-decoration: none; } 175 .audience-card h3 a:hover { color: #3978ce; text-decoration: underline; } 176 /* Professional audiences */ 177 .audiences-section { background: linear-gradient(145deg, #f5f9ff, #fff); } 178 .audiences-intro { max-width: 850px; margin: 1.5rem auto 0; color: #586575; line-height: 1.75; } 179 .audiences-grid { display: grid; grid-template-columns: 1fr; gap: 1.25rem; } 180 .audience-card { padding: 1.5rem; background: #fff; border: 1px solid #dfe8f4; border-radius: 20px; box-shadow: 0 5px 20px rgba(35, 70, 110, .04); } 181 .audience-icon { display: flex; align-items: center; justify-content: center; width: 76px; height: 76px; margin-bottom: 1.25rem; background: #eef5ff; border-radius: 20px; } 182 .audience-icon img { width: 56px; height: 56px; } 183 .audience-card h3 { font-size: 1.15rem; line-height: 1.4; margin-bottom: .75rem; overflow-wrap: anywhere; } 184 .audience-card p { color: #586575; font-size: .95rem; line-height: 1.7; margin: 0; } 185 @media (min-width: 768px) { .audiences-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } 186 @media (min-width: 1200px) { .audiences-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } } 187 188 /* Navbar */ 189 .navbar { 190 background: var(--glass-bg); 191 backdrop-filter: blur(10px); 192 -webkit-backdrop-filter: blur(10px); 193 box-shadow: var(--shadow-soft); 194 padding: 1rem 0; 195 transition: all 0.3s ease; 196 } 197 198 .navbar-brand { 199 font-weight: 800; 200 font-size: 1.5rem; 201 color: var(--primary-color); 202 font-family: 'Afacad', sans-serif; 203 } 204 205 .hero-section h1 .text-gradient { 206 font-family: 'Afacad', sans-serif; 207 } 208 209 .nav-link { 210 font-weight: 500; 211 color: var(--secondary-color); 212 margin: 0 10px; 213 position: relative; 214 } 215 216 .nav-link:hover, 217 .nav-link.active { 218 color: var(--primary-color); 219 } 220 221 .nav-link::after { 222 content: ''; 223 position: absolute; 224 width: 0; 225 height: 2px; 226 bottom: 0; 227 left: 0; 228 background-color: var(--primary-color); 229 transition: width 0.3s ease; 230 } 231 232 .nav-link:hover::after, 233 .nav-link.active::after { 234 width: 100%; 235 } 236 237 .btn-primary-gradient { 238 background: var(--gradient-primary); 239 border: none; 240 color: white; 241 padding: 10px 25px; 242 border-radius: 50px; 243 font-weight: 600; 244 transition: transform 0.3s ease, box-shadow 0.3s ease; 245 } 246 247 .btn-primary-gradient:hover { 248 transform: translateY(-2px); 249 box-shadow: 0 10px 20px rgba(118, 75, 162, 0.3); 250 color: white; 251 } 252 253 /* Language Switcher */ 254 .lang-switcher { 255 border: 1px solid #e0e0e0; 256 border-radius: 20px; 257 padding: 5px 15px; 258 background: white; 259 font-size: 0.9rem; 260 cursor: pointer; 261 margin-left: 15px; 262 appearance: none; 263 -webkit-appearance: none; 264 -moz-appearance: none; 265 background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23333
265%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"); 266 background-repeat: no-repeat; 267 background-position: right 10px center; 268 background-size: 10px; 269 padding-right: 30px; 270 } 271 272 /* Hero Section */ 273 .hero-section { 274 padding: 120px 0 50px; 275 background: 276 radial-gradient(circle at 90% 10%, rgba(118, 75, 162, 0.05) 0%, rgba(255, 255, 255, 0) 55%), 277 linear-gradient(to bottom right, #fff, #B2DFDB); 278 position: relative; 279 overflow: hidden; 280 } 281 282 .hero-section h1 { 283 font-size: 2.5rem; 284 } 285 286 .hero-content { 287 position: relative; 288 z-index: 1; 289 } 290 291 .hero-img-container { 292 position: relative; 293 z-index: 1; 294 } 295 296 .hero-img-container img { 297 border-radius: 20px; 298 box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); 299 transition: transform 0.3s ease; 300 } 301 302 .hero-transparent-shot { 303 box-shadow: none !important; 304 padding: 30px; 305 } 306 307 .hero-img-container:hover img { 308 transform: scale(1.02); 309 } 310 311 .hero-trust-box { 312 max-width: 760px; 313 width: 100%; 314 } 315 316 .hero-benefits-list { 317 margin: 1rem 0 0; 318 padding-left: 1.2rem; 319 color: #495057; 320 } 321 322 .hero-benefits-list li+li { 323 margin-top: 0.45rem; 324 } 325 326 .store-badge { 327 display: block; 328 height: 65px; 329 width: auto; 330 max-width: 180px; 331 object-fit: contain; 332 transition: transform 0.2s; 333 } 334 335 .webapp-badge { 336 height: 65px; 337 width: 200px; 338 background: #000; 339 color: white; 340 border-radius: 13px; 341 display: inline-flex; 342 align-items: center; 343 justify-content: center; 344 text-decoration: none; 345 transition: transform 0.2s; 346 border: 1px solid rgba(255, 255, 255, 0.2); 347 padding: 5px 15px; 348 max-width: 100%; 349 box-sizing: border-box; 350 /* Ensure padding/border are included in height */ 351 } 352 353 .webapp-badge:hover { 354 transform: translateY(-3px); 355 color: white; 356 } 357 358 .webapp-icon { 359 font-size: 2rem; 360 margin-right: 12px; 361 } 362 363 .webapp-text { 364 text-align: left; 365 line-height: 1.1; 366 } 367 368 .webapp-sub { 369 font-size: 0.65rem; 370 text-transform: uppercase; 371 display: block; 372 opacity: 0.9; 373 } 374 375 .webapp-title { 376 font-size: 1.1rem; 377 font-weight: 600; 378 display: block; 379 margin-top: 5px; 380 } 381 382 .store-badge:hover { 383 transform: translateY(-3px); 384 } 385 386 /* Section General */ 387 .section-padding { 388 padding: 50px 0; 389 } 390 391 .section-title { 392 margin-bottom: 60px; 393 text-align: center; 394 } 395 396 .section-title span { 397 color: var(--accessible-primary-color); 398 font-weight: 600; 399 text-transform: uppercase; 400 letter-spacing: 1px; 401 font-size: 0.9rem; 402 display: block; 403 margin-bottom: 10px; 404 } 405 406 .blog-tag { 407 color: var(--accessible-primary-color) !important; 408 } 409 410 .section-title h2 { 411 font-size: 2.5rem; 412 margin-bottom: 20px; 413 } 414 415 .section-title .line { 416 width: 60px; 417 height: 4px; 418 background: var(--gradient-primary); 419 margin: 0 auto; 420 border-radius: 2px; 421 } 422 423 /* Cards */ 424 .feature-card { 425 background: white; 426 padding: 40px 30px; 427 border-radius: 20px; 428 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); 429 transition: all 0.3s ease; 430 height: 100%; 431 border: 1px solid rgba(0, 0, 0, 0.02); 432 } 433 434 .feature-card:hover { 435 transform: translateY(-10px); 436 box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08); 437 } 438 439 .feature-icon { 440 width: 70px; 441 height: 70px; 442 background: rgba(118, 75, 162, 0.1); 443 border-radius: 50%; 444 display: flex; 445 align-items: center; 446 justify-content: center; 447 margin-bottom: 25px; 448 color: #764ba2; 449 font-size: 1.8rem; 450 } 451 452 /* List Styles */ 453 .custom-list li { 454 margin-bottom: 15px; 455 position: relative; 456 padding-left: 30px; 457 list-style: none; 458 } 459 460 .custom-list li i { 461 position: absolute; 462 left: 0; 463 top: 4px; 464 color: #4b8ef1; 465 } 466 467 /* Footer */ 468 footer { 469 background: #1a1a1a; 470 color: #fff; 471 padding: 80px 0 30px; 472 } 473 474 footer h4 { 475 color: #fff; 476 margin-bottom: 25px; 477 } 478 479 footer a { 480 color: rgba(255, 255, 255, 0.7); 481 text-decoration: none; 482 transition: color 0.3s; 483 } 484 485 footer a:hover { 486 color: #fff; 487 } 488 489 .social-links a { 490 display: inline-flex; 491 width: 40px; 492 height: 40px; 493 background: rgba(255, 255, 255, 0.1); 494 border-radius: 50%; 495 align-items: center; 496 justify-content: center; 497 margin-right: 10px; 498 transition: all 0.3s; 499 } 500 501 .social-links a:hover { 502 background: var(--primary-color); 503 transform: translateY(-3px); 504 } 505 506 .team-avatar-container { 507 width: 50%; 508 } 509 510 #press { 511 --press-quote-lines: 7; 512 } 513 514 .press-quote { 515 line-height: 1.75; 516 margin-bottom: 0; 517 } 518 519 .press-quote.is-collapsed { 520 display: -webkit-box; 521 line-clamp: var(--press-quote-lines); 522 -webkit-box-orient: vertical; 523 -webkit-line-clamp: var(--press-quote-lines); 524 overflow: hidden; 525 } 526 527 .press-quote-toggle { 528 align-self: flex-start; 529 color: var(--primary-color); 530 font-size: 0.95rem; 531 font-weight: 600; 532 text-decoration: none; 533 } 534 535 .press-quote-toggle:hover, 536 .press-quote-toggle:focus { 537 color: #356fc8; 538 text-decoration: underline; 539 } 540 541 .contact-fab { 542 position: fixed; 543 right: 24px; 544 bottom: 24px; 545 z-index: 1050; 546 display: inline-flex; 547 align-items: center; 548 gap: 0.75rem; 549 padding: 0.95rem 1.25rem; 550 border-radius: 999px; 551 background: var(--gradient-primary); 552 color: white; 553 font-weight: 600; 554 text-decoration: none; 555 box-shadow: 0 16px 32px rgba(77, 58, 162, 0.35); 556 opacity: 0; 557 visibility: hidden; 558 transform: translateY(16px); 559 transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease; 560 } 561 562 .contact-fab:hover { 563 color: white; 564 text-decoration: none; 565 transform: translateY(12px); 566 } 567 568 .contact-fab.is-visible { 569 opacity: 1; 570 visibility: visible; 571 transform: translateY(0); 572 } 573 574 .contact-fab i { 575 display: inline-flex; 576 align-items: center; 577 justify-content: center; 578 width: 40px; 579 height: 40px; 580 border-radius: 50%; 581 background: rgba(255, 255, 255, 0.18); 582 } 583 584 @media (min-width: 768px) { 585 .team-avatar-container { 586 width: 75%; 587 } 588 } 589 590 /* Responsive */ 591 @media (max-width: 991px) { 592 .hero-section { 593 padding-top: 120px; 594 text-align: center; 595 } 596 597 #press { 598 --press-quote-lines: 6; 599 } 600 601 .hero-img-container { 602 margin-top: 50px; 603 } 604 605 .navbar-collapse { 606 background: white; 607 padding: 20px; 608 border-radius: 10px; 609 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); 610 margin-top: 15px; 611 } 612 } 613 614 @media (max-width: 767.98px) { 615 .contact-fab { 616 right: 16px; 617 bottom: 16px; 618 padding: 0.85rem 1rem; 619 font-size: 0.95rem; 620 } 621 622 .contact-fab span { 623 max-width: 110px; 624 line-height: 1.2; 625 } 626 } 627 628 /* Inlined small critical styles to avoid two render-blocking requests. */ 629 .transparent-media { 630 display: block; 631 background: transparent !important; 632 background-color: transparent !important; 633 } 634 635 :root { 636 --guideius-brand-color: #4db6ac; 637 } 638 639 .navbar-brand { 640 display: inline-flex; 641 align-items: center; 642 gap: 0.5rem; 643 color: var(--guideius-brand-color) !important; 644 font-family: 'Afacad', sans-serif !important; 645 font-weight: 500 !important; 646 line-height: 1; 647 } 648 649 .navbar .navbar-brand::before { 650 display: block; 651 width: 2.5rem; 652 height: 2.5rem; 653 flex: 0 0 auto; 654 background: url('/assets/brand/guideius-icon.svg') center / contain no-repeat; 655 content: ''; 656 } 657 658 .navbar-brand .text-gradient, 659 .hero-section h1 .text-gradient { 660 color: var(--guideius-brand-color) !important; 661 background: none !important; 662 font-family: 'Afacad', sans-serif !important; 663 font-size: 1.25em; 664 font-weight: 500 !important; 665 -webkit-text-fill-color: var(--guideius-brand-color) !important; 666 } 667 668 .navbar-dark .navbar-brand,
669 footer .navbar-brand, 670 footer .navbar-brand .text-gradient { 671 color: #ffffff !important; 672 -webkit-text-fill-color: #ffffff !important; 673 } 674 675 .navbar-dark .navbar-brand::before, 676 footer .navbar-brand::before, 677 footer h4[style*='Afacad']::before { 678 background-image: url('/assets/brand/guideius-icon-white.svg'); 679 } 680 681 footer h4[style*='Afacad'] { 682 display: inline-flex; 683 align-items: center; 684 gap: 0.55rem; 685 color: #ffffff; 686 font-family: 'Afacad', sans-serif !important; 687 font-weight: 500 !important; 688 line-height: 1; 689 } 690 691 footer h4[style*='Afacad']::before { 692 width: 2.5rem; 693 height: 2.5rem; 694 flex: 0 0 auto; 695 background-position: center; 696 background-repeat: no-repeat; 697 background-size: contain; 698 content: ''; 699 } 700 701 .guideius-brand-logo { 702 display: block; 703 width: min(13rem, 60vw); 704 height: auto; 705 } 706 707 @media (max-width: 575.98px) { 708 .navbar-brand { 709 gap: 0.4rem; 710 font-size: 1.35rem !important; 711 } 712 713 .navbar .navbar-brand::before { 714 width: 2rem; 715 height: 2rem; 716 } 717 } 718 </style> 719 <!-- Guideius brand --> 720<link rel="preload" href="/assets/fonts/afacad-latin-500.woff2" as="font" type="font/woff2" crossorigin> 721<style data-guideius-brand-font>@font-face{font-family:"Afacad";font-style:normal;font-weight:500;font-display:swap;src:url("/assets/fonts/afacad-latin-500.woff2") format("woff2");}</style> 722 <!-- GUIDEIUS_FAVICON_START --> 723 <link rel="icon" href="/favicon.ico" sizes="any"> 724 <link rel="icon" type="image/svg+xml" href="/assets/brand/guideius-icon.svg"> 725 <link rel="icon" type="image/png" sizes="32x32" href="/assets/brand/guideius-icon-32.png"> 726 <link rel="icon" type="image/png" sizes="16x16" href="/assets/brand/guideius-icon-16.png"> 727 <link rel="apple-touch-icon" sizes="180x180" href="/assets/brand/apple-touch-icon.png"> 728 <link rel="manifest" href="/manifest.webmanifest"> 729 <meta name="theme-color" content="#4DB6AC"> 730 <!-- GUIDEIUS_FAVICON_END --> 731</head> 732 733<body> 734 <a class="skip-link" href="#main-content" data-i18n="a11y.skip_to_content">Aller au contenu principal</a> 735 736 <!-- Navbar --> 737 <nav class="navbar navbar-expand-lg fixed-top"> 738 <div class="container"> 739 <a class="navbar-brand" href="#top"> 740 <span class="text-gradient">Guideius</span> 741 </a> 742 <button class="navbar-toggler" type="button" aria-controls="navbarNav" aria-expanded="false" 743 aria-label="Ouvrir ou fermer le menu de navigation" data-i18n-aria-label="nav.toggle.label"> 744 <span class="navbar-toggler-icon"></span> 745 </button> 746 <div class="collapse navbar-collapse" id="navbarNav"> 747 <ul class="navbar-nav ms-auto align-items-center"> 748 <li class="nav-item"> 749 <a class="nav-link active" href="#top" data-i18n="nav.home">Accueil</a> 750 </li> 751 <li class="nav-item"> 752 <a class="nav-link" href="#about" data-i18n="nav.goals">Nos objectifs</a> 753 </li> 754 <li class="nav-item"> 755 <a class="nav-link" href="#services" data-i18n="nav.features">Fonctionnalités</a> 756 </li> 757 <li class="nav-item"> 758 <a class="nav-link" href="#portfolio" data-i18n="nav.collab">Collaborations</a> 759 </li> 760 <li class="nav-item" data-blog-nav-link="true"> 761 <a class="nav-link" href="blog/" data-i18n="nav.articles">Blog</a> 762 </li> 763 <li class="nav-item"> 764 <a class="btn btn-primary-gradient ms-lg-3" href="#contactSection" data-i18n="nav.contact">Nous 765 contacter</a> 766 </li> 767 <li class="nav-item"> 768 <select class="form-select lang-switcher ms-lg-3 mt-3 mt-lg-0" aria-label="Sélecteur de langue" 769 data-i18n-aria-label="features.langswitcher.label"> 770 <option value="fr" selected>ð«ð· FR</option> 771 <option value="en">ð¬ð§ EN</option> 772 <option value="es">ðªð¸ ES</option> 773 <option value="de">ð©ðª DE</option> 774 <option value="nl">ð³ð± NL</option> 775 <option value="pt">ðµð¹ PT</option> 776 <option value="it">ð®ð¹ IT</option> 777 </select> 778 </li> 779 </ul> 780 </div> 781 </div> 782 </nav> 783 784 <main id="main-content"> 785 <!-- Hero Section --> 786 <section id="top" class="hero-section"> 787 <div class="container"> 788 <div class="row align-items-center"> 789 <div class="col-lg-6 hero-content"> 790 <h1 class="display-4 mb-4 fw-bold">
791 <span class="text-gradient">Guideius</span><br> 792 <span data-i18n="hero.title">L'application audioguide pour musées, sites patrimoniaux et offices de 793 tourisme</span> 794 </h1> 795 <p class="lead text-muted mb-3" data-i18n="hero.desc">Déployez des visites audio multilingues avec QR 796 code, GPS, mode hors ligne et statistiques, sans matériel dédié.</p> 797 <p class="lead text-muted mb-3" data-i18n="hero.desc2">Une solution simple à administrer pour vos 798 équipes, fluide et inclusive pour vos visiteurs.</p> 799 <div 800 class="hero-trust-box mt-4 mb-4 p-4 bg-white rounded-4 shadow-sm border d-inline-flex flex-column flex-md-row align-items-start text-start"> 801 <i class="fa-solid fa-rocket text-primary me-md-3 mb-2 mb-md-0 fs-3 d-none d-md-block"></i> 802 <div> 803 <p class="h5 mb-0 text-dark font-weight-bold" style="line-height:1.4"> 804 <span data-i18n="hero.trust.title.line1">Conçue pour les professionnels</span><br> 805 <span data-i18n="hero.trust.title.line2">de la culture et du tourisme</span> 806 </p> 807 <ul class="hero-benefits-list"> 808 <li data-i18n="hero.trust.benefit1">QR code et déclenchement GPS</li> 809 <li data-i18n="hero.trust.benefit2">Mode hors ligne et multi-langue</li> 810 <li data-i18n="hero.trust.benefit3">Sans collecte de données personnelles de vos visiteurs</li> 811 </ul> 812 </div> 813 </div> 814 <div class="d-flex flex-column flex-sm-row gap-3 mb-4 justify-content-center align-items-center"> 815 <a href="nos-fonctionnalites/" class="btn btn-primary-gradient" data-i18n="hero.cta.features">Voir les 816 fonctionnalités</a> 817 <a href="#contactSection" class="btn btn-outline-dark rounded-pill px-4 py-2 fw-semibold" 818 data-i18n="hero.cta.demo">Demander une démo</a> 819 </div> 820 <div 821 class="d-flex flex-column flex-lg-row gap-3 justify-content-center justify-content-lg-start align-items-center"> 822 <a href="https://play.google.com/store/apps/details?id=com.infinia.guideius" title="Google Play" 823 aria-label="Google Play" target="_blank" rel="noopener noreferrer"> 824 <img src="/assets/images/store-badges/fr-google-play.png" alt="Google Play" class="store-badge" 825 width="646" height="250" data-i18n-src="hero.badge.google"> 826 </a> 827 <a href="https://apps.apple.com/fr/app/guideius/id1476293062" title="App Store" aria-label="App Store" 828 target="_blank" rel="noopener noreferrer"> 829 <img src="/assets/images/store-badges/fr-app-store.svg" alt="App Store" class="store-badge" width="135" 830 height="40" data-i18n-src="hero.badge.apple"> 831 </a> 832 <a href="https://webapp.guideius.com/" title="Web App" aria-label="Web App" target="_blank" 833 rel="noopener noreferrer"> 834 <div class="webapp-badge"> 835 <i class="fas fa-globe webapp-icon"></i> 836 <div class="webapp-text"> 837 <span class="webapp-title" data-i18n="hero.badge.webapp.title">Web App</span> 838 </div> 839 </div> 840 </a> 841 </div> 842 </div> 843 <div class="col-lg-6 hero-img-container"> 844 <div class="row g-3 align-items-center"> 845 <div class="col-6"> 846 <picture> 847 <source type="image/avif" 848 srcset="/assets/images/captures-240.avif 240w, /assets/images/captures-360.avif 360w, /assets/images/captures-479.avif 479w" 849 sizes="(max-width: 991px) 46vw, 23vw"> 850 <source type="image/webp" 851 srcset="/assets/images/captures-240.webp 240w, /assets/images/captures-360.webp 360w, /assets/images/captures-479.webp 479w" 852 sizes="(max-width: 991px) 46vw, 23vw"> 853 <img src="assets/images/captures_resized.png" width="479" height="949" 854 class="img-fluid w-100 transparent-media hero-transparent-shot" 855 alt="Captures d'écran de l'application mobile Guideius" fetchpriority="high" decoding="async"> 856 </picture> 857 </div> 858 <div class="col-6"> 859 <picture> 860 861 862 <img src="/assets/images/sectors/tourism-phone.webp" class="img-fluid w-100 mb-3" 863 decoding="async" alt="Visiteurs découvrant une ville historique avec leur smartphone" data-i18n-alt="home.photo.town.alt" width="1280" height="853" loading="lazy"> 864 </picture> 865 <picture> 866 867 868 <img src="/assets/images/sectors/castles-phone.webp" class="img-fluid w-100" 869 decoding="async" alt="Visiteurs dans la cour dâun château avec leur smartphone" data-i18n-alt="home.photo.castle.alt" width="1280" height="853" loading="lazy"> 870 </picture> 871 </div> 872 </div> 873 </div> 874 </div> 875 </div> 876 </section> 877 878 <!-- Section: Professional audiences --> 879 <section id="audiences" class="section-padding audiences-section" aria-labelledby="audiences-title"> 880 <div class="container"> 881 <div class="section-title"> 882 <h2 id="audiences-title" data-i18n="audiences.title">Une solution audioguide adaptée à votre activité</h2> 883 <div class="line"></div> 884 <p class="audiences-intro" data-i18n="audiences.intro">
884Musées, territoires, sites de visite et expériences touristiques : créez des parcours audioguidés multilingues pour faire découvrir vos collections, vos lieux et vos savoir-faire.</p> 885 </div> 886 <div class="audiences-grid"> 887 <article class="audience-card"> 888 <div class="audience-icon"><img src="/assets/images/audiences/museums.svg" width="64" height="64" alt="" loading="lazy" decoding="async"></div> 889 <h3 data-i18n="audiences.museums.title">Musées</h3> 890 <p data-i18n="audiences.museums.desc">Transformez vos collections en parcours audioguidés adaptés aux différents publics.</p> 891 </article> 892 <article class="audience-card"> 893 <div class="audience-icon"><img src="/assets/images/audiences/tourism.svg" width="64" height="64" alt="" loading="lazy" decoding="async"></div> 894 <h3 data-i18n="audiences.tourism.title">Offices de tourisme</h3> 895 <p data-i18n="audiences.tourism.desc">Faites découvrir un territoire en autonomie grâce à des circuits touristiques multimédias.</p> 896 </article> 897 <article class="audience-card"> 898 <div class="audience-icon"><img src="/assets/images/audiences/castles.svg" width="64" height="64" alt="" loading="lazy" decoding="async"></div> 899 <h3><a href="audioguide-chateau-monument/" data-i18n="audiences.castles.title">Châteaux & monuments</a></h3> 900 <p data-i18n="audiences.castles.desc">Faites parler les lieux, leurs personnages et leur histoire au fil de la visite.</p> 901 </article> 902 <article class="audience-card"> 903 <div class="audience-icon"><img src="/assets/images/audiences/rail.svg" width="64" height="64" alt="" loading="lazy" decoding="async"></div> 904 <h3><a href="audioguide-train-touristique-velorail/" data-i18n="audiences.rail.title">Trains touristiques & vélorails</a></h3> 905 <p data-i18n="audiences.rail.desc">Racontez les paysages, les lieux et les patrimoines rencontrés tout au long du trajet.</p> 906 </article> 907 <article class="audience-card"> 908 <div class="audience-icon"><img src="/assets/images/audiences/boats.svg" width="64" height="64" alt="" loading="lazy" decoding="async"></div> 909 <h3><a href="audioguide-balade-bateau/" data-i18n="audiences.boats.title">Balades nautiques</a></h3> 910 <p data-i18n="audiences.boats.desc">Transformez une promenade sur lâeau en visite commentée et multilingue.</p> 911 </article> 912 <article class="audience-card"> 913 <div class="audience-icon"><img src="/assets/images/audiences/wine.svg" width="64" height="64" alt="" loading="lazy" decoding="async"></div> 914 <h3><a href="audioguide-domaine-viticole/" data-i18n="audiences.wine.title">Domaines viticoles</a></h3> 915 <p data-i18n="audiences.wine.desc">Accompagnez la découverte de votre domaine, de votre terroir et de vos savoir-faire viticoles.</p> 916 </article> 917 <article class="audience-card"> 918 <div class="audience-icon"><img src="/assets/images/audiences/farms.svg" width="64" height="64" alt="" loading="lazy" decoding="async"></div> 919 <h3><a href="audioguide-exploitation-agricole/" data-i18n="audiences.farms.title">Exploitations agricoles</a></h3> 920 <p data-i18n="audiences.farms.desc">Présentez votre exploitation et ses métiers lors de visites autonomes ou pédagogiques.</p> 921 </article> 922 <article class="audience-card"> 923 <div class="audience-icon"><img src="/assets/images/audiences/industry.svg" width="64" height="64" alt="" loading="lazy" decoding="async"></div> 924 <h3><a href="audioguide-visite-entreprise/" data-i18n="audiences.industry.title">Visites dâentreprises</a></h3> 925 <p data-i18n="audiences.industry.desc">Faites comprendre un métier, un procédé de fabrication ou un patrimoine industriel.</p> 926 </article> 927 </div> 928 <div class="text-center mt-4"> 929 <a href="#contactSection" class="btn btn-primary-gradient" data-i18n="audiences.cta">Parlons de votre projet de visite</a> 930 </div> 931 </div> 932 </section> 933 934 <!-- Section: Partner --> 935 <section class="section-padding bg-light"> 936 <div class="container"> 937 <div class="row justify-content-center text-center"> 938 <div class="col-lg-10" data-aos="fade-up"> 939 <h2 class="h4 mb-4" data-i18n="partner.title">Nous sommes soutenus par</h2> 940 <div class="d-flex flex-wrap align-items-center justify-content-center gap-5" role="list" aria-label="Partenaires et soutiens"> 941 <a href="https://www.louvrelensvallee.com" target="_blank" rel="noopener noreferrer" 942 title="Louvre Lens Vallée" class="d-inline-flex align-items-center"> 943 <img src="/assets/images/partners/louvre-lens-vallee.svg" width="150" height="83" 944 alt="Louvre Lens Vallée" loading="lazy" decoding="async"> 945 </a> 946 <a href="https://www.hautsdefranceinnovationtourisme.com" target="_blank" 947 rel="noopener noreferrer" title="Hauts-de-France Innovation Tourisme"
947class="d-inline-flex align-items-center"> 948 <svg width="198" height="83" viewBox="0 0 198 83" fill="none"> 949 <path fill="#000000" 950 d="M34.0968 27.852H17.6151V0H0V32.2576C0 39.5574 5.91686 45.4743 13.2167 45.4743C5.91686 45.4743 0 51.3911 0 58.691V82.9929H17.6223V45.4814H25.2928C29.5273 45.4814 32.9633 48.9175 32.9633 53.1519V83H50.5856V44.3479C50.5856 35.2445 43.2073 27.8663 34.1039 27.8663M61.4498 82.9857H79.0721V25.5779H61.4854V0H44.3693V16.7668C44.3693 21.6357 48.3115 25.5779 53.1804 25.5779H61.4498V82.9857ZM119.884 25.5779V16.7668H104.108V0H95.2971C90.4281 0 86.486 3.9422 86.486 8.81113V82.9857H104.108V34.3891H111.073C115.942 34.3891 119.884 30.4469 119.884 25.5779Z"> 951 </path> 952 <g class="baseline"> 953 <path fill="#000000" 954 d="M161.716 82.8291V82.0592H159.163V78.8655H161.231V78.01H159.163V75.187H161.716V74.4029H158.009V82.8291H161.716ZM151.407 82.8291V76.1565L153.018 82.8291H153.788L155.399 76.1565V82.8291H156.369V74.4029H155.072L153.403 80.8758L151.764 74.4029H150.424V82.8291H151.407ZM148.05 82.7079C148.385 82.5582 148.649 82.3158 148.841 81.9665C149.033 81.6172 149.126 81.1538 149.126 80.5764C149.126 80.0631 149.062 79.671 148.941 79.393C148.82 79.115 148.627 78.894 148.363 78.7158C148.1 78.5376 147.757 78.3736 147.33 78.2096C147.08 78.117 146.845 78.01 146.624 77.9031C146.403 77.7962 146.218 77.6393 146.082 77.4326C145.947 77.2259 145.875 76.9478 145.875 76.5985C145.875 76.1423 145.954 75.8072 146.118 75.5862C146.282 75.3653 146.546 75.2583 146.916 75.2583C147.266 75.2583 147.529 75.3653 147.7 75.5862C147.871 75.8072 147.957 76.1352 147.957 76.5843V77.2401H149.041V76.2849C149.041 75.6789 148.855 75.2084 148.485 74.8805C148.114 74.5526 147.593 74.3886 146.916 74.3886C146.382 74.3886 145.961 74.467 145.647 74.631C145.334 74.795 145.106 75.0373 144.97 75.3653C144.835 75.6932 144.763 76.1138 144.763 76.627C144.763 77.0619 144.828 77.4255 144.949 77.7177C145.07 78.01 145.255 78.2453 145.49 78.4235C145.726 78.6017 146.004 78.7585 146.317 78.894C146.688 79.0437 146.995 79.1863 147.244 79.3075C147.494 79.4286 147.679 79.5926 147.8 79.7993C147.921 80.0061 147.986 80.3126 147.986 80.7189C147.986 81.2821 147.879 81.6671 147.672 81.8809C147.465 82.0948 147.194 82.2017 146.873 82.2017C146.674 82.2017 146.496 82.1518 146.332 82.0592C146.168 81.9665 146.047 81.7954 145.961 81.553C145.875 81.3106 145.833 80.9685 145.833 80.5193V79.9633H144.706V80.4481C144.706 81.0825 144.792 81.5815 144.963 81.9451C145.134 82.3087 145.384 82.5582 145.704 82.7079C146.025 82.8576 146.41 82.9289 146.859 82.9289C147.308 82.9289 147.715 82.8576 148.05 82.7079ZM143.409 74.4029H142.311V82.8291H143.409V74.4029ZM137.521 75.0302H138.775C139.089 75.0302 139.317 75.1086 139.467 75.2655C139.616 75.4223 139.688 75.6647 139.688 75.9997V77.1118C139.688 77.4825 139.609 77.7605 139.452 77.953C139.296 78.1455 139.025 78.2381 138.633 78.2381H137.521V75.0302ZM137.521 82.8291V79.0223H138.405C138.633 79.0223 138.804 79.1221 138.911 79.3217C139.018 79.5213 139.11 79.7494 139.174 80.0061L139.902 82.8291H141.128L140.287 79.9348C140.172 79.5356 140.044 79.2433 139.894 79.0508C139.745 78.8583 139.517 78.7585 139.203 78.7372C139.695 78.7158 140.08 78.5732 140.358 78.2952C140.636 78.0171 140.771 77.6393 140.771 77.1546V75.8144C140.7
95471 75.3367 140.629 74.9874 140.336 74.7522C140.044 74.5169 139.652 74.4029 139.146 74.4029H136.38V82.8291H137.521ZM133.486 82.9289C133.749 82.879 133.985 82.7863 134.177 82.6508C134.37 82.5154 134.526 82.3087 134.633 82.0306C134.74 81.7526 134.797 81.3962 134.797 80.9471V74.4029H133.714V81.2037C133.714 81.5102 133.664 81.7384 133.564 81.8952C133.464 82.052 133.329 82.159 133.165 82.216C133.001 82.273 132.823 82.3015 132.63 82.3015C132.438 82.3015 132.267 82.273 132.103 82.216C131.939 82.159 131.81 82.052 131.711 81.8952C131.611 81.7384 131.561 81.5102 131.561 81.2037V74.4029H130.449V80.9471C130.449 81.4033 130.506 81.7669 130.62 82.0378C130.734 82.3087 130.891 82.5154 131.083 82.6508C131.276 82.7863 131.511 82.879 131.775 82.9289C132.039 82.9788 132.324 83.0001 132.63 83.0001C132.937 83.0001 133.222 82.9788 133.486 82.9289ZM126.229 82.2445C126.065 82.1875 125.936 82.0734 125.844 81.9095C125.751 81.7455 125.701 81.496 125.701 81.1609V76.1423C125.701 75.8215 125.751 75.572 125.844 75.408C125.936 75.2441 126.065 75.13 126.229 75.073C126.393 75.0159 126.578 74.9874 126.799 74.9874C127.02 74.9874 127.212 75.0159 127.376 75.073C127.54 75.13 127.676 75.2441 127.768 75.408C127.861 75.572 127.911 75.8215 127.911 76.1423V81.1609C127.911 81.496 127.861 81.7455 127.768 81.9095C127.676 82.0734 127.54 82.1875 127.376 82.2445C127.212 82.3015 127.02 82.33 126.799 82.33C126.578 82.33 126.393 82.3015 126.229 82.2445ZM127.94 82.8504C128.275 82.7506 128.531 82.5439 128.724 82.2374C128.916 81.9308 129.009 81.4532 129.009 80.8187V76.1708C129.009 75.6504 128.916 75.2512 128.724 74.9874C128.531 74.7237 128.275 74.5383 127.947 74.4385C127.619 74.3387 127.241 74.2888 126.813 74.2888C126.385 74.2888 126.008 74.3387 125.68 74.4314C125.352 74.5241 125.095 74.7094 124.903 74.9803C124.71 75.2512 124.618 75.6504 124.618 76.1708V80.8187C124.618 81.4461 124.71 81.9166 124.903 82.2302C125.095 82.5439 125.352 82.7506 125.673 82.8504C125.993 82.9502 126.371 83.0001 126.799 83.0001C127.227 83.0001 127.604 82.9502 127.94 82.8504ZM122.379 82.8291V75.187H123.791V74.4029H119.884V75.187H121.281V82.8291H122.379Z"> 955 </path> 956 <path fill="#000000" 957 d="M165.051 70.7102V64.7933L167.432 70.7102H168.416V62.284H167.432V68.4717L165.037 62.284H164.068V70.7102H165.051ZM159.79 70.1256C159.626 70.0686 159.498 69.9545 159.405 69.7906C159.313 69.6266 159.263 69.3771 159.263 69.042V64.0234C159.263 63.7026 159.313 63.4531 159.405 63.2891C159.498 63.1252 159.626 63.0111 159.79 62.9541C159.954 62.8971 160.14 62.8685 160.361 62.8685C160.582 62.8685 160.774 62.8971 160.938 62.9541C161.102 63.0111 161.237 63.1252 161.33 63.2891C161.423 63.4531 161.473 63.7026 161.473 64.0234V69.042C161.473 69.3771 161.423 69.6266 161.33 69.7906C161.237 69.9545 161.102 70.0686 160.938 70.1256C160.774 70.1826 160.582 70.2111 160.361 70.2111C160.14 70.2111 159.954 70.1826 159.79 70.1256ZM161.501 70.7315C161.836 70.6317 162.093 70.425 162.285 70.1185C162.478 69.8119 162.571 69.3343 162.571 68.6999V64.0519C162.571 63.5315 162.478 63.1323 162.285 62.8685C162.093 62.6048 161.836 62.4194 161.508 62.3196C161.18 62.2198 160.803 62.1699 160.375 62.1699C159.947 62.1699 159.569 62.2198 159.241 62.3125C158.913 62.4052 158.657 62.5905 158.464 62.8614C158.272 63.1323 158.179 63.5315 158.179 64.0519V68.6999C158.179 69.3272 158.272 69.7977 158.464 70.1113C158.657 70.425 158.913 70.6317 159.234 70.7315C159.555 70.8314 159.933 70.8813 160.361 70.8813C160.788 70.8813 161.166 70.8314 161.501 70.7315ZM156.682 62.284H155.584V70.7102H156.682V62.284ZM153.218 70.7102V63.0681H154.629V62.284H150.723V63.0681H152.12V70.7102H153.218ZM147.871 63.4816L148.755 68.2864H146.973L147.871 63.4816ZM146.559 70.7102L146.93 68.8567H148.784L149.183 70.7102H150.395L148.641 62.284H147.158L145.39 70.7102H146.559ZM143.408 70.7102L144.948 62.284H143.865L142.681 69.3842H142.71L141.555 62.284H140.429L141.954 70.7102H143.408ZM136.707 70.1256C136.543 70.0686 136.415 69.9545 136.322 69.7906C136.23 69.6266 136.18 69.3771 136.18 69.042V64.0234C136.18 63.7026 136.23 63.4531 136.322 63.2891C136.415 63.1252 136.543 63.0111 136.707 62.9541C136.871 62.8971 137.057 62.8685 137.278 62.8685C137.499 62.8685 137.691 62.8971 137.855 62.9541C138.019 63.0111 138.155 63.1252 138.247 63.2891C138.34 63.4531 138.39 63.7026 138.39 64.0234V69.042C138.39 69.3771 138.34 69.6266 138.247 69.7906C138.155 69.9545 138.019 70.0686 137.855 70.1256C137.691 70.1826 137.499 70.2111 137.278 70.2111C137.057 70.2111 136.871 70.1826 136.707 70.1256ZM138.418 70.7315C138.753 70.6317 139.01 70.425 139.203 70.1185C139.395 69.8119 139.488 69.3343 139.488 68.6999V64.0519C139.488 63.5315 139.395 63.1323 139.203 62.8685C139.01 62.6048 138.753 62.4194 138.425 62.3196C138.098 62.2198 137.72 62.1699 137.292 62.1699C136.864 62.1699 136.486 62.2198 136.159 62.3125C135.831 62.4052 135.574 62.5905 135.382 62.8614C135.189 63.1323 135.096 63.5315 135.096 64.0519V68.6999C135.096 69.3272 135.189 69.7977 135.382 70.1113C135.574 70.425 135.831 70.6317 136.151 70.7315C136.472 70.8314 136.85 70.8813 137.278 70.8813C137.705 70.8813 138.083 70.8314 138.418 70.7315ZM130.235 70.7102V64.7933L132.616 70.7102H133.599V62.284H132.616V68.4717L130.22 62.284H129.251V70.7102H130.235ZM124.261 70.7102V64.7933L126.642 70.7102H127.625V62.284H126.642V68.4717L124.246 62.284H123.277V70.7102H124.261ZM121.652 62.284H120.554V70.7102H121.652V62.284Z"> 958 </path> 959 <path fill="#000000" 960 d="M197.772 58.5913V57.8214H195.22V54.6277H197.288V53.7722H195.22V50.9492H197.772V50.1651H194.065V58.5913H197.772ZM191.599 58.6127C191.92 58.5128 192.176 58.3061 192.362 57.9996C192.547 57.693 192.64 57.2154 192.64 56.581V55.5544H191.542V56.9231C191.542 57.2653 191.492 57.522 191.399 57.6859C191.307 57.8499 191.178 57.9639 191.021 58.0138C190.865 58.0637 190.679 58.0923 190.458 58.0923C190.237 58.0923 190.066 58.0637 189.902 58.0138C189.738 57.9639 189.617 57.8499 189.524 57.6859C189.432 57.522 189.389 57.2653 189.389 56.9231V51.9045C189.389 51.5623 189.432 51.3057 189.524 51.1417C189.617 50.9778 189.738 50.8637 189.902 50.8138C190.066 50.7639 190.251 50.7354 190.458 50.7354C190.665 50.7354 190.85 50.7639 191.014 50.8138C191.178 50.8637 191.307 50.9778 191.399 51.1417C191.492 51.3057 191.542 51.5623 191.542 51.9045V53.4728H192.64V51.933C192.64 51.4126 192.547 51.0134 192.362 50.7496C192.176 50.4859 191.927 50.3005 191.606 50.2007C191.285 50.1009 190.907 50.051 190.472 50.051C190.038 50.051 189.66 50.1009 189.325 50.193
9606C188.99 50.2863 188.726 50.4716 188.533 50.7425C188.341 51.0134 188.248 51.4126 188.248 51.933V56.581C188.248 57.2083 188.341 57.6788 188.533 57.9924C188.726 58.3061 188.983 58.5128 189.318 58.6127C189.653 58.7125 190.03 58.7624 190.458 58.7624C190.886 58.7624 191.278 58.7125 191.599 58.6127ZM183.386 58.5913V52.6744L185.767 58.5913H186.751V50.1651H185.767V56.3528L183.372 50.1651H182.403V58.5913H183.386ZM178.881 51.3627L179.765 56.1675H177.983L178.881 51.3627ZM177.569 58.5913L177.94 56.7378H179.794L180.193 58.5913H181.405L179.651 50.1651H178.168L176.4 58.5913H177.569ZM172.237 50.7924H173.492C173.805 50.7924 174.034 50.8708 174.183 51.0277C174.333 51.1845 174.404 51.4269 174.404 51.7619V52.874C174.404 53.2447 174.326 53.5227 174.169 53.7152C174.012 53.9077 173.741 54.0004 173.349 54.0004H172.237V50.7924ZM172.237 58.5913V54.7845H173.121C173.349 54.7845 173.52 54.8843 173.627 55.0839C173.734 55.2835 173.827 55.5116 173.891 55.7683L174.618 58.5913H175.844L175.003 55.697C174.889 55.2978 174.761 55.0055 174.611 54.813C174.461 54.6206 174.233 54.5207 173.92 54.4994C174.411 54.478 174.796 54.3354 175.074 54.0574C175.352 53.7794 175.488 53.4015 175.488 52.9168V51.5766C175.488 51.099 175.345 50.7496 175.053 50.5144C174.761 50.2791 174.369 50.1651 173.862 50.1651H171.097V58.5913H172.237ZM167.504 58.5913V54.6277H169.571V53.7722H167.504V50.9492H170.056V50.1651H166.349V58.5913H167.504ZM164.937 54.3853H162.029V55.1552H164.937V54.3853ZM161.102 58.5913V57.8214H158.55V54.6277H160.617V53.7722H158.55V50.9492H161.102V50.1651H157.395V58.5913H161.102ZM152.633 50.8209H153.831C154.123 50.8209 154.358 50.8993 154.529 51.0633C154.7 51.2273 154.786 51.5267 154.786 51.9758V56.8376C154.786 57.2867 154.7 57.5861 154.529 57.7501C154.358 57.914 154.123 57.9924 153.831 57.9924H152.633V50.8209ZM153.988 58.5913C154.38 58.5913 154.715 58.5414 154.993 58.4344C155.271 58.3275 155.492 58.1421 155.649 57.8784C155.805 57.6146 155.884 57.2439 155.884 56.7663V51.8475C155.884 51.4411 155.812 51.1132 155.677 50.8637C155.542 50.6142 155.342 50.436 155.085 50.329C154.829 50.2221 154.508 50.1651 154.13 50.1651H151.492V58.5913H153.988ZM150.081 54.3853H147.172V55.1552H150.081V54.3853ZM145.012 58.4701C145.347 58.3204 145.611 58.078 145.804 57.7287C145.996 57.3794 146.089 56.916 146.089 56.3386C146.089 55.8253 146.025 55.4332 145.904 55.1552C145.782 54.8772 145.59 54.6562 145.326 54.478C145.062 54.2998 144.72 54.1358 144.292 53.9718C144.043 53.8792 143.808 53.7722 143.587 53.6653C143.366 53.5584 143.18 53.4015 143.045 53.1948C142.909 52.9881 142.838 52.71 142.838 52.3607C142.838 51.9045 142.917 51.5694 143.081 51.3485C143.245 51.1275 143.508 51.0205 143.879 51.0205C144.228 51.0205 144.492 51.1275 144.663 51.3485C144.834 51.5694 144.92 51.8974 144.92 52.3465V53.0023H146.003V52.0471C146.003 51.4411 145.818 50.9706 145.447 50.6427C145.077 50.3148 144.556 50.1508 143.879 50.1508C143.344 50.1508 142.924 50.2292 142.61 50.3932C142.296 50.5572 142.068 50.7995 141.933 51.1275C141.797 51.4554 141.726 51.876 141.726 52.3893C141.726 52.8241 141.79 53.1877 141.911 53.48C142.033 53.7722 142.218 54.0075 142.453 54.1857C142.688 54.3639 142.966 54.5207 143.28 54.6562C143.651 54.8059 143.957 54.9485 144.207 55.0697C144.456 55.1909 144.642 55.3548 144.763 55.5615C144.884 55.7683 144.948 56.0748 144.948 56.4812C144.948 57.0443 144.841 57.4293 144.635 57.6431C144.428 57.857 144.157 57.9639 143.836 57.9639C143.637 57.9639 143.458 57.914 143.294 57.8214C143.13 57.7287 143.009 57.5576 142.924 57.3152C142.838 57.0728 142.795 56.7307 142.795 56.2815V55.7255H141.669V56.2103C141.669 56.8447 141.755 57.3437 141.926 57.7073C142.097 58.0709 142.346 58.3204 142.667 58.4701C142.988 58.6198 143.373 58.6911 143.822 58.6911C144.271 58.6911 144.677 58.6198 145.012 58.4701ZM139.63 58.5913V50.9492H141.042V50.1651H137.135V50.9492H138.532V58.5913H139.63ZM134.911 58.6911C135.175 58.6412 135.41 58.5485 135.602 58.413C135.795 58.2776 135.952 58.0709 136.059 57.7928C136.166 57.5148 136.223 57.1584 136.223 56.7093V50.1651H135.139V56.9659C135.139 57.2724 135.089 57.5006 134.989 57.6574C134.89 57.8142 134.754 57.9212 134.59 57.9782C134.426 58.0352 134.248 58.0637 134.056 58.0637C133.863 58.0637 133.692 58.0352 133.528 57.9782C133.364 57.9212 133.236 57.8142 133.136 57.6574C133.036 57.5006 132.986 57.2724 132.986 56.9659V50.1651H131.874V56.7093C131.874 57.1655 131.931 57.5291 132.045 57.8
960C132.159 58.0709 132.316 58.2776 132.509 58.413C132.701 58.5485 132.936 58.6412 133.2 58.6911C133.464 58.741 133.749 58.7624 134.056 58.7624C134.362 58.7624 134.647 58.741 134.911 58.6911ZM128.41 51.3627L129.294 56.1675H127.511L128.41 51.3627ZM127.098 58.5913L127.469 56.7378H129.322L129.721 58.5913H130.933L129.179 50.1651H127.697L125.929 58.5913H127.098ZM121.652 58.5913V54.6134H123.833V58.5913H124.931V50.1651H123.833V53.7865H121.652V50.1651H120.554V58.5913H121.652Z"> 961 </path> 962 </g> 963 </svg> 964 </a> 965 </div> 966 </div> 967 </div> 968 </div> 969 </section> 970 971 <!-- About Section --> 972 <section id="about" class="section-padding bg-white"> 973 <div class="container"> 974 <div class="section-title" data-aos="fade-up"> 975 <span data-i18n="about.subtitle">Histoire et valeurs</span> 976 <h2 data-i18n="about.title">Nos engagements & Ambitions</h2> 977 <div class="line"></div> 978 </div> 979 980 <div class="row align-items-center"> 981 <div class="col-lg-5 mb-5 mb-lg-0" data-aos="fade-right"> 982 <picture> 983 984 985 <img src="/assets/images/sectors/castles-phone.webp" 986 alt="Visiteurs dans la cour dâun château avec leur smartphone" data-i18n-alt="about.image.alt" 987 class="img-fluid rounded-4 shadow-lg" decoding="async" width="1280" height="853" loading="lazy"> 988 </picture> 989 </div> 990 <div class="col-lg-7 ps-lg-5" data-aos="fade-left"> 991 <p class="lead mb-4" data-i18n="about.text1"> 992 Nous sommes deux passionnés de patrimoine, toujours en quête de découvertes. Explorer les 993 lieux 994 chargés dâhistoire, décrypter les dynamiques qui ont façonné notre monde : câest ce qui nous 995 anime ! 996 </p> 997 <p class="mb-4 text-muted" data-i18n="about.text2">Fort d'une approche innovante et inclusive, 998 Guideius sâengage aujourdâhui à poursuivre des objectifs ambitieux, tant au service des 999 gestionnaires de sites que de leurs visiteurs.</p> 1000 1001 <div class="row g-4"> 1002 <div class="col-md-6"> 1003 <div class="feature-card p-4"> 1004 <i class="fas fa-book-open text-primary fs-2 mb-3"></i> 1005 <h3 class="h5 fw-bold" data-i18n="feature.knowledge.title">Connaissance</h3> 1006 <p class="small text-muted mb-0" data-i18n="feature.knowledge.desc">Encourager la 1007 diffusion de la connaissance et du savoir.</p> 1008 </div> 1009 </div> 1010 <div class="col-md-6"> 1011 <div class="feature-card p-4"> 1012 <i class="fa-brands fa-accessible-icon text-primary fs-2 mb-3"></i> 1013 <h3 class="h5 fw-bold" data-i18n="feature.access.title">Accessibilité</h3> 1014 <p class="small text-muted mb-0" data-i18n="feature.access.desc">Booster lâaccès à 1015 la culture et au patrimoine grâce à une application smartphone nouvelle 1016 génération gratuite et facile dâutilisation.</p> 1017 </div> 1018 </div> 1019 <div class="col-md-6"> 1020 <div class="feature-card p-4"> 1021 <i class="fas fa-hands-helping text-primary fs-2 mb-3"></i> 1022 <h3 class="h5 fw-bold" data-i18n="feature.engagement.title">Engagement</h3> 1023 <p class="small text-muted mb-0" data-i18n="feature.engagement.desc">Valoriser 1024 lâengagement des passionnés qui font vivre le patrimoine, professionnels et 1025 bénévoles grâce à qui les visites les plus insolites sont possibles !</p> 1026 </div> 1027 </div> 1028 <div class="col-md-6"> 1029 <div class="feature-card p-4"> 1030 <i class="fas fa-globe-europe text-primary fs-2 mb-3"></i> 1031 <h3 class="h5 fw-bold" data-i18n="feature.radiance.title">Rayonnement</h3> 1032 <p class="small text-muted mb-0" data-i18n="feature.radiance.desc">Contribuer au 1033 rayonnement culturel des territoires tout en soutenant leur
1033s efforts de 1034 développement économique par le tourisme.</p> 1035 </div> 1036 </div> 1037 </div> 1038 </div> 1039 </div> 1040 </div> 1041 </section> 1042 1043 <!-- Contact Section --> 1044 1045 <!-- Concrete Section --> 1046 <section id="concrete" class="section-padding" 1047 style="background: linear-gradient(to bottom right, #ffffff, var(--light-bg));"> 1048 <div class="container"> 1049 <div class="section-title" data-aos="fade-up"> 1050 <h2 data-i18n="concrete.title">Guideius, c'est quoi concrètement ?</h2> 1051 <div class="line"></div> 1052 </div> 1053 1054 <div class="row g-4 justify-content-center"> 1055 <div class="col-lg-6" data-aos="fade-right"> 1056 <div class="feature-card p-5 h-100 text-center"> 1057 <div class="feature-icon mx-auto mb-4"> 1058 <i class="fas fa-mobile-alt fa-3x"></i> 1059 </div> 1060 <p class="lead mb-0" data-i18n="concrete.app.desc">Une solution disponible sous format 1061 applicatif ou web app, disponible gratuitement pour vos visiteurs sur leurs smartphones, 1062 tablettes ou ordinateurs.</p> 1063 </div> 1064 </div> 1065 <div class="col-lg-6" data-aos="fade-left"> 1066 <div class="feature-card p-5 h-100 text-center"> 1067 <div class="feature-icon mx-auto mb-4"> 1068 <i class="fas fa-cloud fa-3x"></i> 1069 </div> 1070 <p class="lead mb-0"> 1071 <span data-i18n="concrete.saas.part1">Une solution </span> 1072 <a href="https://fr.wikipedia.org/wiki/Logiciel_en_tant_que_service" target="_blank" 1073 class="fw-bold text-primary text-decoration-none" data-i18n-href="concrete.saas.wiki" 1074 title="Logiciel en tant que service" aria-label="Logiciel en tant que service" 1075 data-i18n-title="concrete.saas.tooltip" rel="noopener noreferrer">SaaS</a> 1076 <span data-i18n="concrete.saas.part2"> pour les concepteurs des parcours, intuitive et 1077 simple d'utilisation et à portée de tous les niveaux d'usage des outils 1078 numériques.</span> 1079 </p> 1080 </div> 1081 </div> 1082 </div> 1083 </div> 1084 </section> 1085 <section id="contactSection" class="section-padding" 1086 style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white;"> 1087 <div class="container"> 1088 <div class="row justify-content-center"> 1089 <div class="col-lg-8 text-center" data-aos="fade-up"> 1090 <h2 class="display-4 fw-bold mb-4" data-i18n="contact.title">Prêt à franchir le pas ?</h2> 1091 <p class="lead mb-5 opacity-75" data-i18n="contact.desc">Contactez-nous pour une démonstration 1092 ou 1093 pour discuter de votre projet.</p> 1094 1095 <div class="row justify-content-center g-4 mb-5"> 1096 <div class="col-md-4"> 1097 <a href="mailto:[email protected]" class="text-decoration-none text-white d-block h-100"> 1098 <div 1099 class="p-3 border border-light rounded bg-white bg-opacity-10 h-100 d-flex flex-column justify-content-center" 1100 style="min-height: 132px;"> 1101 <i class="fas fa-envelope fs-2 mb-3"></i> 1102 <p class="mb-0">[email protected]</p> 1103 </div> 1104 </a> 1105 </div> 1106 <div class="col-md-4"> 1107 <a href="https://fr.linkedin.com/company/guideius" target="_blank" rel="noopener noreferrer" 1108 class="text-decoration-none text-white d-block h-100"> 1109 <div 1110 class="p-3 border border-light rounded bg-white bg-opacity-10 h-100 d-flex flex-column justify-content-center" 1111 style="min-height: 132px;"> 1112 <i class="fab fa-linkedin fs-2 mb-3"></i> 1113 <p class="mb-0" data-i18n="contact.linkedin">Suivez-nous sur LinkedIn</p> 1114 </div> 1115 </a> 1116 </div> 1117 <!-- fr-only:start --> 1118 <div class="col-md-4"> 1119 <a href="https://meet.brevo.com/guideius" target="_blank" rel="noopener noreferrer" 1120 class="text-decoration-none text-white d-block h-100"> 1121 <div 1122 class="p-3 border border-light rounded bg-white bg-opacity-10 h-100 d-flex flex-column justify-content-center" 1123 style="min-height: 132px;"> 1124 <i class="fa-regular fa-calendar-check fs-2 mb-3"></i> 1125 <p class="mb-0">Prendre rendez-vous avec nous</p> 1126 </div> 1127 </a> 1128 </div> 1129 <!-- fr-only:end --> 1130 </div> 1131 1132 <form id="contact" action="" method="post" class="bg-white p-5 rounded-4 shadow-lg text-dark text-start" 1133 data-form-backend="forminit" data-form-origin="page-accueil"> 1134 <input type="hidden" name="fi-url-pageUrl" value=""> 1135 <div class="row g-3"> 1136 <div class="col-md-6"> 1137 <label class="form-label fw-bold" for="contact-name" data-i18n="contact.form.name">Nom</label> 1138 <input type="text" id="contact-name" name="fi-sender-fullName" 1139 class="form-control bg-light border-0 p-3" autocomplete="name" required> 1140 </div> 1141 <div class="col-md-6"> 1142 <label class="form-label fw-bold" for="contact-email" data-i18n="contact.form.email">Email</label> 1143 <input type="email" id="contact-email" name="fi-sender-email" 1144 class="form-control bg-light border-0 p-3" autocomplete="email" inputmode="email" required> 1145 </div> 1146 <div class="col-md-6"> 1147 <label class="form-label fw-bold" for="contact-structure" 1148 data-i18n="contact.form.structure">
1148Structure</label> 1149 <input type="text" id="contact-structure" name="fi-sender-company" 1150 class="form-control bg-light border-0 p-3" autocomplete="organization"> 1151 </div> 1152 <div class="col-md-6"> 1153 <label class="form-label fw-bold" for="contact-phone" data-i18n="contact.form.phone">Téléphone</label> 1154 <input type="tel" id="contact-phone" name="fi-text-telephone" 1155 class="form-control bg-light border-0 p-3" autocomplete="tel" inputmode="tel"> 1156 </div> 1157 <div class="col-12"> 1158 <label class="form-label fw-bold" for="contact-message" 1159 data-i18n="contact.form.message">Message</label> 1160 <textarea id="contact-message" name="fi-text-message" class="form-control bg-light border-0 p-3" 1161 rows="4" required></textarea> 1162 </div> 1163 <div class="col-12 mt-4"> 1164 <button type="submit" class="btn btn-primary-gradient w-100 py-3" data-i18n="contact.btn">Envoyer le 1165 message</button> 1166 </div> 1167 </div> 1168 <div id="result" class="mt-3 text-center" aria-live="polite" role="status"></div> 1169 </form> 1170 </div> 1171 </div> 1172 </div> 1173 </section> 1174 1175 <!-- Ethics Section --> 1176 <section id="ethique" class="section-padding bg-white"> 1177 <div class="container"> 1178 <div class="row justify-content-center"> 1179 <div class="col-lg-8 text-center" data-aos="fade-up"> 1180 <div class="section-title"> 1181 <span data-i18n="ethics.subtitle">Notre éthique</span> 1182 <h2 data-i18n="ethics.title">Transparence & Ãthique</h2> 1183 <div class="line"></div> 1184 </div> 1185 <p class="lead text-muted" data-i18n="ethics.desc"> 1186 La question des données personnelles est aujourd'hui devenue un sujet majeur pour beaucoup d'acteurs qui
1187 souhaitent mettre en place un service applicatif à destination de leurs usagers et qui souhaitent assurer 1188 l'intégrité de leurs données numériques. C'est notre conviction, l'outil numérique doit être « éthique » 1189 et « transparent », à fortiori quand il est déployé par les pouvoirs publics. 1190 </p> 1191 </div> 1192 </div> 1193 <div class="row mt-5"> 1194 <div class="col-md-4" data-aos="fade-up" data-aos-delay="50"> 1195 <div class="feature-card text-center"> 1196 <div class="feature-icon mx-auto"> 1197 <i class="fas fa-user-shield"></i> 1198 </div> 1199 <h3 class="h4" data-i18n="ethics.privacy.title">Respect de la vie privée</h3> 1200 <p class="text-muted" data-i18n="ethics.privacy.desc">Aucune collecte de données 1201 personnelles de vos visiteurs. Leur vie privée est notre priorité.</p> 1202 </div> 1203 </div> 1204 <div class="col-md-4" data-aos="fade-up" data-aos-delay="100"> 1205 <div class="feature-card text-center"> 1206 <div class="feature-icon mx-auto"> 1207 <i class="fas fa-database"></i> 1208 </div> 1209 <h3 class="h4" data-i18n="ethics.sovereignty.title">Souveraineté des données</h3> 1210 <p class="text-muted" data-i18n="ethics.sovereignty.desc">Hébergement en France et en 1211 Europe. 1212 Nous garantissons la sécurité et la souveraineté de vos informations.</p> 1213 </div> 1214 </div> 1215 <div class="col-md-4" data-aos="fade-up" data-aos-delay="150"> 1216 <div class="feature-card text-center"> 1217 <div class="feature-icon mx-auto"> 1218 <i class="fas fa-hand-holding-heart"></i> 1219 </div> 1220 <h3 class="h4" data-i18n="ethics.ethical.title">Approche éthique</h3> 1221 <p class="text-muted" data-i18n="ethics.ethical.desc">Un modèle économique transparent, sans 1222 publicité ni revente de données.</p> 1223 </div> 1224 </div> 1225 </div> 1226 </div> 1227 </section> 1228 1229 <!-- Services Section --> 1230 <section id="services" class="section-padding" 1231 style="background: linear-gradient(to bottom right, #ffffff, var(--light-bg));"> 1232 <div class="container"> 1233 <div class="section-title" data-aos="fade-up"> 1234 <span data-i18n="services.subtitle">Ce que nous offrons</span> 1235 <h2 data-i18n="services.title">Nos Fonctionnalités</h2> 1236 <div class="line"></div> 1237 </div> 1238 1239 <!-- Intro Text --> 1240 <div class="row justify-content-center mb-5" data-aos="fade-up"> 1241 <div class="col-lg-10 text-center"> 1242 <p class="h5 mb-4 fw-normal lh-base" data-i18n="services.intro1">Vous êtes un office de tourisme, 1243 un 1244 musée, une association de sauvegarde du patrimoine ? Vous souhaitez offrir à vos visiteurs 1245 une 1246 application de visite intuitive qui leur permettra de tout connaître de vos monuments, de 1247 vos 1248 collections et de vos évènements ?</p> 1249 <p class="h5 mb-4 fw-bold text-primary" data-i18n="services.intro2">Avec Guideius, accompagnez vos 1250 visiteurs avant, pendant et après la découverte de vos parcours numériques audioguidés ! 1251 </p> 1252 <p class="small text-muted mt-4 mb-0"> 1253 <a href="nos-fonctionnalites/" class="fw-semibold text-decoration-underline link-offset-2" 1254 data-i18n="services.links.audioGuide">Découvrez le détail des fonctionnalités de notre application 1255 audioguide pour musées, sites patrimoniaux et offices de tourisme</a> 1256 <span class="d-block mt-2"> 1257 <a href="audioguide-musee/" 1258 class="fw-semibold text-decoration-underline link-offset-2" 1259 data-i18n="features.museum.link" data-museum-home-link="true">Découvrir notre application 1260 d'audioguide pour votre musée</a> 1261 </span> 1262 </p> 1263 </div> 1264 </div> 1265 1266 <div class="row g-4"> 1267 <!-- Voice --> 1268 <div class="col-lg-6" data-aos="fade-up" data-aos-delay="50"> 1269 <div class="feature-card h-100"> 1270 <div class="d-flex align-items-start"> 1271 <div class="feature-icon flex-shrink-0 me-4"> 1272 <i class="fas fa-headphones-alt"></i> 1273 </div> 1274 <div> 1275 <h3 class="h4 mb-3" data-i18n="services.voice.title">Synthèse Vocale</h3> 1276 <p class="text-muted mb-0" data-i18n="services.voice.desc">Une voix de synthèse 1277 vocale 1278 assistée par l'intelligence artificielle qui permet d'obtenir un rendu naturel 1279 et 1280 confortable pour vos visiteurs. Il vous est toutefois possible d'enregistrer vos 1281 audios si vous ne souhaitiez pas avoir recours à la voix de synthèse vocale.</p> 1282 </div> 1283 </div> 1284 </div> 1285 </div> 1286 1287 <!-- Translation --> 1288 <div class="col-lg-6" data-aos="fade-up" data-aos-delay="100"> 1289 <div class="feature-card h-100"> 1290 <div class="d-flex align-items-start"> 1291 <div class="feature-icon flex-shrink-0 me-4"> 1292 <i class="fas fa-language"></i> 1293 </div> 1294 <div> 1295 <h3 class="h4 mb-3" data-i18n="services.multi.title">Multi-langue</h3> 1296 <p class="text-muted mb-0" data-i18n="services.multi.desc">La traduction automatique 1297 de 1298 vos contenus dans une large diversité de langues disponibles (133 supportées par 1299 l'application à ce jour). Elle permettra à vos visiteurs venus d'ailleurs de 1300 découvrir les secrets du patrimoine de vos territoires et d'en devenir de futurs 1301 ambassadeurs (si vous le préférez, vous pouvez également traduire vous-même vos 1302 contenus, sans surcoût).</p> 1303 </div> 1304 </div> 1305 </div> 1306 </div> 1307 1308 <!-- Multimedia --> 1309 <div class="col-lg-6" data-aos="fade-up" data-aos-delay="150"> 1310 <div class="feature-card h-100"> 1311 <div class="d-flex align-items-start"> 1312 <div class="feature-icon flex-shrink-0 me-4"> 1313 <i class="fas fa-photo-video"></i> 1314 </div> 1315 <div> 1316 <h3 class="h4 mb-3" data-i18n="services.multimedia.title">Contenu Multimédia</h3> 1317 <p class="text-muted mb-0" data-i18n="services.multimedia.desc">L'intégration d'un 1318 contenu multimédia (images, vidéos, fichiers audios) pour illustrer chacun des 1319 points d'intérêt édités par vos soins. Précisez un élément remarquable ou donnez 1320 à 1321 voir ce qui n'est plus ou pas visible au regard des visiteurs !</p> 1322 </div> 1323 </div> 1324 </div> 1325 </div> 1326 1327 <!-- Stats --> 1328 <div class="col-lg-6" data-aos="fade-up" data-aos-delay="200"> 1329 <div class="feature-card h-100"> 1330 <div class="d-flex align-items-start"> 1331 <div class="feature-icon flex-shrink-0 me-4"> 1332 <i class="fas fa-chart-line"></i> 1333 </div> 1334 <div> 1335 <h3 class="h4 mb-3" data-i18n="services.stats.title">Statistiques</h3> 1336 <p class="text-muted mb-0" data-i18n="services.stats.desc">La production de données 1337 statistiques sur vos téléchargements. Ces données vous permettront d'avoir une 1338 vision claire du succès de vos parcours : nombre de téléchargement par parcours, 1339 page ou langue. Vous saurez tout des comportements de vos visiteurs et cela sans 1340 collecte de données personnelles de vos visiteurs !</p> 1341 </div> 1342 </div> 1343 </div> 1344 </div> 1345 1346 <!-- Customization --> 1347 <div class="col-lg-6" data-aos="fade-up" data-aos-delay="250"> 1348 <div class="feature-card h-100"> 1349 <div class="d-flex align-items-start"> 1350 <div class="feature-icon flex-shrink-0 me-4"> 1351 <i class="fas fa-sliders-h"></i> 1352 </div> 1353 <div> 1354 <h3 class="h4 mb-3" data-i18n="services.custom.title">Personnalisation</h3> 1355 <p class="text-muted mb-0" data-i18n="services.custom.desc">Le paramétrage 1356 personnalisé 1357 des modalités de lecture pour plus d'inclusivité : choix de la police 1358 d'écriture, de 1359 sa taille, de sa couleur ainsi que des espacements entre les caractères et 1360 paragraphes !</p> 1361 </div> 1362 </div> 1363 </div> 1364 </div> 1365 1366 <!-- Quiz --> 1367 <div class="col-lg-6" data-aos="fade-up" data-aos-delay="300"> 1368 <div class="feature-card h-100"> 1369 <div class="d-flex align-items-start"> 1370 <div class="feature-icon flex-shrink-0 me-4"> 1371 <i class="fas fa-puzzle-piece"></i> 1372 </div> 1373 <div> 1374 <h3 class="h4 mb-3" data-i18n="services.quiz.title">Quiz Ludiques</h3> 1375 <p class="text-muted mb-0" data-i18n="services.quiz.desc">L'édition de quiz à 1376 destination des petits et grands. Entre audioguide et geocaching, explorez tout 1377 le 1378 potentiel de vos parcours en faisant participer vos visiteurs de manière ludique 1379 et 1380 distrayante.</p> 1381 </div> 1382 </div> 1383 </div> 1384 </div> 1385 1386 <!-- Offline --> 1387 <div class="col-lg-6" data-aos="fade-up" data-aos-delay="350"> 1388 <div class="feature-card h-100"> 1389 <div class="d-flex align-items-start"> 1390 <div class="feature-icon flex-shrink-0 me-4"> 1391 <i class="fas fa-wifi"></i> 1392 </div> 1393 <div> 1394 <h3 class="h4 mb-3" data-i18n="services.offline.title">Mode Hors Ligne</h3> 1395 <p class="text-muted mb-0" data-i18n="services.offline.desc">Le mode hors ligne qui 1396 permet à vos visiteurs de télécharger les contenus en amont de leur visite et de 1397 ne
1398 pas être dépendants de la qualité du réseau sur place.</p> 1399 </div> 1400 </div> 1401 </div> 1402 </div> 1403 1404 <!-- Geolocation --> 1405 <div class="col-lg-6" data-aos="fade-up" data-aos-delay="400"> 1406 <div class="feature-card h-100"> 1407 <div class="d-flex align-items-start"> 1408 <div class="feature-icon flex-shrink-0 me-4"> 1409 <i class="fas fa-map-marked-alt"></i> 1410 </div> 1411 <div> 1412 <h3 class="h4 mb-3" data-i18n="services.geo.title">Géolocalisation</h3> 1413 <p class="text-muted mb-0" data-i18n="services.geo.desc">Le déclenchement 1414 automatique 1415 des commentaires par GPS (géolocalisation) ou par QR Code.</p> 1416 </div> 1417 </div> 1418 </div> 1419 </div> 1420 </div> 1421 </div> 1422 </section> 1423 1424 1425 1426 <!-- Team Section --> 1427 1428 <!-- Offer Section --> 1429 <section id="offer" class="section-padding bg-white"> 1430 <div class="container"> 1431 <div class="section-title" data-aos="fade-up"> 1432 <h2 data-i18n="offer.title">Notre offre</h2> 1433 <div class="line"></div> 1434 </div> 1435 1436 <div class="row justify-content-center mb-5" data-aos="fade-up"> 1437 <div class="col-lg-10 text-center"> 1438 <p class="lead text-muted" data-i18n="offer.intro">Dans un monde numérique qui fait sa 1439 révolution chaque jour, Guideius se veut sobre tout en étant à l'avant garde des besoins des 1440 sites culturels.</p> 1441 </div> 1442 </div> 1443 1444 <div class="row g-4"> 1445 <div class="col-md-4" data-aos="fade-up" data-aos-delay="50"> 1446 <div class="feature-card p-4 h-100"> 1447 <i class="fas fa-tags text-primary fs-2 mb-3"></i> 1448 <h3 class="h5 fw-bold" data-i18n="offer.competitive.title">Compétitivité</h3> 1449 <p class="small text-muted mb-0" data-i18n="offer.competitive.desc">Des tarifs évolutifs et 1450 à portée de tous les musées et sites touristiques quelque soit leur statut ou leurs 1451 moyens, les moins chers du marché.</p> 1452 </div> 1453 </div> 1454 <div class="col-md-4" data-aos="fade-up" data-aos-delay="100"> 1455 <div class="feature-card p-4 h-100"> 1456 <i class="fas fa-headset text-primary fs-2 mb-3"></i> 1457 <h3 class="h5 fw-bold" data-i18n="offer.support.title">Assistance</h3> 1458 <p class="small text-muted mb-0" data-i18n="offer.support.desc">Nous sommes à vos côtés et 1459 vous conseillons tout au long du processus de création de vos parcours.</p> 1460 </div> 1461 </div> 1462 <div class="col-md-4" data-aos="fade-up" data-aos-delay="150"> 1463 <div class="feature-card p-4 h-100"> 1464 <i class="fas fa-check-circle text-primary fs-2 mb-3"></i> 1465 <h3 class="h5 fw-bold" data-i18n="offer.complete.title">Complète</h3> 1466 <p class="small text-muted mb-0" data-i18n="offer.complete.desc">Notre offre comprend toutes 1467 nos fonctionnalités sans limites d'usages.</p> 1468 </div> 1469 </div> 1470 <div class="col-md-4" data-aos="fade-up" data-aos-delay="200"> 1471 <div class="feature-card p-4 h-100"> 1472 <i class="fas fa-tools text-primary fs-2 mb-3"></i> 1473 <h3 class="h5 fw-bold" data-i18n="offer.maintenance.title">Maintenance</h3> 1474 <p class="small text-muted mb-0" data-i18n="offer.maintenance.desc">Une maintenance 1475 technique et évolutive incluse. Nous assurons le bon fonctionnement de l'application et 1476 sa compatibilité avec les dernières versions d'iOS et Android, pour que vous n'ayez à 1477 vous soucier de rien.</p> 1478 </div> 1479 </div> 1480 <div class="col-md-4" data-aos="fade-up" data-aos-delay="250"> 1481 <div class="feature-card p-4 h-100"> 1482 <i class="fas fa-sync-alt text-primary fs-2 mb-3"></i> 1483 <h3 class="h5 fw-bold" data-i18n="offer.evolutive.title">Ãvolutive</h3> 1484 <p class="small text-muted mb-0" data-i18n="offer.evolutive.desc">Notre solution évolue 1485 selon vos besoins et ceux de vos visiteurs, sans surcoût. Vos retours nous sont précieux 1486 pour assurer un service de qualité au maximum de ses capacités.</p> 1487 </div> 1488 </div> 1489 <div class="col-md-4" data-aos="fade-up" data-aos-delay="250"> 1490 <div class="feature-card p-4 h-100"> 1491 <i class="fas fa-palette text-primary fs-2 mb-3"></i> 1492 <h3 class="h5 fw-bold" data-i18n="concrete.whiteLabel.title">Marque Blanche</h3> 1493 <p class="small text-muted mb-2" data-i18n="concrete.whiteLabel.desc1">Vous aimez notre solution 1494 mutualisée, mais vous rêvez d'une solution sur mesure, à votre image ? Optez pour notre offre en 1495 marque blanche : même technologie, même simplicité, mais avec votre identité et votre style !</p> 1496 <p class="small text-muted mb-0" data-i18n="concrete.whiteLabel.desc2">Contactez-nous pour en étudier les 1497 modalités.</p> 1498 </div> 1499 </div> 1500 </div> 1501 </div> 1502 </section> 1503 <section id="team" class="section-padding" 1504 style="background: linear-gradient(to bottom right, #ffffff, var(--light-bg));"> 1505 <div class="container"> 1506 <div class="section-title" data-aos="fade-up">
1507 <span data-i18n="team.subtitle">Présentations</span> 1508 <h2 data-i18n="team.title">Notre Ãquipe</h2> 1509 <div class="line"></div> 1510 </div> 1511 <div class="row justify-content-center g-4 gap-lg-5"> 1512 <div class="col-md-6 col-lg-4 text-center" data-aos="fade-up" data-aos-delay="50"> 1513 <div class="mb-4 position-relative team-avatar-container mx-auto"> 1514 <img src="assets/images/gauthier.jpg" width="200" height="200" alt="Gauthier GABELLE" 1515 class="img-fluid rounded-circle shadow-lg" loading="lazy"> 1516 </div> 1517 <h3 class="h4 fw-bold mb-1" data-i18n="team.gauthier.name">Gauthier GABELLE</h3> 1518 <p class="text-primary small text-uppercase fw-bold mb-3" data-i18n="team.gauthier.role"> 1519 Fondateur 1520 & Responsable Technique</p> 1521 <p class="text-muted" data-i18n="team.gauthier.desc">Architecte d'entreprise et logiciel de 1522 profession, j'ai souhaité mettre mes dix années d'expérience professionnelle au service de 1523 deux de mes passions : la culture et le patrimoine. Mon objectif est de proposer la solution 1524 la plus solide et adaptée aux besoins des petites et moyennes structures auxquelles elle est 1525 vouée.</p> 1526 </div> 1527 <div class="col-md-6 col-lg-4 text-center" data-aos="fade-up" data-aos-delay="100"> 1528 <div class="mb-4 position-relative team-avatar-container mx-auto"> 1529 <img src="assets/images/gaelle.jpg" width="200" height="200" alt="Gaëlle BREUCQ" 1530 class="img-fluid rounded-circle shadow-lg" loading="lazy"> 1531 </div> 1532 <h3 class="h4 fw-bold mb-1" data-i18n="team.gaelle.name">Gaëlle BREUCQ</h3> 1533 <p class="text-primary small text-uppercase fw-bold mb-3" data-i18n="team.gaelle.role"> 1534 Responsable
1535 Stratégie & Partenariats</p> 1536 <p class="text-muted" data-i18n="team.gaelle.desc">Après quelques années à Åuvrer au sein de 1537 collectivités territoriales dans le domaine de la politique de la ville, j'ai aujourd'hui à 1538 cÅur de renouer avec ma première passion, le patrimoine, en permettant d'en démocratiser les 1539 outils et d'en favoriser l'accès à toutes et tous.</p> 1540 </div> 1541 </div> 1542 <!-- fr-only:start --> 1543 <div class="text-center mt-5" data-aos="fade-up" data-aos-delay="150"> 1544 <a href="https://meet.brevo.com/guideius" target="_blank" rel="noopener noreferrer" 1545 class="btn btn-primary-gradient px-4 py-3 rounded-pill shadow-sm"> 1546 <i class="fa-regular fa-calendar-check me-2" aria-hidden="true"></i> 1547 Prendre rendez-vous avec nous 1548 </a> 1549 </div> 1550 <!-- fr-only:end --> 1551 </div> 1552 </section> 1553 1554 <!-- Portfolio Section (Collaborations) --> 1555 <section id="portfolio" class="section-padding bg-white"> 1556 <div class="container"> 1557 <div class="section-title" data-aos="fade-up"> 1558 <span data-i18n="nav.collab">Ils nous font confiance</span> 1559 <h2 data-i18n="portfolio.title">Nos Collaborations</h2> 1560 <div class="line"></div> 1561 </div> 1562 1563 <!-- Swiper --> 1564 <div class="swiper mySwiper" data-aos="fade-up"> 1565 <div class="swiper-wrapper align-items-stretch"> 1566 <div class="swiper-slide h-auto"> 1567 <div class="card h-100 border-0 shadow-sm"> 1568 <img 1569 src="https://site.guideius.com/fichiers/iTEuyaCzz1/1749325831224_Pont levis Porte Royale-Entrevaux - © A.Brunet pour Verdon Tour_resized.jpg" 1570 class="card-img-top" alt="Cité médiévale d'Entrevaux" style="height: 200px; object-fit: cover;" 1571 loading="lazy"> 1572 <div class="card-body text-center"> 1573 <h3 class="h5 fw-bold" data-i18n="portfolio.entrevaux.title">Cité médiévale d'Entrevaux 1574 </h3> 1575 <p class="text-muted small mb-0" data-i18n="portfolio.entrevaux.loc">Entrevaux, 1576 Alpes-de-Haute-Provence, France</p> 1577 <p class="text-muted x-small fst-italic" data-i18n="portfolio.entrevaux.credits"> 1578 Crédits 1579 : Arnaud Brunet pour Verdon Tourisme 1580 </p> 1581 </div> 1582 </div> 1583 </div> 1584 <div class="swiper-slide h-auto"> 1585 <div class="card h-100 border-0 shadow-sm"> 1586 <img 1587 src="https://site.guideius.com/fichiers/qqS1IeS6Ru/1747656525181_Entrevaux Citadelle©Thibault Vergoz - VCC (325) _resized.jpg" 1588 class="card-img-top" alt="Citadelle d'Entrevaux" style="height: 200px; object-fit: cover;" 1589 loading="lazy"> 1590 <div class="card-body text-center"> 1591 <h3 class="h5 fw-bold" data-i18n="portfolio.citadelle.title">Citadelle d'Entrevaux</h3> 1592 <p class="text-muted small mb-0" data-i18n="portfolio.citadelle.loc">Entrevaux, 1593 Alpes-de-Haute-Provence, France</p> 1594 <p class="text-muted x-small fst-italic" data-i18n="portfolio.citadelle.credits"> 1595 Crédits 1596 : Thibault Vergoz - VCC</p> 1597 </div> 1598 </div> 1599 </div> 1600 <div class="swiper-slide h-auto"> 1601 <div class="card h-100 border-0 shadow-sm"> 1602 <img src="https://site.guideius.com/fichiers/creation/1753868750847_LOGO Im.png" class="card-img-top" 1603 alt="Association Proscitec" style="height: 200px; object-fit: contain; padding: 20px;" loading="lazy"> 1604 <div class="card-body text-center"> 1605 <h3 class="h5 fw-bold" data-i18n="portfolio.proscitec.title">Association Proscitec</h3> 1606 <p class="text-muted small mb-0" data-i18n="portfolio.proscitec.desc">Histoire des 1607 métiers des Hauts-de-France</p> 1608 <p class="text-muted x-small fst-italic" data-i18n="portfolio.proscitec.sub"> 1609 Parcours 1610 sur l'événement thématique de 2026</p> 1611 </div> 1612 </div> 1613 </div> 1614 <div class="swiper-slide h-auto"> 1615 <div class="card h-100 border-0 shadow-sm"> 1616 <img 1617 src="https://site.guideius.com/fichiers/Gk7CR9tTIH/1752843513698_Capture dâécran 2025-04-18 171625.jpg" 1618 class="card-img-top" alt="Château de Monts-sur-Guesnes" style="height: 200px; object-fit: cover;" 1619 loading="lazy"> 1620 <div class="card-body text-center"> 1621 <h3 class="h5 fw-bold" data-i18n="portfolio.monts.title">Château de Monts-sur-Guesnes 1622 </h3> 1623 <p class="text-muted small mb-0" data-i18n="portfolio.monts.loc">Monts-Sur-Guesnes, 1624 Vienne, France</p> 1625 <p class="text-muted x-small fst-italic" data-i18n="portfolio.monts.credits">Crédits 1626 : 1627 SARL CIE du Poitou</p> 1628 </div> 1629 </div> 1630 </div> 1631 <div class="swiper-slide h-auto"> 1632 <div class="card h-100 border-0 shadow-sm"> 1633 <img src="https://site.guideius.com/fichiers/vN2IRnlifi/1750749027938_130B musée.jpg" 1634 class="card-img-top" alt="Musée vivant du chemin de fer" style="height: 200px; object-fit: cover;" 1635 loading="lazy"> 1636 <div class="card-body text-center"> 1637 <h3 class="h5 fw-bold" data-i18n="portfolio.longueville.title">Musée vivant du chemin 1638 de 1639 fer</h3> 1640 <p class="text-muted small mb-0" data-i18n="portfolio.longueville.loc">Longueville, 1641 Seine-et-Marne, France</p> 1642 <p class="text-muted x-small fst-italic" data-i18n="portfolio.longueville.credits"> 1643 Crédits : AJECTA</p> 1644 </div> 1645 </div> 1646 </div> 1647 <div class="swiper-slide h-auto"> 1648 <div class="card h-100 border-0 shadow-sm"> 1649 <img src="https://site.guideius.com/fichiers/creation/1741615115779_IMG_0671 (2)_resized.JPG" 1650 class="card-img-top" alt="Ãcomusée Les racines de la vie rurale" 1651 style="height: 200px; object-fit: cover;" loading="lazy"> 1652 <div class="card-body text-center"> 1653 <h3 class="h5 fw-bold" data-i18n="portfolio.ledringhem.title">Ãcomusée "Les racines de 1654 la 1655 vie rurale"</h3> 1656 <p class="text-muted small mb-0" data-i18n="portfolio.ledringhem.loc">Ledringhem, 1657 Nord, 1658 France</p> 1659 </div> 1660 </div> 1661 </div> 1662 <div class="swiper-slide h-auto"> 1663 <div class="card h-100 border-0 shadow-sm"> 1664 <img 1665 src="https://site.guideius.com/fichiers/creation/1741944650195_Enseigne Dinoplagne 2024 ©Marie Jacques (2)_resized.JPG" 1666 class="card-img-top" alt="Dinoplagne" style="height: 200px; object-fit: cover;" loading="lazy"> 1667 <div class="card-body text-center"> 1668 <h3 class="h5 fw-bold" data-i18n="portfolio.dinoplagne.title">Dinoplagne</h3> 1669 <p class="text-muted small mb-0" data-i18n="portfolio.dinoplagne.loc">Plagne, Ain,
1670 France</p> 1671 <p class="text-muted x-small fst-italic" data-i18n="portfolio.dinoplagne.credits"> 1672 Crédits : Marie Jacques - Dinoplagne</p> 1673 </div> 1674 </div> 1675 </div> 1676 <div class="swiper-slide h-auto"> 1677 <div class="card h-100 border-0 shadow-sm"> 1678 <img src="https://site.guideius.com/fichiers/ujtdogz00u/1725551889692_DSC_0902_light_resized.jpg" 1679 class="card-img-top" alt="Musée du Malgré-Tout" style="height: 200px; object-fit: cover;" 1680 loading="lazy"> 1681 <div class="card-body text-center"> 1682 <h3 class="h5 fw-bold" data-i18n="portfolio.malgretout.title">Musée du Malgré-Tout</h3> 1683 <p class="text-muted small mb-0" data-i18n="portfolio.malgretout.loc">Viroinval, 1684 Province de Namur, Belgique</p> 1685 <p class="text-muted x-small fst-italic" data-i18n="portfolio.malgretout.credits"> 1686 Crédits : © P. Cattelain</p> 1687 </div> 1688 </div> 1689 </div> 1690 <div class="swiper-slide h-auto"> 1691 <div class="card h-100 border-0 shadow-sm"> 1692 <img src="https://site.guideius.com/fichiers/3rqFbPsGn9/1716888306549_IMG_1818_resized.jpg" 1693 class="card-img-top" alt="Musée de Thiérache" style="height: 200px; object-fit: cover;" 1694 loading="lazy"> 1695 <div class="card-body text-center"> 1696 <h3 class="h5 fw-bold" data-i18n="portfolio.thierache.title">Musée de Thiérache</h3> 1697 <p class="text-muted small mb-0" data-i18n="portfolio.thierache.loc">Vervins, Aisne, 1698 France</p> 1699 <p class="text-muted x-small fst-italic" data-i18n="portfolio.thierache.credits"> 1700 Crédits 1701 : Musée de la Thiérache</p> 1702 </div> 1703 </div> 1704 </div> 1705 <div class="swiper-slide h-auto"> 1706 <div class="card h-100 border-0 shadow-sm"> 1707 <img src="https://www.chateaudeguise.fr/wp-content/uploads/2014/04/Photos-Henri-Rocoulet-12.jpg" 1708 class="card-img-top" alt="Château-fort de Guise" style="height: 200px; object-fit: cover;" 1709 loading="lazy"> 1710 <div class="card-body text-center"> 1711 <h3 class="h5 fw-bold" data-i18n="portfolio.guise.title">Château-fort de Guise</h3> 1712 <p class="text-muted small mb-0" data-i18n="portfolio.guise.loc">Guise, Aisne, 1713 France 1714 </p> 1715 <p class="text-muted x-small fst-italic" data-i18n="portfolio.guise.credits">Crédits 1716 : 1717 Club du Vieux Manoir</p> 1718 </div> 1719 </div> 1720 </div> 1721 <div class="swiper-slide h-auto"> 1722 <div class="card h-100 border-0 shadow-sm"> 1723 <img src="https://site.guideius.com/fichiers/kAe8JCPnh4/1717077698529_Le chertemps_resized.jpg" 1724 class="card-img-top" alt="Parcours de visite de Vervins" style="height: 200px; object-fit: cover;" 1725 loading="lazy"> 1726 <div class="card-body text-center"> 1727 <h3 class="h5 fw-bold" data-i18n="portfolio.vervins.title">Parcours de visite de 1728 Vervins 1729 </h3> 1730 <p class="text-muted small mb-0" data-i18n="portfolio.vervins.loc">Vervins, Aisne, 1731 France</p> 1732 <p class="text-muted x-small fst-italic" data-i18n="portfolio.vervins.credits"> 1733 Crédits : 1734 Musée de la Thiérache</p> 1735 </div> 1736 </div> 1737 </div> 1738 </div> 1739 <div class="swiper-pagination"></div> 1740 </div> 1741 </div> 1742 </section> 1743 1744 <!-- Press Section --> 1745 <section id="press" class="section-padding" 1746 style="background: linear-gradient(to bottom right, #ffffff, var(--light-bg));"> 1747 <div class="container"> 1748 <div class="section-title" data-aos="fade-up">
1749 <span data-i18n="press.subtitle">Retours</span> 1750 <h2 data-i18n="press.title">Ils parlent de nous</h2> 1751 <div class="line"></div> 1752 </div> 1753 1754 <!-- Swiper for Press --> 1755 <div class="swiper pressSwiper" data-aos="fade-up"> 1756 <div class="swiper-wrapper align-items-stretch"> 1757 <div class="swiper-slide h-auto"> 1758 <div class="card h-100 border-0 shadow-sm p-4"> 1759 <div class="mb-3 text-primary"><i class="fas fa-quote-left fa-2x"></i></div> 1760 <p class="card-text text-muted fst-italic press-quote is-collapsed" data-i18n="press.aisne.quote">"[...] 1761 L'application gratuite Guideius permet de 1762 visiter le château [fort de Guise] autrement en ayant accès à de nombreuses 1763 informations 1764 et à un audioguide."</p> 1765 <button type="button" class="btn btn-link press-quote-toggle p-0 mt-3 d-none" aria-expanded="false" 1766 data-i18n="press.toggle.more">Voir plus</button> 1767 <div class="mt-auto pt-3 border-top"> 1768 <p class="h6 fw-bold mb-0" data-i18n="press.aisne.author">L'Aisne Nouvelle</p> 1769 </div> 1770 </div> 1771 </div> 1772 <div class="swiper-slide h-auto"> 1773 <div class="card h-100 border-0 shadow-sm p-4"> 1774 <div class="mb-3 text-primary"><i class="fas fa-quote-left fa-2x"></i></div> 1775 <p class="card-text text-muted fst-italic press-quote is-collapsed" data-i18n="press.lea.quote">"Jâai eu 1776 lâopportunité de tester 1777 lâapplication Guideius dans le cadre du développement de parcours audioguidés, et je dois dire que 1778 lâexpérience est extrêmement convaincante.<br /><br /> 1779 Lâapplication est à la fois intuitive, fluide et très bien pensée. Côté utilisateur final, la 1780 navigation est simple et agréable, ce qui permet une immersion immédiate dans les parcours. On sent 1781 que lâexpérience client a été au cÅur de la conception.<br /><br /> 1782 Du côté professionnel, lâinterface est tout aussi réussie : elle est claire, efficace et permet de 1783 créer un parcours rapidement, sans complexité inutile. Câest un vrai gain de temps, tout en offrant 1784 suffisamment de fonctionnalités pour construire une expérience qualitative.<br /><br /> 1785 Au-delà de lâoutil, je tiens également à souligner la qualité de lâaccompagnement. Gaelle et Gauthier 1786 sont à lâécoute, disponibles et très impliqués. Leur approche est à la fois professionnelle et 1787 humaine, ce qui rend la collaboration particulièrement agréable et constructive.<br /><br /> 1788 En résumé, Guideius est une solution complète, accessible et performante. Une très belle innovation !" 1789 </p> 1790 <button type="button" class="btn btn-link press-quote-toggle p-0 mt-3 d-none" aria-expanded="false" 1791 data-i18n="press.toggle.more">Voir plus</button> 1792 <div class="mt-auto pt-3 border-top"> 1793 <p class="h6 fw-bold mb-0" data-i18n="press.lea.author">Léa</p> 1794 <small class="text-muted" data-i18n="press.lea.role">Fondatrice et dirigeante d'Empreinte</small> 1795 </div> 1796 </div> 1797 </div> 1798 <div class="swiper-slide h-auto"> 1799 <div class="card h-100 border-0 shadow-sm p-4"> 1800 <div class="mb-3 text-primary"><i class="fas fa-quote-left fa-2x"></i></div> 1801 <p class="card-text text-muted fst-italic press-quote is-collapsed" data-i18n="press.emilie.quote">"Nous 1802 proposons à 1803 nos visiteurs l'application 1804 Guideius depuis sa création en 2019. [...] C'est beaucoup plus facile à gérer que 1805 des 1806 audioguides et adaptable à différents niveaux de lecture."</p> 1807 <button type="button" class="btn btn-link press-quote-toggle p-0 mt-3 d-none" aria-expanded="false" 1808 data-i18n="press.toggle.more">Voir plus</button> 1809 <div class="mt-auto pt-3 border-top"> 1810 <p class="h6 fw-bold mb-0" data-i18n="press.emilie.author">Ãmilie Mathot</p> 1811 <small class="text-muted" data-i18n="press.emilie.role">Directrice du Château-fort 1812 de 1813 Guise</small> 1814 </div> 1815 </div> 1816 </div> 1817 <div class="swiper-slide h-auto"> 1818 <div class="card h-100 border-0 shadow-sm p-4"> 1819 <div class="mb-3 text-primary"><i class="fas fa-quote-left fa-2x"></i></div> 1820 <p class="card-text text-muted fst-italic press-quote is-collapsed" data-i18n="press.union.quote"> 1821 "Oubliez les 1822 audioguides classiques. Désormais, 1823 vous pouvez visiter le château fort de Guise avec une simple application gratuite 1824 accessible pour tous les types de téléphones portables."</p> 1825 <button type="button" class="btn btn-link press-quote-toggle p-0 mt-3 d-none" aria-expanded="false" 1826 data-i18n="press.toggle.more">Voir plus</button> 1827 <div class="mt-auto pt-3 border-top"> 1828 <p class="h6 fw-bold mb-0" data-i18n="press.union.author">L'Union</p> 1829 </div> 1830 </div> 1831 </div> 1832 <div class="swiper-slide h-auto"> 1833 <div class="card h-100 border-0 shadow-sm p-4"> 1834 <div class="mb-3 text-primary"><i class="fas fa-quote-left fa-2x"></i></div> 1835 <p class="card-text text-muted fst-italic press-quote is-collapsed" data-i18n="press.thierache.quote"> 1836 "Cette 1837 application «100% made in Hauts-de-France» 1838 a pour objectif de rendre la culture et la patrimoine accessible au plus grand 1839 nombre." 1840 </p> 1841 <button type="button" class="btn btn-link press-quote-toggle p-0 mt-3 d-none" aria-expanded="false" 1842 data-i18n="press.toggle.more">Voir plus</button> 1843 <div class="mt-auto pt-3 border-top"> 1844 <p class="h6 fw-bold mb-0" data-i18n="press.thierache.author">La Thiérache</p> 1845 </div> 1846 </div> 1847 </div> 1848 </div> 1849 <div class="swiper-pagination"></div> 1850 </div> 1851 1852 <div class="text-center mt-5" data-aos="fade-up"> 1853 <a href="https://www.tom.travel/2026/02/04/guideus-democratiser-a-la-fois-loutil-et-lacces-au-savoir/" 1854 target="_blank" rel="noopener noreferrer" class="btn btn-primary-gradient px-4 py-3 rounded-pill shadow-sm" 1855 data-i18n="press.interview.btn" data-i18n-title="press.interview.btn" 1856 title="Découvrez notre interview par Ronan Daniel pour Travolution" 1857 alt="Découvrez notre interview par Ronan Daniel pour Travolution"> 1858 Découvrez notre interview par Ronan Daniel pour Travolution 1859 </a> 1860 </div> 1861 </div> 1862 </section> 1863 1864 <!-- BLOG_HOME_PREVIEW_START --> 1865 <section id="blog" class="section-padding bg-white"> 1866 <div class="container"> 1867 <div class="section-title">
1868 <span>Conseils & ressources</span> 1869 <h2>Nos derniers articles</h2> 1870 <div class="line"></div> 1871 </div> 1872 <div class="row g-4"> 1873 <article class="col-lg-4 col-md-6" data-home-blog-article> 1874 <div class="card h-100 border-0 shadow-sm hover-shadow transition-all overflow-hidden"> 1875 <img src="assets/images/blog/2026/10/guide-financement-innovation-culturelle.webp" width="1536" height="1024" class="card-img-top" 1876 alt="Illustration associée au sujet « guide financement innovation culturelle »" style="height: 200px; object-fit: cover;" loading="lazy"> 1877 <div class="card-body p-4 d-flex flex-column"> 1878 <div class="d-flex flex-wrap gap-2 mb-3"> 1879 <span class="badge rounded-pill bg-light text-primary border blog-tag">Guide</span> 1880 <span class="badge rounded-pill bg-light text-primary border blog-tag">Financement</span> 1881 </div> 1882 <time class="text-primary small fw-bold mb-2" datetime="2026-10-01">1 octobre 2026</time> 1883 <h3 class="h5 card-title fw-bold">Guide financement de lâinnovation culturelle</h3> 1884 <p class="card-text text-muted">Ce guide financement de lâinnovation culturelle aide les musées et territoires à préparer un projet numérique crédible, inclusif et finançable durable.</p> 1885 <div class="mt-auto pt-2"> 1886 <a class="btn btn-outline-primary rounded-pill" href="blog/guide-financement-innovation-culturelle/" aria-label="Lire lâarticle : Guide financement de lâinnovation culturelle">Lire lâarticle</a> 1887 </div> 1888 </div> 1889 </div> 1890 </article> 1891 <article class="col-lg-4 col-md-6" data-home-blog-article> 1892 <div class="card h-100 border-0 shadow-sm hover-shadow transition-all overflow-hidden"> 1893 <img src="assets/images/blog/2026/09/integrer-quiz-dans-exposition.webp" width="1536" height="1024" class="card-img-top" 1894 alt="Illustration associée au sujet « intégrer quiz exposition »" style="height: 200px; object-fit: cover;" loading="lazy"> 1895 <div class="card-body p-4 d-flex flex-column"> 1896 <div class="d-flex flex-wrap gap-2 mb-3"> 1897 <span class="badge rounded-pill bg-light text-primary border blog-tag">Intégrer</span> 1898 <span class="badge rounded-pill bg-light text-primary border blog-tag">Quiz</span> 1899 </div> 1900 <time class="text-primary small fw-bold mb-2" datetime="2026-09-30">30 septembre 2026</time> 1901 <h3 class="h5 card-title fw-bold">Comment intégrer un quiz dans une exposition</h3> 1902 <p class="card-text text-muted">Intégrer un quiz dans une exposition stimule la curiosité, améliore la mémorisation et fournit des données utiles aux équipes culturelles sur terrain.</p> 1903 <div class="mt-auto pt-2"> 1904 <a class="btn btn-outline-primary rounded-pill" href="blog/integrer-quiz-dans-exposition/" aria-label="Lire lâarticle : Comment intégrer un quiz dans une exposition">Lire lâarticle</a> 1905 </div> 1906 </div> 1907 </div> 1908 </article> 1909 <article class="col-lg-4 col-md-6" data-home-blog-article> 1910 <div class="card h-100 border-0 shadow-sm hover-shadow transition-all overflow-hidden"> 1911 <img src="assets/images/blog/2026/09/creer-chasse-au-tresor-audio.webp" width="1536" height="1024" class="card-img-top" 1912 alt="Illustration associée au sujet « créer chasse trésor audio efficace »" style="height: 200px; object-fit: cover;" loading="lazy"> 1913 <div class="card-body p-4 d-flex flex-column"> 1914 <div class="d-flex flex-wrap gap-2 mb-3"> 1915 <span class="badge rounded-pill bg-light text-primary border blog-tag">Créer</span> 1916 <span class="badge rounded-pill bg-light text-primary border blog-tag">Chasse</span> 1917 </div> 1918 <time class="text-primary small fw-bold mb-2" datetime="2026-09-29">29 septembre 2026</time> 1919 <h3 class="h5 card-title fw-bold">Créer une chasse au trésor audio efficace</h3> 1920 <p class="card-text text-muted">Apprenez à créer une chasse au trésor audio accessible, géolocalisée et simple à administrer pour enrichir durablement vos parcours culturels locaux.</p> 1921 <div class="mt-auto pt-2"> 1922 <a class="btn btn-outline-primary rounded-pill" href="blog/creer-chasse-au-tresor-audio/" aria-label="Lire lâarticle : Créer une chasse au trésor audio efficace">Lire lâarticle</a> 1923 </div> 1924 </div> 1925 </div> 1926 </article> 1927 </div> 1928 <div class="text-center mt-5"> 1929 <a class="btn btn-primary-gradient px-4 py-3 rounded-pill shadow-sm" href="blog/">Voir tous les articles</a> 1930 </div> 1931 </div> 1932 </section> 1933
1933<script type="application/ld+json">{"@context":"https://schema.org","@type":"ItemList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@type":"BlogPosting","headline":"Guide financement de lâinnovation culturelle","url":"https://www.guideius.com/blog/guide-financement-innovation-culturelle/","image":"https://www.guideius.com/assets/images/blog/2026/10/guide-financement-innovation-culturelle.webp","datePublished":"2026-10-01","keywords":"Guide, Financement, Innovation, Culturelle, Aide, guide financement innovation culturelle, guide financement innovation, financement innovation culturelle, guide financement, financement innovation, innovation culturelle, innovation culturelle aide, culturelle aide les, aide les musées, les musées territoires, culturelle aide, aide les"}},{"@type":"ListItem","position":2,"item":{"@type":"BlogPosting","headline":"Comment intégrer un quiz dans une exposition","url":"https://www.guideius.com/blog/integrer-quiz-dans-exposition/","image":"https://www.guideius.com/assets/images/blog/2026/09/integrer-quiz-dans-exposition.webp","datePublished":"2026-09-30","keywords":"Intégrer, Quiz, Exposition, Stimule, Curiosité, intégrer quiz exposition, intégrer quiz, quiz exposition, quiz exposition stimule, exposition stimule curiosité, stimule curiosité améliore, curiosité améliore mémorisation, améliore mémorisation fournit, exposition stimule, stimule curiosité, curiosité améliore, améliore mémorisation"}},{"@type":"ListItem","position":3,"item":{"@type":"BlogPosting","headline":"Créer une chasse au trésor audio efficace","url":"https://www.guideius.com/blog/creer-chasse-au-tresor-audio/","image":"https://www.guideius.com/assets/images/blog/2026/09/creer-chasse-au-tresor-audio.webp","datePublished":"2026-09-29","keywords":"Créer, Chasse, Trésor, Audio, Efficace, créer chasse trésor audio efficace, créer chasse trésor, chasse trésor audio, trésor audio efficace, créer chasse, chasse trésor, trésor audio, audio efficace, apprenez créer chasse, trésor audio accessible, audio accessible géolocalisée, accessible géolocalisée simple"}}]}</script>
1933 1934 <!-- BLOG_HOME_PREVIEW_END --> 1935 </main> 1936 1937 <!-- Footer --> 1938 <footer> 1939 <div class="container"> 1940 <div class="row"> 1941 <div class="col-lg-5 mb-4 mb-lg-0"> 1942 <h4 class="fw-bold" style="font-family: 'Afacad', sans-serif;">Guideius</h4> 1943 <p class="text-white-50" data-i18n="hero.desc">Transformez la découverte de vos sites culturels et 1944 touristiques !</p> 1945 <p class="text-white-50" data-i18n="hero.desc2">Une interface intuitive pour les gestionnaires, une expérience 1946 inclusive pour les visiteurs.</p> 1947 <div class="social-links mt-4"> 1948 <a href="https://www.facebook.com/guideiusapp/" target="_blank" rel="noopener noreferrer" 1949 title="Page Facebook Guideius" aria-label="Page Facebook Guideius" 1950 data-i18n-title="footer.social.facebook" data-i18n-aria-label="footer.social.facebook"><i 1951 class="fab fa-facebook-f" aria-hidden="true"></i></a> 1952 <a href="https://fr.linkedin.com/company/guideius" target="_blank" rel="noopener noreferrer" 1953 title="Page LinkedIn Guideius" aria-label="Page LinkedIn Guideius" 1954 data-i18n-title="footer.social.linkedin" data-i18n-aria-label="footer.social.linkedin"><i 1955 class="fab fa-linkedin-in" aria-hidden="true"></i></a> 1956 </div> 1957 </div> 1958 <div class="col-lg-3 col-md-6 mb-4 mb-lg-0"> 1959 <h4 data-i18n="nav.links">Liens Utiles</h4> 1960 <ul class="list-unstyled"> 1961 <li class="mb-2"><a href="#top" data-i18n="nav.home">Accueil</a></li> 1962 <li class="mb-2"><a href="#about" data-i18n="nav.goals">Nos objectifs</a></li> 1963 <li class="mb-2"><a href="#services" data-i18n="nav.features">Fonctionnalités</a></li> 1964 <li class="mb-2" data-blog-footer-link="true"><a href="blog/" data-i18n="nav.articles">Blog</a></li> 1965 <li class="mb-2"><a href="#contactSection" data-i18n="nav.contact">Contact</a></li> 1966 </ul> 1967 </div> 1968 <div class="col-lg-4 col-md-6 mb-lg-0"> 1969 <h4 data-i18n="nav.legal">Légal</h4> 1970 <ul class="list-unstyled"> 1971 <li class="mb-2"><a href="privacy-policy/" data-i18n="nav.privacy">Politique de 1972 confidentialité</a></li> 1973 <li class="mb-2"><a href="assistance/" data-i18n="nav.assistance">Assistance</a></li> 1974 </ul> 1975 </div> 1976 </div> 1977 <hr class="my-5 border-secondary"> 1978 <div class="row align-items-center"> 1979 <div class="col-md-6 text-center text-md-start"> 1980 <p class="mb-0 text-white-50">© <span id="copyright-year"></span> Guideius. <span 1981 data-i18n="footer.all_rights_reserved">Tous droits 1982 réservés.</span></p> 1983 </div> 1984 <div class="col-md-6 text-center text-md-end"> 1985 <p class="mb-0 text-white-50 small" data-i18n="footer.made_with_love">Fait avec â¤ï¸ à Lille, France 1986 </p> 1987 </div> 1988 </div> 1989 </div> 1990 </footer> 1991 1992 <!-- Hidden Translation Messages --> 1993 <div id="i18n-messages" style="display: none;"> 1994 <span id="msg-contact-wait" data-i18n="contact.wait">Veuillez patienter...</span> 1995 <span id="msg-contact-success" data-i18n="contact.success">Votre demande a bien été enregistrée, nous allons 1996 revenir rapidement vers vous. Bonne journée.</span> 1997 <span id="msg-contact-error" data-i18n="contact.error">Une erreur est survenue</span> 1998 <span id="msg-press-more" data-i18n="press.toggle.more">Voir plus</span> 1999 <span id="msg-press-less" data-i18n="press.toggle.less">Voir moins</span> 2000 </div> 2001 2002 <a href="#contactSection" class="contact-fab" id="contactFab" aria-label="Nous contacter" 2003 data-i18n-aria-label="nav.contact"> 2004 <i class="fa-regular fa-paper-plane" aria-hidden="true"></i> 2005 <span data-i18n="nav.contact">Nous contacter</span> 2006 </a> 2007 2008 <!-- Scripts --> 2009
2009<script> 2010 function loadScript(src) { 2011 var existing = document.querySelector('script[src="' + src + '"]'); 2012 2013 if (existing) { 2014 return existing.dataset.loaded === 'true' 2015 ? Promise.resolve() 2016 : new Promise(function (resolve, reject) { 2017 existing.addEventListener('load', resolve, { once: true }); 2018 existing.addEventListener('error', reject, { once: true }); 2019 }); 2020 } 2021 2022 return new Promise(function (resolve, reject) { 2023 var script = document.createElement('script'); 2024 script.src = src; 2025 script.async = true; 2026 script.addEventListener('load', function () { 2027 script.dataset.loaded = 'true'; 2028 resolve(); 2029 }, { once: true }); 2030 script.addEventListener('error', reject, { once: true }); 2031 document.head.appendChild(script); 2032 }); 2033 } 2034 2035 var swiper = null; 2036 var pressSwiper = null; 2037 2038 function initializeCarousels() { 2039 if (swiper || typeof window.Swiper !== 'function') { 2040 return; 2041 } 2042 2043 swiper = new window.Swiper('.mySwiper', { 2044 slidesPerView: 1, 2045 spaceBetween: 30, 2046 pagination: { 2047 el: '.mySwiper .swiper-pagination', 2048 clickable: true, 2049 }, 2050 breakpoints: { 2051 640: { slidesPerView: 2 }, 2052 768: { slidesPerView: 3 }, 2053 1024: { slidesPerView: 3 }, 2054 }, 2055 autoplay: { 2056 delay: 3000, 2057 disableOnInteraction: false, 2058 }, 2059 }); 2060 2061 pressSwiper = new window.Swiper('.pressSwiper', { 2062 slidesPerView: 1, 2063 spaceBetween: 30, 2064 pagination: { 2065 el: '.pressSwiper .swiper-pagination', 2066 clickable: true, 2067 }, 2068 breakpoints: { 2069 640: { slidesPerView: 1 }, 2070 768: { slidesPerView: 2 }, 2071 1024: { slidesPerView: 3 }, 2072 }, 2073 autoplay: { 2074 delay: 8000, 2075 disableOnInteraction: false, 2076 pauseOnMouseEnter: true, 2077 }, 2078 }); 2079 2080 initializePressQuotes(pressSwiper); 2081 } 2082 2083 function initializePressQuotes(swiperInstance) { 2084 var quotes = document.querySelectorAll('.press-quote'); 2085 var moreLabel = document.getElementById('msg-press-more'); 2086 var lessLabel = document.getElementById('msg-press-less'); 2087 2088 if (!quotes.length || !moreLabel || !lessLabel) { 2089 return; 2090 } 2091 2092 function hasOverflowWhenCollapsed(quote) { 2093 var wasCollapsed = quote.classList.contains('is-collapsed'); 2094 2095 if (!wasCollapsed) { 2096 quote.classList.add('is-collapsed'); 2097 } 2098 2099 var hasOverflow = quote.scrollHeight > quote.clientHeight + 4; 2100 2101 if (!wasCollapsed) { 2102 quote.classList.remove('is-collapsed'); 2103 } 2104 2105 return hasOverflow; 2106 } 2107 2108 function setQuoteState(quote, expanded) { 2109 var toggle = quote.parentElement.querySelector('.press-quote-toggle'); 2110 2111 if (!toggle) { 2112 return; 2113 } 2114 2115 quote.dataset.expanded = expanded ? 'true' : 'false'; 2116 quote.classList.toggle('is-collapsed', !expanded); 2117 toggle.setAttribute('aria-expanded', expanded ? 'true' : 'false'); 2118 toggle.textContent = expanded ? lessLabel.textContent : moreLabel.textContent; 2119 2120 if (swiperInstance && swiperInstance.autoplay) { 2121 if (expanded) { 2122 swiperInstance.autoplay.stop(); 2123 } else { 2124 swiperInstance.autoplay.start(); 2125 } 2126 } 2127 2128 if (swiperInstance && swiperInstance.update) { 2129 swiperInstance.update(); 2130 } 2131 } 2132 2133 function refreshPressQuotes() { 2134 quotes.forEach(function (quote) { 2135 var toggle = quote.parentElement.querySelector('.press-quote-toggle'); 2136 var isExpanded = quote.dataset.expanded === 'true'; 2137 var hasOverflow = hasOverflowWhenCollapsed(quote); 2138 2139 if (!toggle) { 2140 return; 2141 } 2142 2143 if (!hasOverflow) { 2144 quote.dataset.expanded = 'false'; 2145 quote.classList.remove('is-collapsed'); 2146 toggle.classList.add('d-none'); 2147 toggle.setAttribute('aria-expanded', 'false'); 2148 toggle.textContent = moreLabel.textContent; 2149 return; 2150 } 2151 2152 quote.classList.toggle('is-collapsed', !isExpanded); 2153 toggle.classList.remove('d-none'); 2154 toggle.setAttribute('aria-expanded', isExpanded ? 'true' : 'false'); 2155 toggle.textContent = isExpanded ? lessLabel.textContent : moreLabel.textContent; 2156 }); 2157 2158 if (swiperInstance && swiperInstance.update) {
2159 swiperInstance.update(); 2160 } 2161 } 2162 2163 quotes.forEach(function (quote) { 2164 var toggle = quote.parentElement.querySelector('.press-quote-toggle'); 2165 2166 if (!toggle) { 2167 return; 2168 } 2169 2170 quote.dataset.expanded = 'false'; 2171 toggle.addEventListener('click', function () { 2172 var isExpanded = quote.dataset.expanded === 'true'; 2173 setQuoteState(quote, !isExpanded); 2174 refreshPressQuotes(); 2175 }); 2176 }); 2177 2178 if (swiperInstance && swiperInstance.on) { 2179 swiperInstance.on('slideChangeTransitionStart', function () { 2180 quotes.forEach(function (quote) { 2181 if (quote.dataset.expanded === 'true') { 2182 setQuoteState(quote, false); 2183 } 2184 }); 2185 }); 2186 } 2187 2188 var resizeTimer; 2189 window.addEventListener('resize', function () { 2190 window.clearTimeout(resizeTimer); 2191 resizeTimer = window.setTimeout(refreshPressQuotes, 150); 2192 }); 2193 refreshPressQuotes(); 2194 } 2195 2196 var carouselTarget = document.querySelector('.mySwiper'); 2197 var carouselAssetsRequested = false; 2198 2199 function loadCarouselAssets() { 2200 if (carouselAssetsRequested) { 2201 return; 2202 } 2203 2204 carouselAssetsRequested = true; 2205 loadScript('/vendor/swiper-10/swiper-bundle.min.js') 2206 .then(initializeCarousels) 2207 .catch(function () { 2208 carouselAssetsRequested = false; 2209 }); 2210 } 2211 2212 if (carouselTarget && 'IntersectionObserver' in window) { 2213 var carouselObserver = new IntersectionObserver(function (entries, observer) { 2214 if (entries.some(function (entry) { return entry.isIntersecting; })) { 2215 observer.disconnect(); 2216 loadCarouselAssets(); 2217 } 2218 }, { rootMargin: '800px 0px' }); 2219 carouselObserver.observe(carouselTarget); 2220 } else if (carouselTarget) { 2221 window.addEventListener('load', loadCarouselAssets, { once: true }); 2222 } 2223 2224 var navbarToggler = document.querySelector('.navbar-toggler'); 2225 var navbarMenu = document.getElementById('navbarNav'); 2226 2227 if (navbarToggler && navbarMenu) { 2228 navbarToggler.addEventListener('click', function () { 2229 var shouldOpen = navbarToggler.getAttribute('aria-expanded') !== 'true'; 2230 navbarToggler.setAttribute('aria-expanded', shouldOpen ? 'true' : 'false'); 2231 navbarMenu.classList.toggle('show', shouldOpen); 2232 }); 2233 2234 navbarMenu.addEventListener('click', function (event) { 2235 if (window.innerWidth >= 992 || !event.target.closest('a')) { 2236 return; 2237 } 2238 2239 navbarToggler.setAttribute('aria-expanded', 'false'); 2240 navbarMenu.classList.remove('show'); 2241 }); 2242 } 2243 2244 // Navbar scroll effect 2245 var scrollFramePending = false; 2246 2247 function updateScrolledUi() { 2248 var navbar = document.querySelector('.navbar'); 2249 var isScrolled = window.scrollY > 50; 2250 2251 if (navbar) { 2252 navbar.classList.toggle('shadow-sm', isScrolled); 2253 navbar.style.background = isScrolled 2254 ? 'rgba(255, 255, 255, 0.98)' 2255 : 'rgba(255, 255, 255, 0.95)'; 2256 } 2257 2258 toggleContactFab(); 2259 scrollFramePending = false; 2260 } 2261 2262 window.addEventListener('scroll', function () { 2263 if (!scrollFramePending) { 2264 scrollFramePending = true; 2265 window.requestAnimationFrame(updateScrolledUi); 2266 } 2267 }, { passive: true }); 2268 2269 // Event listener for Select change 2270 const langSwitcher = document.querySelector('.lang-switcher'); 2271 if (langSwitcher) { 2272 langSwitcher.addEventListener('change', (e) => { 2273 const lang = e.target.value; 2274 const path = window.location.pathname; 2275 const isSubfolder = path.match(/\/[a-z]{2}\/index\.html$/) || path.match(/\/[a-z]{2}\/$/); 2276 2277 let target = ""; 2278 if (lang === 'fr') { 2279 target = isSubfolder ? '../index.html' : 'index.html'; 2280 } else { 2281 target = isSubfolder ? `../${lang}/index.html` : `${lang}/index.html`; 2282 } 2283 window.location.href = target; 2284 }); 2285 } 2286 2287 const contactSection = document.getElementById('contactSection'); 2288 const contactFab = document.getElementById('contactFab'); 2289 var contactAssetsRequested = false;
2290 2291 function loadContactAssets() { 2292 if (contactAssetsRequested) { 2293 return; 2294 } 2295 2296 contactAssetsRequested = true; 2297 loadScript('https://forminit.com/sdk/v1/forminit.js') 2298 .then(function () { 2299 return loadScript('/assets/js/forminit-contact.js?v=20260716'); 2300 }) 2301 .catch(function () { 2302 contactAssetsRequested = false; 2303 }); 2304 } 2305 2306 if (contactSection && 'IntersectionObserver' in window) { 2307 var contactObserver = new IntersectionObserver(function (entries, observer) { 2308 if (entries.some(function (entry) { return entry.isIntersecting; })) { 2309 observer.disconnect(); 2310 loadContactAssets(); 2311 } 2312 }, { rootMargin: '800px 0px' }); 2313 contactObserver.observe(contactSection); 2314 } else if (contactSection) { 2315 window.addEventListener('load', loadContactAssets, { once: true }); 2316 } 2317 2318 if (contactSection) { 2319 contactSection.addEventListener('focusin', loadContactAssets, { once: true }); 2320 contactSection.addEventListener('pointerenter', loadContactAssets, { once: true }); 2321 } 2322 2323 if (contactFab && contactSection) { 2324 contactFab.addEventListener('click', function (event) { 2325 event.preventDefault(); 2326 contactSection.scrollIntoView({ behavior: 'smooth', block: 'start' }); 2327 }); 2328 } 2329 2330 function toggleContactFab() { 2331 if (!contactSection || !contactFab) { 2332 return; 2333 } 2334 2335 const rect = contactSection.getBoundingClientRect(); 2336 const shouldShow = rect.bottom < 0; 2337 contactFab.classList.toggle('is-visible', shouldShow); 2338 } 2339 2340 // Responsive Language Switcher 2341 function updateLanguageSwitcher() { 2342 const isMobile = window.innerWidth < 992; // Bootstrap lg breakpoint 2343 const select = document.querySelector('.lang-switcher'); 2344 if (!select) return; 2345 const options = select.options; 2346 2347 const langMap = { 2348 'fr': { mobile: 'ð«ð· FR', desktop: 'Français' }, 2349 'en': { mobile: 'ð¬ð§ EN', desktop: 'English' }, 2350 'es': { mobile: 'ðªð¸ ES', desktop: 'Español' }, 2351 'de': { mobile: 'ð©ðª DE', desktop: 'Deutsch' }, 2352 'nl': { mobile: 'ð³ð± NL', desktop: 'Nederlands' }, 2353 'pt': { mobile: 'ðµð¹ PT', desktop: 'Português' }, 2354 'it': { mobile: 'ð®ð¹ IT', desktop: 'Italiano' } 2355 }; 2356 2357 for (let i = 0; i < options.length; i++) { 2358 const langCode = options[i].value; 2359 if (langMap[langCode]) { 2360 options[i].text = isMobile ? langMap[langCode].mobile : langMap[langCode].desktop; 2361 } 2362 } 2363 } 2364 2365 window.addEventListener('resize', updateLanguageSwitcher); 2366 window.addEventListener('DOMContentLoaded', updateLanguageSwitcher); 2367 window.addEventListener('resize', toggleContactFab); 2368 updateScrolledUi(); 2369 2370 // Set Copyright Year 2371 document.getElementById('copyright-year').textContent = new Date().getFullYear(); 2372 </script>
2372 2373
2373<script src="assets/js/guideius-local-navigation.js?v=20260716"></script>
2373 2374</body> 2375 2376</html>
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.