website / Add new logo + metas for home page

alpsify · Nov 12, 2024 · 236c7af · 236c7af
1 parent 5037ee8
commit 236c7af
Show file tree

Hide file tree

Showing 15 changed files with 48 additions and 11 deletions.
diff --git a/libs/assets/logos/lychen/logo-lychen-favicon.svg b/libs/assets/logos/lychen/logo-lychen-favicon.svg
diff --git a/libs/assets/logos/lychen/logo-lychen-on-dark.png b/libs/assets/logos/lychen/logo-lychen-on-dark.png
diff --git a/libs/assets/logos/lychen/[email protected] b/libs/assets/logos/lychen/[email protected]
diff --git a/libs/assets/logos/lychen/[email protected] b/libs/assets/logos/lychen/[email protected]
diff --git a/libs/assets/logos/lychen/logo-lychen-on-light.png b/libs/assets/logos/lychen/logo-lychen-on-light.png
diff --git a/libs/assets/logos/lychen/[email protected] b/libs/assets/logos/lychen/[email protected]
diff --git a/libs/assets/logos/lychen/[email protected] b/libs/assets/logos/lychen/[email protected]
diff --git a/libs/assets/logos/lychen/logo-lychen.png b/libs/assets/logos/lychen/logo-lychen.png
diff --git a/libs/assets/logos/lychen/logo-lychen.svg b/libs/assets/logos/lychen/logo-lychen.svg
diff --git a/libs/assets/logos/lychen/logo-lychen.webp b/libs/assets/logos/lychen/logo-lychen.webp
diff --git a/libs/ui-components/logo/LychenLogo.vue b/libs/ui-components/logo/LychenLogo.vue
@@ -1,11 +1,9 @@
 <template>
   <div class="flex flex-row items-stretch justify-start gap-2">
-    <!--<div class="h-full">
-      <img
-        src="/logos/lychen/logo-lychen.webp"
-        class="h-full w-auto"
-      />
-    </div>-->
+    <img
+      src="/logos/lychen/logo-lychen.svg"
+      class="h-4/5 w-auto self-center"
+    />
 
     <div class="flex flex-col items-start justify-center gap-0 antialiased">
       <p class="font-lexend text-xl font-bold leading-5 tracking-wide antialiased">lychen</p>

diff --git a/projects/website/index.html b/projects/website/index.html
@@ -4,8 +4,8 @@
     <meta charset="UTF-8" />
     <link
       rel="icon"
-      type="image/webp"
-      href="/logos/lychen/logo-lychen.webp"
+      type="image/svg+xml"
+      href="/logos/lychen/logo-lychen-favicon.svg"
     />
     <meta
       name="viewport"

diff --git a/projects/website/src/layouts/main/LayoutMainFooter.vue b/projects/website/src/layouts/main/LayoutMainFooter.vue
@@ -2,7 +2,7 @@
   <div class="flex flex-col gap-4">
     <div class="flex flex-col items-stretch justify-between gap-4 lg:flex-row">
       <div class="flex basis-1/3 flex-col gap-2">
-        <LychenLogo />
+        <LychenLogo class="h-14" />
         <p class="text-sm opacity-80">
           {{ t(`${TRANSLATION_KEY}.footer.seo_paragraph`) }}
         </p>

diff --git a/projects/website/src/views/home/ViewHome.vue b/projects/website/src/views/home/ViewHome.vue
@@ -8,7 +8,8 @@
 </template>
 
 <script lang="ts" setup>
-import { useHead } from '@unhead/vue';
+import heroUrl from '../assets/hero-1.webp';
+import { useHead, useSeoMeta } from '@unhead/vue';
 
 import { useTranslations } from './i18n';
 import ViewHomeActors from './ViewHomeActors.vue';
@@ -21,7 +22,16 @@ import ViewHomeOSS from './ViewHomeOSS.vue';
 const { t } = useTranslations();
 
 useHead({
+  title: t('tab.title'),
+});
+
+useSeoMeta({
   title: t('meta.title'),
+  description: t('meta.description'),
+  ogDescription: t('meta.og_description'),
+  ogTitle: t('meta.og_title'),
+  ogImage: heroUrl,
+  twitterCard: 'summary_large_image',
 });
 </script>
 

diff --git a/projects/website/src/views/home/i18n/fr-FR.ts b/projects/website/src/views/home/i18n/fr-FR.ts
@@ -1,6 +1,13 @@
 export default {
+  tab: {
+    title: 'Lychen - Acteur de la symbiose du territoire.',
+  },
   meta: {
-    title: 'Lychen',
+    title: 'Lychen - Connecter les communautés autour de la biodiversité',
+    description:
+      "Lychen, l'écosystème d'applications pour connecter les utilisateurs autour de projets collectifs et locaux est centré sur la biodiversité.",
+    og_title: '@:view_home.meta.title',
+    og_description: '@:view_home.meta.description',
   },
   hero: {
     title: {