create-ginko 0.4.0 → 0.6.0

package/templates/local-business/app/pages/index.vue

@@ -0,0 +1,114 @@
+<script setup lang="ts">
+import { openingHoursJsonLd } from '@lupinum/ginko/basics'
+import { Accessibility, ArrowRight, MapPin } from '@lucide/vue'
+
+// The home page answers the first questions on the first screen: open today and until when, how to book (call, with
+// the phone hours right under the button, or email; no form), where the practice is, and a photo of it. Below: the
+// treatments with price and duration, the team, the address and access with the opening hours, and three questions.
+// A section whose list is empty is left out.
+const home = useGinko('home')
+const people = useGinko('people')
+const services = useGinko('services')
+const questions = useGinko('faq')
+const treatments = useServiceCards(() => 6)
+const { visit, address, maps } = useVisit()
+const { ctx, today } = useHours()
+const { name } = useGinkoSite()
+const { t } = useI18n()
+const path = useGinkoPath()
+const langOf = useGinkoLang()
+
+const faqItems = computed(() => questions.value.items.slice(0, 3).map((item) => ({ id: item.id, question: item.data.question, answer: item.data.answer })))
+const link = 'inline-flex min-h-11 items-center gap-2 self-start font-medium text-primary underline-offset-4 hover:underline'
+
+// The practice for search engines: a Physiotherapy (a kind of LocalBusiness) with address and contact from
+// content/site.md and the opening hours of the same rule as the page, closures and public holidays included. For
+// another kind of business, change the type (schema.org: `HealthAndBeautyBusiness`, `Dentist`, `Store` …).
+usePageSeo(() => ({
+  home: true,
+  title: t('home.title'),
+  description: home.value.data.lead,
+  image: home.value.data.image ?? undefined,
+  organization: { '@type': 'Physiotherapy', ...openingHoursJsonLd(ctx.value, today.value) },
+}))
+</script>
+
+<template>
+  <div>
+    <BlockHero :title="home.data.title" :lead="home.data.lead" :image="home.data.image ?? undefined">
+      <template #status>
+        <HoursToday />
+      </template>
+      <div class="mt-2 flex flex-col gap-4">
+        <VisitBook />
+        <div v-if="address.length" class="flex flex-wrap items-center gap-x-4 text-small text-muted-foreground">
+          <span><bdi>{{ address.join(', ') }}</bdi></span>
+          <a v-if="maps" :href="maps" rel="noopener" :class="link">
+            <MapPin class="size-4 shrink-0" aria-hidden="true" />{{ t('visit.maps') }}
+          </a>
+        </div>
+      </div>
+    </BlockHero>
+
+    <BlockSection v-if="treatments.length" :title="t('home.prices')" :lead="t('home.pricesLead')" :side="false">
+      <div class="flex flex-col gap-6">
+        <BlockCards :items="treatments" compact />
+        <NuxtLink v-if="services.items.length > treatments.length" :to="path('services')" :class="link">
+          {{ t('home.allTreatments') }}<ArrowRight class="size-4 rtl:-scale-x-100" aria-hidden="true" />
+        </NuxtLink>
+      </div>
+    </BlockSection>
+
+    <BlockSection v-if="people.items.length" :title="t('home.team')" :side="false">
+      <div class="flex flex-col gap-6">
+        <ul class="grid gap-x-8 gap-y-6 sm:grid-cols-2 lg:grid-cols-4">
+          <li v-for="person in people.items" :key="person.id" class="flex items-center gap-4">
+            <GinkoImage v-if="person.data.photo" :image="person.data.photo" sizes="48px" class="size-12 shrink-0 rounded-full bg-muted object-cover" />
+            <InitialsAvatar v-else :name="person.data.name" />
+            <div class="flex min-w-0 flex-col">
+              <h3 class="font-semibold">{{ person.data.name }}</h3>
+              <p v-if="person.data.role" class="text-small text-muted-foreground">{{ person.data.role }}</p>
+            </div>
+          </li>
+        </ul>
+        <NuxtLink :to="path('team')" :class="link">
+          {{ t('home.allTeam') }}<ArrowRight class="size-4 rtl:-scale-x-100" aria-hidden="true" />
+        </NuxtLink>
+      </div>
+    </BlockSection>
+
+    <BlockSection id="visit" :title="t('home.visit')" :side="false">
+      <div class="grid gap-12 md:grid-cols-[minmax(0,3fr)_minmax(0,2fr)] lg:gap-24">
+        <div class="flex flex-col gap-4">
+          <h3 class="text-body font-semibold">{{ t('home.hours') }}</h3>
+          <HoursTable :level="4" />
+        </div>
+        <div class="flex flex-col gap-4 max-md:order-first">
+          <h3 class="text-body font-semibold">{{ t('home.address') }}</h3>
+          <address v-if="address.length" class="flex flex-col not-italic">
+            <span><bdi>{{ name }}</bdi></span>
+            <span v-for="line in address" :key="line"><bdi>{{ line }}</bdi></span>
+          </address>
+          <a v-if="maps" :href="maps" rel="noopener" :class="link">
+            <MapPin class="size-4 shrink-0" aria-hidden="true" />{{ t('visit.maps') }}
+          </a>
+          <p v-if="visit.data.access" class="flex gap-3 text-muted-foreground" :lang="langOf(visit, 'access')">
+            <Accessibility class="mt-1 size-4 shrink-0" aria-hidden="true" />{{ visit.data.access }}
+          </p>
+          <NuxtLink :to="path('contact')" :class="link">
+            {{ t('home.directions') }}<ArrowRight class="size-4 rtl:-scale-x-100" aria-hidden="true" />
+          </NuxtLink>
+        </div>
+      </div>
+    </BlockSection>
+
+    <BlockSection v-if="faqItems.length" :title="t('home.questions')">
+      <div class="flex flex-col gap-6">
+        <BlockFaq :items="faqItems" />
+        <NuxtLink :to="path('faq')" :class="link">
+          {{ t('home.allQuestions') }}<ArrowRight class="size-4 rtl:-scale-x-100" aria-hidden="true" />
+        </NuxtLink>
+      </div>
+    </BlockSection>
+  </div>
+</template>

