Landing Page Book

Footer

Intro

A document footer is a small section at the bottom of each page within a document. It is often used to display company data or copyright information.

Basic

HIDE Code

Props

<Footer 
    socialUrl="https://front10.com"
    socialPadding="2"
    copyright="Front10, LLC"
    socials={['facebook', 'linkedin', 'google', 'twitter']}
    sections={[
    {
        name: 'Features',
        sections: [
            {name: 'Cool stuff',url: 'https://front10.com'},
            {name: 'Random feature',url: 'https://front10.com'},
            {name: 'Team feature',url: 'https://front10.com'},
            {name: 'Stuff for developers',url: 'https://front10.com'},
            {name: 'Another one',url: 'https://front10.com'},
            {name: 'Last time',url: 'https://front10.com'}
        ]
    },
    {
        name: 'Resources',
        sections: [
            {name: 'Resource',url: 'https://front10.com'},
            {name: 'Resource name',url: 'https://front10.com'},
            {name: 'Another resource',url: 'https://front10.com'},
            {name: 'Final resource',url: 'https://front10.com'}
        ]
    },
    {
        name: 'About',
        sections: [
            {name: 'Team',url: 'https://front10.com'},
            {name: 'Locations',url: 'https://front10.com'},
            {name: 'Privacy',url: 'https://front10.com'},
            {name: 'Terms',url: 'https://front10.com'}
        ]
    }]}
/>

With children

EDIT Code

Props

Basic
With children