Footer

Overview

The Footer component is designed to provide a customizable footer for your landing page. It includes properties for the application name, logo, subheading, sections with links, and social media icons.

import Footer from '@/components/blocks/footer/Footer.vue';

Props

The Footer component accepts the following props

Required Props

  1. appName (string)
    • Description: The name of the application.
    • Default: app.config.ts -> appName
  2. sections (Array of SectionProps)
    • Description: An array of objects defining the sections in the footer.

Optional Props

  1. appLogo (string | null)
    • Description: The URL of the application logo.
    • Default: app.config.ts -> appLogo
    • Example: /logo.png
  2. subheading (string | null)
    • Description: An optional subheading for the footer.
    • Default: null
    • Example: "Your trusted partner"
  3. socials (FooterSocialsProps | null)
    • Description: An optional object defining the social media links.
Table of Contents