package/templates/local-business/app/pages/legal/[slug].vue

@@ -0,0 +1,46 @@
+<!-- Synced from templates/_features/site/app/pages/legal/[slug].vue by `pnpm templates sync`. Edit the source, not this copy. -->
+<script setup lang="ts">
+// One legal text (content/legal/): privacy policy, terms, imprint. Address: /legal/<slug> in every language.
+// The imprint starts with the details of content/site.md (name, address, register, VAT number, email, phone), so the
+// owner writes them once; the text below adds what site.md cannot hold. A detail site.md does not have is left out.
+// Email and phone are links (mailto:, tel:), like on the contact page.
+const route = useRoute()
+const entry = useGinkoEntry('legal', () => route.params.slug)
+const site = useGinko('site')
+const { t, format } = useI18n('site')
+const details = computed(() => {
+  const d = site.value.data
+  if (entry.value.data.legalType !== 'imprint') return []
+  const rows: { label: string, value?: string, href?: string }[] = [
+    { label: t('imprint.address'), value: [d.legalName, d.street, d.city ? `${d.postalCode ?? ''} ${d.city}` : undefined].filter(Boolean).join('\n') },
+    { label: t('imprint.registry'), value: [d.registryCourt, d.registryNumber].filter(Boolean).join(', ') },
+    { label: t('imprint.vat'), value: d.vatId },
+    { label: t('imprint.email'), value: d.email, href: d.email ? `mailto:${d.email}` : undefined },
+    { label: t('imprint.phone'), value: d.phone, href: d.phone ? telHref(d.phone) : undefined },
+  ]
+  return rows.filter((row) => row.value)
+})
+usePageSeo(() => ({ title: entry.value.data.title, description: entry.value.data.description }))
+</script>
+
+<template>
+  <div>
+    <BlockPageHeader
+      :title="entry.data.title"
+      :lead="entry.data.description"
+      :meta="t('updated', { date: format.date(entry.data.updatedAt) })"
+    />
+    <!-- Each value keeps the direction of its own text (bdi), as in the footer. A link gets its 44 px tap height from
+         padding with a negative margin, so it stays on its label's line. -->
+    <dl v-if="details.length" class="mx-auto grid max-w-page gap-x-8 gap-y-1 px-gutter pb-10 sm:grid-cols-[auto_1fr] sm:gap-y-3">
+      <template v-for="row in details" :key="row.label">
+        <dt class="text-small text-muted-foreground max-sm:not-first:mt-3">{{ row.label }}</dt>
+        <dd class="whitespace-pre-line">
+          <a v-if="row.href" :href="row.href" dir="ltr" class="-my-2.5 inline-block py-2.5 underline underline-offset-4">{{ row.value }}</a>
+          <bdi v-else>{{ row.value }}</bdi>
+        </dd>
+      </template>
+    </dl>
+    <ProseBody :value="entry.data.body" />
+  </div>
+</template>

