feat: landing page

Author: Leoglme

web/app/app.vue

@@ -19,8 +19,8 @@ useHead({
   }
 })
 
-const title = 'GoupixDex'
-const description = 'GoupixDex automatise votre collection, la mise en ligne Vinted et le suivi des prix : scannez vos cartes Pokémon TCG, le reste s’enchaîne.'
+const title = 'GoupixDex — Automatisation vente cartes Pokémon TCG sur Vinted'
+const description = 'GoupixDex automatise la vente de vos cartes Pokémon TCG : scan, prix Cardmarket & TCGPlayer, publication Vinted et suivi des marges. Scannez vos cartes, le reste s\'enchaîne.'
 
 useSeoMeta({
   title,
@@ -29,7 +29,8 @@ useSeoMeta({
   ogDescription: description,
   ogImage: '/logo-goupix-dev-256x256.png',
   applicationName: 'GoupixDex',
-  twitterCard: 'summary_large_image'
+  twitterCard: 'summary_large_image',
+  keywords: 'pokémon tcg, vinted, automatisation, cardmarket, tcgplayer, vente cartes pokémon, scan carte, goupixdex'
 })
 </script>
 

web/app/components/auth/flow/FlowStatsStep.vue

@@ -5,12 +5,12 @@ defineProps<{
 </script>
 
 <template>
-  <div class="absolute inset-0 flex min-h-0 flex-col justify-center gap-2 p-2 sm:gap-2.5 sm:p-3">
-    <p class="shrink-0 text-center text-base font-medium text-highlighted sm:text-lg">
+  <div class="absolute inset-0 flex flex-col items-center justify-center gap-2 p-2 sm:gap-2.5 sm:p-3">
+    <p class="shrink-0 text-center text-sm font-medium text-highlighted sm:text-base">
       Tableau de bord
     </p>
     <div
-      class="flex min-h-[10rem] w-full max-w-md flex-1 items-end justify-center gap-3 px-2 sm:min-h-[12rem] sm:max-w-lg sm:gap-4 sm:px-3 lg:min-h-[13.5rem]"
+      class="flex h-[10rem] w-full max-w-[18rem] items-end justify-center gap-3 sm:h-[13rem] sm:max-w-xs sm:gap-4 lg:h-[15rem]"
     >
       <div
         class="w-9 rounded-t-md bg-primary/40 transition-all duration-700 sm:w-11 lg:w-[3.25rem]"
@@ -33,7 +33,7 @@ defineProps<{
         style="animation-delay: 360ms"
       />
     </div>
-    <div class="shrink-0 flex justify-center gap-6 text-sm font-medium text-muted sm:gap-8 sm:text-base">
+    <div class="shrink-0 flex justify-center gap-6 text-xs font-medium text-muted sm:gap-8 sm:text-sm">
       <span>CA</span>
       <span>Marge</span>
       <span>Stock</span>