Edit on Github

Landing Page Book

@front10/landing-page-book is a kit of landing-page React components.

Setup

npm install --save @front10/landing-page-book

Usage

import React, { Component } from 'react';
import { Hero, Navbar } from '@front10/landing-page-book/dist/components';

import 'bootstrap/dist/css/bootstrap.min.css';
import '@front10/landing-page-book/dist/themes/default/index.css';

class App extends Component {
  render() {
    <div className="App">
      <Navbar brandLink="https://front10.com" brandLogo="https://front10.com/img/logos/logo.png" />
      <Hero
        backgroundColor="#212529"
        particlesParams={{ particles: { line_linked: { enable: false } } }}
        header="Landing Page Book"
        subHeader="Some cool text"
      />
    </div>;
  }
}

Available Components

Main components
Navbar	BackersOpenCollective	ImageList	Image
Hero	Team	Location	Icon
Section	Sponsors	Social	Input
Features	BuiltWith	Video	Label
GithubButton	ContactInfo	LanguageSwitcher	Link
Code	ContactUs	Wizard	TextBox
BrowserSupport	Copyright	Browser	Card
Gif	Donation	Button
Backers	Footer	Header

Third-Party integrations
GoogleAnalytics	GoogleMap	Github	OpenCollective

Custom styles

Read our theming documentation.

Integration

• React App boilerplate
• Gatsby boilerplate

Tests

npm run test

Coding styles

• Airbnb Styleguide

Built With

• React
• React StoryBook
• Gatsby

Authors

• Front10-dev - Initial work - Front10

See also the list of contributors who participated in this project.

License

This project is licensed under the MIT License - see the LICENSE.md file for details.

Browsers support

Chrome	IE / Edge	Firefox	Opera	Safari	iOS Safari	Android
>=45	>=10/>=12	>=38	>=30	>=9	>=9.0	>=6.2

Changelog

Detailed version information in our Changelog.