Elizhium/litlyx
1
0
Fork 0
mirror of https://github.com/Litlyx/litlyx synced 2025-12-09 23:48:36 +01:00
Code Issues Packages Projects Releases Wiki Activity

landing adjustments to fonts and layout

Browse Source
This commit is contained in:
antonio
2024-06-07 16:50:59 +02:00
parent e2f6a80ad5
commit e6a9d3e9c7
3 changed files with 14 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
landing/components/Code.vue
View File

@@ -17,12 +17,10 @@ onMounted(() => {
<div class="flex flex-col items-center justify-center gap-2">
<div
class="poppins font-semibold z-[10] text-[2.2rem] lg:text-[3rem] text-text-sub text-center w-[75%] lg:w-[40%]">
Collect analytics, faster
Collect Analytics, Easy way
</div>
<div class="poppins text-[1.35rem] text-text-sub text-center w-[90%] lg:w-[60%] z-[10]">
Websites visits, Custom events, Referrers, Browsers, Devices, OS, Countries, SearchTerms, User
Unique
Session and more
Website Visits, Custom Events, Referrers, Browsers, Devices, Operating Systems (OS), Countries, Search Terms, Unique Users, Sessions, and many more.
</div>
</div>
@@ -35,7 +33,7 @@ onMounted(() => {
<div class="flex gap-6 items-center flex-col lg:flex-row">
<NuxtLink to="https://dashboard.litlyx.com"
class="hover:bg-white/90 font-semibold cursor-pointer flex items-center gap-4 text-xl bg-text text-bg-light px-8 py-3 rounded-2xl text-black">
<div class="poppins"> Get started for free </div>
<div class="poppins"> Get Started for Free </div>
<i class="fas fa-arrow-right"></i>
</NuxtLink>

2
landing/layouts/header.vue
View File

@@ -140,7 +140,7 @@ nuxtApp.hook("page:finish", () => {
</div>
<div class="flex">
<div class="text-[.9rem] flex flex-col text-center text-text-sub/80">
<div class="text-[.9rem] flex flex-col lg:items-start text-center text-text-sub/80">
<div> © 2024 Litlyx All right reserved. </div>
<div class="ml-1 font-bold">Made with ❤ in Italy </div>
</div>

18
landing/pages/index.vue
View File

@@ -55,7 +55,7 @@ const mouseStyle = computed(() => {
<div class="poppins text-center font-bold text-text lg:leading-[5rem] text-[1.7rem] lg:text-[4rem]">
Boost Analytics Collection
<br>
with <span class="text-accent"> Minimal Setup </span>
with <span class="text-accent font-bold poppins"> Minimal Setup </span>
</div>
<div class="flex gap-4 flex-col lg:flex-row lg:gap-10">
@@ -85,13 +85,13 @@ const mouseStyle = computed(() => {
<div class="flex gap-6 items-center flex-col lg:flex-row">
<NuxtLink to="https://dashboard.litlyx.com"
class="hover:bg-white/90 font-semibold cursor-pointer flex items-center gap-4 text-xl bg-text text-bg-light px-8 py-3 rounded-2xl text-black">
<div class="poppins"> Get started for free </div>
<div class="poppins"> Get Started for Free </div>
<i class="fas fa-arrow-right"></i>
</NuxtLink>
<NuxtLink target="_blank" to="https://dashboard.litlyx.com/live_demo"
class="hover:bg-accent/90 font-semibold cursor-pointer flex items-center gap-4 text-xl bg-accent text-bg-light px-16 py-3 rounded-2xl text-text">
<div class="poppins"> Live demo </div>
<div class="poppins"> Live Demo </div>
</NuxtLink>
</div>
@@ -149,18 +149,18 @@ const mouseStyle = computed(() => {
<div class="flex justify-center mt-40 z-[10] relative items-center flex-col gap-6">
<div class="poppins font-bold text-[2.2rem] lg:text-[3rem] text-text"> Why use litlyx </div>
<div class="poppins font-bold text-[2.2rem] lg:text-[3rem] text-text"> Why Use Litlyx </div>
<div ref="autoscroll"
class="flex gap-8 flex-row lg:flex-col overflow-x-auto overflow-y-hidden lg:overflow-hidden w-full hide-scroll px-6">
<div class="flex justify-center gap-8">
<HomeCard title="1-Minute Setup" text="Effortlessly set up and start collecting KPIs in seconds."
icon="far fa-clock">
</HomeCard>
<HomeCard title="Real-time Insights"
text="Instantly visualize events and visits on your Project Dashboard."
<HomeCard title="Real-Time Insights"
text="Immediately visualize visits & events on your Dashboard."
icon="far fa-line-chart">
</HomeCard>
<HomeCard title="Custom events" text="Tailor your user experience tracking with custom events."
<HomeCard title="Custom Events" text="Tailor your user experience tracking with custom events."
icon="far fa-tools">
</HomeCard>
</div>
@@ -169,10 +169,10 @@ const mouseStyle = computed(() => {
icon="far fa-gift">
</HomeCard>
<HomeCard title="Open-Source"
text="Litlyx is transparent, Self-Hostable & Open-Source. Share same ❤️." icon="far fa-globe">
text="Litlyx is transparent, Self-Hostable & Open-Source." icon="far fa-globe">
</HomeCard>
<HomeCard title="Cost-Effective"
text="Get more for less with Litlyx, maximizing value without breaking the bank."
text="Get more for less with Litlyx, without breaking the bank."
icon="far fa-wallet">
</HomeCard>
</div>