-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
366 lines (344 loc) · 22 KB
/
Copy pathindex.html
File metadata and controls
366 lines (344 loc) · 22 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
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
<!DOCTYPE html>
<html lang="fr" class="scroll-smooth">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Photo d'identité domicile ANTS : Bébé, Permis, PMR & Ehpad | Île-de-France</title>
<meta name="description" content="Photographe agréé ANTS pour e-photo permis de conduire, DCEM, passeport. Spécialiste bébé, nourrisson, personnes alitées, Ehpad et hôpitaux à domicile en Île-de-France. Conformité garantie ISO/IEC 19794-5.">
<link rel="canonical" href="https://www.photo-identite-bebe-domicile.fr/" />
<link rel="icon" type="image/png" href="favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/svg+xml" href="favicon.svg" />
<link rel="shortcut icon" href="favicon.ico" />
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png" />
<!-- Schema.org JSON-LD ProfessionalService, FAQ & HowTo -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@graph": [
{
"@type": "ProfessionalService",
"name": "Photo-identite-bebe-domicile.fr - Expert Photo d'Identité ANTS à Domicile",
"image": "https://images.unsplash.com/photo-1519689680058-324335c77eba",
"@id": "https://www.photo-identite-bebe-domicile.fr/#service",
"url": "https://www.photo-identite-bebe-domicile.fr/",
"telephone": "+33781757754",
"priceRange": "$$",
"address": {
"@type": "PostalAddress",
"streetAddress": "16 bd Carnot",
"addressLocality": "Neuilly-sur-Marne",
"postalCode": "93330",
"addressCountry": "FR"
},
"geo": {
"@type": "GeoCoordinates",
"latitude": 48.8566,
"longitude": 2.5361
},
"areaServed": [
{"@type": "AdministrativeArea", "name": "Paris (75)"},
{"@type": "AdministrativeArea", "name": "Seine-et-Marne (77)"},
{"@type": "AdministrativeArea", "name": "Yvelines (78)"},
{"@type": "AdministrativeArea", "name": "Essonne (91)"},
{"@type": "AdministrativeArea", "name": "Hauts-de-Seine (92)"},
{"@type": "AdministrativeArea", "name": "Seine-Saint-Denis (93)"},
{"@type": "AdministrativeArea", "name": "Val-de-Marne (94)"},
{"@type": "AdministrativeArea", "name": "Val-d'Oise (95)"}
],
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.9",
"reviewCount": "156"
},
"hasOfferCatalog": {
"@type": "OfferCatalog",
"name": "Services Photo Identité Agréés",
"itemListElement": [
{ "@type": "Offer", "itemOffered": { "@type": "Service", "name": "Photo identité bébé & nourrisson" } },
{ "@type": "Offer", "itemOffered": { "@type": "Service", "name": "e-Photo ANTS Permis de conduire" } },
{ "@type": "Offer", "itemOffered": { "@type": "Service", "name": "Photo identité DCEM" } },
{ "@type": "Offer", "itemOffered": { "@type": "Service", "name": "Photo identité Ehpad, Hôpital & Personnes alitées" } },
{ "@type": "Offer", "itemOffered": { "@type": "Service", "name": "Passeport & CNI à domicile" } }
]
}
},
{
"@type": "HowTo",
"name": "Comment se déroule une séance de photo d'identité à domicile ?",
"description": "Étapes pour obtenir des photos d'identité conformes ANTS sans sortir de chez vous.",
"step": [
{
"@type": "HowToStep",
"name": "Installation du studio mobile",
"text": "Le photographe installe un éclairage professionnel et un fond homologué dans votre salon ou chambre."
},
{
"@type": "HowToStep",
"name": "Prise de vue aux normes ISO",
"text": "Respect strict des contraintes (expression neutre, yeux ouverts) avec une patience infinie pour les bébés et seniors."
},
{
"@type": "HowToStep",
"name": "Validation et Impression",
"text": "Contrôle logiciel immédiat des 22 points de conformité ANTS et impression des planches sur place."
},
{
"@type": "HowToStep",
"name": "Remise du code e-photo",
"text": "Envoi immédiat ou sous 2h du code numérique pour vos démarches en ligne (ANTS, permis, etc.)."
}
]
},
{
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "Intervenez-vous en Ehpad, hôpitaux ou pour les personnes alitées ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Oui, je suis spécialisé dans l'accompagnement des personnes vulnérables, handicapées ou hospitalisées. Mon matériel est adapté pour réaliser des photos d'identité conformes directement au lit du patient ou en structure de soins (Ehpad, hôpital)."
}
},
{
"@type": "Question",
"name": "Proposez-vous l'e-photo pour le permis de conduire à domicile ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Absolument. En tant que photographe agréé ANTS, je génère votre signature numérique et votre code e-photo sur place, indispensables pour toute demande de permis de conduire en ligne en 2026."
}
},
{
"@type": "Question",
"name": "Quels sont les points de contrôle de l'ANTS et la norme DCEM ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "L'administration exige le respect de la norme ISO/IEC 19794-5 : visage dégagé, yeux ouverts fixant l'objectif, expression neutre. Le DCEM requiert la même rigueur pour les mineurs étrangers. Mon agrément garantit un taux d'acceptation de 99,8%."
}
}
]
}
]
}
</script>
<!-- Polices -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Playfair+Display:wght@600;700&display=swap" rel="stylesheet">
<!-- Tailwind CSS -->
<script src="https://cdn.tailwindcss.com"></script>
<script>
tailwind.config = {
theme: {
extend: {
colors: { brand: '#ff7d00', dark: '#1a1a1a', light: '#faf8f5' },
fontFamily: { sans: ['Inter', 'sans-serif'], serif: ['Playfair Display', 'serif'] }
}
}
}
</script>
<style>
body { background-color: #faf8f5; color: #1a1a1a; }
.bg-hero {
background: linear-gradient(rgba(26, 26, 26, 0.75), rgba(26, 26, 26, 0.6)), url('https://images.unsplash.com/photo-1519689680058-324335c77eba?auto=format&fit=crop&w=1920&q=80') center/cover no-repeat;
}
iframe { scrollbar-width: none; }
iframe::-webkit-scrollbar { display: none; }
.logo-img { height: 40px; width: auto; max-width: 100%; }
@media (min-width: 768px) { .logo-img { height: 50px; } }
</style>
</head>
<body class="antialiased font-sans">
<!-- Script Alpine.js pour l'interactivité mobile -->
<script src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js" defer></script>
<!-- BARRE DE NAVIGATION (MENU) -->
<nav class="bg-white shadow-md sticky top-0 z-50" x-data="{ open: false }">
<div class="max-w-6xl mx-auto px-4 py-4 flex justify-between items-center">
<a href="index.html" class="text-xl md:text-2xl font-serif font-bold text-dark flex items-center gap-2">
<img src="Images/logo.png" alt="Logo" class="logo-img h-8 md:h-10 w-auto">
<span class="hidden sm:inline">Photo-identite-bebe-domicile.fr</span>
<span class="sm:hidden">Photo Identité</span>
</a>
<!-- Menu Desktop -->
<div class="hidden lg:flex gap-6 items-center">
<a href="#booking-funnel" class="font-medium text-gray-700 hover:text-brand transition">Réservation</a>
<a href="#faq" class="font-medium text-gray-700 hover:text-brand transition">FAQ & Normes</a>
<a href="#zones" class="font-medium text-gray-700 hover:text-brand transition">Zones d'intervention</a>
<a href="tel:+33781757754" class="inline-block bg-brand text-white px-5 py-2 rounded-full font-bold hover:bg-orange-600 transition text-sm">📞 07 81 75 77 54</a>
</div>
<!-- Bouton Mobile -->
<div class="lg:hidden flex items-center gap-4">
<a href="tel:+33781757754" class="text-brand text-xl">📞</a>
<button @click="open = !open" class="text-dark focus:outline-none">
<svg class="h-8 w-8" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path :class="{'hidden': open, 'inline-flex': !open }" class="inline-flex" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
<path :class="{'hidden': !open, 'inline-flex': open }" class="hidden" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
</svg>
</button>
</div>
</div>
<!-- Menu Mobile Overlay -->
<div x-show="open"
x-transition:enter="transition ease-out duration-200"
x-transition:enter-start="opacity-0 -translate-y-4"
x-transition:enter-end="opacity-100 translate-y-0"
class="lg:hidden bg-white border-t border-gray-100 px-4 py-6 space-y-4 shadow-xl"
style="display: none;">
<a href="#booking-funnel" @click="open = false" class="block text-lg font-medium text-gray-700 hover:text-brand">Réservation</a>
<a href="#faq" @click="open = false" class="block text-lg font-medium text-gray-700 hover:text-brand">FAQ & Normes</a>
<a href="#zones" @click="open = false" class="block text-lg font-medium text-gray-700 hover:text-brand">Zones d'intervention</a>
<a href="tel:+33781757754" class="block w-full text-center bg-brand text-white py-3 rounded-xl font-bold">Appeler le 07 81 75 77 54</a>
</div>
</nav>
<!-- HERO SECTION -->
<header class="bg-hero text-white min-h-[85vh] flex flex-col justify-center px-4 py-20" aria-label="En-tête principal">
<div class="max-w-4xl mx-auto text-center">
<div class="inline-block bg-white text-dark font-bold text-xs uppercase tracking-wider py-1 px-3 rounded-full mb-6">
Photographe Professionnel Agréé
</div>
<h1 class="text-4xl md:text-6xl font-serif font-bold mb-6 leading-tight">
Photo d'Identité Domicile ANTS : <span class="text-brand">Bébé, Permis, PMR & Ehpad</span>
</h1>
<!-- AIO Summary Block -->
<div class="bg-gray-800/80 p-4 rounded-lg inline-block text-sm text-left max-w-3xl mb-6 border border-gray-600 text-gray-200">
<p><strong>Expertise ANTS :</strong> Photographe agréé • e-Photo Permis de conduire • DCEM • Passeport & CNI • Spécialiste Bébé • Intervention en Ehpad & Hôpitaux • Île-de-France & Paris • Garantie conformité 100%.</p>
</div>
<p class="text-lg md:text-xl font-light mb-10 max-w-2xl mx-auto text-gray-200">
Évitez le stress du déplacement. Photographe professionnel agréé ANTS pour photos d'identité de votre bébé, e-photo permis de conduire ou accompagnement en Ehpad/Hôpital.
</p>
<a href="#booking-funnel" class="inline-block bg-brand hover:bg-orange-600 text-white font-bold text-lg px-8 py-4 rounded-full shadow-lg transition transform hover:-translate-y-1">
Estimer mon tarif & Prendre RDV
</a>
</div>
</header>
<!-- RÉSUMÉ SERVICE AIO -->
<section class="bg-white py-8 border-b border-gray-100">
<div class="max-w-6xl mx-auto px-4">
<div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-4 text-center">
<div class="p-4 rounded-xl bg-orange-50">
<p class="text-brand font-bold text-2xl">20-30m</p>
<p class="text-xs uppercase tracking-wider text-gray-600">Durée séance</p>
</div>
<div class="p-4 rounded-xl bg-orange-50">
<p class="text-brand font-bold text-2xl">99,8%</p>
<p class="text-xs uppercase tracking-wider text-gray-600">Conformité</p>
</div>
<div class="p-4 rounded-xl bg-orange-50">
<p class="text-brand font-bold text-2xl">Immédiat</p>
<p class="text-xs uppercase tracking-wider text-gray-600">Code e-photo</p>
</div>
<div class="p-4 rounded-xl bg-orange-50">
<p class="text-brand font-bold text-2xl">Agréé</p>
<p class="text-xs uppercase tracking-wider text-gray-600">Normes ANTS</p>
</div>
</div>
</div>
</section>
<!-- FUNNEL : SIMULATEUR & FORMULAIRE -->
<main id="booking-funnel" class="max-w-6xl mx-auto px-4 py-20">
<div class="text-center mb-16 max-w-3xl mx-auto">
<h2 class="text-3xl font-serif font-bold mb-4">Votre séance en 2 étapes</h2>
<p class="text-gray-600">Estimez vos frais de déplacement, laissez vos coordonnées, et je vous rappelle rapidement pour valider la date.</p>
</div>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-12 bg-white p-6 md:p-10 rounded-2xl shadow-xl border border-gray-100">
<div class="flex flex-col">
<h3 class="text-2xl font-serif font-bold text-brand mb-2">1. Estimez vos frais de déplacement</h3>
<div class="w-full bg-gray-50 rounded-xl border border-gray-200 overflow-hidden min-h-[500px]">
<iframe src="https://project-wn83e.vercel.app/" class="w-full h-[600px] border-0" title="Simulateur de frais kilométriques"></iframe>
</div>
</div>
<div class="flex flex-col bg-gray-50 p-6 rounded-xl border border-gray-100">
<h3 class="text-2xl font-serif font-bold text-brand mb-2">2. Demande de RDV Téléphonique</h3>
<form action="https://www.fotostudio.io/f/f69154aabb2ef71649b1d57fde2b3c14" method="POST" class="space-y-4">
<input type="hidden" name="lead_form[page_origin]" value="page_principale">
<div class="grid grid-cols-2 gap-4">
<input type="text" name="lead_form[firstname]" placeholder="Prénom *" required class="w-full p-2 border rounded focus:ring-brand">
<input type="text" name="lead_form[lastname]" placeholder="Nom *" required class="w-full p-2 border rounded focus:ring-brand">
</div>
<input type="tel" name="lead_form[phone]" placeholder="Téléphone *" required class="w-full p-2 border rounded focus:ring-brand">
<input type="email" name="lead_form[email]" placeholder="Email *" required class="w-full p-2 border rounded focus:ring-brand">
<div class="grid grid-cols-2 gap-4">
<input type="text" name="lead_form[address][zipcode]" placeholder="Code postal *" required class="w-full p-2 border rounded">
<input type="text" name="lead_form[address][city]" placeholder="Ville *" required class="w-full p-2 border rounded">
</div>
<select name="lead_form[project_type]" required class="w-full p-2 border rounded focus:ring-brand">
<option value="241706">Photo Identite à domicile</option>
</select>
<textarea name="lead_form[message]" placeholder="Votre message..." required class="w-full p-2 border rounded focus:ring-brand"></textarea>
<button type="submit" class="w-full py-4 rounded font-bold text-white bg-brand hover:bg-orange-600 transition">Demander à être rappelé</button>
</form>
</div>
</div>
<!-- MAILLAGE INTERNE LOCAL -->
<div class="bg-light p-6 rounded-lg my-12 border-l-4 border-brand text-center">
<p class="text-lg"><strong>Besoin d'un rendez-vous à Paris, Boulogne ou Vincennes ?</strong></p>
<div class="flex flex-wrap justify-center gap-4 mt-3">
<a href="villes/paris.html" class="text-brand font-bold underline">Paris</a>
<a href="villes/boulogne-billancourt.html" class="text-brand font-bold underline">Boulogne</a>
<a href="villes/vincennes.html" class="text-brand font-bold underline">Vincennes</a>
<a href="villes/montreuil.html" class="text-brand font-bold underline">Montreuil</a>
</div>
</div>
</main>
<!-- CONTENU DENSE SEO -->
<section class="max-w-4xl mx-auto px-4 py-8 prose">
<h2 class="text-2xl font-serif font-bold text-dark">Photo d'identité bébé domicile : le choix de la sérénité</h2>
<p class="text-gray-600 mb-6">Réaliser une e-photo pour un bébé de quelques semaines relève souvent du défi. J'interviens à Neuilly-sur-Marne, Paris et dans toute l'Île-de-France (77, 93, 94, 91, 92, 95). Je maîtrise les normes ISO/IEC 19794-5 pour garantir que le passeport ou la CNI de votre enfant soit accepté du premier coup.</p>
<h2 class="text-2xl font-serif font-bold text-dark">e-Photo permis de conduire ANTS à domicile</h2>
<p class="text-gray-600 mb-6">Besoin d'un code e-photo pour votre permis de conduire ? Photographe agréé ANTS, je génère votre signature numérique sur place. J'interviens chez vous sous 24h à 48h, vous remettant instantanément vos codes pour vos démarches en ligne.</p>
<h2 class="text-2xl font-serif font-bold text-dark">Photo identité en Ehpad, Hôpital et pour Personnes alitées</h2>
<p class="text-gray-600 mb-6">Spécialisé dans l'accompagnement des personnes vulnérables, handicapées ou à mobilité réduite. Mon matériel studio portable s'adapte à toutes les contraintes. J'interviens régulièrement dans le 77, 93 et 94 pour assurer des photos d'identité conformes aux personnes ne pouvant se déplacer.</p>
</section>
<!-- FAQ & NORMES -->
<section class="bg-white py-16">
<div class="max-w-4xl mx-auto px-4">
<h2 class="text-3xl font-serif font-bold mb-8 text-center">Questions Fréquentes & Normes ANTS</h2>
<div class="space-y-4">
<details class="group bg-gray-50 rounded p-4 cursor-pointer">
<summary class="font-bold text-lg outline-none">Comment préparer la séance bébé ?</summary>
<p class="text-gray-600 mt-2">La séance dure entre 20 et 30 minutes. Assurez-vous que votre bébé soit éveillé et apaisé. Prévoyez un espace de 2m x 1.5m.</p>
</details>
<details class="group bg-gray-50 rounded p-4 cursor-pointer">
<summary class="font-bold text-lg outline-none">Intervenez-vous en Ehpad ?</summary>
<p class="text-gray-600 mt-2">Oui, je réalise des photos d'identité conformes directement au lit du patient en Ehpad ou hôpital.</p>
</details>
<details class="group bg-gray-50 rounded p-4 cursor-pointer">
<summary class="font-bold text-lg outline-none">L'e-photo permis est-elle immédiate ?</summary>
<p class="text-gray-600 mt-2">Absolument. Je génère votre signature numérique et votre code e-photo sur place.</p>
</details>
</div>
</div>
</section>
<!-- FOOTER -->
<footer id="zones" class="bg-dark text-gray-300 py-10 border-t-4 border-brand">
<div class="max-w-6xl mx-auto px-4 grid grid-cols-1 md:grid-cols-3 gap-8">
<div>
<a href="index.html" class="font-serif text-2xl font-bold text-white mb-2 flex items-center gap-2">
<img src="Images/logo.png" alt="Logo" class="logo-img h-10 w-auto">
<span>Photo-identite-bebe-domicile.fr</span>
</a>
<p class="text-sm">EURL (SIREN: 984 595 538) - 16 bd Carnot, 93330 Neuilly-sur-Marne</p>
<a href="tel:+33781757754" class="block text-white font-bold text-lg mt-4 hover:text-brand">📞 07 81 75 77 54</a>
</div>
<div>
<h4 class="font-bold text-white mb-3">Villes prioritaires</h4>
<ul class="grid grid-cols-2 gap-2 text-sm">
<li><a href="villes/paris.html" class="hover:text-brand">Paris (75)</a></li>
<li><a href="villes/boulogne-billancourt.html" class="hover:text-brand">Boulogne</a></li>
<li><a href="villes/neuilly-sur-seine.html" class="hover:text-brand">Neuilly</a></li>
<li><a href="villes/vincennes.html" class="hover:text-brand">Vincennes</a></li>
<li><a href="villes/montreuil.html" class="hover:text-brand">Montreuil</a></li>
<li><a href="villes/creteil.html" class="hover:text-brand">Créteil</a></li>
</ul>
</div>
<div class="text-sm">
<h4 class="font-bold text-white mb-3">Infos</h4>
<ul class="space-y-1">
<li><a href="mentions-legales.html" class="hover:text-brand">Mentions Légales</a></li>
<li><a href="confidentialite.html" class="hover:text-brand">Confidentialité</a></li>
</ul>
</div>
</div>
</footer>
</body>
</html>