feat: remove early access and redirect to app

menthorlabs · Sep 17, 2023 · 21ad848 · 21ad848
1 parent f2e0e4f
commit 21ad848
Show file tree

Hide file tree

Showing 10 changed files with 84 additions and 158 deletions.
diff --git a/apps/www/components/home/AreYouReady.vue b/apps/www/components/home/AreYouReady.vue
@@ -4,12 +4,15 @@
       <h2
         class="mx-auto mb-6 max-w-[664px] text-center text-3xl font-bold md:text-4xl"
       >
-        Está pronto para começar? 🎉
+        Ainda não está convencido? 🤔
       </h2>
-      <nuxt-link to="/acesso-antecipado" class="mx-auto block w-full md:w-fit">
+      <nuxt-link
+        :to="`${$config.public.appUrl}?utm_source=landing_page`"
+        class="mx-auto block w-full md:w-fit"
+      >
         <MButton
-          text="Garantir meu acesso"
-          icon-left="rocket"
+          text="Ver todos os cursos"
+          icon-right="arrow-right"
           size="lg"
           class="w-full"
         />

diff --git a/apps/www/components/home/Hero.vue b/apps/www/components/home/Hero.vue
@@ -72,20 +72,37 @@ const cards = [
         de programação web para pessoas que estão buscando o primeiro emprego na
         área ou que querem construir seu próprio negócio.
       </p>
-      <div class="mb-4 flex items-center justify-center md:mb-10">
-        <nuxt-link to="/acesso-antecipado" class="w-full md:w-fit">
+      <div
+        class="mb-4 flex flex-wrap items-center gap-4 justify-center md:mb-10"
+      >
+        <nuxt-link
+          :to="`${$config.public.appUrl}sign-up?utm_source=landing_page`"
+          class="w-full md:w-fit"
+        >
           <MButton
-            text="Acesso antecipado"
+            text="Começar agora"
             icon-left="rocket"
             size="lg"
             class="w-full md:w-fit"
           />
         </nuxt-link>
+        <nuxt-link
+          :to="`${$config.public.appUrl}?utm_source=landing_page`"
+          class="w-full md:w-fit"
+        >
+          <MButton
+            text="Ver cursos disponíveis"
+            icon-left="magnifying-glass"
+            size="lg"
+            variant="outline"
+            class="w-full md:w-fit"
+          />
+        </nuxt-link>
       </div>
       <div
         class="mx-auto mb-10 w-fit rounded-full bg-zinc-900 px-4 py-1 text-center text-[10px] font-semibold text-white md:text-xs"
       >
-        ✨ Mais de 5000 alunos já solicitaram o acesso antecipado.
+        ✨ Seja um dos 1000 primeiros alunos e ganhe uma conquista!
       </div>
       <!-- <h2
         class="mb-3 text-center text-xs font-semibold uppercase text-zinc-500"

diff --git a/apps/www/components/home/HowItWorks.vue b/apps/www/components/home/HowItWorks.vue
@@ -69,9 +69,12 @@ const cards: card[] = [
         </div>
       </div>
       <div class="flex flex-wrap items-center justify-center gap-2 sm:gap-6">
-        <nuxt-link to="/acesso-antecipado" class="block w-full sm:w-fit">
+        <nuxt-link
+          :to="`${$config.public.appUrl}sign-up?utm_source=landing_page`"
+          class="block w-full sm:w-fit"
+        >
           <MButton
-            text="Quero ser aluno"
+            text="Criar minha conta"
             icon-left="graduation-cap"
             size="lg"
             class="w-full"

diff --git a/apps/www/components/home/WhoIsItFor.vue b/apps/www/components/home/WhoIsItFor.vue
@@ -58,7 +58,7 @@ const cards: card[] = [
             {{ card.description }}
           </p>
           <nuxt-link
-            to="/acesso-antecipado"
+            :to="`${$config.public.appUrl}sign-up?utm_source=landing_page`"
             class="group flex items-center gap-2 text-blue-600 no-underline transition-all hover:text-blue-800"
           >
             <span class="text-base font-medium">{{ card.cta }}</span>

diff --git a/apps/www/layouts/default.vue b/apps/www/layouts/default.vue
@@ -100,18 +100,10 @@ const menuOpened = ref<boolean>(false);
         class="w-full flex-1 gap-6 space-y-4 p-4 md:flex md:h-fit md:items-center md:justify-end md:space-y-0 md:p-0"
         :class="{ block: menuOpened, hidden: !menuOpened }"
       >
-        <nuxt-link to="https://discord.gg/8BCByyXxq8" target="_blank">
-          <MButton
-            icon-left="fa-brands fa-discord"
-            text="Entre no discord"
-            variant="secondary"
-            size="sm"
-            class="w-full md:w-fit"
-          />
-        </nuxt-link>
         <nuxt-link
           to="https://github.com/menthorlabs/menthor"
           target="_blank"
+          external
           class="group flex w-full cursor-pointer items-center justify-center gap-2 text-zinc-700 no-underline hover:text-zinc-900 md:w-fit"
         >
           <font-awesome-icon :icon="['fab', 'github']" class="text-xl" />
@@ -131,6 +123,40 @@ const menuOpened = ref<boolean>(false);
             </div>
           </div>
         </nuxt-link>
+        <nuxt-link
+          class="hidden md:block"
+          to="https://discord.gg/8BCByyXxq8"
+          target="_blank"
+          external
+        >
+          <MIconButton variant="glass" icon="fa-brands fa-discord" />
+        </nuxt-link>
+        <nuxt-link
+          class="block md:hidden"
+          to="https://discord.gg/8BCByyXxq8"
+          target="_blank"
+          external
+        >
+          <MButton
+            icon-left="fa-brands fa-discord"
+            text="Entre no discord"
+            variant="outline"
+            size="sm"
+            class="w-full md:w-fit"
+          />
+        </nuxt-link>
+        <nuxt-link
+          class="block"
+          :to="`${$config.public.appUrl}sign-in?utm_source=landing_page`"
+        >
+          <MButton
+            icon-right="arrow-right"
+            text="Acessar plataforma"
+            variant="secondary"
+            size="sm"
+            class="w-full md:w-fit"
+          />
+        </nuxt-link>
       </div>
     </header>
     <slot />
@@ -150,14 +176,14 @@ const menuOpened = ref<boolean>(false);
       <!-- <div class="mt-10 flex flex-wrap items-center justify-center gap-4 md:gap-8">
         <nuxt-link
           to="#"
-          target="_blank"
+          target="_blank" external
           class="relative text-sm font-normal before:absolute before:-right-[16px] before:top-0 before:hidden before:h-full before:w-[1px] before:bg-zinc-200 hover:underline md:before:block"
         >
           Políticas de Privacidade
         </nuxt-link>
         <nuxt-link
           to="#"
-          target="_blank"
+          target="_blank" external
           class="text-sm font-normal hover:underline"
         >
           Histórico de Atualizações

diff --git a/apps/www/pages/index/acesso-antecipado.vue b/apps/www/pages/index/acesso-antecipado.vue
diff --git a/apps/www/plugins/icons.ts b/apps/www/plugins/icons.ts
@@ -7,6 +7,7 @@ import {
   faArrowRight,
   faBars,
   faTimes,
+  faMagnifyingGlass,
   faStar,
   faCodeFork,
   faRocket,
@@ -26,6 +27,7 @@ library.add(
   faArrowRight,
   faBars,
   faTimes,
+  faMagnifyingGlass,
   faStar,
   faCodeFork,
   faDiscord,

diff --git a/packages/assets/styles/content.css b/packages/assets/styles/content.css
@@ -37,6 +37,6 @@
   }
 
   #nuxt_content iframe {
-    @apply w-full aspect-video h-auto;
+    @apply w-full aspect-video h-auto mb-4;
   }
 }
diff --git a/packages/ui/src/atoms/MButton.vue b/packages/ui/src/atoms/MButton.vue
@@ -1,4 +1,7 @@
 <script setup lang="ts">
+type Variant = "primary" | "secondary" | "outline" | "inherit";
+type Size = "sm" | "base" | "lg";
+
 defineProps({
   text: String,
   loading: Boolean,
@@ -14,12 +17,7 @@ defineProps({
   iconRight: [String, Array],
 });
 
-const variants: {
-  primary: string;
-  secondary: string;
-  outline: string;
-  inherit: string;
-} = {
+const variants: Record<Variant, string> = {
   primary:
     "bg-blue-600 text-white border border-solid border-blue-600 hover:bg-blue-700 hover:border-blue-700 focus:ring-blue-300",
   secondary:
@@ -30,7 +28,7 @@ const variants: {
     "bg-white text-zinc-700 border border-solid border-white hover:bg-zinc-100 focus:ring-zinc-300",
 };
 
-const sizes: { sm: string; base: string; lg: string } = {
+const sizes: Record<Size, string> = {
   sm: "px-3 py-[8px] text-sm leading-[19px]",
   base: "px-5 py-[9.5px] text-sm leading-[19px]",
   lg: "px-5 py-[13.5px] text-base leading-[23px]",
@@ -41,7 +39,7 @@ const sizes: { sm: string; base: string; lg: string } = {
   <button
     type="button"
     class="flex cursor-pointer items-center justify-center gap-2 rounded-lg font-medium focus:ring-4"
-    :class="[variants[variant], sizes[size]]"
+    :class="[variants[variant as Variant], sizes[size as Size]]"
   >
     <MSpinner class="h-4 w-4" v-if="loading && !iconRight" />
     <font-awesome-icon

diff --git a/packages/ui/src/atoms/MIconButton.vue b/packages/ui/src/atoms/MIconButton.vue
@@ -1,10 +1,12 @@
 <script setup lang="ts">
+type Variant = "glass" | "inherit";
+
 const { icon = "home", variant = "inherit" } = defineProps<{
   icon?: string;
   variant?: string;
 }>();
 
-const variants: Record<"glass" | "inherit", { style: string }> = {
+const variants: Record<Variant, { style: string }> = {
   glass: {
     style:
       "bg-zinc-100/80 text-zinc-700 hover:bg-zinc-200/80 hover:text-zinc-800",
@@ -18,7 +20,7 @@ const variants: Record<"glass" | "inherit", { style: string }> = {
 <template>
   <div
     class="flex h-[32px] w-[32px] cursor-pointer items-center justify-center rounded-full text-sm"
-    :class="[variants[variant].style]"
+    :class="[variants[variant as Variant].style]"
   >
     <font-awesome-icon :icon="icon" />
   </div>