added pricing tiers and translations

components/ChatVisualization/PdfDownloadPopup.vue

@@ -100,17 +100,8 @@
               <div class="pricing-card text-center py-5 px-4">
                 <div class="text-h3 font-weight-bold title">{{ $t("subscriptionTitle") }}</div>
                 <div class="text-body-1 py-3 subtitle">{{ $t("subscriptionDescription") }}</div>
-                <v-btn
-                  color="secondary"
-                  class="mt-3 mb-4"
-                  elevation="10"
-                  style="max-width: 100%"
-                  v-bind="attrs"
-                  @click="gtagEvent('subscription_pressed', GTAG_PAYMENT)"
-                  v-on="on"
-                >
-                  {{ $t("chooseSubscription") }}
-                </v-btn>
+                <SubscribeBtn>
+                </SubscribeBtn>
                 <div class="price-description">
                   <v-row align="center" justify="center">
                     <b style="color: green">{{ price - 3 + ' ' + currency }}</b>

components/SubscribeBtn.vue

@@ -1,10 +1,17 @@
 <template>
-  <v-btn :loading="isLoading" @click="createSubscriptionPaypal()">{{
-    $t("subscription.button")
+  <v-btn
+    color="secondary"
+    class="mt-3 mb-4"
+    elevation="10"
+    style="max-width: 100%"
+    :loading="isLoading" @click="createSubscriptionPaypal()"
+  >{{
+      $t("chooseSubscription")
   }}</v-btn>
 </template>
 
 <script>
+import { GTAG_PAYMENT, gtagEvent } from "~/utils/gtagValues";
 export default {
   data() {
     return {
@@ -14,7 +21,7 @@ export default {
   methods: {
     async createSubscriptionPaypal() {
       if (this.isLoading) return;
-
+      gtagEvent('subscription_pressed', GTAG_PAYMENT)
       this.isLoading = true;
       const response = await this.$fire.functions.httpsCallable("helloworld")({
         client_id: this.$config.paypalClientId,

utils/translations.js

@@ -433,7 +433,22 @@ export const messages = {
     downloadNow: "Jetzt herunterladen",
     subscriptionHint: "Sie können hier auch ein <span>Abo</span> für unbegrenzte PDF-Downloads abschließen",
     openSubscriptionPage: "<span>Aboseite</span> öffnen",
-    closeButton: "Schließen"
+    closeButton: "Schließen",
+    pricingTitle: "Wählen Sie Ihren Plan",
+    pricingSubtitle: "Wählen Sie einen Plan, der Ihren Bedürfnissen entspricht.",
+    freeTierTitle: "Kostenlose Stufe",
+    freeTierDescription: "Begrenzte Ergebnisse und einmaliger Vorschau-Download.",
+    chooseFreeTier: "Kostenlos auswählen",
+    oneTimeTitle: "Einmalige Zahlung",
+    oneTimeDescription: "Laden Sie einen vollständigen PDF-Bericht Ihres Chats herunter. Für nur 7,99 Euro.",
+    oneTimePrice: "€9,99",
+    chooseOneTime: "Jetzt kaufen",
+    subscriptionTitle: "Monatliches Abonnement",
+    subscriptionDescription: "Greifen Sie jeden Monat auf unbegrenzte Ergebnisse und Updates zu. Der erste Monat kostet 4,99 €, danach 9,99 € pro Monat.",
+    subscriptionPriceFirstMonth: "4,99 € im ersten Monat",
+    subscriptionPriceAfter: "9,99 €/Monat",
+    chooseSubscription: "Jetzt abonnieren",
+    then: "dann",
 },
   es: {
     titleGoogle: "WhatsAnalyze - El analizador de chat de WhatsApp",
@@ -643,7 +658,22 @@ export const messages = {
     downloadNow: "Descargar ahora",
     subscriptionHint: "También puedes obtener una <span>suscripción</span> para descargas ilimitadas de PDFs aquí",
     openSubscriptionPage: "Abrir <span>página de suscripción</span>",
-    closeButton: "Cerrar"
+    closeButton: "Cerrar",
+    pricingTitle: "Elige tu plan",
+    pricingSubtitle: "Selecciona un plan que se adapte a tus necesidades.",
+    freeTierTitle: "Nivel Gratuito",
+    freeTierDescription: "Resultados limitados y descarga de vista previa única.",
+    chooseFreeTier: "Elige Gratis",
+    oneTimeTitle: "Pago Único",
+    oneTimeDescription: "Descarga un informe PDF completo de tu chat. Por solo 7,99 euros.",
+    oneTimePrice: "€9,99",
+    chooseOneTime: "Comprar ahora",
+    subscriptionTitle: "Suscripción Mensual",
+    subscriptionDescription: "Accede a resultados ilimitados y actualizaciones cada mes. El primer mes por 4,99 €, luego 9,99 € al mes.",
+    subscriptionPriceFirstMonth: "4,99 € Primer Mes",
+    subscriptionPriceAfter: "9,99 €/mes",
+    chooseSubscription: "Suscríbete ahora",
+    then: "luego",
   },
   pt: {
     titleGoogle: "WhatsAnalyze - O analisador de bate-papo do WhatsApp",
@@ -848,7 +878,22 @@ export const messages = {
     downloadNow: "Baixar agora",
     subscriptionHint: "Você também pode obter uma <span>assinatura</span> para PDFs ilimitados aqui",
     openSubscriptionPage: "Abrir <span>página de assinatura</span>",
-    closeButton: "Fechar"
+    closeButton: "Fechar",
+    pricingTitle: "Escolha o Seu Plano",
+    pricingSubtitle: "Selecione um plano que atenda às suas necessidades.",
+    freeTierTitle: "Plano Gratuito",
+    freeTierDescription: "Resultados limitados e download de pré-visualização único.",
+    chooseFreeTier: "Escolher Gratuito",
+    oneTimeTitle: "Pagamento Único",
+    oneTimeDescription: "Baixe um relatório completo em PDF do seu chat. Por apenas 7,99 euros.",
+    oneTimePrice: "€9,99",
+    chooseOneTime: "Comprar Agora",
+    subscriptionTitle: "Assinatura Mensal",
+    subscriptionDescription: "Acesse resultados ilimitados e atualizações todos os meses. Primeiro mês por €4,99, depois €9,99 por mês.",
+    subscriptionPriceFirstMonth: "€4,99 Primeiro Mês",
+    subscriptionPriceAfter: "€9,99/mês",
+    chooseSubscription: "Assinar Agora",
+    then: "depois"
   },
   fr: {
     titleGoogle: "WhatsAnalyze - The WhatsApp Chat Analyzer",
@@ -1064,6 +1109,21 @@ export const messages = {
     downloadNow: "Télécharger maintenant",
     subscriptionHint: "Vous pouvez également souscrire un <span>abonnement</span> pour des PDFs illimités ici",
     openSubscriptionPage: "Ouvrir la <span>page d’abonnement</span>",
-    closeButton: "Fermer"
+    closeButton: "Fermer",
+    pricingTitle: "Choisissez votre plan",
+    pricingSubtitle: "Choisissez un plan adapté à vos besoins.",
+    freeTierTitle: "Offre Gratuite",
+    freeTierDescription: "Résultats limités et téléchargement d'aperçu unique.",
+    chooseFreeTier: "Choisissez Gratuit",
+    oneTimeTitle: "Paiement Unique",
+    oneTimeDescription: "Téléchargez un rapport PDF complet de votre chat. Pour seulement 7,99 euros.",
+    oneTimePrice: "€9,99",
+    chooseOneTime: "Acheter maintenant",
+    subscriptionTitle: "Abonnement Mensuel",
+    subscriptionDescription: "Accédez à des résultats illimités et des mises à jour chaque mois. Premier mois à 4,99 €, puis 9,99 € par mois.",
+    subscriptionPriceFirstMonth: "4,99 € Premier Mois",
+    subscriptionPriceAfter: "9,99 €/mois",
+    chooseSubscription: "Abonnez-vous maintenant",
+    then: "puis",
   }
 };