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

add landing

Browse Source
This commit is contained in:
Emily
2024-06-02 02:46:47 +02:00
parent f8ab046b8a
commit d7bff30808
104 changed files with 73142 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
landing/pages/contacts.vue Normal file
View File

@@ -0,0 +1,29 @@
<script lang="ts" setup>
definePageMeta({ layout: 'header' });
</script>
<template>
<div class="tutto-poppins flex flex-col gap-3 px-2 lg:px-96 mt-20 text-[1.2rem] leading-[2rem]">
<div class="flex justify-center flex-col items-center">
<div class="font-bold text-[2rem]"> Contact us </div>
<div class="font-bold mb-1 mt-4 text-accent">
<a href="mailto:helplitlyx@gmail.com">helplitlyx@gmail.com </a>
</div>
</div>
</div>
</template>
<style scoped lang=scss>
.tutto-poppins * {
font-family: "Poppins";
}
</style>

231
landing/pages/data_policy.vue Normal file
View File

@@ -0,0 +1,231 @@
<script lang="ts" setup>
definePageMeta({ layout: 'header' });
</script>
<template>
<div class="tutto-poppins flex flex-col gap-3 px-2 lg:px-96 mt-20 text-[1.2rem] leading-[2rem]">
<div class="font-bold text-[2rem]">
LitLyx Analytics Data Policy
</div>
<div class="bg-gray-500/90 h-[1px] w-full my-6"></div>
<div>
LitLyx is committed to protecting your privacy and ensuring that our data practices are transparent, secure,
and compliant with all relevant regulations. This data policy outlines the information we collect, how we
use it, and the measures we take to protect your data. Our services are hosted on servers provided by
Hetzner in Nuremberg, Germany, and comply with European data protection laws, including GDPR, CCPA, and
PECR.
</div>
<div class="font-bold mb-1 mt-4"> Data Collection and Usage : </div>
<div>
LitLyx is designed to provide insightful analytics without compromising user privacy. We adhere to the
following principles:
</div>
<ul>
<div class="ml-8"> 1. Non-Personal Data Collection: We do not collect personal data or personally
identifiable information (PII). Our analytics focus on aggregated data to identify trends without
tracking individual users.</div>
<div class="ml-8"> 2 No Cookies or Persistent Identifiers: We do not use cookies, browser storage, or any
form of persistent identifiers. All data is session-based and anonymized. </div>
</ul>
<div class="font-bold mb-1 mt-4"> Specific Data Points Collected </div>
<div>We collect only the most essential data points, which are:</div>
<ul>
<div class="ml-8"> • Page URL: We track the URLs of pages viewed on your website to understand which pages
are most popular. Query parameters and hash parameters are discarded.
</div>
<div class="ml-8"> • HTTP Referrer: This helps us determine the source of your traffic by identifying the
referring website. </div>
<div class="ml-8"> • Browser: We track the browser type and version (derived from the User-Agent header) to
understand the technology used by visitors. The full User-Agent string is discarded.
</div>
<div class="ml-8"> • Operating System: We identify the operating system and its version (derived from the
User-Agent header) to see what systems visitors use. The full User-Agent string is discarded.</div>
<div class="ml-8"> • Device Type: We categorize devices into desktop, mobile, or tablet based on the
User-Agent header. </div>
<div class="ml-8"> • Geographical Location: We determine the visitor's country, region, and city using their
IP address. We do not track anything more granular than the city level, and IP addresses are not stored.
</div>
</ul>
<div class="font-bold mb-1 mt-4"> Unique User Counting Without Cookies </div>
<div>
Counting unique visitors is crucial for analytics, but we prioritize visitor privacy. We do not generate
persistent identifiers. Instead, we use a combination of the visitor's IP address and User-Agent to create a
unique identifier for each day.
</div>
<div>
Formula for Unique User Identification -
Every HTTP request includes the IP address and User-Agent. To generate a unique identifier while maintaining
anonymity, we apply the following process:
</div>
<div class="bg-menu font-normal px-8 py-4 text-[1.1rem]" style="font-family:Consolas">
hash(daily_salt + strip(website_domain) + strip(ip_address) + user_agent)
</div>
<ul>
<div class="ml-8"> • Daily Salt: A randomly generated value that changes daily.</div>
<div class="ml-8"> • Website Domain: The domain of the website being visited.</div>
<div class="ml-8"> • IP Address and User-Agent: Used to create a unique but anonymized identifier.</div>
<div class="ml-8"> • Strip function: Used to transform string in only [A-z0-9]</div>
</ul>
<div>This identifier is used to count unique visitors for a single day. The raw IP addresses and User-Agent
strings are never stored. Daily salts are deleted every 24 hours to prevent linking visitor data across
days.
</div>
<div class="font-bold mb-1 mt-4"> Custom Events and Custom Events Metadata </div>
<div>
At LitLyx, we understand the importance of flexibility and customization in web analytics. To cater to
specific needs, we allow the tracking of custom events and the storage of custom events metadata. This
section outlines how we manage these custom events while ensuring privacy and compliance with relevant
regulations.
</div>
<div class="font-bold mb-1 mt-4"> Tracking Custom Events </div>
<div>
Custom events allow you to track specific interactions on your website beyond standard page views. These
interactions might include button clicks, form submissions, or other user actions that are important for
understanding user behavior on your site.
</div>
<div class="font-bold mb-1 mt-4"> Data Points for Custom Events </div>
<ul>
<div class="ml-8"> • Event Name: A descriptive name for the event (e.g., "Button Click", "Form Submission").
</div>
<div class="ml-8"> • Event Metadata: Additional metadata associated with the event (e.g., button ID,
form ID).</div>
</ul>
<!-- <div class="font-bold mb-1 mt-4"> Storing Custom Events Metadata </div>
<div>
In addition to tracking custom events, we provide the capability to store metadata related to these events.
This metadata can include any additional information you deem relevant, such as user attributes or
contextual details about the event.
</div>
<div>
Formula for Storing Custom Events Metadata -
To ensure the privacy and security of custom events metadata, we use a hashing mechanism. The metadata is
combined with the project ID and hashed before being stored in our database. This process ensures that the
metadata is anonymized and cannot be linked back to individual users.
</div>
<div>
Hashing Formula for Custom Events Metadata -
We use the following formula to hash the custom events metadata:
</div>
<div>
“Hash(text{project_id} + text{metadata as string})”
</div>
<ul>
<div class="ml-8">
• Project ID: The unique identifier for your project.
</div>
<div class="ml-8">
• Metadata as String: The string representation of the custom events metadata.
</div>
</ul>
-->
<div class="font-bold mb-1 mt-4"> Data Hosting and Security </div>
<ul>
<div class="ml-8">
• Hosting: All data is hosted on Hetzner servers in Nuremberg, Germany. These servers are powered by
100% renewable energy and comply with EU data protection laws.
</div>
<div class="ml-8">
• Security Measures: We use HTTPS for data transmission and employ hashing processes for data at rest.
Regular backups are performed and stored within the EU in redundant locations.
</div>
<div class="ml-8">
• No Third-Party Access: Apart from Hetzner, no third-party vendors have access to the data. This ensures
all data remains within the EU and is protected by strict European privacy laws.
</div>
</ul>
<div class="font-bold mb-1 mt-4"> Tracking Custom Events </div>
<div>
Custom events allow you to track specific interactions on your website beyond standard page views. These
interactions might include button clicks, form submissions, or other user actions that are important for
understanding user behavior on your site.
</div>
<div class="font-bold mb-1 mt-4"> Data Ownership </div>
<div>
LitLyx respects that you own your website data. We do not sell, share, or monetize your data. You retain
full control over your data, with the ability to delete your account or data at any time. Upon deletion, all
data is permanently removed from our servers and cannot be recovered.
</div>
<div class="font-bold mb-1 mt-4"> Trust and Transparency </div>
<div>
LitLyx is built on principles of transparency and openness. While our analytics tools are proprietary, we
adhere strictly to our privacy commitments. Our policies and processes are open for review to ensure we meet
our stated objectives.
</div>
<div class="font-bold mb-1 mt-4"> Compliance with GDPR, CCPA, and PECR </div>
<div>
Using LitLyx ensures compliance with GDPR, CCPA, and PECR regulations. Our data practices eliminate the need
for complex privacy policies or intrusive cookie prompts. Visitors to your website can enjoy a seamless and
privacy-respecting experience.
</div>
<div class="font-bold mb-1 mt-4"> Liability </div>
<ul>
<div class="ml-8">
</div>
</ul>
<div> Contact Information </div>
<div>
For any questions or concerns about our data policy, please contact our data protection officer at
<a class="text-blue-400" href="mailto:helplitlyx@gmail.com">helplitlyx@gmail.com</a>
</div>
</div>
</template>
<style scoped lang=scss>
.tutto-poppins * {
font-family: "Poppins";
}
</style>

