Merge branch 'dev'

landing/app.vue

@@ -1,15 +1,22 @@
 <script lang="ts" setup>
 
-
+useSeoMeta({
-useServerSeoMeta({
+  title: 'Litlyx - One-Line Code Lightweight Analytics | AI Powered Analytics Dashboard',
-  title: 'Litlyx',
+  ogTitle: 'Litlyx - One-Line Code Lightweight Analytics | AI Powered Analytics Dashboard',
-  ogTitle: 'Litlyx',
+  description: 'Track over 10 KPIs effortlessly with Litlyx. One line of code, open-source, lightweight, custom events, AI Data-Analyst at your service and affordable. Start for free!',
-  description: 'One line code analytics solution',
+  ogDescription: 'Track over 10 KPIs effortlessly with Litlyx. One line of code, open-source, lightweight, custom events, AI Data-Analyst at your service and affordable. Start for free!',
-  ogDescription: 'One line code analytics solution',
   author: 'Litlyx',
   ogImage: 'https://litlyx.com/ogimage.jpg',
   ogType: 'website',
-  ogUrl: 'https://litlyx.com'
+  ogUrl: 'https://litlyx.com',
+  twitterCard: 'summary_large_image',
+  twitterTitle: 'Litlyx - One-Line Code Lightweight Analytics | AI Powered Analytics Dashboard',
+  twitterDescription: 'Track over 10 KPIs effortlessly with Litlyx. One line of code, open-source, lightweight, custom events, AI Data-Analyst at your service and affordable. Start for free!',
+  twitterImage: 'https://litlyx.com/ogimage.jpg',
+  ogSiteName: 'Litlyx',
+  ogLocale: 'en_US',
+  ogImageWidth: '1200',
+  ogImageHeight: '630'
 });
 
 

landing/components/Analyst.vue

@@ -12,7 +12,7 @@
         </div>
 
         <div class="flex justify-center mx-auto w-[20rem] z-[25] relative">
-            <img class="w-full h-full" :src="'agent.png'">
+            <img class="w-full h-full" alt="Litlyx AI Agent" :src="'agent.png'">
         </div>
 
         <div class="flex flex-col items-center justify-center gap-2 z-[25] relative">

landing/components/home/TechCard.vue

@@ -11,7 +11,7 @@ const props = defineProps<{
 <template>
     <div class="p-6 flex flex-col items-center gap-3">
         <div class="w-[4.2rem] h-[4.2rem] lg:w-[6rem] lg:h-[6rem] bg-menu rounded-2xl flex items-center justify-center">
-            <img :src="icon">
+            <img :alt="name" :src="icon">
         </div>
         <div class="poppins font-semibold text-text-sub">
             {{ name }}

landing/layouts/header.vue

@@ -24,7 +24,7 @@ nuxtApp.hook("page:finish", () => {
 
             <NuxtLink to="/" tag="div" class="flex gap-4 items-center">
                 <div class="bg-black h-[2.8rem] aspect-[1/1] flex items-center justify-center rounded-lg">
-                    <img class="h-[1.8rem]" :src="'/logo.png'">
+                    <img class="h-[1.8rem]" alt="Litlyx logo" :src="'/logo.png'">
                 </div>
                 <div class="font-semibold text-[1.6rem] text-gray-300 poppins">
                     Litlyx
@@ -33,7 +33,8 @@ nuxtApp.hook("page:finish", () => {
 
             <div class="grow"></div>
             <div class="flex gap-8 text-[1.1rem] text-white font-[500]">
-                <NuxtLink target="_blank" to="https://dashboard.litlyx.com/live_demo" class="poppins hover:text-text-sub/90">
+                <NuxtLink target="_blank" to="https://dashboard.litlyx.com/live_demo"
+                    class="poppins hover:text-text-sub/90">
                     Live demo
                 </NuxtLink>
                 <NuxtLink target="_blank" to="https://docs.litlyx.com" class="poppins hover:text-text-sub/90">
@@ -57,7 +58,7 @@ nuxtApp.hook("page:finish", () => {
         <div class="flex lg:hidden p-4 z-[20] relative">
             <NuxtLink to="/" class="flex gap-4 items-center">
                 <div class="bg-black h-[2.8rem] aspect-[1/1] flex items-center justify-center rounded-lg">
-                    <img class="h-[1.8rem]" :src="'/logo.png'">
+                    <img class="h-[1.8rem]" alt="Litlyx logo" :src="'/logo.png'">
                 </div>
                 <div class="font-bold text-[1.6rem] text-gray-300 poppins">
                     Litlyx
@@ -138,7 +139,8 @@ nuxtApp.hook("page:finish", () => {
                     <div class="flex gap-6 text-[1.6rem] text-text-sub/80">
                         <!-- <div> <i class="fab fa-x-twitter"></i> </div> -->
                         <div class="flex gap-4">
-                            <a class="hover:text-gray-400" href="https://www.linkedin.com/company/litlyx" target="_blank">
+                            <a class="hover:text-gray-400" href="https://www.linkedin.com/company/litlyx"
+                                target="_blank">
                                 <i class="fab fa-linkedin"></i>
                             </a>
                             <a class="hover:text-gray-400" href="https://www.github.com/Litlyx/litlyx" target="_blank">

landing/nuxt.config.ts

@@ -15,8 +15,11 @@ export default defineNuxtConfig({
     }
   },
   pages: true,
-  ssr: false,
+  ssr: true,
   routeRules: {
+    '/': {
+      prerender: true
+    },
     '/**': {
       prerender: true
     },

landing/pages/index.vue

@@ -45,7 +45,6 @@ const mouseStyle = computed(() => {
 
         <div class="absolute top-0 left-0 w-full h-full flex flex-col items-center z-0 overflow-hidden">
             <HomeBgGrid :size="100" :spacing="18" opacity="0.3" class="w-fit h-fit"></HomeBgGrid>
-            <!-- <HomeBgGrid :size="100" :spacing="18" opacity="0.2" class="w-fit h-fit"></HomeBgGrid> -->
         </div>
 
 
@@ -104,7 +103,7 @@ const mouseStyle = computed(() => {
 
         <div class="flex justify-center mt-10 z-[10] relative">
             <div class="bg-[#1d1d1f] rounded-[1rem] overflow-hidden w-[96%] lg:w-[60%] ">
-                <img :src="'screen_1.png'" class="">
+                <img :src="'screen_1.png'" alt="Litlyx dashboard" class="">
             </div>
         </div>
 
@@ -112,7 +111,7 @@ const mouseStyle = computed(() => {
         <div class="flex justify-center mt-20 z-[10] relative items-center flex-col gap-2">
             <div class="poppins text-[1.2rem]"> Trusted by</div>
             <NuxtLink to="https://nuvol.ai/" target="_blank" class="max-w-[18rem] bg-text-sub p-4 rounded-lg">
-                <img class="w-full h-full" :src="'nuvolai.png'">
+                <img class="w-full h-full" alt="Partner_1" :src="'nuvolai.png'">
             </NuxtLink>
         </div>
 

landing/public/robots.txt

@@ -0,0 +1,2 @@
+User-agent: *
+Disallow: