Component Test Page
Container Component
This content is wrapped in the Container component with consistent padding and max-width.
PrimaryButton Component
Section Component
This entire page is wrapped in a Section component with large padding.
Typography Components
BaseH1 Variants
Hero Heading (Default)
Section Heading
Custom Color Hero Heading
BaseH2 Variants
Large Section Heading (Default)
Medium Section Heading
Content Section Heading
Small Section Heading
Custom Color Medium Heading
BaseH3 Variants
Standard Subheading (Default)
Compact Subheading
Small Subheading
Custom Color Standard Subheading
Medium Padding Section
This section uses medium padding.
Small Padding Section
This section uses small padding.
Custom Padding Section
This section uses custom padding (py-20).