264
landing/pages/index.vue Normal file
View File

@@ -0,0 +1,264 @@
<script setup lang="ts">
definePageMeta({ layout: 'header' });
const autoscroll = ref<HTMLElement>();
onMounted(() => {
// setInterval(() => {
// if (!autoscroll.value) return;
// autoscroll.value.scrollLeft++;
// }, 10);
})
</script>
<template>
<div class="home relative h-full w-full bg-[#151517]">
<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>
<div class="flex w-full mt-20 justify-center relative z-[10]">
<div class="flex flex-col items-center justify-center gap-20 rounded-lg py-6">
<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>
</div>
<div class="flex gap-4 flex-col lg:flex-row lg:gap-10">
<div class="flex items-center gap-2">
<i class="fas fa-check text-[1.5rem]"></i>
<div class="poppins text-[1.2rem]"> One-line code event </div>
</div>
<div class="flex items-center gap-2">
<i class="fas fa-check text-[1.5rem]"></i>
<div class="poppins text-[1.2rem]"> 15+ Techs Supported </div>
</div>
<div class="flex items-center gap-2">
<i class="fas fa-check text-[1.5rem]"></i>
<div class="poppins text-[1.2rem]"> High customization </div>
</div>
</div>
<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>
<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>
</NuxtLink>
</div>
</div>
</div>
<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="">
</div>
</div>
<div class="flex justify-center mt-20 z-[10] relative items-center flex-col gap-6">
<div class="poppins font-bold text-text text-center text-[2.2rem] lg:text-[3rem]">
+15 Supported technologies
</div>
<div class="poppins text-[1.2rem] text-text-sub text-center w-[90%] lg:w-[40%]">
Seamless Integrations with popular JS/TS frameworks, including React, Angular, Vue, Node, Next and many
more.
</div>
<div class="flex flex-wrap justify-center py-10 lg:gap-8 lg:px-20">
<HomeTechCard name="Node.js" icon="tech/4.png"></HomeTechCard>
<HomeTechCard name="React" icon="tech/15.png"></HomeTechCard>
<HomeTechCard name="Vue.js" icon="tech/8.png"></HomeTechCard>
<HomeTechCard name="Next.js" icon="tech/7.png"></HomeTechCard>
<HomeTechCard name="Nuxt" icon="tech/12.png"></HomeTechCard>
<HomeTechCard name="Angular" icon="tech/9.png"></HomeTechCard>
<HomeTechCard name="Firebase" icon="tech/1.png"></HomeTechCard>
<HomeTechCard name="NestJS" icon="tech/2.png"></HomeTechCard>
<HomeTechCard name="Deno" icon="tech/11.png"></HomeTechCard>
<HomeTechCard name="Lambda" icon="tech/14.png"></HomeTechCard>
<HomeTechCard name="Fastify" icon="tech/5.png"></HomeTechCard>
<HomeTechCard name="Netlify" icon="tech/13.png"></HomeTechCard>
<HomeTechCard name="Bun" icon="tech/3.png"></HomeTechCard>
<HomeTechCard name="Svelte" icon="tech/6.png"></HomeTechCard>
<HomeTechCard name="Solid" icon="tech/10.png"></HomeTechCard>
</div>
</div>
<div class="flex justify-center mt-20 z-[10] relative items-center flex-col gap-6">
<div class="poppins font-bold text-[2.2rem] lg:text-[3rem] text-text">
That's it !
</div>
</div>
<div class="flex justify-center">
<img :src="'carbon_1.png'">
</div>
<div class="flex flex-col items-center justify-center gap-2">
<div
class="poppins font-semibold text-[1.5rem] z-[10] lg:text-[1.85rem] text-text-sub text-center w-[75%] lg:w-[40%]">
This one-line code Collect 9 KPI
</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
</div>
</div>
<div class="flex justify-center mt-20 z-[20] relative">
<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>
<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>
</NuxtLink>
</div>
</div>
<!-- AI AGENT SECTION -->
<div class="flex justify-center mt-20 z-[10] relative items-center flex-col gap-6">
<div class="poppins font-bold text-[2.2rem] lg:text-[3rem] text-text">
AI Analyst Integrated
</div>
</div>
<div class="flex justify-center mx-auto w-[20rem] z-[10] relative">
<img class="w-full h-full" :src="'agent.png'" >
</div>
<div class="flex flex-col items-center justify-center gap-2">
<div
class="poppins font-semibold text-[1.5rem] lg:text-[1.85rem] z-[10] text-text-sub text-center w-[75%] lg:w-[40%]">
Meet Lit! The Agent that help you analyze your data!
</div>
<div class="poppins text-[1.35rem] text-text-sub text-center z-[10] w-[90%] lg:w-[60%]">
Take metrics-driven decision with the AI agent suggestions!
</div>
</div>
<!-- <div class="flex justify-center mt-20 z-[20] relative">
<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>
<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>
</NuxtLink>
</div>
</div> -->
<div class="flex justify-center mt-20 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 text-[1.2rem] text-text-sub text-center w-[40%]">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
</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 analytics & KPIs within seconds."
icon="far fa-clock">
</HomeCard>
<HomeCard title="Real-time Insights"
text="Instantly visualize events on your Project Dashboard in real-time."
icon="far fa-line-chart">
</HomeCard>
<HomeCard title="Custom events" text="Tailor your user experience tracking with custom events, now."
icon="far fa-tools">
</HomeCard>
</div>
<div class="flex justify-center gap-8">
<HomeCard title="Start for Free"
text="Explore Litlyx dashboard with 3.000 free visits and events for your website."
icon="far fa-gift">
</HomeCard>
<HomeCard title="Cost-Effective"
text="Get more for less with Litlyx, maximizing value without breaking the bank."
icon="far fa-wallet">
</HomeCard>
<HomeCard title="<4kb"
text="Litlyx imports seamlessly, optimizing code resources and enhancing modular efficiency."
icon="far fa-temperature-quarter">
</HomeCard>
</div>
</div>
</div>
<div class="flex justify-center mt-20 z-[10] relative items-center flex-col gap-6">
<!-- <div class="poppins font-bold text-[2.2rem] lg:text-[3rem] text-text text-center">
Signup for LitLyx updates
</div> -->
<!-- <div class="poppins text-[1.2rem] text-text-sub text-center w-[40%]">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
</div> -->
<!-- <div class="flex flex-col items-center justify-center py-6">
<div class="flex items-center">
<div class="w-full bg-menu px-12 py-8 rounded-lg flex flex-col gap-1">
<div class="text-[1.5rem] poppins font-semibold text-text">
Subscribe for Updates
</div>
<div class="text-[1rem] poppins text-text-sub">
Get the latest news straight to your inbox
</div>
<div class="flex items-center mt-4">
<input type="email" placeholder="Enter your email"
class="poppins flex-1 px-4 py-2 placeholder:text-text-sub/70 rounded-l-lg focus:outline-none">
<button class="poppins px-4 py-2 bg-accent text-white rounded-r-lg">
Subscribe
</button>
</div>
</div>
</div>
</div> -->
</div>
</div>
</template>
<style scoped>
.footer * {
font-family: "Poppins";
}
.footer {
border-style: dashed !important;
}
</style>

