Comparatif.vue 2.5 KB

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