Skip to content
Type something to search...
to navigateto selectESC to close
Ultimate Astro Theme GuidesDocs
Veltro Theme Documentation

Pages, Layouts & Sections

Veltro assembles routes in src/pages/[...lang]/. All regular pages use src/layouts/Base.astro, which provides the document shell, SEO head, header, footer, global scripts, cursor, helper buttons, and back-to-top control.

Page Composition

---
import Base from "@/layouts/Base.astro";
import Banner from "@/components/sections/Banner.astro";
import ServicesSection from "@/components/sections/ServicesSection.astro";
---


<Base {...homepageContent?.data}>
  <Banner />
  <ServicesSection hasSectionSpacing={true} />
</Base>

Each section component loads its default entry from src/content/sections/<language>/. Many accept a content prop or merge page frontmatter overrides with their defaults.

Shared Base Options

Useful Base.astro props include:

  • fitToScreen: adds the theme’s minimum-screen class; defaults to true
  • footerSpacingTop: controls top spacing on the footer
  • headerPosition: fixed, static, or sticky
  • headerBorderOnScroll: adds the scroll-border behavior
  • hideOffcanvas: keeps the secondary offcanvas mobile-only by default
  • hasBodyDarkBackground: switches the body surface
  • hasHeadingFontTernary: applies the configured tertiary heading font

Edit the route file to reorder or remove a section on one page. Edit the shared Markdown entry when the content change should apply everywhere that section is used.