package/templates/local-business/app/pages/services/[slug].vue

@@ -0,0 +1,90 @@
+<!-- Synced from templates/_features/services/app/pages/services/[slug].vue by `pnpm templates sync`. Edit the source, not this copy. -->
+<script setup lang="ts">
+import type { Component } from 'vue'
+import { ArrowLeft, Mail, Phone } from '@lucide/vue'
+
+// One service or product: title, summary, price or "On request", duration, how to ask about it (an email with the
+// title in the subject and a phone number: the entry's contact person's, else the business's from content/site.md),
+// the product sheet when it has one, photo (3:2), key facts and text. Service JSON-LD with the
+// price when it has one. An unknown entry is a 404. The sheet button comes from the downloads feature
+// (`DownloadsFileButton`), found by its file, so a site without downloads builds without it. A template whose
+// customers book another way brings `app/components/services/Actions.vue` (the local business: call, then email, with the
+// phone hours); the page then shows it in place of its row of actions, with the same facts as props.
+const SheetButton = Object.values(import.meta.glob<Component>('../../components/downloads/FileButton.vue', { eager: true, import: 'default' }))[0]
+const Actions = Object.values(import.meta.glob<Component>('../../components/services/Actions.vue', { eager: true, import: 'default' }))[0]
+const route = useRoute()
+const service = useGinkoEntry('services', () => route.params.slug)
+const site = useGinko('site')
+const people = useGinko('people')
+const path = useGinkoPath()
+const { t } = useI18n('services')
+const { price, priceLabel, duration, action } = useServiceText()
+const sheet = computed(() => ('sheet' in service.value.data ? service.value.data.sheet : undefined))
+const jsonLd = useServiceJsonLd(() => ({ ...service.value.data, url: service.value.url }))
+usePageSeo(() => ({ title: service.value.data.title, description: service.value.data.summary, image: service.value.data.image, jsonLd: [jsonLd.value] }))
+
+const contact = computed(() => people.value.items.find((person) => person.id === service.value.data.contact)?.data)
+const email = computed(() => contact.value?.email || site.value.data.email)
+const phone = computed(() => contact.value?.phone || site.value.data.phone)
+const main = computed(() => action(service.value.data))
+const enquiry = computed(() => email.value && `mailto:${email.value}?subject=${encodeURIComponent(main.value.subject)}`)
+</script>
+
+<template>
+  <article>
+    <div class="mx-auto max-w-page px-gutter pt-8 md:pt-12">
+      <NuxtLink :to="path('services')" class="-ms-1 inline-flex min-h-11 items-center gap-2 px-1 text-small font-medium text-muted-foreground underline-offset-4 hover:text-foreground hover:underline">
+        <ArrowLeft class="size-4 rtl:-scale-x-100" aria-hidden="true" />
+        {{ t('all') }}
+      </NuxtLink>
+    </div>
+    <header class="mx-auto max-w-page px-gutter pt-4 pb-8 md:pb-12">
+      <div class="flex max-w-3xl flex-col gap-5">
+        <h1 class="text-h1">{{ service.data.title }}</h1>
+        <p class="text-lead text-muted-foreground">{{ service.data.summary }}</p>
+        <dl class="grid grid-cols-[auto_1fr] items-baseline gap-x-8 gap-y-3">
+          <dt class="text-small text-muted-foreground">{{ priceLabel(service.data) }}</dt>
+          <dd class="font-medium tabular-nums">{{ price(service.data) }}</dd>
+          <template v-if="duration(service.data)">
+            <dt class="text-small text-muted-foreground">{{ t('duration') }}</dt>
+            <dd class="font-medium tabular-nums">{{ duration(service.data) }}</dd>
+          </template>
+        </dl>
+        <component :is="Actions" v-if="Actions" :subject="main.subject" :email="email" :phone="phone" :contact="contact?.name" :contact-id="service.data.contact" />
+        <div v-else-if="enquiry || phone || (SheetButton && sheet)" class="flex flex-col gap-2">
+          <div class="flex flex-wrap gap-3">
+            <Button v-if="enquiry" as-child size="lg" class="max-sm:w-full">
+              <a :href="enquiry"><Mail aria-hidden="true" />{{ main.label }}</a>
+            </Button>
+            <Button v-else-if="phone" as-child size="lg" class="max-sm:w-full">
+              <a :href="telHref(phone)"><Phone aria-hidden="true" />{{ t('call', { phone }) }}</a>
+            </Button>
+            <component :is="SheetButton" v-if="SheetButton && sheet" :id="sheet" :label="t('sheet')" />
+          </div>
+          <p v-if="enquiry && phone" class="text-muted-foreground">
+            {{ contact ? t('orCallName', { name: contact.name }) : t('orCall') }}
+            <a :href="telHref(phone)" dir="ltr" class="inline-flex min-h-11 items-center font-medium text-foreground tabular-nums underline underline-offset-4">{{ phone }}</a>
+          </p>
+        </div>
+      </div>
+    </header>
+    <div v-if="service.data.image" class="mx-auto max-w-page px-gutter pb-10">
+      <GinkoImage :image="service.data.image" eager sizes="(min-width: 1216px) 896px, 100vw" class="aspect-3/2 w-full max-w-4xl rounded-block bg-muted object-cover" />
+    </div>
+    <section v-if="service.data.specs?.length" aria-labelledby="service-specs" class="mx-auto max-w-page px-gutter pb-10">
+      <div class="max-w-3xl">
+        <h2 id="service-specs" class="text-h3">{{ t('specs') }}</h2>
+        <dl class="mt-4 border-b">
+          <div v-for="spec in service.data.specs" :key="spec._id" class="grid gap-1 border-t py-3 sm:grid-cols-[minmax(0,14rem)_1fr] sm:gap-6">
+            <dt class="text-muted-foreground">{{ spec.label }}</dt>
+            <dd class="font-medium tabular-nums">{{ spec.value }}</dd>
+          </div>
+        </dl>
+      </div>
+    </section>
+    <ProseBody :value="service.data.body" />
+    <BlockCta v-if="!Actions && enquiry" :title="service.data.title" :action="{ label: main.label, to: enquiry }">
+      <a v-if="contact?.phone" :href="telHref(contact.phone)" dir="ltr" class="inline-flex min-h-11 items-center font-medium tabular-nums underline underline-offset-4">{{ contact.phone }}</a>
+    </BlockCta>
+  </article>
+</template>

