diff --git a/src/app/page.tsx b/src/app/page.tsx index 28fdd18..a343bde 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -138,9 +138,9 @@ export default function LandingPage() { className="w-full" containerClassName="max-w-6xl mx-auto px-4 py-20" textBoxClassName="max-w-2xl mb-16" - titleClassName="text-4xl md:text-5xl font-semibold text-[var(--foreground)]" - descriptionClassName="text-lg text-[var(--foreground)]/80 mt-6 leading-relaxed" - tagClassName="inline-flex items-center gap-2 px-4 py-2 bg-[var(--primary-cta)]/10 rounded-full text-[var(--primary-cta)] text-sm font-medium mb-4" + textBoxTitleClassName="text-4xl md:text-5xl font-semibold text-[var(--foreground)]" + textBoxDescriptionClassName="text-lg text-[var(--foreground)]/80 mt-6 leading-relaxed" + textBoxTagClassName="inline-flex items-center gap-2 px-4 py-2 bg-[var(--primary-cta)]/10 rounded-full text-[var(--primary-cta)] text-sm font-medium mb-4" featureTitleClassName="text-2xl md:text-3xl font-semibold text-[var(--foreground)] mb-4" featureDescriptionClassName="text-lg text-[var(--foreground)]/80 mb-8 leading-relaxed" listItemClassName="flex items-center gap-3 text-[var(--foreground)]/90 mb-4" @@ -181,6 +181,9 @@ export default function LandingPage() { descriptionClassName="text-lg text-[var(--foreground)]/80 mt-6 leading-relaxed" tagClassName="inline-flex items-center gap-2 px-4 py-2 bg-[var(--primary-cta)]/10 rounded-full text-[var(--primary-cta)] text-sm font-medium mb-4" cardClassName="bg-white border border-[var(--accent)]/20 rounded-2xl p-8 hover:shadow-xl transition-shadow duration-300" + textBoxTitleClassName="text-4xl md:text-5xl font-semibold text-[var(--foreground)]" + textBoxDescriptionClassName="text-lg text-[var(--foreground)]/80 mt-6 leading-relaxed" + textBoxTagClassName="inline-flex items-center gap-2 px-4 py-2 bg-[var(--primary-cta)]/10 rounded-full text-[var(--primary-cta)] text-sm font-medium mb-4" planTitleClassName="text-2xl font-semibold text-[var(--foreground)] mb-4" planPriceClassName="text-4xl font-bold text-[var(--primary-cta)] mb-2" featuresListClassName="space-y-4 mb-8" @@ -189,7 +192,6 @@ export default function LandingPage() { featureTextClassName="text-base leading-relaxed" planButtonClassName="w-full py-3 bg-[var(--primary-cta)] text-white rounded-lg font-semibold hover:bg-[#c91f2e] transition-colors" planButtonTextClassName="font-semibold" - gridClassName="grid grid-cols-1 md:grid-cols-3 gap-8" /> @@ -238,6 +240,9 @@ export default function LandingPage() { descriptionClassName="text-lg text-[var(--foreground)]/80 mt-6 leading-relaxed" tagClassName="inline-flex items-center gap-2 px-4 py-2 bg-[var(--primary-cta)]/10 rounded-full text-[var(--primary-cta)] text-sm font-medium mb-4" cardClassName="bg-white border border-[var(--accent)]/20 rounded-2xl p-8 hover:shadow-lg transition-shadow duration-300" + textBoxTitleClassName="text-4xl md:text-5xl font-semibold text-[var(--foreground)]" + textBoxDescriptionClassName="text-lg text-[var(--foreground)]/80 mt-6 leading-relaxed" + textBoxTagClassName="inline-flex items-center gap-2 px-4 py-2 bg-[var(--primary-cta)]/10 rounded-full text-[var(--primary-cta)] text-sm font-medium mb-4" imageWrapperClassName="w-12 h-12 rounded-full overflow-hidden mb-6" imageClassName="w-full h-full object-cover" nameClassName="text-lg font-semibold text-[var(--foreground)] mb-1" @@ -285,9 +290,9 @@ export default function LandingPage() { className="w-full" containerClassName="max-w-6xl mx-auto px-4 py-20" textBoxClassName="max-w-2xl mb-12" - titleClassName="text-4xl md:text-5xl font-semibold text-[var(--foreground)]" - descriptionClassName="text-lg text-[var(--foreground)]/80 mt-6 leading-relaxed" - tagClassName="inline-flex items-center gap-2 px-4 py-2 bg-[var(--primary-cta)]/10 rounded-full text-[var(--primary-cta)] text-sm font-medium mb-4" + textBoxTitleClassName="text-4xl md:text-5xl font-semibold text-[var(--foreground)]" + textBoxDescriptionClassName="text-lg text-[var(--foreground)]/80 mt-6 leading-relaxed" + textBoxTagClassName="inline-flex items-center gap-2 px-4 py-2 bg-[var(--primary-cta)]/10 rounded-full text-[var(--primary-cta)] text-sm font-medium mb-4" faqsContainerClassName="space-y-4" accordionClassName="bg-white border border-[var(--accent)]/20 rounded-xl overflow-hidden hover:shadow-md transition-shadow" accordionTitleClassName="flex items-center justify-between w-full p-6 cursor-pointer hover:bg-[var(--background)]/50 transition-colors"