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

fix pricing + stripe payments

Browse Source
This commit is contained in:
Emily
2024-09-05 16:56:21 +02:00
parent 8e56069b1a
commit 30b3ed80e2
10 changed files with 326 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
landing/layouts/header.vue
View File

@@ -84,11 +84,9 @@ onMounted(() => {
</div>
<div class="px-10 pt-6 lg:pt-0">
<button class="poppins w-fit cursor-pointer px-4 py-1 rounded-md outline outline-[1px] text-text bg-lyx-primary-dark outline-lyx-primary hover:bg-lyx-primary-hover button !whitespace-nowrap" onclick="window.location='https://dashboard.litlyx.com';">
<MainButton link="https://dashboard.litlyx.com" class="!whitespace-nowrap">
Get started
</button>
</MainButton>
</div>
</div>

35
landing/nuxt.config.ts Normal file
View File

@@ -0,0 +1,35 @@
// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
colorMode: { preference: 'dark', },
devtools: { enabled: false },
app: {
head: {
script: [
{
src: 'https://cdn.jsdelivr.net/gh/litlyx/litlyx-js/browser/litlyx.js',
'data-project': '6643cd08a1854e3b81722ab5',
defer: true
}
]
}
},
pages: true,
ssr: true,
routeRules: {
'/': {
prerender: true
},
'/**': {
prerender: true
},
},
css: ['~/assets/scss/main.scss'],
modules: ['@nuxt/ui'],
devServer: {
host: '0.0.0.0',
},
components: true,
extends: ['../lyx-ui']
})

51
landing/pages/pricing.vue
View File

@@ -40,7 +40,6 @@ const customPricing: PricingCardProp[] = [
'DB instance: DEDICATED',
'Dedicated operator',
'White label',
'Custom Charts',
'Custom Data Aggregation'
],
cta: 'Let\'s Talk!',
@@ -182,6 +181,54 @@ const slidePricings: PricingCardProp[] = [
</PricingCardGeneric>
</div>
<div class="flex justify-center">
<LyxUiCard class="w-full mt-6 max-w-[96rem]">
<div class="flex flex-col lg:flex-row">
<div class="flex flex-col gap-3">
<div>
<span class="text-lyx-primary font-semibold text-[1.4rem]">
LIFETIME DEAL
</span>
<span class="text-lyx-text-dark text-[.8rem]"> (Growh plan) </span>
</div>
<div class="text-[2rem]"> € 2.399,00 </div>
<div> Up to 500.000 visits/events per month </div>
<LyxUiButton type="primary" link="https://dashboard.litlyx.com"> Start for free now </LyxUiButton>
</div>
<div class="flex justify-evenly grow flex-col gap-2 lg:gap-0 lg:flex-row mt-4 lg:mt-0">
<div class="flex flex-col justify-evenly gap-2 lg:gap-0">
<div class="flex items-center gap-2">
<img class="h-6" :src="'/check.png'" alt="Check">
<div> Slack support </div>
</div>
<div class="flex items-center gap-2">
<img class="h-6" :src="'/check.png'" alt="Check">
<div> Unlimited domanis </div>
</div>
<div class="flex items-center gap-2">
<img class="h-6" :src="'/check.png'" alt="Check">
<div> Unlimited reports </div>
</div>
</div>
<div class="flex flex-col justify-evenly gap-2 lg:gap-0">
<div class="flex items-center gap-2">
<img class="h-6" :src="'/check.png'" alt="Check">
<div> AI Tokens: 3.000 / month </div>
</div>
<div class="flex items-center gap-2">
<img class="h-6" :src="'/check.png'" alt="Check">
<div> Server type: SHARED </div>
</div>
<div class="flex items-center gap-2">
<img class="h-6" :src="'/check.png'" alt="Check">
<div> Data retention: 1 Year </div>
</div>
</div>
</div>
</div>
</LyxUiCard>
</div>
<!-- <div class="flex gap-8 h-max flex-col lg:flex-row">
<PricingCard class="flex-1" :data="starterTierCardData"></PricingCard>
<PricingCard class="flex-1" :data="accelerationTierCardData"></PricingCard>
@@ -233,7 +280,7 @@ const slidePricings: PricingCardProp[] = [
<UAccordion :ui="{
wrapper: 'w-full',
item: {
padding: 'pl-8'
padding: 'pl-8',
}
}" color="white" variant="ghost" size="xl" :items="[
{