Component

Footer

Name: Forge
Rating: 5 (1 reviews)
Author: Webba Creative

Page footer with logo, navigation links, social links, and copyright.

tsx

import { Footer, SimpleFooter } from 'wss3-forge'

Usage

•

Use at the bottom of every page

•

Default variant shows logo, tagline, and link sections

•

Minimal variant for simple one-line footer

•

Centered variant for marketing pages

•

SimpleFooter for quick copyright-only footer

•

logoHref makes the logo clickable

Examples

Default Footer

tsx

1<Footer
2  tagline="Building the future of web development."
3  sections={[
4    {
5      title: 'Product',
6      links: [
7        { label: 'Features', href: '#' },
8        { label: 'Pricing', href: '#' }
9      ]
10    },
11    {
12      title: 'Company',
13      links: [
14        { label: 'About', href: '#' },
15        { label: 'Contact', href: '#' }
16      ]
17    }
18  ]}
19  copyright="© 2025 My Company."
20/>

Minimal Footer

tsx

1<Footer
2  variant="minimal"
3  copyright="© 2025 My App"
4  bottomLinks={[
5    { label: 'Privacy', href: '#' },
6    { label: 'Terms', href: '#' }
7  ]}
8/>

Centered Footer

tsx

1<Footer
2  variant="centered"
3  tagline="Made with love by developers, for developers."
4  copyright="© 2025 DevCo"
5/>

Simple Footer

tsx

1<SimpleFooter
2  companyName="Webba"
3  links={[
4    { label: 'Privacy', href: '#' },
5    { label: 'Terms', href: '#' }
6  ]}
7/>

Breadcrumbs

Navbar

Last updated: December 2025