Footer Simple
A clean and minimal footer component with company info, navigation links, and social media icons.
Configuring your account...
Please wait while we prepare everything for you
Usage
import FooterSimple from '@/components/bynanaui/footer-simple'
<FooterSimple
companyName="LumeUI"
description="Build beautiful UIs, effortlessly."
links={{
product: [
{ name: "Features", url: "#features" },
{ name: "Pricing", url: "#pricing" }
],
company: [
{ name: "About", url: "#about" },
{ name: "Blog", url: "#blog" }
]
}}
social={{
twitter: "https://twitter.com",
github: "https://github.com"
}}
/>Props
| Prop | Type | Default | Description |
|---|---|---|---|
companyName | string | "LumeUI" | Company name displayed in footer |
description | string | "Build beautiful UIs, effortlessly." | Company description |
links | FooterLinks | Default links object | Navigation links organized by category |
social | SocialLinks | Default social links | Social media platform URLs |
copyright | string | "© 2024 LumeUI. All rights reserved." | Copyright text |
className | string | "" | Additional CSS classes |
FooterLinks Type
| Property | Type | Description |
|---|---|---|
product | Array<{name: string, url: string}> | Product-related links |
company | Array<{name: string, url: string}> | Company-related links |
support | Array<{name: string, url: string}> | Support-related links |
SocialLinks Type
| Property | Type | Description |
|---|---|---|
twitter | string | Twitter profile URL |
linkedin | string | LinkedIn profile URL |
github | string | GitHub profile URL |
discord | string | Discord server URL |
Features
- Responsive Layout: Adapts from single column to multi-column layout
- Social Icons: Built-in SVG icons for major social platforms
- Hover Animations: Smooth transitions and scale effects
- Organized Links: Categorized navigation with clear sections
- Clean Design: Minimal aesthetic with proper spacing and typography