111
landing/pages/pricing.vue Normal file
View File

@@ -0,0 +1,111 @@
<script setup lang="ts">
import { Vue3Lottie } from 'vue3-lottie';
definePageMeta({ layout: 'header' });
</script>
<template>
<!--
<div class="home h-full overflow-y-auto relative">
<div class="absolute top-0 left-0 w-full h-full flex flex-col items-center z-0 overflow-hidden">
<HomeBgGrid :size="50" :spacing="18" opacity="0.3" class="w-fit h-fit"></HomeBgGrid>
<HomeBgGrid :size="50" :spacing="18" opacity="0.3" class="w-fit h-fit"></HomeBgGrid>
</div>
<div class="flex w-full justify-center px-20">
<SelectButton class="text-[1.4rem]" :current-index="0" :options="[
{ label: 'Monthly' },
{ label: 'Yearly' },
]"></SelectButton>
</div>
<div class="flex mt-20 gap-10 mx-20">
<PricingCard title="Free plan" icon="far fa-fire" price="€ 54" :list="[
{ text: '3k Page visits / Custom Events (one time)', icon: 'fas fa-check' },
{ text: 'Access to Crm', icon: 'fas fa-check' },
{ text: 'Download CSV Raw data', icon: 'fas fa-check' },
{ text: 'PDF Report For investor', icon: 'fas fa-check' },
{ text: 'Team member', icon: '' },
{ text: 'Only 1 project connected', icon: '' },
]"></PricingCard>
<PricingCard title="Free plan" icon="far fa-fire" price="€ 54" :list="[
{ text: '3k Page visits / Custom Events (one time)', icon: 'fas fa-check' },
{ text: 'Access to Crm', icon: 'fas fa-check' },
{ text: 'Download CSV Raw data', icon: 'fas fa-check' },
{ text: 'PDF Report For investor', icon: 'fas fa-check' },
{ text: 'Team member', icon: '' },
{ text: 'Only 1 project connected', icon: '' },
]"></PricingCard>
<PricingCard title="Free plan" icon="far fa-fire" price="€ 54" :list="[
{ text: '3k Page visits / Custom Events (one time)', icon: 'fas fa-check' },
{ text: 'Access to Crm', icon: 'fas fa-check' },
{ text: 'Download CSV Raw data', icon: 'fas fa-check' },
{ text: 'PDF Report For investor', icon: 'fas fa-check' },
{ text: 'Team member', icon: '' },
{ text: 'Only 1 project connected', icon: '' },
]"></PricingCard>
<PricingCard title="Free plan" icon="far fa-fire" price="€ 54" :list="[
{ text: '3k Page visits / Custom Events (one time)', icon: 'fas fa-check' },
{ text: 'Access to Crm', icon: 'fas fa-check' },
{ text: 'Download CSV Raw data', icon: 'fas fa-check' },
{ text: 'PDF Report For investor', icon: 'fas fa-check' },
{ text: 'Team member', icon: '' },
{ text: 'Only 1 project connected', icon: '' },
]"></PricingCard>
</div>
<div class="flex w-full py-20 my-20 px-20">
<div class="flex justify-between w-full">
<div class="flex flex-col gap-2">
<div class="poppins font-bold text-[2.2rem]">
Ready to ditch Google Analytics ?
</div>
<div class="text-accent poppins font-bold text-[2.2rem]">
Start your free trial today.
</div>
</div>
<div class="flex gap-4 items-center mr-20">
<div class="poppins px-12 py-6 text-[1.2rem] hover:bg-accent/90 text-text cursor-pointer bg-accent rounded-xl font-semibold">
Get started
</div>
<div class="poppins px-12 py-6 text-[1.2rem] hover:bg-text/90 cursor-pointer text-accent bg-text rounded-xl font-semibold">
Live demo
</div>
</div>
</div>
</div>
</div> -->
<div class="home h-full w-full min-h-[40dvh]">
<Vue3Lottie height="16rem" animation-link="pricing_lottie.json"></Vue3Lottie>
<div class="poppins text-[2rem] font-semibold text-center mt-6">
Pricing coming soon
</div>
</div>
</template>

