Documentation

Guides and references

Landing Pages

Landing 2 Components

Navbar, Mega Menu, Hero, Features, Stats, Pricing, Testimonials, FAQ, Contact, Blog, About, Team, CTA, Footer, Logo Carousel.

Overview

Landing 2 components live in app/landing-2/components/ and app/landing-2/mega-menu.tsx. A more content-rich variant than Landing 1.

Landing 2 navbar with the Solutions mega menu open

Components

ComponentFileDescription
Navbarcomponents/navbar.tsxTop nav with Mega Menu trigger
Mega Menumega-menu.tsxDropdown with links, categories
Herocomponents/hero-section.tsxHero with headline and CTAs
Logo Carouselcomponents/logo-carousel.tsxScrolling logo strip
Statscomponents/stats-section.tsxMetrics (numbers, labels)
Aboutcomponents/about-section.tsxAbout content block
Featurescomponents/features-section.tsxFeature grid
Teamcomponents/team-section.tsxTeam member cards
Pricingcomponents/pricing-section.tsxPlan cards
Testimonialscomponents/testimonials-section.tsxCustomer quotes
Blogcomponents/blog-section.tsxBlog preview / latest posts
FAQcomponents/faq-section.tsxAccordion FAQ
CTAcomponents/cta-section.tsxCall-to-action block
Contactcomponents/contact-section.tsxContact form
Footercomponents/footer.tsxFooter with links

Mega Menu

mega-menu.tsx provides a dropdown with multiple columns or categories. Used by LandingNavbar for product/docs/blog links.

Assembly

landing-page-content.tsx imports and orders all sections. Reorder or remove sections there to customize the page.

Next Steps