Cartes de tarifs avec un design sympathique, utilisant framer motion.
// Données des tarifs landing page
const landingPageTarifs: TarifCardProps[] = [
{
title: "Landing Simple",
pricing: "À partir de 600€",
icon: "🎯",
phrases: [
"Landing page basique (1 page)",
"Design responsive moderne",
"Formulaire de contact",
"Optimisation SEO locale",
"Livraison en 3 jours",
"Support 1 mois"
],
colors: {
primary: "from-blue-500 to-cyan-600",
secondary: "from-blue-600/15 to-cyan-600/15",
accent: "from-blue-400 to-cyan-500",
background: "bg-blue-900/30"
}
},
{
title: "Landing Premium",
pricing: "À partir de 1200€",
icon: "🚀",
phrases: [
"Landing page complète (2-3 pages)",
"A/B Testing intégré",
"Analytics de conversion",
"Intégrations multiples",
"Livraison en 5 jours",
"Support 3 mois inclus"
],
popular: true,
colors: {
primary: "from-purple-500 to-indigo-600",
secondary: "from-purple-600/15 to-indigo-600/15",
accent: "from-purple-400 to-indigo-500",
background: "bg-purple-900/20"
}
},
{
title: "Landing Enterprise",
pricing: "Sur devis",
icon: "💎",
phrases: [
"Landing page complexe multi-étapes",
"Funnel de conversion avancé",
"Intégrations CRM/Email",
"Optimisation continue",
"Livraison selon planning",
"Support prioritaire 6 mois"
],
colors: {
primary: "from-green-500 to-emerald-600",
secondary: "from-green-600/15 to-emerald-600/15",
accent: "from-green-400 to-emerald-500",
background: "bg-green-900/20"
}
}
]
// Dans la section de vos Tarifs
<TarifCards cards={landingPageTarifs} />