diana.dolgolyova
d5afaf92ba
- Replace hardcoded hex colors with gold/gold-light/gold-dark Tailwind tokens - Extract Schedule into DayCard, ScheduleFilters, MobileSchedule sub-components - Extract Team into TeamCarousel, TeamMemberInfo sub-components - Add UI_CONFIG for centralized magic numbers (timings, thresholds) - Add reusable IconBadge component, simplify Contact section - Convert Pricing clickable divs to semantic buttons for a11y - Remove unused SocialLinks, btn-outline, btn-ghost, nav-link CSS classes - Fix React setState-during-render error in TeamCarousel (deferred update pattern) Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
23 lines
627 B
TypeScript
23 lines
627 B
TypeScript
interface SectionHeadingProps {
|
|
children: React.ReactNode;
|
|
className?: string;
|
|
centered?: boolean;
|
|
}
|
|
|
|
export function SectionHeading({ children, className = "", centered = false }: SectionHeadingProps) {
|
|
return (
|
|
<div className={centered ? "text-center" : ""}>
|
|
<h2
|
|
className={`font-display text-4xl font-bold uppercase tracking-wide sm:text-5xl lg:text-6xl gradient-text ${className}`}
|
|
>
|
|
{children}
|
|
</h2>
|
|
<span
|
|
className={`mt-4 block h-[1px] w-20 bg-gradient-to-r from-gold to-transparent ${
|
|
centered ? "mx-auto" : ""
|
|
}`}
|
|
/>
|
|
</div>
|
|
);
|
|
}
|