Merge branch 'dev' into add-subscription

# Conflicts:
#	components/GlobalFooter.vue
#	utils/translations.js

components/DownloadPopup.vue

@@ -161,7 +161,7 @@ export default {
         canvas.then((canvas) => {
           downloadBase64File(
             canvas.toDataURL(),
-            "whatsanlayze-results-" + names + ".png"
+            "whatsanalyze.com-results-" + names + ".png"
           );
           this.loading = false;
         });

components/GlobalFooter.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="foot py-7 additional-height">
-    <h3 class="my-3" v-for="post in posts" :key="post.to">
+    <h3 v-for="post in posts" :key="post.to" class="my-3">
       <nuxt-link :to="post.name">
         {{ $t(post.text) }}
       </nuxt-link>
@@ -65,6 +65,10 @@ export default {
           name: "how-to-export-your-whatsapp-chat",
           text: "pageNameExport"
         }
+        {
+          name: "whatsapp-wrapped-year-review",
+          text: "pageNameWrapped",
+        },
       ]
     };
   }

pages/whatsapp-wrapped-year-review.vue

@@ -0,0 +1,364 @@
+<i18n>
+{
+  "en": {
+    "heroTitle": "WhatsApp Wrapped {currentYear}",
+    "heroSubtitle": "Your WhatsApp year, wrapped up in stunning insights! Discover your top chat buddies, most active times, and fun facts about your conversations.",
+    "analyzeSafely": "Analyze your chats safely: All processing happens locally in your browser—your data never leaves your device.",
+    "ctaButton": "Get Started",
+    "featuresTitle": "What’s in Your WhatsApp Wrapped?",
+    "featuresList": {
+      "topChatters": "📊 Top Chatters: See who you talked to the most this year.",
+      "peakTimes": "⏰ Peak Times: Discover when you're most active.",
+      "mostUsedEmojis": "😂 Most Used Emojis: Find out which emojis you just can't stop using.",
+      "messageInsights": "💬 Message Insights: View message counts, word counts, and patterns over time.",
+      "groupChats": "👥 Group Chats: Dive into group dynamics and uncover who's most vocal."
+    },
+    "ctaSectionTitle": "Discover Your WhatsApp Story",
+    "ctaSectionText": "Curious about who you’ve messaged the most this year or what your top emoji is? Uncover fun facts, hidden patterns, and engaging insights about your WhatsApp chats with just a click.",
+    "funFactsTitle": "Fun Facts About WhatsApp Chats",
+    "funFactsIntro": "Did you know that the average person sends over 42 messages a day on WhatsApp? Or that emojis make up over 20% of all messages?",
+    "funFactsList": {
+      "longestChat": "🎉 Longest group chat conversation lasted over 36 hours nonstop!",
+      "topEmoji": "😂 Most used emoji of {currentYear}? The laughing face with tears of joy!",
+      "busiestDay": "📅 The busiest WhatsApp day of the year: New Year's Eve."
+    },
+    "howToExportTitle": "How to Export Your WhatsApp Chat",
+    "howToExport": {
+      "iPhoneTitle": "On iPhone:",
+      "iPhoneStep1": "Open WhatsApp and go to the chat or group chat you want to export.",
+      "iPhoneStep2": "Tap the chat name at the top, scroll down, and select Export Chat.",
+      "iPhoneStep3": "Choose Without Media and save the file locally.",
+      "androidTitle": "On Android:",
+      "androidStep1": "Open WhatsApp and go to the chat or group chat you want to export.",
+      "androidStep2": "Tap the three dots at the top-right corner, then More > Export Chat.",
+      "androidStep3": "Choose Without Media and save the file to your device."
+    },
+    "testimonial1": "WhatsApp Wrapped gave me a whole new perspective on my conversations. I was surprised to see my most active times and who I talked to the most. It's fun and insightful!",
+    "testimonial2": "I loved the emoji stats! It’s a fun way to reflect on my chats and see how my relationships evolved over the year."
+  },
+  "de": {
+    "heroTitle": "WhatsApp Wrapped {currentYear}",
+    "heroSubtitle": "Ihr WhatsApp-Jahr, zusammengefasst in faszinierenden Einblicken! Entdecken Sie Ihre besten Chat-Freunde, aktivsten Zeiten und lustige Fakten über Ihre Gespräche.",
+    "analyzeSafely": "Analysieren Sie Ihre Chats sicher: Die Verarbeitung erfolgt vollständig lokal in Ihrem Browser—Ihre Daten verlassen niemals Ihr Gerät.",
+    "ctaButton": "Jetzt starten",
+    "featuresTitle": "Was ist in Ihrem WhatsApp Wrapped?",
+    "featuresList": {
+      "topChatters": "📊 Top-Chatter: Sehen Sie, mit wem Sie dieses Jahr am meisten gesprochen haben.",
+      "peakTimes": "⏰ Spitzenzeiten: Entdecken Sie, wann Sie am aktivsten sind.",
+      "mostUsedEmojis": "😂 Meistgenutzte Emojis: Finden Sie heraus, welche Emojis Sie am meisten nutzen.",
+      "messageInsights": "💬 Nachrichten-Insights: Sehen Sie Nachrichtenanzahl, Wortanzahl und Muster im Laufe der Zeit.",
+      "groupChats": "👥 Gruppenchats: Tauchen Sie in Gruppendynamik ein und entdecken Sie, wer am meisten spricht."
+    },
+    "ctaSectionTitle": "Entdecken Sie Ihre WhatsApp-Geschichte",
+    "ctaSectionText": "Neugierig, mit wem Sie dieses Jahr am meisten geschrieben haben oder welches Ihr meistgenutztes Emoji ist? Entdecken Sie lustige Fakten, versteckte Muster und spannende Einblicke in Ihre WhatsApp-Chats mit nur einem Klick.",
+    "funFactsTitle": "Lustige Fakten über WhatsApp-Chats",
+    "funFactsIntro": "Wussten Sie, dass der durchschnittliche Nutzer über 42 Nachrichten pro Tag auf WhatsApp sendet? Oder dass Emojis über 20% aller Nachrichten ausmachen?",
+    "funFactsList": {
+      "longestChat": "🎉 Längste Gruppenchats dauerten über 36 Stunden ununterbrochen!",
+      "topEmoji": "😂 Meistgenutztes Emoji {currentYear}? Das lachende Gesicht mit Freudentränen!",
+      "busiestDay": "📅 Der geschäftigste WhatsApp-Tag des Jahres: Silvester."
+    },
+    "howToExportTitle": "So exportieren Sie Ihren WhatsApp-Chat",
+    "howToExport": {
+      "iPhoneTitle": "Auf dem iPhone:",
+      "iPhoneStep1": "Öffnen Sie WhatsApp und gehen Sie zu dem Chat oder Gruppenchat, den Sie exportieren möchten.",
+      "iPhoneStep2": "Tippen Sie oben auf den Namen des Chats, scrollen Sie nach unten und wählen Sie Chat exportieren.",
+      "iPhoneStep3": "Wählen Sie Ohne Medien und speichern Sie die Datei lokal.",
+      "androidTitle": "Auf Android:",
+      "androidStep1": "Öffnen Sie WhatsApp und gehen Sie zu dem Chat oder Gruppenchat, den Sie exportieren möchten.",
+      "androidStep2": "Tippen Sie oben rechts auf die drei Punkte und dann auf Mehr > Chat exportieren.",
+      "androidStep3": "Wählen Sie Ohne Medien und speichern Sie die Datei auf Ihrem Gerät."
+    },
+    "testimonial1": "WhatsApp Wrapped hat mir eine völlig neue Perspektive auf meine Gespräche gegeben. Ich war überrascht, meine aktivsten Zeiten und Kontakte zu sehen. Es ist lustig und aufschlussreich!",
+    "testimonial2": "Ich liebe die Emoji-Statistiken! Es ist eine unterhaltsame Art, meine Chats zu reflektieren und zu sehen, wie sich meine Beziehungen im Laufe des Jahres entwickelt haben."
+  },
+  "es": {
+    "heroTitle": "WhatsApp Wrapped {currentYear}",
+    "heroSubtitle": "Tu año de WhatsApp, resumido en increíbles estadísticas! Descubre tus mejores compañeros de chat, los momentos más activos y datos divertidos sobre tus conversaciones.",
+    "analyzeSafely": "Analiza tus chats de forma segura: Todo el procesamiento ocurre localmente en tu navegador, tus datos nunca salen de tu dispositivo.",
+    "ctaButton": "Empezar",
+    "featuresTitle": "¿Qué hay en tu WhatsApp Wrapped?",
+    "featuresList": {
+      "topChatters": "📊 Mejores Compañeros: Mira con quién hablaste más este año.",
+      "peakTimes": "⏰ Horas Pico: Descubre cuándo eres más activo.",
+      "mostUsedEmojis": "😂 Emojis Más Usados: Descubre cuáles emojis usas más.",
+      "messageInsights": "💬 Información de Mensajes: Ve el conteo de mensajes, palabras y patrones a lo largo del tiempo.",
+      "groupChats": "👥 Chats Grupales: Analiza la dinámica del grupo y descubre quién habla más."
+    },
+    "ctaSectionTitle": "Descubre Tu Historia de WhatsApp",
+    "ctaSectionText": "¿Curioso sobre quién te envió más mensajes este año o cuál es tu emoji más usado? Descubre datos divertidos, patrones ocultos y estadísticas increíbles con un solo clic.",
+    "funFactsTitle": "Datos Curiosos sobre WhatsApp",
+    "funFactsIntro": "¿Sabías que la persona promedio envía más de 42 mensajes al día en WhatsApp? ¿O que los emojis constituyen más del 20% de los mensajes?",
+    "funFactsList": {
+      "longestChat": "🎉 ¡La conversación grupal más larga duró más de 36 horas seguidas!",
+      "topEmoji": "😂 Emoji más usado en {currentYear}: ¡La cara riendo con lágrimas de alegría!",
+      "busiestDay": "📅 El día más ocupado de WhatsApp del año: Nochevieja."
+    },
+    "howToExportTitle": "Cómo exportar tu chat de WhatsApp",
+    "howToExport": {
+      "iPhoneTitle": "En iPhone:",
+      "iPhoneStep1": "Abre WhatsApp y ve al chat o grupo de chat que deseas exportar.",
+      "iPhoneStep2": "Toca el nombre del chat en la parte superior, desplázate hacia abajo y selecciona Exportar Chat.",
+      "iPhoneStep3": "Elige Sin medios y guarda el archivo localmente.",
+      "androidTitle": "En Android:",
+      "androidStep1": "Abre WhatsApp y ve al chat o grupo de chat que deseas exportar.",
+      "androidStep2": "Toca los tres puntos en la esquina superior derecha y luego Más > Exportar Chat.",
+      "androidStep3": "Elige Sin medios y guarda el archivo en tu dispositivo."
+    },
+    "testimonial1": "WhatsApp Wrapped me dio una perspectiva completamente nueva sobre mis conversaciones. Me sorprendió ver mis horas más activas y con quién hablé más. ¡Es divertido e interesante!",
+    "testimonial2": "¡Me encantaron las estadísticas de emojis! Es una forma divertida de reflexionar sobre mis chats y ver cómo evolucionaron mis relaciones a lo largo del año."
+  },
+  "pt": {
+    "heroTitle": "WhatsApp Wrapped {currentYear}",
+    "heroSubtitle": "Seu ano no WhatsApp, resumido em incríveis insights! Descubra seus melhores amigos de chat, os momentos mais ativos e fatos divertidos sobre suas conversas.",
+    "analyzeSafely": "Analise seus chats com segurança: Todo o processamento é feito localmente no seu navegador, seus dados nunca saem do dispositivo.",
+    "ctaButton": "Começar",
+    "featuresTitle": "O que há no seu WhatsApp Wrapped?",
+    "featuresList": {
+      "topChatters": "📊 Principais Contatos: Veja com quem você mais conversou este ano.",
+      "peakTimes": "⏰ Horários de Pico: Descubra quando você está mais ativo.",
+      "mostUsedEmojis": "😂 Emojis Mais Usados: Descubra quais emojis você usa mais.",
+      "messageInsights": "💬 Insights de Mensagens: Veja contagens de mensagens, palavras e padrões ao longo do tempo.",
+      "groupChats": "👥 Grupos: Mergulhe na dinâmica de grupo e descubra quem fala mais."
+    },
+    "ctaSectionTitle": "Descubra Sua História no WhatsApp",
+    "ctaSectionText": "Curioso para saber com quem você mais falou este ano ou qual é o seu emoji mais usado? Descubra fatos divertidos, padrões ocultos e insights incríveis com apenas um clique.",
+    "funFactsTitle": "Fatos Divertidos sobre o WhatsApp",
+    "funFactsIntro": "Sabia que a média de mensagens enviadas por dia é 42? Ou que emojis compõem mais de 20% das mensagens?",
+    "funFactsList": {
+      "longestChat": "🎉 Conversa em grupo mais longa durou mais de 36 horas sem parar!",
+      "topEmoji": "😂 Emoji mais usado em {currentYear}: A carinha rindo com lágrimas de alegria!",
+      "busiestDay": "📅 O dia mais movimentado no WhatsApp do ano: Véspera de Ano Novo."
+    },
+    "howToExportTitle": "Como exportar seu chat do WhatsApp",
+    "howToExport": {
+      "iPhoneTitle": "No iPhone:",
+      "iPhoneStep1": "Abra o WhatsApp e vá para o chat ou grupo de chat que você deseja exportar.",
+      "iPhoneStep2": "Toque no nome do chat na parte superior, role para baixo e selecione Exportar Chat.",
+      "iPhoneStep3": "Escolha Sem Mídia e salve o arquivo localmente.",
+      "androidTitle": "No Android:",
+      "androidStep1": "Abra o WhatsApp e vá para o chat ou grupo de chat que você deseja exportar.",
+      "androidStep2": "Toque nos três pontos no canto superior direito e depois em Mais > Exportar Chat.",
+      "androidStep3": "Escolha Sem Mídia e salve o arquivo no seu dispositivo."
+    },
+    "testimonial1": "WhatsApp Wrapped me deu uma nova perspectiva sobre minhas conversas. Fiquei surpreso ao ver meus horários mais ativos e com quem falei mais. É divertido e perspicaz!",
+    "testimonial2": "Adorei as estatísticas de emojis! É uma maneira divertida de refletir sobre meus chats e ver como meus relacionamentos evoluíram ao longo do ano."
+
+  },
+  "fr": {
+    "heroTitle": "WhatsApp Wrapped {currentYear}",
+    "heroSubtitle": "Votre année sur WhatsApp, résumée en aperçus fascinants! Découvrez vos amis de chat préférés, les heures les plus actives et des faits amusants sur vos conversations.",
+    "analyzeSafely": "Analysez vos chats en toute sécurité: Tout le traitement se fait localement dans votre navigateur, vos données ne quittent jamais votre appareil.",
+    "ctaButton": "Commencer",
+    "featuresTitle": "Qu'y a-t-il dans votre WhatsApp Wrapped?",
+    "featuresList": {
+      "topChatters": "📊 Principaux Interlocuteurs: Voyez avec qui vous avez le plus parlé cette année.",
+      "peakTimes": "⏰ Heures de Pointe: Découvrez quand vous êtes le plus actif.",
+      "mostUsedEmojis": "😂 Emojis les Plus Utilisés: Découvrez quels emojis vous utilisez le plus.",
+      "messageInsights": "💬 Aperçus des Messages: Consultez le nombre de messages, de mots et les tendances au fil du temps.",
+      "groupChats": "👥 Chats de Groupe: Plongez dans la dynamique de groupe et découvrez qui parle le plus."
+    },
+    "ctaSectionTitle": "Découvrez Votre Histoire WhatsApp",
+    "ctaSectionText": "Curieux de savoir qui vous a le plus envoyé de messages cette année ou quel est votre emoji préféré? Découvrez des faits amusants, des modèles cachés et des statistiques fascinantes en un clic.",
+    "funFactsTitle": "Faits Amusants sur WhatsApp",
+    "funFactsIntro": "Saviez-vous que la personne moyenne envoie plus de 42 messages par jour sur WhatsApp? Ou que les emojis représentent plus de 20% des messages?",
+    "funFactsList": {
+      "longestChat": "🎉 La conversation de groupe la plus longue a duré plus de 36 heures d'affilée!",
+      "topEmoji": "😂 Emoji le plus utilisé en {currentYear}: Le visage riant aux larmes!",
+      "busiestDay": "📅 Le jour le plus chargé sur WhatsApp de l'année: Le réveillon du Nouvel An."
+    },
+    "howToExportTitle": "Comment exporter votre chat WhatsApp",
+    "howToExport": {
+      "iPhoneTitle": "Sur iPhone:",
+      "iPhoneStep1": "Ouvrez WhatsApp et accédez au chat ou au groupe de chat que vous souhaitez exporter.",
+      "iPhoneStep2": "Appuyez sur le nom du chat en haut, faites défiler vers le bas et sélectionnez Exporter le chat.",
+      "iPhoneStep3": "Choisissez Sans média et enregistrez le fichier localement.",
+      "androidTitle": "Sur Android:",
+      "androidStep1": "Ouvrez WhatsApp et accédez au chat ou au groupe de chat que vous souhaitez exporter.",
+      "androidStep2": "Appuyez sur les trois points en haut à droite, puis sur Plus > Exporter le chat.",
+      "androidStep3": "Choisissez Sans média et enregistrez le fichier sur votre appareil."
+    },
+    "testimonial1": "WhatsApp Wrapped m'a donné une toute nouvelle perspective sur mes conversations. J'ai été surpris de voir mes heures les plus actives et avec qui j'ai le plus parlé. C'est amusant et perspicace !",
+    "testimonial2": "J'ai adoré les statistiques des emojis ! C'est une façon amusante de réfléchir à mes chats et de voir comment mes relations ont évolué au fil de l'année."
+  }
+}
+</i18n>
+<template>
+  <div class="whatsapp-wrapped">
+    <header class="hero-section">
+      <div class="container">
+        <h1>🎉 {{ $t("heroTitle", { currentYear }) }} 🎉</h1>
+        <p>{{ $t("heroSubtitle") }}</p>
+        <p>
+          <strong>{{ $t("analyzeSafely") }}</strong>
+        </p>
+        <button class="cta-button" @click="goToHome">
+          {{ $t("ctaButton") }}
+        </button>
+      </div>
+    </header>
+
+    <section class="features-section">
+      <div class="container">
+        <h2>{{ $t("featuresTitle") }}</h2>
+        <ul>
+          <li>{{ $t("featuresList.topChatters") }}</li>
+          <li>{{ $t("featuresList.peakTimes") }}</li>
+          <li>{{ $t("featuresList.mostUsedEmojis") }}</li>
+          <li>{{ $t("featuresList.messageInsights") }}</li>
+          <li>{{ $t("featuresList.groupChats") }}</li>
+        </ul>
+      </div>
+    </section>
+
+    <section ref="ctaSection" class="cta-section">
+      <div class="container">
+        <h2>{{ $t("ctaSectionTitle") }}</h2>
+        <p>{{ $t("ctaSectionText") }}</p>
+        <Cta
+          to="/"
+          class="cta-section py-5"
+          :title="$t('heroTitle', { currentYear })"
+          :button-txt="$t('ctaButton')"
+          :text="$t('ctaSectionText')"
+        />
+      </div>
+    </section>
+
+    <section class="fun-facts-section">
+      <div class="container">
+        <h2>{{ $t("funFactsTitle") }}</h2>
+        <p>{{ $t("funFactsIntro") }}</p>
+        <ul>
+          <li>{{ $t("funFactsList.longestChat") }}</li>
+          <li>{{ $t("funFactsList.topEmoji", { currentYear }) }}</li>
+          <li>{{ $t("funFactsList.busiestDay") }}</li>
+        </ul>
+      </div>
+    </section>
+
+    <section class="testimonials-section">
+      <div class="container">
+        <h2>{{ $t("ctaSectionTitle") }}</h2>
+        <div class="testimonial">
+          <blockquote>{{ $t("testimonial1") }}</blockquote>
+          <cite>– Emily R.</cite>
+        </div>
+        <div class="testimonial">
+          <blockquote>{{ $t("testimonial2") }}</blockquote>
+          <cite>– Mark L.</cite>
+        </div>
+      </div>
+    </section>
+
+    <section id="how-to-export" class="how-to-section">
+      <div class="container">
+        <h2>{{ $t("howToExportTitle") }}</h2>
+        <div class="steps">
+          <h3>📱 {{ $t("howToExport.iPhoneTitle") }}</h3>
+          <ol>
+            <li>{{ $t("howToExport.iPhoneStep1") }}</li>
+            <li>{{ $t("howToExport.iPhoneStep2") }}</li>
+            <li>{{ $t("howToExport.iPhoneStep3") }}</li>
+          </ol>
+          <h3>📱 {{ $t("howToExport.androidTitle") }}</h3>
+          <ol>
+            <li>{{ $t("howToExport.androidStep1") }}</li>
+            <li>{{ $t("howToExport.androidStep2") }}</li>
+            <li>{{ $t("howToExport.androidStep3") }}</li>
+          </ol>
+        </div>
+        <ExportExplainer class="mt-10" cta="exportAsPDF" to="/" />
+      </div>
+    </section>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      currentYear: new Date().getFullYear(), // Dynamically set the current year
+    };
+  },
+  methods: {
+    goToHome() {
+      this.$router.push("/"); // Navigate to the home page
+    },
+  },
+};
+</script>
+
+<style scoped>
+/* General Styles */
+body {
+  font-family: "Arial", sans-serif;
+  margin: 0;
+  padding: 0;
+  color: #333;
+  line-height: 1.6;
+}
+
+.container {
+  max-width: 800px;
+  margin: auto;
+  padding: 20px;
+}
+
+/* Hero Section */
+.hero-section {
+  background: linear-gradient(135deg, #25d366, #128c7e);
+  color: white;
+  text-align: center;
+  padding: 50px 20px;
+}
+
+.hero-section h1 {
+  font-size: 2.5rem;
+}
+
+.cta-button {
+  background: #fff;
+  color: #128c7e;
+  border: none;
+  padding: 10px 20px;
+  font-size: 1.2rem;
+  cursor: pointer;
+  margin-top: 20px;
+  border-radius: 5px;
+}
+
+.cta-button:hover {
+  background: #ddd;
+}
+
+/* Upload Section */
+.upload-box {
+  border: 2px dashed #ccc;
+  text-align: center;
+  padding: 20px;
+  margin: 20px 0;
+}
+
+.upload-box input {
+  display: block;
+  margin: 10px auto;
+  font-size: 1rem;
+}
+
+/* Footer */
+.footer {
+  text-align: center;
+  background: #f4f4f4;
+  padding: 10px 20px;
+}
+
+.footer a {
+  color: #128c7e;
+  text-decoration: none;
+}
+
+.footer a:hover {
+  text-decoration: underline;
+}
+</style>