package/templates/local-business/app/pages/services/index.vue

@@ -0,0 +1,18 @@
+<!-- Synced from templates/_features/services/app/pages/services/index.vue by `pnpm templates sync`. Edit the source, not this copy. -->
+<script setup lang="ts">
+// The services or products in their order (content/services/), each with its price or "On request" and its
+// duration. The address per language comes from `pages.services` in ginko.config.ts.
+const cards = useServiceCards()
+const { t } = useI18n('services')
+usePageSeo(() => ({ title: t('title'), description: t('lead') }))
+</script>
+
+<template>
+  <div>
+    <BlockPageHeader :title="t('title')" :lead="t('lead')" />
+    <div class="mx-auto max-w-page px-gutter">
+      <BlockCards v-if="cards.length" :items="cards" heading-level="h2" />
+      <BlockEmpty v-else :title="t('empty')" path="content/services/" />
+    </div>
+  </div>
+</template>

package/templates/local-business/app/pages/team.vue

@@ -0,0 +1,40 @@
+<!-- Synced from templates/_features/people/app/pages/team.vue by `pnpm templates sync`. Edit the source, not this copy. -->
+<script setup lang="ts">
+import type { Component } from 'vue'
+import { personJsonLd } from '@lupinum/ginko/basics'
+
+// The team or board: every entry of content/people/ in its order, with Person JSON-LD. The address per language
+// comes from `pages.team` in ginko.config.ts. A template may bring `app/components/people/TeamContact.vue` (the
+// company: its service line and office); the page then shows it between the header and the people, without a copy
+// of this page per template.
+const contact = Object.values(import.meta.glob<Component>('../components/people/TeamContact.vue', { eager: true, import: 'default' }))[0]
+const people = useGinko('people')
+const locale = useGinkoLocale()
+const { name, url } = useGinkoSite()
+const { t } = useI18n('people')
+usePageSeo(() => ({
+  title: t('title'),
+  description: t('lead'),
+  jsonLd: people.value.items.map((person) => personJsonLd({
+    name: person.data.name,
+    role: person.data.role,
+    bio: person.data.bio,
+    email: person.data.email,
+    phone: person.data.phone,
+    image: person.data.photo ? new URL(person.data.photo.url, url).href : undefined,
+    url: person.urls?.[locale.value] ? new URL(person.urls[locale.value]!, url).href : undefined,
+    worksFor: { name, url },
+  })),
+}))
+</script>
+
+<template>
+  <div>
+    <BlockPageHeader :title="t('title')" :lead="t('lead')" />
+    <div class="mx-auto flex max-w-page flex-col gap-12 px-gutter md:gap-16">
+      <component :is="contact" v-if="contact" />
+      <PeopleList v-if="people.items.length" :items="people.items" />
+      <BlockEmpty v-else :title="t('empty')" path="content/people/" />
+    </div>
+  </div>
+</template>

