Component Showcase
Cette page présente tous les composants disponibles dans le système de design Point Fort Fichet. Utilisez cette référence pour comprendre les différentes variations et configurations possibles.
⚠️ Page de développement - Non indexée par les moteurs de recherche
CTAButton Components
Special Properties
TrustBadge Components
Default Variant
Avantages inclus
Compact Variant
Highlight Variant
Garanties premium
Numbered Variant
Étapes d'installation
Multi-column Layout (3 columns)
Tous nos services
Card Components
Service Cards
Ouverture de Porte
URGENCEOuverture de porte rapide et sans dégâts
Ouverture de porte claquée, bloquée ou verrouillée. Intervention rapide sans dégâts avec nos outils professionnels.
Inclus dans le service :
- Intervention en moins de 30 minutes
- Ouverture sans dégradation
- Tous types de serrures
- Devis gratuit sur place
- +2 autres avantages
Ouverture de Porte
URGENCEOuverture de porte rapide et sans dégâts
Ouverture de porte claquée, bloquée ou verrouillée. Intervention rapide sans dégâts avec nos outils professionnels.
Inclus dans le service :
- Intervention en moins de 30 minutes
- Ouverture sans dégradation
- Tous types de serrures
- Devis gratuit sur place
- +2 autres avantages
Ouverture de Porte
URGENCEOuverture de porte rapide et sans dégâts
Variations: Default, Featured (avec ring accent), Compact (contenu réduit)
Business Cards
No business data available for showcase
Zone Cards
Geographic Cards
Louvre
75001
Quartier du Louvre - Centre historique
Points de repère
Transport
Services prioritaires
10e Arrondissement
Paris (7510)
Commune du Paris, 10k habitants
Points de repère
Transport
Zones d'activité
Services spécialisés
787 Z
Serrure haute sécurité certifiée A2P ★★★
Installation professionnelle • Garantie 2 ans
Color System
Fichet Red
#C41E3A - Emergency, urgent actions
Fichet Blue
#1E3A8A - Trust, security
Fichet Accent
#10B981 - Primary actions, success
Fichet Gold
#F59E0B - Premium, highlights
Fichet Dark
#1F2937 - Primary text
Fichet Border
#E5E7EB - Subtle borders
Responsive Patterns
Grid Patterns
grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4
Responsive Typography
Responsive Heading
Responsive paragraph text that scales with screen size
text-2xl sm:text-3xl md:text-4xl lg:text-5xl
Touch Targets (48px minimum)
Documentation
Component Documentation
Pour une documentation complète des composants, consultez le fichier README dans le dossier components.
Fichier de documentation principale
/src/components/README.md Configuration Tailwind
/tailwind.config.mjs Styles globaux
/src/styles/global.css