public/wallabicher
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

payments with stripe

Browse Source 
Signed-off-by: Omar Sánchez Pizarro <omar.sanchez@pistacero.net>
This commit is contained in:
Omar Sánchez Pizarro
2026-01-21 02:20:13 +01:00
parent 626e3342d0
commit cc6ffdc5a5
16 changed files with 1441 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/landing/src/components/Hero.astro
View File

@@ -54,7 +54,7 @@
<div class="absolute inset-0 bg-gradient-to-r from-primary-700 to-teal-700 rounded-xl opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
</a>
<a
href="/dashboard/"
href="/dashboard/register?plan=free"
class="inline-flex items-center justify-center px-8 py-4 text-lg font-semibold text-gray-900 dark:text-gray-100 bg-white/80 dark:bg-gray-800/80 backdrop-blur-sm rounded-xl hover:bg-white dark:hover:bg-gray-800 transition-all duration-300 border-2 border-gray-200 dark:border-gray-700 shadow-lg hover:shadow-xl transform hover:-translate-y-1"
>
Empezar gratis

8
web/landing/src/components/Pricing.astro
View File

@@ -118,7 +118,7 @@ const plans = [
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
{plans.map((plan, index) => (
<div
class={`relative p-8 rounded-2xl bg-white dark:bg-gray-900 border-2 transition-all duration-300 transform hover:-translate-y-2 hover:shadow-2xl animate-slide-up ${
class={`relative p-8 rounded-2xl bg-white dark:bg-gray-900 border-2 transition-all duration-300 transform hover:-translate-y-2 hover:shadow-2xl animate-slide-up flex flex-col ${
plan.popular
? 'border-primary-500 dark:border-primary-400 shadow-xl scale-105'
: 'border-gray-200 dark:border-gray-800 hover:border-primary-300 dark:hover:border-primary-700'
@@ -157,7 +157,7 @@ const plans = [
</div>
<!-- Features -->
<ul class="space-y-4 mb-8">
<ul class="space-y-4 mb-8 flex-grow">
{plan.features.map((feature) => (
<li class="flex items-start">
<svg class="w-5 h-5 text-primary-600 dark:text-primary-400 mr-3 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
@@ -170,8 +170,8 @@ const plans = [
<!-- CTA Button -->
<a
href="/dashboard"
class={`block w-full text-center px-6 py-3 rounded-xl font-semibold transition-all duration-300 ${
href={`/dashboard/register?plan=${plan.id}`}
class={`block w-full text-center px-6 py-3 rounded-xl font-semibold transition-all duration-300 mt-auto ${
plan.popular
? 'bg-gradient-to-r from-primary-600 to-teal-600 text-white hover:from-primary-700 hover:to-teal-700 shadow-lg hover:shadow-xl'
: plan.id === 'free'