Hugging Face's logo

Spaces:
crespo12
/
my
Running

App Files Community
crespo12 commited on
Commit
ae87bf3
·
verified ·
1 Parent(s): dc5400a

🏠 1. HĂ©ros (Hero Section) – Impression immĂ©diate Contenu : Titre fort : "RĂ©inventons la santĂ© avec Sania : la suite intelligente pour les professionnels de la mĂ©decine" Sous-titre : "De la consultation Ă  la pharmacie, tout est connectĂ©, sĂ©curisĂ©, et pensĂ© pour amĂ©liorer le parcours de soins." CTA (bouton d’appel Ă  l’action) : Demander une dĂ©mo gratuite Voir comment ça marche Visuel : animation ou image stylisĂ©e d’un mĂ©decin, un patient, et une interface Sania moderne. 🧭 2. PrĂ©sentation de la plateforme Sania Contenu : Texte introductif : "Sania est une plateforme tout-en-un conçue pour digitaliser et unifier tous les aspects du parcours de santĂ© : consultations, dossiers mĂ©dicaux, pharmacie, rendez-vous, tĂ©lĂ©-expertise, et plus encore." Image ou vidĂ©o explicative montrant l’écosystĂšme Sania. đŸ§© 3. Modules ou Versions SpĂ©cialisĂ©es de Sania PrĂ©sentez chaque logiciel ou sous-plateforme comme un module : đŸ©ș SaniaConsult "Optimisez vos consultations avec des outils intelligents pour la gestion des patients, notes automatiques, ordonnance numĂ©rique, et historique mĂ©dical." 📁 SaniaDossier "Un Dossier MĂ©dical NumĂ©rique universel, sĂ©curisĂ©, accessible Ă  tout moment." 💊 SaniaPharma "GĂ©rez les prescriptions, stocks, et ventes en pharmacie avec une interface moderne, connectĂ©e au mĂ©decin et au patient." đŸ§Ș SaniaLab "Connectez les laboratoires d’analyse avec les mĂ©decins pour des rĂ©sultats rapides, intĂ©grĂ©s automatiquement dans les dossiers." 🚑 SaniaUrgence "Donnez accĂšs aux antĂ©cĂ©dents critiques en cas d’urgence, mĂȘme sans connexion Internet." PrĂ©sentez chaque module avec : Une icĂŽne ou image Une courte description Bouton "DĂ©couvrir" 🔐 4. SĂ©curitĂ© & ConfidentialitĂ© des DonnĂ©es Contenu : Titre : "Vos donnĂ©es sont sacrĂ©es, et elles le resteront." Points forts : Chiffrement de bout en bout HĂ©bergement sĂ©curisĂ© certifiĂ© (ex: HDS, RGPD) AccĂšs contrĂŽlĂ© et journalisĂ© Visuel d’un bouclier ou cadenas stylisĂ© avec l’interface 🧠 5. Technologie derriĂšre Sania (IA, InteropĂ©rabilitĂ©) Contenu : Titre : "Une technologie avancĂ©e, pensĂ©e pour les humains" Points clĂ©s : Intelligence artificielle mĂ©dicale IntĂ©gration avec d’autres logiciels et hĂŽpitaux SystĂšme de recommandation pour les diagnostics et prescriptions đŸ‘šâ€âš•ïž 6. Pour qui est Sania ? PrĂ©sentez les diffĂ©rents utilisateurs cibles : MĂ©decins gĂ©nĂ©ralistes SpĂ©cialistes Pharmaciens Laborantins Administrateurs d’hĂŽpitaux Patients Chaque persona pourrait avoir : Une illustration Une mini-description Exemple d’usage avec Sania 💬 7. TĂ©moignages & Études de cas Contenu : Avis de mĂ©decins, pharmaciens, patients Photos ou avatars Petites citations : "Depuis que j’utilise Sania, mes consultations sont plus rapides et prĂ©cises." — Dr. Kamanzi Bouton : Lire plus de tĂ©moignages đŸ’Œ 8. Offres & Tarification Contenu : Titre : "Des solutions accessibles Ă  tous" 3 Ă  4 formules : Gratuit (SaniaPatient) Sania Pro Sania Premium (HĂŽpital/Cliniques) Bouton Choisir un plan Mention Personnalisation disponible pour les structures 📈 9. Statistiques & Impact Contenu : Chiffres clĂ©s : +50 000 consultations assistĂ©es 95% de satisfaction utilisateur 120 Ă©tablissements connectĂ©s Visuels sous forme de graphique ou compteur animĂ© đŸ“© 10. Inscription / Appel Ă  l’action final Contenu : Titre : "PrĂȘt Ă  transformer votre façon de soigner ?" Formulaire d’inscription rapide : Nom, Email, SpĂ©cialitĂ© Bouton : Rejoindre Sania maintenant Option : Demander un appel avec un conseiller 📍 11. Footer (Pied de page) Contenu : Liens rapides : FonctionnalitĂ©s À propos Contact Mentions lĂ©gales RĂ©seaux sociaux (Twitter, LinkedIn, etc.) Email support : contact@sania.health - Initial Deployment

