Skip to main content
The LandingPage component provides a page-level component that surfaces the Layer accounting and bookkeeping services. It acts as a landing page allowing platforms to showcase the core value proposition and offers/pricing for the platform’s end users. It supports Calendly integration for booking calls.
import { LandingPage } from '@layerfi/components'

<LandingPage
  platform={{
    platformName: 'Acme',
    industry: 'e-commerce',
  }}
  availableOffers={['accounting', 'bookkeeping']}
  heroOverrides={{
    stringOverrides: {
      title: 'Acme Accounting',
      subtitle: 'Manage your books with ease',
    },
    cta: {
      primary: { label: 'Get Started', url: 'https://calendly.com/your-link' },
      secondary: { label: 'Learn More', url: 'https://example.com/learn' },
    },
  }}
  offeringOverrides={{
    accounting: {
      stringOverrides: {
        title: 'Self-Service Accounting',
        priceAmount: '$29',
        priceUnit: '/month',
      },
    },
    bookkeeping: {
      stringOverrides: {
        title: 'Full-Service Bookkeeping',
        priceAmount: '$299',
        priceUnit: '/month',
      },
    },
  }}
/>

Properties

platform
LandingPagePlatformConfig
required
Platform configuration with branding details.
availableOffers
('accounting' | 'bookkeeping')[]
required
Array specifying which service offerings to display. Can include 'accounting', 'bookkeeping', or both.
heroOverrides
DeepPartial<HeroContentConfig>
required
Partial overrides for the hero/main content section. All fields are optional and will fall back to defaults.
offeringOverrides
OfferingOverrides
required
Partial overrides for the service offering cards.