diff --git a/src/app/page.tsx b/src/app/page.tsx index b362216..73b6c0f 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -165,7 +165,7 @@ export default function LandingPage() { labelClassName="text-5xl font-bold text-[#CCFF00] mb-2" cardTitleClassName="text-xl font-bold text-[#F0F0EE] mb-4" itemTextClassName="text-[rgba(240,240,238,0.6)] flex items-start gap-2 mb-2" - gridClassName="grid grid-cols-1 md:grid-cols-4 gap-4 mt-12" + itemsContainerClassName="grid grid-cols-1 md:grid-cols-4 gap-4 mt-12" /> @@ -232,17 +232,14 @@ export default function LandingPage() { ariaLabel="Features Section" className="bg-[#070707] py-20" containerClassName="max-w-6xl mx-auto px-4" - titleClassName="text-4xl font-bold text-[#F0F0EE] mb-4" + textBoxTitleClassName="text-4xl font-bold text-[#F0F0EE] mb-4" textBoxDescriptionClassName="text-lg text-[rgba(240,240,238,0.7)] mb-12 max-w-2xl" textBoxTagClassName="inline-block px-3 py-1 rounded-full bg-[rgba(204,255,0,0.1)] text-[#CCFF00] text-xs font-semibold mb-6 uppercase tracking-wider" - gridClassName="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mt-12" + itemsContainerClassName="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mt-12" cardClassName="p-6 rounded-lg border border-[rgba(240,240,238,0.07)] bg-[#0E0E0E] hover:border-[#CCFF00] hover:bg-[rgba(204,255,0,0.02)] transition-all duration-300 hover:shadow-lg hover:shadow-[rgba(204,255,0,0.1)] hover:-translate-y-2" labelClassName="text-4xl mb-3" cardTitleClassName="text-lg font-bold text-[#F0F0EE] mb-3" itemTextClassName="text-[rgba(240,240,238,0.6)] text-sm flex items-start gap-2 mb-2" - textBoxTitleClassName="text-4xl font-bold text-[#F0F0EE] mb-4" - textBoxDescriptionClassName="text-lg text-[rgba(240,240,238,0.7)] mb-12 max-w-2xl" - textBoxTagClassName="inline-block px-3 py-1 rounded-full bg-[rgba(204,255,0,0.1)] text-[#CCFF00] text-xs font-semibold mb-6 uppercase tracking-wider" /> @@ -273,11 +270,6 @@ export default function LandingPage() { ariaLabel="Pricing Section" className="bg-[#070707] py-20" containerClassName="max-w-6xl mx-auto px-4" - titleClassName="text-4xl font-bold text-[#F0F0EE] mb-4" - textBoxDescriptionClassName="text-lg text-[rgba(240,240,238,0.7)] mb-16 max-w-2xl" - textBoxTagClassName="inline-block px-3 py-1 rounded-full bg-[rgba(204,255,0,0.1)] text-[#CCFF00] text-xs font-semibold mb-6 uppercase tracking-wider" - gridClassName="grid grid-cols-1 md:grid-cols-3 gap-6 mt-12" - cardClassName="p-8 rounded-lg border border-[rgba(240,240,238,0.07)] bg-[#0E0E0E] hover:border-[#CCFF00] transition-all duration-300" textBoxTitleClassName="text-4xl font-bold text-[#F0F0EE] mb-4" textBoxDescriptionClassName="text-lg text-[rgba(240,240,238,0.7)] mb-16 max-w-2xl" textBoxTagClassName="inline-block px-3 py-1 rounded-full bg-[rgba(204,255,0,0.1)] text-[#CCFF00] text-xs font-semibold mb-6 uppercase tracking-wider" @@ -289,6 +281,7 @@ export default function LandingPage() { featureItemClassName="text-[rgba(240,240,238,0.7)] text-sm flex items-start gap-2" planButtonClassName="w-full px-6 py-3 rounded-full font-semibold transition-all duration-300 border border-[rgba(240,240,238,0.07)] bg-[#0E0E0E] text-[#F0F0EE] hover:border-[#CCFF00] hover:text-[#CCFF00]" badgeClassName="inline-block px-3 py-1 rounded-full bg-[#CCFF00] text-[#070707] text-xs font-bold uppercase mb-3" + planButtonContainerClassName="mt-8" />