Browse files
Files changed (2) hide show
  1. README.md +7 -5
  2. index.html +260 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: My
3
- emoji: 🏆
4
- colorFrom: indigo
5
- colorTo: green
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: my
3
+ emoji: 🐳
4
+ colorFrom: gray
5
+ colorTo: red
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,260 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="fr">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Sania - La suite intelligente pour les professionnels de la médecine</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <style>
10
+ @keyframes float {
11
+ 0% { transform: translateY(0px); }
12
+ 50% { transform: translateY(-20px); }
13
+ 100% { transform: translateY(0px); }
14
+ }
15
+ .floating {
16
+ animation: float 6s ease-in-out infinite;
17
+ }
18
+ .gradient-bg {
19
+ background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);
20
+ }
21
+ .card-hover:hover {
22
+ transform: translateY(-10px);
23
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
24
+ }
25
+ .feature-icon {
26
+ width: 80px;
27
+ height: 80px;
28
+ display: flex;
29
+ align-items: center;
30
+ justify-content: center;
31
+ border-radius: 20px;
32
+ margin-bottom: 1rem;
33
+ }
34
+ .testimonial-card {
35
+ transition: all 0.3s ease;
36
+ }
37
+ .testimonial-card:hover {
38
+ transform: scale(1.05);
39
+ }
40
+ .pricing-card {
41
+ transition: all 0.3s ease;
42
+ }
43
+ .pricing-card:hover {
44
+ transform: scale(1.03);
45
+ }
46
+ </style>
47
+ </head>
48
+ <body class="font-sans antialiased text-gray-800">
49
+ <!-- Navigation -->
50
+ <nav class="bg-white shadow-md sticky top-0 z-50">
51
+ <div class="container mx-auto px-6 py-3">
52
+ <div class="flex items-center justify-between">
53
+ <div class="flex items-center">
54
+ <div class="text-2xl font-bold text-indigo-600">Sania</div>
55
+ </div>
56
+ <div class="hidden md:flex items-center space-x-8">
57
+ <a href="#features" class="text-gray-700 hover:text-indigo-600">Fonctionnalités</a>
58
+ <a href="#modules" class="text-gray-700 hover:text-indigo-600">Modules</a>
59
+ <a href="#pricing" class="text-gray-700 hover:text-indigo-600">Tarifs</a>
60
+ <a href="#testimonials" class="text-gray-700 hover:text-indigo-600">TĂ©moignages</a>
61
+ <a href="#contact" class="px-4 py-2 bg-indigo-600 text-white rounded-md hover:bg-indigo-700 transition">Demander une démo</a>
62
+ </div>
63
+ <div class="md:hidden">
64
+ <button class="text-gray-700 focus:outline-none">
65
+ <i class="fas fa-bars text-2xl"></i>
66
+ </button>
67
+ </div>
68
+ </div>
69
+ </div>
70
+ </nav>
71
+
72
+ <!-- Hero Section -->
73
+ <section class="gradient-bg text-white py-20">
74
+ <div class="container mx-auto px-6 flex flex-col md:flex-row items-center">
75
+ <div class="md:w-1/2 mb-10 md:mb-0">
76
+ <h1 class="text-4xl md:text-5xl font-bold mb-6 leading-tight">Réinventons la santé avec Sania</h1>
77
+ <h2 class="text-xl md:text-2xl mb-8">La suite intelligente pour les professionnels de la médecine</h2>
78
+ <p class="text-lg mb-8">De la consultation à la pharmacie, tout est connecté, sécurisé, et pensé pour améliorer le parcours de soins.</p>
79
+ <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
80
+ <a href="#demo" class="px-8 py-3 bg-white text-indigo-600 rounded-md font-semibold text-center hover:bg-gray-100 transition">Demander une démo gratuite</a>
81
+ <a href="#how-it-works" class="px-8 py-3 border-2 border-white text-white rounded-md font-semibold text-center hover:bg-white hover:text-indigo-600 transition">Voir comment ça marche</a>
82
+ </div>
83
+ </div>
84
+ <div class="md:w-1/2 flex justify-center">
85
+ <img src="https://illustrations.popsy.co/amber/doctor-woman.svg" alt="MĂ©decin et patient" class="w-full max-w-md floating">
86
+ </div>
87
+ </div>
88
+ </section>
89
+
90
+ <!-- Platform Presentation -->
91
+ <section id="features" class="py-20 bg-gray-50">
92
+ <div class="container mx-auto px-6">
93
+ <div class="flex flex-col md:flex-row items-center">
94
+ <div class="md:w-1/2 mb-10 md:mb-0">
95
+ <img src="https://illustrations.popsy.co/amber/digital-life.svg" alt="Écosystùme Sania" class="w-full max-w-md">
96
+ </div>
97
+ <div class="md:w-1/2 md:pl-12">
98
+ <h2 class="text-3xl font-bold mb-6">La plateforme Sania</h2>
99
+ <p class="text-lg mb-8">Sania est une plateforme tout-en-un conçue pour digitaliser et unifier tous les aspects du parcours de santé : consultations, dossiers médicaux, pharmacie, rendez-vous, télé-expertise, et plus encore.</p>
100
+ <div class="grid grid-cols-2 gap-4">
101
+ <div class="flex items-center">
102
+ <i class="fas fa-check-circle text-green-500 mr-2"></i>
103
+ <span>Consultations intelligentes</span>
104
+ </div>
105
+ <div class="flex items-center">
106
+ <i class="fas fa-check-circle text-green-500 mr-2"></i>
107
+ <span>Dossiers médicaux unifiés</span>
108
+ </div>
109
+ <div class="flex items-center">
110
+ <i class="fas fa-check-circle text-green-500 mr-2"></i>
111
+ <span>Gestion de pharmacie</span>
112
+ </div>
113
+ <div class="flex items-center">
114
+ <i class="fas fa-check-circle text-green-500 mr-2"></i>
115
+ <span>RĂ©sultats de laboratoire</span>
116
+ </div>
117
+ </div>
118
+ </div>
119
+ </div>
120
+ </div>
121
+ </section>
122
+
123
+ <!-- Modules Section -->
124
+ <section id="modules" class="py-20">
125
+ <div class="container mx-auto px-6">
126
+ <h2 class="text-3xl font-bold text-center mb-16">Modules spécialisés de Sania</h2>
127
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
128
+ <!-- Module 1 -->
129
+ <div class="bg-white p-8 rounded-xl shadow-md card-hover transition">
130
+ <div class="feature-icon bg-blue-100 text-blue-600">
131
+ <i class="fas fa-user-md text-3xl"></i>
132
+ </div>
133
+ <h3 class="text-xl font-bold mb-3">SaniaConsult</h3>
134
+ <p class="text-gray-600 mb-4">Optimisez vos consultations avec des outils intelligents pour la gestion des patients, notes automatiques, ordonnance numérique, et historique médical.</p>
135
+ <a href="#" class="text-indigo-600 font-semibold hover:underline">DĂ©couvrir <i class="fas fa-arrow-right ml-1"></i></a>
136
+ </div>
137
+
138
+ <!-- Module 2 -->
139
+ <div class="bg-white p-8 rounded-xl shadow-md card-hover transition">
140
+ <div class="feature-icon bg-purple-100 text-purple-600">
141
+ <i class="fas fa-file-medical text-3xl"></i>
142
+ </div>
143
+ <h3 class="text-xl font-bold mb-3">SaniaDossier</h3>
144
+ <p class="text-gray-600 mb-4">Un Dossier Médical Numérique universel, sécurisé, accessible à tout moment par les professionnels autorisés.</p>
145
+ <a href="#" class="text-indigo-600 font-semibold hover:underline">DĂ©couvrir <i class="fas fa-arrow-right ml-1"></i></a>
146
+ </div>
147
+
148
+ <!-- Module 3 -->
149
+ <div class="bg-white p-8 rounded-xl shadow-md card-hover transition">
150
+ <div class="feature-icon bg-green-100 text-green-600">
151
+ <i class="fas fa-pills text-3xl"></i>
152
+ </div>
153
+ <h3 class="text-xl font-bold mb-3">SaniaPharma</h3>
154
+ <p class="text-gray-600 mb-4">Gérez les prescriptions, stocks, et ventes en pharmacie avec une interface moderne, connectée au médecin et au patient.</p>
155
+ <a href="#" class="text-indigo-600 font-semibold hover:underline">DĂ©couvrir <i class="fas fa-arrow-right ml-1"></i></a>
156
+ </div>
157
+
158
+ <!-- Module 4 -->
159
+ <div class="bg-white p-8 rounded-xl shadow-md card-hover transition">
160
+ <div class="feature-icon bg-yellow-100 text-yellow-600">
161
+ <i class="fas fa-flask text-3xl"></i>
162
+ </div>
163
+ <h3 class="text-xl font-bold mb-3">SaniaLab</h3>
164
+ <p class="text-gray-600 mb-4">Connectez les laboratoires d'analyse avec les médecins pour des résultats rapides, intégrés automatiquement dans les dossiers.</p>
165
+ <a href="#" class="text-indigo-600 font-semibold hover:underline">DĂ©couvrir <i class="fas fa-arrow-right ml-1"></i></a>
166
+ </div>
167
+
168
+ <!-- Module 5 -->
169
+ <div class="bg-white p-8 rounded-xl shadow-md card-hover transition">
170
+ <div class="feature-icon bg-red-100 text-red-600">
171
+ <i class="fas fa-ambulance text-3xl"></i>
172
+ </div>
173
+ <h3 class="text-xl font-bold mb-3">SaniaUrgence</h3>
174
+ <p class="text-gray-600 mb-4">Donnez accĂšs aux antĂ©cĂ©dents critiques en cas d'urgence, mĂȘme sans connexion Internet.</p>
175
+ <a href="#" class="text-indigo-600 font-semibold hover:underline">DĂ©couvrir <i class="fas fa-arrow-right ml-1"></i></a>
176
+ </div>
177
+
178
+ <!-- Module 6 -->
179
+ <div class="bg-white p-8 rounded-xl shadow-md card-hover transition">
180
+ <div class="feature-icon bg-indigo-100 text-indigo-600">
181
+ <i class="fas fa-brain text-3xl"></i>
182
+ </div>
183
+ <h3 class="text-xl font-bold mb-3">SaniaAI</h3>
184
+ <p class="text-gray-600 mb-4">Notre intelligence artificielle médicale assiste les professionnels pour des diagnostics plus précis et des prescriptions optimisées.</p>
185
+ <a href="#" class="text-indigo-600 font-semibold hover:underline">DĂ©couvrir <i class="fas fa-arrow-right ml-1"></i></a>
186
+ </div>
187
+ </div>
188
+ </div>
189
+ </section>
190
+
191
+ <!-- Security Section -->
192
+ <section class="py-20 bg-gray-900 text-white">
193
+ <div class="container mx-auto px-6">
194
+ <div class="flex flex-col md:flex-row items-center">
195
+ <div class="md:w-1/2 mb-10 md:mb-0">
196
+ <h2 class="text-3xl font-bold mb-6">Vos données sont sacrées, et elles le resteront</h2>
197
+ <div class="space-y-6">
198
+ <div class="flex items-start">
199
+ <div class="bg-blue-500 p-2 rounded-full mr-4 mt-1">
200
+ <i class="fas fa-lock text-white"></i>
201
+ </div>
202
+ <div>
203
+ <h3 class="font-bold text-lg">Chiffrement de bout en bout</h3>
204
+ <p class="text-gray-300">Toutes les données médicales sont chiffrées selon les standards les plus stricts.</p>
205
+ </div>
206
+ </div>
207
+ <div class="flex items-start">
208
+ <div class="bg-blue-500 p-2 rounded-full mr-4 mt-1">
209
+ <i class="fas fa-shield-alt text-white"></i>
210
+ </div>
211
+ <div>
212
+ <h3 class="font-bold text-lg">Hébergement sécurisé certifié</h3>
213
+ <p class="text-gray-300">Hébergement certifié HDS et conforme RGPD en France.</p>
214
+ </div>
215
+ </div>
216
+ <div class="flex items-start">
217
+ <div class="bg-blue-500 p-2 rounded-full mr-4 mt-1">
218
+ <i class="fas fa-user-shield text-white"></i>
219
+ </div>
220
+ <div>
221
+ <h3 class="font-bold text-lg">AccÚs contrÎlé et journalisé</h3>
222
+ <p class="text-gray-300">Tous les accÚs sont tracés et nécessitent une authentification forte.</p>
223
+ </div>
224
+ </div>
225
+ </div>
226
+ </div>
227
+ <div class="md:w-1/2 flex justify-center">
228
+ <img src="https://illustrations.popsy.co/amber/security.svg" alt="Sécurité des données" class="w-full max-w-md">
229
+ </div>
230
+ </div>
231
+ </div>
232
+ </section>
233
+
234
+ <!-- Technology Section -->
235
+ <section class="py-20 bg-white">
236
+ <div class="container mx-auto px-6">
237
+ <h2 class="text-3xl font-bold text-center mb-16">Une technologie avancée, pensée pour les humains</h2>
238
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
239
+ <div class="text-center">
240
+ <div class="bg-indigo-100 text-indigo-600 w-20 h-20 mx-auto rounded-full flex items-center justify-center mb-4">
241
+ <i class="fas fa-robot text-3xl"></i>
242
+ </div>
243
+ <h3 class="text-xl font-bold mb-3">Intelligence Artificielle MĂ©dicale</h3>
244
+ <p class="text-gray-600">Notre IA assiste les professionnels sans jamais remplacer leur jugement, pour des diagnostics plus précis et des prescriptions optimisées.</p>
245
+ </div>
246
+ <div class="text-center">
247
+ <div class="bg-purple-100 text-purple-600 w-20 h-20 mx-auto rounded-full flex items-center justify-center mb-4">
248
+ <i class="fas fa-plug text-3xl"></i>
249
+ </div>
250
+ <h3 class="text-xl font-bold mb-3">Interopérabilité totale</h3>
251
+ <p class="text-gray-600">Intégration fluide avec les autres logiciels médicaux et systÚmes hospitaliers pour une continuité des soins sans faille.</p>
252
+ </div>
253
+ <div class="text-center">
254
+ <div class="bg-green-100 text-green-600 w-20 h-20 mx-auto rounded-full flex items-center justify-center mb-4">
255
+ <i class="fas fa-lightbulb text-3xl"></i>
256
+ </div>
257
+ <h3 class="text-xl font-bold mb-3">SystĂšme de recommandation</h3>
258
+ <p class="text-gray-600">Suggestions intelligentes bas
259
+ <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=crespo12/my" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
260
+ </html>