A static Astro rebuild of the hochkoenigferien.com WordPress site.
- Astro 7, static output, zero client-side JS framework
- Plain CSS with design tokens in
src/styles/global.css— no Tailwind/UI kit - All content lives in
src/data/site.ts, not hardcoded in components
npm install
npm run dev # http://localhost:4321
npm run build # outputs to dist/
npm run preview # preview the production buildsrc/
data/site.ts All Dutch copy, stats, gallery, contact info — edit here
layouts/Layout.astro Head/meta/fonts
components/ One component per section (Hero, Features, Why, Gallery, …)
pages/index.astro Assembles the one-page layout
styles/global.css Design tokens (colors, type, spacing) + base styles
public/
favicon.svg
The palette and type system are grounded in the region rather than a generic template: deep alpine ink, limestone stone, spruce pine, glacier blue, and an Austrian trail-signpost yellow used as the signature accent. The recurring "contour" divider between sections is a stylised elevation profile — a nod to the real geography (Hochkönig 2941 m, Königstour 35 km, 340 km of trails). The Hochkönig Card benefits and nearby activities render as wooden trail-signpost placards, which is the one deliberate visual risk in the page; everything else stays quiet around it.