package/templates/local-business/app/routes.ts

@@ -0,0 +1,31 @@
+// The languages of this site and the web address of each page per language (TEMPLATES T8). The first language is
+// the main one: its addresses have no prefix, the others start with /<code>. `npm create ginko -- --locales` edits
+// the `locales` list and drops the dropped languages' entries from the maps below.
+export const locales = ['en', 'de'] as const
+export type SiteLocale = (typeof locales)[number]
+
+/**
+ * The words of the addresses, per language: `localized('/services/[slug]')` gives `/treatments/[slug]` in English and
+ * `/de/behandlungen/[slug]` in German. A part of a path that is not listed here stays as it is. Slugs allow only a–z,
+ * 0–9 and `-`. To rename a section, change its word here; the pages and links follow.
+ */
+export const segments: Record<string, Partial<Record<SiteLocale, string>>> = {
+  services: { en: 'treatments', de: 'behandlungen' },
+  team: { en: 'team', de: 'team' },
+  faq: { en: 'faq', de: 'fragen' },
+  contact: { en: 'contact', de: 'kontakt' },
+  legal: { en: 'legal', de: 'rechtliches' },
+}
+
+/** The path prefix of a language: none for the main language, `/de` for German as a second language. */
+export const prefix = (locale: SiteLocale) => (locale === locales[0] ? '' : `/${locale}`)
+
+/** A path of `localized`: a route keeps its `[slug]`, so the result still fits a collection's `route`. */
+type Localized<P extends string> = P extends `${string}[slug]${string}` ? `/${string}[slug]${string}` : `/${string}`
+
+/** One address per language from a path in its English form, with the words of `segments`: `localized('/faq')`. */
+export function localized<const P extends `/${string}`>(path: P): Record<SiteLocale, Localized<P>> {
+  const words = (locale: SiteLocale) => path.split('/').map((part) => segments[part]?.[locale] ?? part).join('/')
+  // Object.fromEntries loses the key and value types; the keys are exactly `locales`, and the words never touch `[slug]`.
+  return Object.fromEntries(locales.map((locale) => [locale, String(path) === '/' ? prefix(locale) || '/' : `${prefix(locale)}${words(locale)}`])) as Record<SiteLocale, Localized<P>>
+}

