PageSourceSearch

https://www.guideius.com/

html guideius.com collected 2026-10-02 00:29:51 UTC 129,686 bytes, 2,376 lines download raw bytes

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 &amp; 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 &amp; 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 &amp; 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">&copy; <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.