Footer Component

The simplest way to use a Footer, displaying the site name, slogan, and copyright information

<Footer 
siteName="My Website"
homeLink="/"
slogan="Simple and Powerful"
company="My Company"
copyright="All Rights Reserved"
/>

Add a website Logo using the logo property

<Footer 
siteName="My Website"
homeLink="/"
slogan="Simple and Powerful"
company="My Company"
copyright="All Rights Reserved"
logo={{ src: "https://via.placeholder.com/100", alt: "Website Logo" }}
/>

Add social media links using the socialLinks property

<Footer 
siteName="My Website"
homeLink="/"
slogan="Simple and Powerful"
company="My Company"
copyright="All Rights Reserved"
socialLinks={[
  "https://github.com/myusername",
  "https://twitter.com/myusername",
  "https://linkedin.com/in/myusername"
]}
/>

Add product links using the products property

<Footer 
siteName="My Website"
homeLink="/"
slogan="Simple and Powerful"
company="My Company"
copyright="All Rights Reserved"
products={[
  { name: "Product A", href: "/products/a" },
  { name: "Product B", href: "/products/b" },
  { name: "Product C", href: "/products/c", external: true }
]}
/>

Add navigation links using various link properties

<Footer 
siteName="My Website"
homeLink="/"
slogan="Simple and Powerful"
company="My Company"
copyright="All Rights Reserved"
aboutLink="/about"
contactLink="/contact"
termsLink="/terms"
privacyLink="/privacy"
blogLink="/blog"
faqLink="/faq"
/>

Add an inspirational slogan using the inspirationalSlogan property, displayed in a banner

<Footer 
siteName="My Website"
homeLink="/"
slogan="Simple and Powerful"
company="My Company"
copyright="All Rights Reserved"
inspirationalSlogan="Building beautiful digital experiences"
/>

Add an ICP filing number using the icp property (required for Chinese websites)

<Footer 
siteName="My Website"
homeLink="/"
slogan="Simple and Powerful"
company="My Company"
copyright="All Rights Reserved"
icp="京ICP备12345678号-1"
/>

Complete Example

Demonstrates multiple properties of the Footer component used together

<Footer 
siteName="My Website"
homeLink="/"
slogan="Simple and Powerful"
company="My Company"
copyright="All Rights Reserved"
inspirationalSlogan="Building beautiful digital experiences"
logo={{ src: "https://via.placeholder.com/100", alt: "Website Logo" }}
products={[
  { name: "Product A", href: "/products/a" },
  { name: "Product B", href: "/products/b" }
]}
socialLinks={[
  "https://github.com/myusername",
  "https://twitter.com/myusername"
]}
aboutLink="/about"
contactLink="/contact"
termsLink="/terms"
privacyLink="/privacy"
teamLink="/team"
careersLink="/careers"
newsLink="/news"
blogLink="/blog"
faqLink="/faq"
icp="京ICP备12345678号-1"
/>