122
landing/pages/privacy.vue Normal file
View File

@@ -0,0 +1,122 @@
<script lang="ts" setup>
definePageMeta({ layout: 'header' });
</script>
<template>
<div class="tutto-poppins flex flex-col gap-3 px-2 lg:px-96 mt-20 text-[1.2rem] leading-[2rem]">
<div class="font-bold text-[2rem]">
LitLyx Privacy Policy
</div>
<div class="bg-gray-500/90 h-[1px] w-full my-6"></div>
<div>
For our beloved litlyx.com visitors and users.
This document outlines our commitment to privacy for all visitors and users.
</div>
<div>
At LitLyx Analytics, your privacy is really important. We avoid using cookies and never gather personal
information. Should you opt to register an account, only essential details are requested, and these are
shared
exclusively with crucial services required for app functionality.
</div>
<div>
LitLyx Analytics (SaaS) adheres strictly to GDPR, CCPA, PECR, and other relevant privacy standards both on
our site and within our analytics tool. We prioritize the confidentiality of your information—it belongs to
you, not us. This policy details the types of data we gather, the handling process, and your rights over
your data. We are committed to never selling your data—this has always been our stance.
</div>
<div>
For those using the LitLyx Analytics script on their sites, refer to our detailed data policy to understand
what
we collect on your behalf regarding site visitors.
</div>
<div class="font-bold mb-1 mt-4">Visitor privacy on litlyx.com includes:</div>
<ul>
<div class="ml-8"> • No collection of personal details</div>
<div class="ml-8"> • No browser cookie storage </div>
<div class="ml-8"> • No data sharing with third parties or advertisers </div>
<div class="ml-8"> • No collection or analysis of personal or behavioral trends </div>
<div class="ml-8"> • No monetization of data </div>
</ul>
<div>
We deploy the LitLyx Analytics script solely to accumulate anonymous statistical data, aiming to analyze
general
website traffic trends without tracking individual users. All collected data is aggregated, and no personal
information is captured. Our live demo page showcases the accessible data, including referral sources, top
visited pages, session durations, and device specifics like type, OS, country, and browser.
</div>
<div class="font-bold mb-1 mt-4"> As a LitLyx Analytics subscriber: </div>
<div>
Our core principle is minimal data collection—only what is essential for delivering the services you
register
for. We select trusted external providers who comply with stringent data security and privacy regulations.
Information shared with them is strictly necessary for their services, and they are contractually obliged to
maintain confidentiality and adhere to our processing directives.
</div>
<div>
Here's a practical overview
</div>
<div class="font-bold mb-1 mt-4"> Collected data and usage:</div>
<ul>
<div class="ml-8">
• Email address: Required for account setup to enable login, personalization, and to send you necessary
communications like invoices or updates.
</div>
<div class="ml-8">
• Persistent first-party cookie: Facilitates seamless login across sessions, improving usability. You
control cookie settings via your browser, including their deletion.
</div>
<div class="ml-8">
• Data security: All collected data is securely encrypted and stored on renewable
energy-powered servers in Falkenstein, Germany, adhering to EU data privacy laws. Your data does not
leave the EU.
</div>
<div class="ml-8">
•Payment processing: Handled by PayPal, with detailed privacy information
available on their site.
</div>
<div class="ml-8">
• Email communication: Managed by European providers Gmail or Brevo, with disabled tracking features.
Full privacy details are available on their respective sites.
</div>
</ul>
<div class="font-bold mb-1 mt-4"> Data retention: </div>
<div>
Your data remains with us as long as your account is active or as needed to deliver services. It is used in
line
with this policy and retained to fulfill legal obligations, resolve disputes, and protect LitLyx’s rights.
You
may delete your account anytime, which results in immediate and permanent data deletion.
</div>
<div class="font-bold mb-1 mt-4"> Updates and inquiries: </div>
<div>
We update this policy as necessary to stay compliant and reflect new practices. Significant changes are
communicated through our blog, social media, and direct emails.
</div>
<div>
Please reach out to us at <a href="mailto:helplitlyx@gmail.com" class=text-blue-400>helplitlyx@gmail.com</a> with any questions or concerns regarding this privacy policy
or
your rights.
</div>
<div class="font-bold mb-1 mt-4"> Last updated: May 1, 2024 </div>
</div>
</template>
<style scoped lang=scss>
.tutto-poppins * {
font-family: "Poppins";
}
</style>

