Landing Page Band Component

Use this component to 'break' the layout flow of your landing page and either present social proof or showcase the value proposition of the product.

With this component you display a full-width, brand-colored section that displays a title, description and some product logos or icons.

Usage

import { LandingBandSection } from '@/components/landing/LandingBand';
import { ChromeIcon, FigmaIcon, GithubIcon } from 'lucide-react';

<LandingBandSection
  title={'20-100h'}
  description={'Saved on development by using Shipixen'}
  supportingComponent={
    <>
      <ChromeIcon className="w-12 h-12" />
      <FigmaIcon className="w-12 h-12" />
      <GithubIcon className="w-12 h-12" />
    </>
  }
/>

Examples

With Social Proof

PreviewCode

4.9/5 stars

Our customers love our product

99+

from 99+ happy users

Customization

API Reference

More Examples

For more even more examples, see our Landing Page Component Examples page or see complete landing page examples by Exploring Our Landing Page Templates.