Landing Page Sections
LaunchKit includes a comprehensive set of landing page components designed to build high-converting marketing pages.
Landing Page Sections (/components/sections
)
Section titled “Landing Page Sections (/components/sections)”CtaSection.tsx
Section titled “CtaSection.tsx”Call-to-action section for conversions.
Features:
- Multiple CTA styles
- A/B testing support
- Conversion tracking
- Responsive design
FaqSection.tsx
Section titled “FaqSection.tsx”Frequently asked questions accordion.
Features:
- Expandable Q&A items
- Search functionality
- Category filtering
- Schema markup for SEO
FeaturesAccordion.tsx
Section titled “FeaturesAccordion.tsx”Feature showcase with accordion interaction.
Features:
- Feature categorization
- Interactive demonstrations
- Media integration
- Progressive disclosure
FeaturesListicle.tsx
Section titled “FeaturesListicle.tsx”Feature list presentation.
Features:
- Icon integration
- Benefit highlighting
- Comparison format
- Social proof integration
Footer.tsx
Section titled “Footer.tsx”Site footer with links and information.
Features:
- Multi-column layout
- Social media links
- Legal page links
- Newsletter signup
Header.tsx
Section titled “Header.tsx”Landing page header with navigation.
Features:
- Hero integration
- Sticky navigation
- Mobile menu
- CTA prominence
Hero.tsx
Section titled “Hero.tsx”Main hero section for landing page.
Features:
- Compelling headlines
- Visual media support
- Primary CTA placement
- Social proof elements
Pricing.tsx
Section titled “Pricing.tsx”Pricing table component.
Features:
- Plan comparison
- Feature highlighting
- Popular plan badges
- Custom pricing options
Problem.tsx
Section titled “Problem.tsx”Problem statement section.
Features:
- Pain point articulation
- Solution preview
- Emotional connection
- Transition to solution
Tabs.tsx
Section titled “Tabs.tsx”Tabbed content display.
Features:
- Content organization
- Smooth transitions
- Keyboard navigation
- Responsive behavior
Testimonial Components
Section titled “Testimonial Components”Multiple testimonial display formats:
Testimonial1Small.tsx: Compact testimonial cards TestimonialMotion.tsx: Animated testimonial carousel TestimonialRating.tsx: Testimonials with star ratings Testimonials1.tsx: Single testimonial spotlight Testimonials11.tsx: Grid-based testimonial layout Testimonials3.tsx: Three-column testimonial display TestimonialsAvatars.tsx: Avatar-focused testimonial design
Common Features:
- Customer photos and names
- Star ratings
- Company information
- Quote formatting
- Rotation/carousel options