Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
53 changes: 53 additions & 0 deletions pages/index.vue
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,54 @@

<div ref="aboveTheFold" class="top-color" style="overflow-y: hidden">
<v-container>
<v-alert
prominent
dark
class="mb-6 elevation-3 wrapped-banner"
style="border-radius: 12px; overflow: hidden; border: none"
>
<template #prepend>
<v-icon
large
class="mr-4 animate__animated animate__tada animate__infinite"
>mdi-party-popper</v-icon
>
</template>

<v-row align="center" no-gutters>
<v-col cols="12" md="8" lg="9">
<div class="text-h6 text-sm-h5 font-weight-bold white--text mb-1">
WHATSAPP WRAPPED 2026 IS HERE!
</div>
<div
class="subtitle-1 white--text text--lighten-1"
style="line-height: 1.4"
>
Your chat, told like a story. See your most active hours,
funniest exchanges, and emotional peaks.
<strong>100% Private.</strong>
</div>
</v-col>
<v-col
cols="12"
md="4"
lg="3"
class="text-center text-md-right mt-4 mt-md-0"
>
<v-btn
color="white"
light
x-large
class="font-weight-bold px-8"
rounded
:href="'https://wrapped.whatsanalyze.com/' + $i18n.locale"
>
See Your Story
<v-icon right>mdi-arrow-right</v-icon>
</v-btn>
</v-col>
</v-row>
</v-alert>
<v-row
v-if="$vuetify.breakpoint.mdAndUp"
:style="
Expand Down Expand Up @@ -356,4 +404,9 @@ export default {
transform: translateX(0);
}
}

.wrapped-banner {
/* A rich gradient that looks premium against the teal background */
background: linear-gradient(90deg, #4527a0 0%, #7b1fa2 100%) !important;
}
</style>
11 changes: 2 additions & 9 deletions pages/whatsapp-wrapped-year-review.vue
Original file line number Diff line number Diff line change
Expand Up @@ -251,13 +251,6 @@
<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>

Expand Down Expand Up @@ -319,8 +312,8 @@ export default {
},
methods: {
goToHome() {
const homePath = this.localePath("index"); // Dynamically generate the localized path for the home page
this.$router.push(homePath);
// Access locale via this.$i18n.locale
window.location.href = `https://wrapped.whatsanalyze.com/${this.$i18n.locale}`;
},
},
};
Expand Down
Loading