Landing Page

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

LandingPagePlatformConfig

required

Platform configuration with branding details.

Show LandingPagePlatformConfig properties

string

required

The platform/brand name displayed throughout the component (e.g., “Acme, Inc.”). Used in titles, descriptions, and feature text.

string

required

The target industry for customization (e.g., “e-commerce”, “SaaS”, “retail”). Used to tailor feature descriptions and messaging. If industry name substitution does not work well, overwrite the value propositions directly.

('accounting' | 'bookkeeping')[]

required

Array specifying which service offerings to display. Can include 'accounting', 'bookkeeping', or both.

DeepPartial<HeroContentConfig>

required

Partial overrides for the hero/main content section. All fields are optional and will fall back to defaults.

Show HeroContentConfig properties

HeroStringOverrides

Text overrides for the hero section.

Show HeroStringOverrides properties

string

Main hero title. Supports {{platformName}} and {{industry}} template variables.

string

Subtitle text below the title. Supports template variables.

string

First feature heading. Supports template variables.

string

Description for the first feature heading.

string

Second feature heading. Supports template variables.

string

Description for the second feature heading.

HeroMediaUrls

Show HeroMediaUrls properties

string

URL of the hero image displayed next to the main content.

HeroCtaConfig

Call-to-action button configuration.

Show HeroCtaConfig properties

LandingPageLink

Primary CTA button. If the URL is a Calendly link, opens a Calendly modal. Otherwise, opens a new tab.

Show LandingPageLink properties

string

Button text label.

string

Destination URL.

LandingPageLink

Secondary “Learn More” button. If not provided, the learn more button is not rendered.

OfferingOverrides

required

Partial overrides for the service offering cards.

Show OfferingOverrides properties

OfferingSectionStringOverrides

Show OfferingSectionStringOverrides properties

string

Title text for the offerings section.

DeepPartial<LandingPageCardConfig>

Overrides for the accounting service card.

Show LandingPageCardConfig properties

LandingPageCardStringOverrides

Show LandingPageCardStringOverrides properties

string

Small label/tag on the card (e.g., “Most Popular”).

string

Card heading (e.g., “Self-Service Accounting”).

string

Card description text.

string

Price display (e.g., “$29”).

string

Billing frequency (e.g., “/month”).

LandingPageCardMediaUrls

Show LandingPageCardMediaUrls properties

string

URL of the card image.

LandingPageCardCtaConfig

Show LandingPageCardCtaConfig properties

LandingPageLink

CTA button with label and URL. Calendly URLs open a modal.

boolean

Whether to show “Starting at” label above the price.

DeepPartial<LandingPageCardConfig>

Overrides for the bookkeeping service card. Same shape as accounting.

Overview

Components

Layouts

Landing Page

Properties

​Properties

Properties