A comprehensive footer with newsletter signup, extensive navigation, and social media integration.

Configuring your account...

Please wait while we prepare everything for you

Usage

import FooterComplex from '@/components/bynanaui/footer-complex'

<FooterComplex
  companyName="LumeUI"
  description="Build beautiful UIs, effortlessly. The modern way to create stunning interfaces with smooth animations."
  newsletter={{
    title: "Stay updated",
    description: "Get the latest news and updates delivered to your inbox.",
    placeholder: "Enter your email",
    buttonText: "Subscribe"
  }}
  links={{
    product: [
      { name: "Features", url: "#features" },
      { name: "API Reference", url: "#api" }
    ]
  }}
/>

Props

Prop	Type	Default	Description
`companyName`	`string`	`"LumeUI"`	Company name displayed in footer
`description`	`string`	Default description	Extended company description
`newsletter`	`NewsletterConfig`	Default newsletter config	Newsletter signup configuration
`links`	`ExtendedFooterLinks`	Default links object	Extended navigation links
`social`	`ExtendedSocialLinks`	Default social links	Social media platform URLs
`copyright`	`string`	`"© 2024 LumeUI. All rights reserved."`	Copyright text
`className`	`string`	`""`	Additional CSS classes

NewsletterConfig Type

Property	Type	Description
`title`	`string`	Newsletter section title
`description`	`string`	Newsletter description text
`placeholder`	`string`	Email input placeholder
`buttonText`	`string`	Subscribe button text

ExtendedFooterLinks Type

Includes all FooterSimple links plus:

Property	Type	Description
`legal`	`Array<{name: string, url: string}>`	Legal and policy links

ExtendedSocialLinks Type

Includes all FooterSimple social links plus:

Property	Type	Description
`youtube`	`string`	YouTube channel URL

Features

Newsletter Signup: Integrated email subscription form
Extended Navigation: Four categories of links (Product, Company, Support, Legal)
Enhanced Social Media: Support for five social platforms
Interactive Elements: Hover animations and form interactions
Comprehensive Layout: 12-column grid system for complex layouts
Professional Design: Suitable for enterprise and business websites