feat: dark luxury gold — spacing, typography, frosted glass, glow
Design direction: "Dark Luxury Gold" — more breathing room, bolder headings, frosted glass cards, and richer gold accents. - Section padding: py-20→py-24, sm:py-32→sm:py-36, px-6→sm:px-10 - SectionHeading: text-6xl→7xl on lg, tracking-wide→wider, longer gold gradient underline with via-gold/40 - Section glow: larger radius (800px), positioned higher (-40px), elliptical shape for dark mode - Glass card: backdrop-blur-md→lg in dark, border white/8%, hover with subtle gold glow shadow - Section divider: wider gradient spread with 5% transparent edges - About/FAQ/Pricing/DayCard: frosted glass in dark mode with backdrop-blur-md, subtle gold glow on hover
This commit is contained in:
@@ -92,7 +92,7 @@ export function Pricing({ data: pricing }: PricingProps) {
|
||||
className={`group relative rounded-2xl border p-5 transition-all duration-300 ${
|
||||
isPopular
|
||||
? "border-gold/40 bg-gradient-to-br from-gold/10 via-transparent to-gold/5 dark:from-gold/[0.07] dark:to-gold/[0.02] shadow-lg shadow-gold/10"
|
||||
: "border-neutral-200 bg-white shadow-sm shadow-gold/[0.04] hover:shadow-md hover:shadow-gold/[0.08] dark:border-white/[0.06] dark:bg-neutral-950 dark:shadow-none dark:hover:shadow-none"
|
||||
: "border-neutral-200 bg-white shadow-sm shadow-gold/[0.04] hover:shadow-md hover:shadow-gold/[0.08] dark:border-white/[0.08] dark:bg-white/[0.03] dark:backdrop-blur-md dark:shadow-none dark:hover:border-white/[0.15] dark:hover:shadow-[0_0_20px_rgba(201,169,110,0.05)]"
|
||||
}`}
|
||||
>
|
||||
{/* Popular badge */}
|
||||
|
||||
Reference in New Issue
Block a user