package/templates/local-business/app/utils/hours.ts

@@ -0,0 +1,58 @@
+// Synced from templates/_features/hours/app/utils/hours.ts by `pnpm templates sync`. Edit the source, not this copy.
+// The rules behind "open now" without Vue or Nuxt: plain functions of dates, times and the hours line of the basics.
+// useHours and the components use them (auto-imported from app/utils/); tests import this file directly.
+import { spansText, type HoursLine, type Span } from '@lupinum/ginko/basics'
+
+/** `YYYY-MM-DD` plus `days`. */
+export function plusDays(date: string, days: number): string {
+  const time = Date.parse(`${date}T12:00:00Z`) + days * 864e5
+  return new Date(time).toISOString().slice(0, 10)
+}
+
+/** Opening spans as text ("11:30–14:00 and 17:30–22:00"), each span kept on one line by a word joiner on both sides
+ *  of its dash: a narrow screen breaks between two spans, never inside one. */
+export function spansLine(spans: Span[], and: string): string {
+  return spansText(spans, and).replaceAll('–', '\u2060–\u2060')
+}
+
+/** The same spans as one text per span, for a table cell that shows each range on its own line. */
+export function spanLines(spans: Span[]): string[] {
+  return spans.map((span) => spansLine([span], ''))
+}
+
+/** The clock time (`HH:MM`, 24 h) of an instant in a time zone. */
+export function clockIn(timeZone: string, time: number): string {
+  return new Intl.DateTimeFormat('en-GB', { timeZone, hour: '2-digit', minute: '2-digit', hourCycle: 'h23' }).format(time)
+}
+
+/**
+ * What a visitor needs to know right now, from today's opening times and the clock:
+ * open (until when), opening later today (at what time), over for today, closed today (why), or nothing entered.
+ */
+export type HoursNow =
+  | { kind: 'open', until: string }
+  | { kind: 'later', at: string, again: boolean }
+  | { kind: 'over' }
+  | { kind: 'closed', reason?: string, holiday?: { de: string, en: string } }
+  | { kind: 'unknown' }
+
+/**
+ * Today's state at `clock` from the hours line of the basics (`hoursLine`). A span that ends at or before it starts
+ * runs past midnight: today's from its start on, and `yesterday`'s (the previous day's spans) until its end, whatever
+ * today holds, so at 01:00 after a Saturday 18:00–02:00 the place is still open.
+ */
+export function hoursNow(line: HoursLine, clock: string, locale: string, yesterday: readonly Span[] = []): HoursNow {
+  const carried = yesterday.find(({ from, to }) => to <= from && clock < to)
+  if (carried) return { kind: 'open', until: carried.to }
+  if (line.state === 'unknown') return { kind: 'unknown' }
+  if (line.state === 'closed') {
+    const reason = typeof line.reason === 'string' ? line.reason : line.reason?.[locale] ?? Object.values(line.reason ?? {})[0]
+    return { kind: 'closed', reason, holiday: line.holiday }
+  }
+  const ranges = [...line.ranges].sort((a, b) => a[0].localeCompare(b[0]))
+  const open = ranges.find(([from, to]) => clock >= from && (to <= from || clock < to))
+  if (open) return { kind: 'open', until: open[1] }
+  const next = ranges.findIndex(([from]) => from > clock)
+  if (next === -1) return { kind: 'over' }
+  return { kind: 'later', at: ranges[next]![0], again: next > 0 }
+}

package/templates/local-business/app/utils/telHref.ts

@@ -0,0 +1,3 @@
+// Synced from templates/_features/site/app/utils/telHref.ts by `pnpm templates sync`. Edit the source, not this copy.
+/** The `tel:` link for a phone number written for people ("+49 30 1234"): only digits and "+" are kept. */
+export const telHref = (phone: string) => `tel:${phone.replace(/[^\d+]/g, '')}`

package/templates/local-business/components.json

