Techbyte Theme Documentation

Customizing the Footer

Techbyte includes two footer variants (Footer.astro and FooterTwo.astro in src/layouts/components/global/) and pulls most footer content from configuration and translation files.

• Logo – Both footers use site.logoAlternate (the light logo)
• Social Links – Configure site-wide social links
• Footer Menus – Defined in src/config/menu.en.json / menu.fr.json
• Subscription – Set up the subscription form
• Copyright & Footer Description – See below

Choosing a Footer Variant

Pages opt into a footer through Base.astro:

<Base {...page?.data} footerLayout="footer-1">
  <!-- sections -->
</Base>

• footer-1 renders a contact section (ContactSection.astro) directly above Footer.astro. Home 01 uses this.
• footer-2 (the default) renders FooterTwo.astro, which accepts an extra footerDecorativeColor prop ("accent" by default; also "light", "transparent", or "none") for the decorative band above it.

Customizing Copyright Text and Footer Description

Techbyte reads its footer copy from the i18n files by default:

Example: English (en.json)

"footer": {
  "menuTitleLinks": "Links",
  "description": "Managed IT, cloud, cybersecurity, and software delivery for growing businesses.",
  "descriptionSecondary": "We help teams reduce technology risk, improve uptime, and ship better digital systems.",
  "copyright": "Copyright © {{ year }}. [Techbyte](https://techbyte-astro.pages.dev/) All Rights Reserved.",
  "contact": "Contact"
}

• description is used by Footer 1; descriptionSecondary by Footer 2.
• The {{ year }} placeholder in copyright is replaced with the current year automatically, and the text supports inline Markdown links.

1. Open src/i18n/en.json or src/i18n/fr.json.
2. Locate the "footer" object.
3. Update "description", "descriptionSecondary", and "copyright".

Note: If you are not using the multilingual feature, you can set these directly in config.toml.

src/config/config.toml

footerDescription     = "Techbyte is an IT solutions and services partner..."
footerBackgroundImage = "/images/others/footer-bg.png"

[settings.copyright]
  enable = true
  text   = ""

• footerDescription overrides the i18n description when set.
• footerBackgroundImage sets the decorative background image used by Footer 1.

Customizing Footer Menus

Techbyte’s footer links live in src/config/menu.en.json across three groups:

{
  "footerPrimary": [
    { "enable": true, "name": "About Us", "url": "/about/" },
    { "enable": true, "name": "Services", "url": "/services/" }
  ],
  "footerSecondary": [
    { "enable": true, "name": "Home", "url": "/" },
    { "enable": true, "name": "Contact", "url": "/contact/" }
  ],
  "footerPrivacy": [
    { "enable": true, "name": "Privacy Policy", "url": "/privacy-policy/" },
    { "enable": true, "name": "Terms of Use", "url": "/terms-conditions/" }
  ]
}

• footerPrimary → link column in Footer 1
• footerSecondary → link row in Footer 2
• footerPrivacy → policy links in the copyright bar

Set enable: false on any link to hide it without deleting the entry.