CTI Footer
Multi-band Compare Travel Insurance footer with logo, social links, and navigation.
Overview
Use this footer for CTI-branded pages that need the full multi-band footer treatment. Editors can change the logoSource, logoAlt, navigation links, and social icons in the top band. Trustpilot, legal copy, policy links, and "As seen on" publisher names are currently hardcoded in the component.
Properties
logoSource string
Logo image shown in the top footer band.
logoAlt string | default: Compare Travel Insurance
Alt text for the footer logo.
links array | default: array
Navigation items rendered in the footer link bar.
socials array | default: array
Social media buttons shown beside the "Let's connect" label.
Examples
Footer layouts
---
import CtiFooter from "@navigation/cti-footer/CtiFooter.astro";
---
<CtiFooter
links={
[
{
"name": "Travel Alerts",
"path": "/travel-alerts/",
"children": []
},
{
"name": "Claims",
"path": "/claims/",
"children": []
},
{
"name": "FAQs",
"path": "/faqs/",
"children": []
},
{
"name": "Privacy Policy",
"path": "/privacy-policy/",
"children": []
}
]
} logoAlt="Compare Travel Insurance" logoSource="/images/logo.svg" socials={
[
{
"icon": "social/facebook",
"link": "https://facebook.com/"
}
]
}
/> ---
blocks:
_component: navigation/cti-footer
logoSource: /images/logo.svg
logoAlt: Compare Travel Insurance
links:
- name: Travel Alerts
path: /travel-alerts/
children: []
- name: Claims
path: /claims/
children: []
- name: FAQs
path: /faqs/
children: []
- name: Privacy Policy
path: /privacy-policy/
children: []
socials:
- icon: social/facebook
link: https://facebook.com/
---