@@ -0,0 +1,21 @@
+{
+  "$schema": "https://shadcn-vue.com/schema.json",
+  "style": "new-york",
+  "typescript": true,
+  "tailwind": {
+    "config": "",
+    "css": "app/assets/css/main.css",
+    "baseColor": "zinc",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "iconLibrary": "lucide",
+  "aliases": {
+    "components": "@/components",
+    "composables": "@/composables",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib"
+  },
+  "registries": {}
+}

package/templates/local-business/content/faq/1.prescription.de.md

@@ -0,0 +1,4 @@
+---
+question: "Brauche ich eine ärztliche Verordnung?"
+answer: "Nicht, um zu uns zu kommen: Sie können auch ohne Verordnung einen Termin vereinbaren. Damit Ihre Krankenkasse einen Teil der Kosten erstattet, brauchen Sie vor der ersten Einheit eine ärztliche Verordnung. Manche Kassen wollen sie außerdem vorher bewilligen; Ihre Kasse sagt Ihnen, ob das bei Ihnen nötig ist."
+---

package/templates/local-business/content/faq/1.prescription.md

@@ -0,0 +1,4 @@
+---
+question: "Do I need a doctor’s prescription?"
+answer: "Not to come to us: you can book an appointment without one. To get part of the cost back from your health insurance, you need a doctor’s prescription before your first session. Some insurers also want to approve it in advance; yours tells you if it does."
+---

package/templates/local-business/content/faq/2.insurance.de.md

@@ -0,0 +1,4 @@
+---
+question: "Zahlt meine Krankenkasse?"
+answer: "Wir sind eine Wahlpraxis: Sie bezahlen nach jeder Einheit bei uns und erhalten eine Rechnung. Reichen Sie die Rechnung mit Ihrer Verordnung bei Ihrer Krankenkasse ein, die einen Teil des Preises erstattet. Eine private Zusatzversicherung zahlt oft mehr; fragen Sie dort nach."
+---

package/templates/local-business/content/faq/2.insurance.md

@@ -0,0 +1,4 @@
+---
+question: "Does my health insurance pay?"
+answer: "We are a private practice: you pay us after each session and get an invoice. Send the invoice with your prescription to your health insurance, which refunds part of the price. A private supplementary insurance often pays more; ask yours."
+---

package/templates/local-business/content/faq/3.bring.de.md

@@ -0,0 +1,4 @@
+---
+question: "Was soll ich zum ersten Termin mitbringen?"
+answer: "Ihre Verordnung, falls Sie eine haben, Befunde oder Röntgenbilder zu Ihren Beschwerden, ein großes Handtuch und bequeme Kleidung. Bitte kommen Sie fünf Minuten früher, um einen kurzen Fragebogen auszufüllen."
+---

package/templates/local-business/content/faq/3.bring.md

@@ -0,0 +1,4 @@
+---
+question: "What should I bring to my first appointment?"
+answer: "Your prescription if you have one, any reports or scans about your complaint, a large towel and comfortable clothes. Please come five minutes early to fill in a short form."
+---

package/templates/local-business/content/faq/4.cancel.de.md

@@ -0,0 +1,4 @@
+---
+question: "Was, wenn ich nicht kommen kann?"
+answer: "Bitte sagen Sie Ihren Termin mindestens 24 Stunden vorher ab, telefonisch oder per E-Mail. Einen später abgesagten oder versäumten Termin verrechnen wir zum vollen Preis, weil so kurzfristig niemand anderer die Zeit nutzen kann."
+---

package/templates/local-business/content/faq/4.cancel.md

@@ -0,0 +1,4 @@
+---
+question: "What if I cannot come?"
+answer: "Please cancel at least 24 hours before your appointment, by phone or email. We charge the full price for an appointment cancelled later or missed, because no one else can take the time at such short notice."
+---

package/templates/local-business/content/faq/5.sessions.de.md

@@ -0,0 +1,4 @@
+---
+question: "Wie viele Einheiten brauche ich?"
+answer: "Das hängt von Ihren Beschwerden ab. Eine Verordnung umfasst meist eine Serie von sechs bis zehn Einheiten. Nach der ersten Einheit sagt Ihnen Ihre Therapeutin oder Ihr Therapeut, womit Sie rechnen können."
+---

package/templates/local-business/content/faq/5.sessions.md

@@ -0,0 +1,4 @@
+---
+question: "How many sessions will I need?"
+answer: "That depends on your complaint. A prescription usually covers a series of six to ten sessions. After the first session your therapist tells you what to expect."
+---

package/templates/local-business/content/faq/6.payment.de.md

@@ -0,0 +1,4 @@
+---
+question: "Wie kann ich bezahlen?"
+answer: "Mit Karte oder bar am Empfang, nach jeder Einheit."
+---

package/templates/local-business/content/faq/6.payment.md

@@ -0,0 +1,4 @@
+---
+question: "How can I pay?"
+answer: "By card or in cash at the front desk, after each session."
+---

package/templates/local-business/content/gallery.de.md

@@ -0,0 +1,7 @@
+---
+images:
+  - image:
+      alt: "Ein Behandlungsraum mit gepolsterter Liege, einem kleinen Rollwagen und einem großen Fenster"
+  - image:
+      alt: "Die Hände einer Therapeutin massieren den oberen Rücken eines Patienten"
+---

package/templates/local-business/content/gallery.md

@@ -0,0 +1,9 @@
+---
+images:
+  - image:
+      src: /media/treatment-room.jpg
+      alt: "A treatment room with a padded bench, a small trolley and a large window"
+  - image:
+      src: /media/massage.jpg
+      alt: "A therapist’s hands massage a patient’s upper back"
+---

package/templates/local-business/content/home.de.md

@@ -0,0 +1,5 @@
+---
+lead: Physiotherapie in Graz bei Rücken- und Nackenschmerzen, steifen Gelenken, Sportverletzungen und nach Operationen.
+image:
+  alt: "Ein Behandlungsraum mit gepolsterter Liege, einem kleinen Rollwagen und einem großen Fenster"
+---

package/templates/local-business/content/home.md

@@ -0,0 +1,7 @@
+---
+title: Hofer Physio
+lead: Physiotherapy in Graz for back and neck pain, stiff joints, sports injuries and recovery after surgery.
+image:
+  src: /media/treatment-room.jpg
+  alt: "A treatment room with a padded bench, a small trolley and a large window"
+---

package/templates/local-business/content/hourPlans/1.summer-hours.de.md

@@ -0,0 +1,3 @@
+---
+label: Sommerzeiten
+---

package/templates/local-business/content/hourPlans/1.summer-hours.md

@@ -0,0 +1,31 @@
+---
+label: Summer hours
+from: 2027-07-01
+to: 2027-08-31
+yearly: true
+week:
+  - day: mo
+    closed: false
+    from1: '07:30'
+    to1: '18:00'
+  - day: tu
+    closed: false
+    from1: '07:30'
+    to1: '18:00'
+  - day: we
+    closed: false
+    from1: '07:30'
+    to1: '18:00'
+  - day: th
+    closed: false
+    from1: '07:30'
+    to1: '18:00'
+  - day: fr
+    closed: false
+    from1: '07:30'
+    to1: '12:00'
+  - day: sa
+    closed: true
+  - day: su
+    closed: true
+---

package/templates/local-business/content/hours.de.md

@@ -0,0 +1,5 @@
+---
+exceptions:
+  - reason: Teamfortbildung
+  - reason: Praxisurlaub
+---

package/templates/local-business/content/hours.md

@@ -0,0 +1,40 @@
+---
+week:
+  - day: mo
+    closed: false
+    from1: '07:30'
+    to1: '19:00'
+  - day: tu
+    closed: false
+    from1: '07:30'
+    to1: '19:00'
+  - day: we
+    closed: false
+    from1: '07:30'
+    to1: '19:00'
+  - day: th
+    closed: false
+    from1: '07:30'
+    to1: '19:00'
+  - day: fr
+    closed: false
+    from1: '07:30'
+    to1: '15:00'
+  - day: sa
+    closed: true
+  - day: su
+    closed: true
+exceptions:
+  - when:
+      from: 2027-01-22
+      to: 2027-01-22
+    reason: Team training
+    closed: true
+  - when:
+      from: 2027-07-12
+      to: 2027-07-25
+    reason: Practice holiday
+    closed: true
+holidayNoticeDays: 14
+holidays: closed
+---