176
landing/pages/terms.vue Normal file
View File

@@ -0,0 +1,176 @@
<script lang="ts" setup>
definePageMeta({ layout: 'header' });
</script>
<template>
<div class="tutto-poppins flex flex-col gap-3 px-2 lg:px-96 mt-20 text-[1.2rem] leading-[2rem]">
<div class="font-bold text-[2rem]">
LitLyx Analytics Terms of Service
</div>
<div class="bg-gray-500/90 h-[1px] w-full my-6"></div>
<div>
Welcome, and thank you for choosing LitLyx Analytics! The terms “company”, “we”, “our”, “us”, “service”, and
“services” throughout this document refer to LitLyx Analytics.
</div>
<div class="font-bold mb-1 mt-4"> Important Note: </div>
<div>
These Terms of Service are applicable solely to LitLyx Analytics Cloud. They do not apply to LitLyx
Analytics
Self-Hosted, which you would manage on your own servers.
We may revise these Terms of Service in the future. Significant changes will be announced via email, our
blog or
socials.
By utilizing our service now or in the future, you accept the most recent version of these Terms of Service.
This applies to all our current and upcoming products and any new features added to our service. Not
exercising
or enforcing any rights or provisions of these Terms does not constitute a waiver of such rights or
provisions.
Please note these terms include limitations on our liability. Our Data Processing Agreement (DPA) under the
European General Data Protection Regulation (GDPR) is incorporated into these Terms.
If you disagree with these Terms, please refrain from using our service. Violating these terms may lead to
the
termination of your account. We value your trust highly, and we strive to be transparent about our
operations
and responsive to your feedback.
</div>
<div class="font-bold mb-1 mt-4"> Account Terms</div>
<ul>
<div class="ml-8"> • You must secure your account and password. LitLyx Analytics is not liable for losses or
damages resulting from
your failure to protect your login information.</div>
<div class="ml-8"> • You are accountable for all activities conducted under your account—even by others who
have access to your
account. </div>
<div class="ml-8"> • You must not use our service for illegal purposes or in violation of any local laws.
</div>
<div class="ml-8"> • You must provide a legal full name and a valid email address to complete the signup
process.</div>
<div class="ml-8"> • Only humans can register accounts. Registrations by bots or automated methods are not
allowed. </div>
</ul>
<div class="font-bold mb-1 mt-4"> Payment, Refunds, Upgrading, and Downgrading Terms</div>
<ul>
<div class="ml-8"> • Our free trial details, including duration, are provided at signup. No credit card is
needed for the trial,
and your data is not sold. Post-trial, payment is required in advance to continue service use. Unpaid
accounts
will be frozen until payment is received. Accounts frozen for 60 days will be scheduled for
auto-cancellation.</div>
<div class="ml-8"> • Upgrading from a free trial to a paid plan incurs immediate charges, and the billing
cycle begins on the
upgrade day. </div>
<div class="ml-8"> • Payments are processed automatically via credit card or PayPal.</div>
<div class="ml-8"> • Pageviews purchased must be used within the term; unused pageviews are forfeited.</div>
<div class="ml-8"> • No additional charges for occasional traffic spikes. No surprise fees. </div>
<div class="ml-8"> • Exceeding the pageview limit of your plan for two consecutive months prompts a
notification to upgrade. You
have two weeks to respond, either continuing with a higher plan or cancelling. </div>
</ul>
<div class="font-bold mb-1 mt-4"> Cancellation and Termination</div>
<ul>
<div class="ml-8"> • You are solely responsible for properly cancelling your account. Email cancellation is
not recognized.
Cancellation instructions are provided.</div>
<div class="ml-8"> • Cancellations take effect at the end of the current paid period; no further charges
will be incurred.
Post-cancellation, your stats are inaccessible and eventually permanently deleted from backups after 60
days.</div>
</ul>
<div class="font-bold mb-1 mt-4"> Modifications to the Service and Prices</div>
<ul>
<div class="ml-8">
• We reserve the right to modify or discontinue any part of the service with or without notice.
</div>
<div class="ml-8">
• Pricing changes may exempt existing customers, but we reserve the right to change prices for current
users
with 30 days notice via email or blog post.
</div>
</ul>
<div class="font-bold mb-1 mt-4"> Privacy and Security of Your Data </div>
<ul>
<div class="ml-8">
• We implement various security measures like backups, redundancies, and encryption to secure your data.
You
agree that we may process your site data as detailed in our data policy.
</div>
</ul>
<div class="font-bold mb-1 mt-4"> General Conditions </div>
<ul>
<div class="ml-8">
• The service is provided on an "as is" and "as available" basis. While we strive for uptime, access to
the
service is not guaranteed.
</div>
<div class="ml-8">
• We aim to design our services to meet diverse needs, but they may not meet every individual
expectation.
</div>
<div class="ml-8">
• We extensively test our features, but the possibility of bugs remains. We prioritize fixing
significant bugs,
especially those affecting security or privacy.
</div>
</ul>
<div class="font-bold mb-1 mt-4"> Liability </div>
<ul>
<div class="ml-8">
• You expressly understand and agree that LitLyx Analytics shall not be liable, in law or in equity, to
you or
to any third party for any direct, indirect, incidental, lost profits, special, consequential, punitive
or
exemplary damages, including, but not limited to, damages for loss of profits, goodwill, use, data or
other
intangible losses (even if the company has been advised of the possibility of such damages), resulting
from: (i)
the use or the inability to use the services; (ii) the cost of procurement of substitute goods and
services
resulting from any goods, data, information or services purchased or obtained or messages received or
transactions entered into through or from the services; (iii) unauthorized access to or alteration of
your
transmissions or data; (iv) statements or conduct of any third party on the service; (v) or any other
matter
relating to this Terms of Service or the services, whether as a breach of contract, tort (including
negligence
whether active or passive), or any other theory of liability.
</div>
</ul>
<div class="font-bold mb-1 mt-4"> Thank you for choosing LitLyx Analytics! </div>
</div>
</template>
<style scoped lang=scss>
.tutto-poppins * {
font-family: "Poppins";
}
</style>