Footer

Basic Example

Multi-column footer with links

const { default: Footer } = await import('/components/layout/footer.js');

const { tags, $ } = Lightview;
const { a } = tags;

const footer = Footer({ class: 'bg-neutral text-neutral-content p-10 rounded-box' },
    Footer.Nav({},
        Footer.Title({}, 'Services'),
        a({ class: 'link link-hover' }, 'Branding'),
        a({ class: 'link link-hover' }, 'Design'),
        a({ class: 'link link-hover' }, 'Marketing')
    ),
    Footer.Nav({},
        Footer.Title({}, 'Company'),
        a({ class: 'link link-hover' }, 'About us'),
        a({ class: 'link link-hover' }, 'Contact'),
        a({ class: 'link link-hover' }, 'Jobs')
    ),
    Footer.Nav({},
        Footer.Title({}, 'Legal'),
        a({ class: 'link link-hover' }, 'Terms of use'),
        a({ class: 'link link-hover' }, 'Privacy policy')
    )
);

$('#demo').insert(footer);