diff --git a/src/app/page.tsx b/src/app/page.tsx index 250e61a..35b76e6 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -107,6 +107,7 @@ export default function LandingPage() { tagClassName="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-[var(--primary-cta)] text-[var(--primary-cta-text)] font-semibold text-sm mb-4" cardClassName="p-6 rounded-xl border border-[var(--primary-cta)] bg-[var(--card)] hover:shadow-lg transition-all duration-300" iconClassName="w-10 h-10 text-[var(--primary-cta)] mb-4" + cardTitleClassName="text-xl font-bold text-[var(--accent)] mb-3" cardDescriptionClassName="text-sm text-[var(--foreground)] font-light leading-relaxed" /> @@ -152,6 +153,7 @@ export default function LandingPage() { textBoxButtonClassName="px-6 py-3 bg-[var(--primary-cta)] text-[var(--primary-cta-text)] rounded-lg font-semibold hover:bg-opacity-90 transition-all" cardClassName="group relative rounded-xl overflow-hidden bg-[var(--card)] border border-[var(--background-accent)] hover:border-[var(--primary-cta)] transition-all duration-300" cardBrandClassName="text-xs uppercase tracking-widest text-[var(--primary-cta)] font-bold" + cardNameClassName="text-xl font-bold text-[var(--accent)] mt-2" cardPriceClassName="text-2xl font-extrabold text-[var(--primary-cta)] mt-2" /> @@ -234,6 +236,7 @@ export default function LandingPage() { tagClassName="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-[var(--primary-cta)] text-[var(--primary-cta-text)] font-semibold text-sm mb-4" cardClassName="p-8 rounded-xl border border-[var(--primary-cta)] bg-[var(--card)] text-center hover:shadow-lg transition-all duration-300" valueClassName="text-4xl md:text-5xl font-extrabold text-[var(--primary-cta)] mb-2" + metricTitleClassName="text-xl font-bold text-[var(--accent)] mb-4" featureItemClassName="text-sm text-[var(--foreground)] font-light" />