Comparatif.vue 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
  1. <template>
  2. <AnchoredSection id="comparative">
  3. <LayoutContainer>
  4. <v-row class="center-90">
  5. <LayoutUISubTitle> Comparatif de nos solutions </LayoutUISubTitle>
  6. <LayoutUITitle>
  7. Choisissez la version qui vous convient !
  8. </LayoutUITitle>
  9. <CommonTableComparatif
  10. standard-price="34,90€"
  11. premium-price="49€"
  12. :items="comparisonItems"
  13. />
  14. </v-row>
  15. </LayoutContainer>
  16. </AnchoredSection>
  17. </template>
  18. <script setup lang="ts">
  19. import AnchoredSection from '~/components/Layout/AnchoredSection.vue'
  20. import type { ComparisonItem } from '~/types/interface'
  21. const comparisonItems: Array<ComparisonItem> = [
  22. {
  23. label: 'GESTION DU RÉPERTOIRE',
  24. includedInStandard: true,
  25. includedInPremium: true,
  26. },
  27. {
  28. label: 'AGENDA',
  29. includedInStandard: true,
  30. includedInPremium: true,
  31. },
  32. {
  33. label: 'SUIVI PÉDAGOGIQUE',
  34. includedInStandard: true,
  35. includedInPremium: true,
  36. },
  37. {
  38. label: 'GESTION DU PARC MATÉRIEL',
  39. includedInStandard: true,
  40. includedInPremium: true,
  41. },
  42. {
  43. label: 'COMMUNICATION',
  44. includedInStandard: true,
  45. includedInPremium: true,
  46. },
  47. {
  48. label: 'SMS',
  49. includedInStandard: 'Option',
  50. includedInPremium: 'Option',
  51. },
  52. {
  53. label: 'NOM DE DOMAINE',
  54. includedInStandard: 'Option',
  55. includedInPremium: 'Option',
  56. },
  57. {
  58. label: 'SITE INTERNET',
  59. includedInStandard: true,
  60. includedInPremium: true,
  61. },
  62. {
  63. label: 'STATISTIQUES',
  64. includedInStandard: true,
  65. includedInPremium: true,
  66. },
  67. {
  68. label: 'FONCTIONNALITÉ DU RÉSEAU CMF',
  69. includedInStandard: true,
  70. includedInPremium: true,
  71. },
  72. {
  73. label: 'SAUVEGARDE',
  74. includedInStandard: true,
  75. includedInPremium: true,
  76. },
  77. {
  78. label: 'EXTRANET UTILISATEURS',
  79. includedInStandard: false,
  80. includedInPremium: 'Option',
  81. },
  82. {
  83. label: 'PRÉINSCRIPTION EN LIGNE',
  84. includedInStandard: false,
  85. includedInPremium: 'Option',
  86. },
  87. {
  88. label: "GRILLES D'ÉVALUATION",
  89. includedInStandard: 'Option',
  90. includedInPremium: 'Option',
  91. },
  92. {
  93. label: 'GESTION DES RÈGLEMENTS',
  94. includedInStandard: 'Option',
  95. includedInPremium: 'Option',
  96. },
  97. {
  98. label: 'ESPACE DE STOCKAGE',
  99. includedInStandard: '500 Mo',
  100. includedInPremium: '1 Go',
  101. },
  102. {
  103. label: 'PAGE DU SITE INTERNET',
  104. includedInStandard: 'Restreint',
  105. includedInPremium: 'Illimité',
  106. },
  107. ]
  108. </script>
  109. <style scoped></style>