-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.fr.html
More file actions
224 lines (219 loc) · 13.1 KB
/
Copy pathindex.fr.html
File metadata and controls
224 lines (219 loc) · 13.1 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>No Panic — Le calme dans votre poche</title>
<meta name="description" content="No Panic est une app de bien-être en libre-service avec un bouton panique, respiration, ancrage, scan corporel, visualisation, étirements, journal, affirmations et méditation.">
<link rel="canonical" href="https://denid88.github.io/nopanic-app/index.fr.html">
<link rel="alternate" hreflang="en" href="https://denid88.github.io/nopanic-app/index.html">
<link rel="alternate" hreflang="uk" href="https://denid88.github.io/nopanic-app/index.uk.html">
<link rel="alternate" hreflang="de" href="https://denid88.github.io/nopanic-app/index.de.html">
<link rel="alternate" hreflang="es" href="https://denid88.github.io/nopanic-app/index.es.html">
<link rel="alternate" hreflang="fr" href="https://denid88.github.io/nopanic-app/index.fr.html">
<link rel="alternate" hreflang="pl" href="https://denid88.github.io/nopanic-app/index.pl.html">
<link rel="alternate" hreflang="pt-BR" href="https://denid88.github.io/nopanic-app/index.pt-br.html">
<link rel="icon" type="image/png" href="./assets/favicon.png">
<meta property="og:title" content="No Panic — Le calme dans votre poche">
<meta property="og:description" content="Une app de bien-être en libre-service pour les moments de panique, d'anxiété ou de stress.">
<meta property="og:image" content="./assets/logo.png">
<meta property="og:url" content="https://denid88.github.io/nopanic-app/index.fr.html">
<meta property="og:type" content="website">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600&display=swap">
<link rel="stylesheet" href="./styles/main.css">
</head>
<body>
<header class="site-header">
<div class="container site-header__inner">
<a class="site-header__brand" href="./index.fr.html">
<img src="./assets/logo.png" alt="">
<span>No Panic</span>
</a>
<nav class="site-header__lang" aria-label="Langue">
<a href="./index.html" hreflang="en">EN</a>
<span aria-hidden="true">|</span>
<a href="./index.uk.html" hreflang="uk">UK</a>
<span aria-hidden="true">|</span>
<a href="./index.de.html" hreflang="de">DE</a>
<span aria-hidden="true">|</span>
<a href="./index.es.html" hreflang="es">ES</a>
<span aria-hidden="true">|</span>
<span class="is-active" aria-current="true">FR</span>
<span aria-hidden="true">|</span>
<a href="./index.pl.html" hreflang="pl">PL</a>
<span aria-hidden="true">|</span>
<a href="./index.pt-br.html" hreflang="pt-BR">PT</a>
</nav>
</div>
</header>
<main>
<section class="hero">
<img class="hero__logo" src="./assets/logo.png" alt="Logo No Panic">
<h1 class="hero__title">Le calme dans votre poche — quand la panique survient.</h1>
<p class="hero__sub">Une app de bien-être en libre-service avec un bouton panique, respiration, ancrage, scan corporel, visualisation, étirements, journal, affirmations et méditation.</p>
<div class="hero__cta">
<a class="store-btn" href="https://apps.apple.com/us/app/no-panic-attack/id6762794408" aria-label="Télécharger sur l'App Store">
<span class="store-btn__icon" aria-hidden="true">🍎</span>
<span>App Store</span>
</a>
<a class="store-btn" href="https://play.google.com/store/apps/details?id=app.nopanic" aria-label="Disponible sur Google Play">
<span class="store-btn__icon" aria-hidden="true">▶</span>
<span>Google Play</span>
</a>
</div>
<p class="hero__footnote">Gratuit au démarrage. Sans compte. Sans publicité. L'analyse n'est activée qu'avec votre consentement.</p>
</section>
<section class="section" aria-labelledby="features-title">
<div class="container">
<h2 id="features-title" style="text-align:center;">Ce qu'il contient</h2>
<section class="slider" role="region" aria-roledescription="carousel" aria-label="Fonctionnalités de l'app">
<div class="slider__viewport">
<div class="slider__track">
<article class="slider__slide" aria-label="Bouton d'urgence">
<div class="slider__icon" aria-hidden="true">🚨</div>
<h3>Bouton d'urgence</h3>
<p>Un appui ouvre un parcours guidé en 10 étapes avec de courts conseils et audio facultatif — pour les moments où vous avez besoin d'aide tout de suite.</p>
</article>
<article class="slider__slide" aria-label="Respiration">
<div class="slider__icon" aria-hidden="true">🌬️</div>
<h3>Respiration</h3>
<p>Respiration relaxante et respiration carrée, avec durée de séance réglable.</p>
</article>
<article class="slider__slide" aria-label="Ancrage">
<div class="slider__icon" aria-hidden="true">🌿</div>
<h3>Ancrage</h3>
<p>Exercice sensoriel 5-4-3-2-1 pour revenir du débordement.</p>
</article>
<article class="slider__slide" aria-label="Scan corporel">
<div class="slider__icon" aria-hidden="true">🧘</div>
<h3>Scan corporel</h3>
<p>Relaxation progressive en 10 zones, au rythme qui vous convient.</p>
</article>
<article class="slider__slide" aria-label="Visualisation">
<div class="slider__icon" aria-hidden="true">🏞️</div>
<h3>Visualisation</h3>
<p>10 visualisations à thème avec son d'ambiance — océan, forêt, prairie et plus.</p>
</article>
<article class="slider__slide" aria-label="Étirements">
<div class="slider__icon" aria-hidden="true">🤸</div>
<h3>Étirements</h3>
<p>8 postures douces au rythme configurable pour relâcher la tension physique.</p>
</article>
<article class="slider__slide" aria-label="Journal">
<div class="slider__icon" aria-hidden="true">📓</div>
<h3>Journal</h3>
<p>Notes privées sur votre appareil avec emoji d'humeur facultatif. Vos mots ne quittent jamais le téléphone.</p>
</article>
<article class="slider__slide" aria-label="Affirmations">
<div class="slider__icon" aria-hidden="true">✨</div>
<h3>Affirmations</h3>
<p>Une affirmation du jour, plus des favoris à retrouver.</p>
</article>
<article class="slider__slide" aria-label="Lecture">
<div class="slider__icon" aria-hidden="true">📖</div>
<h3>Lecture</h3>
<p>De courts articles apaisants sur la panique et l’anxiété. Ouvre-en un quand tu veux comprendre ce qui se passe et te sentir moins seul.</p>
</article>
<article class="slider__slide" aria-label="Médicaments">
<div class="slider__icon" aria-hidden="true">💊</div>
<h3>Médicaments</h3>
<p>Suis tes médicaments. Ajoute noms, doses et horaires, puis coche chaque prise — tout reste privé sur ton téléphone.</p>
</article>
<article class="slider__slide" aria-label="Prendre rendez-vous">
<div class="slider__icon" aria-hidden="true">🩺</div>
<h3>Prendre rendez-vous</h3>
<p>Trouve un psychologue, un psychiatre ou un psychothérapeute. Parcours les profils, filtre par spécialisation et par ville, puis contacte directement — pas de réservation dans l’application.</p>
</article>
<article class="slider__slide" aria-label="Auto-évaluation">
<div class="slider__icon" aria-hidden="true">📋</div>
<h3>Auto-évaluation</h3>
<p>De brefs auto-bilans en douceur pour voir où tu en es. Réponds à quelques questions et suis tes résultats dans le temps.</p>
</article>
<article class="slider__slide" aria-label="Mur des survivants">
<div class="slider__icon" aria-hidden="true">🛡️</div>
<h3>Mur des survivants</h3>
<p>Chaque crise surmontée est enregistrée ici. Ajoute-la une fois passée et regarde le compteur grandir — la preuve que tu t’en sors toujours.</p>
</article>
<article class="slider__slide" aria-label="Coach anxiété">
<div class="slider__icon" aria-hidden="true">🧠</div>
<h3>Coach anxiété</h3>
<p>Des conseils validés par des psychologues pour les moments d’anxiété. Dis ce qui te pèse et reçois des conseils calmes et concrets.</p>
</article>
<article class="slider__slide" aria-label="Sommeil">
<div class="slider__icon" aria-hidden="true">🌙</div>
<h3>Sommeil</h3>
<p>Des ambiances douces et de la musique pour t’endormir. Choisis une piste, règle une minuterie et laisse-toi bercer.</p>
</article>
<article class="slider__slide" aria-label="Jeux">
<div class="slider__icon" aria-hidden="true">🎮</div>
<h3>Jeux</h3>
<p>De petits jeux légers et apaisants pour distraire en douceur un esprit emballé. Choisis-en un et joue quelques minutes le temps que ça passe.</p>
</article>
<article class="slider__slide" aria-label="Habitudes saines">
<div class="slider__icon" aria-hidden="true">✅</div>
<h3>Habitudes saines</h3>
<p>Installe de petites habitudes quotidiennes apaisantes. Coche ce que tu as réussi aujourd’hui — un progrès tranquille, sans pression.</p>
</article>
<article class="slider__slide" aria-label="Méditation">
<div class="slider__icon" aria-hidden="true">🧘♀️</div>
<h3>Méditation</h3>
<p>Séances guidées de méditation — <em>bientôt disponibles</em>.</p>
</article>
</div>
</div>
<button class="slider__prev" type="button" aria-label="Fonctionnalité précédente">‹</button>
<button class="slider__next" type="button" aria-label="Fonctionnalité suivante">›</button>
<div class="slider__dots" role="tablist" aria-label="Navigation des fonctionnalités"></div>
</section>
</div>
</section>
<section class="section promise" aria-labelledby="promise-title">
<div class="container">
<h2 id="promise-title" style="text-align:center;">Confidentialité par défaut</h2>
<div class="promise__grid">
<div class="promise__card">
<h3>Pas de compte, analyse facultative</h3>
<p>L'app est entièrement anonyme. Pas d'inscription, pas de publicité, pas de SDK de rapport de crash. Firebase Analytics est désactivé par défaut — il ne s'active qu'après votre accord explicite, et vous pouvez le désactiver à tout moment dans Réglages → Confidentialité.</p>
</div>
<div class="promise__card">
<h3>Votre journal reste avec vous</h3>
<p>Les entrées du journal et les favoris restent sur votre appareil. Ils ne sont jamais envoyés.</p>
</div>
<div class="promise__card">
<h3>Transparents sur les tiers</h3>
<p>Nous listons chaque service tiers avec lequel l'app communique — en termes clairs.</p>
</div>
</div>
<p class="promise__more"><a href="./privacy-policy.fr.html">Lire la Politique de confidentialité complète →</a></p>
</div>
</section>
</main>
<footer class="site-footer">
<div class="container site-footer__inner">
<p>© 2026 No Panic Labs</p>
<nav class="site-footer__links" aria-label="Mentions légales et contact">
<a href="./index.fr.html">Accueil</a>
<a href="./privacy-policy.fr.html">Politique de confidentialité</a>
<a href="./terms-of-use.fr.html">Conditions d'utilisation</a>
<a href="mailto:denysdubov88@gmail.com">Contact</a>
</nav>
<nav class="site-header__lang" aria-label="Langue">
<a href="./index.html" hreflang="en">EN</a>
<span aria-hidden="true">|</span>
<a href="./index.uk.html" hreflang="uk">UK</a>
<span aria-hidden="true">|</span>
<a href="./index.de.html" hreflang="de">DE</a>
<span aria-hidden="true">|</span>
<a href="./index.es.html" hreflang="es">ES</a>
<span aria-hidden="true">|</span>
<span class="is-active" aria-current="true">FR</span>
<span aria-hidden="true">|</span>
<a href="./index.pl.html" hreflang="pl">PL</a>
<span aria-hidden="true">|</span>
<a href="./index.pt-br.html" hreflang="pt-BR">PT</a>
</nav>
</div>
</footer>
<script src="./scripts/slider.js"></script>
</body>
</html>