# AI Website Template Wegwild

> The website for guided walking tours in small groups, where the guide points out in the photo what you see on the trail.

Wegwild is a complete template for small operators of guided walking tours, with 19 pages. Six tours in three landscapes, two on rock, two in forest and two by water, from South Tyrol to the Isle of Skye, with eight guests at most per guide. At its heart is the Viewfinder. Points sit in the landscape photo at the places a guide shows you on the trail, a gully with old snow, mist among the trees, rock polished smooth, and anyone who taps a point or reaches it by keyboard reads beside it what you see there and what it means for the tour. It runs on the home page and on each of the three landscape pages, and without JavaScript it becomes a numbered list with every text. Each tour adds a fact sheet, an elevation profile day by day, stages with distance and ascent and sample dates with free places, plus a calendar of 41 dates with filters by landscape and month, a price calculator with single room and deposit, five grades from a walk with some climbing to a high alpine tour, a packing list to tick off, live search in the header, six Tour Journal posts, four guides as initials and legal pages written as a guide to package travel.

- Price: €99 one-time, VAT included
- Industry: Guided walking tours
- Page: https://ai-website.com/templates/wegwild

## Pages included

- Home page with a full screen photo in which the word OUTDOORS stands between photo and cut out peaks, below it the headline, two buttons and a strip of four waypoints, then six tour cards in three landscapes, three reasons as tabs, a week outdoors with a photo collage, the Viewfinder in a spruce forest with three spots, four figures, the next five departures with one dot per place, three guest voices, four guides as initials and three Tour Journal posts
- Three landscape pages Rock, Forest and Water from one template, each opening with the Viewfinder, jump links to its two tours, and for every tour a fact sheet with length, distance, ascent, grade, highest point and accommodation, the guide as initials, meeting point, three photos, elevation profile, day by day plan with distance and ascent and sample dates with free places, then a comparison of both tours, a section on huts, bivouac or water, a guest voice and five questions
- Dates with three figures up top, a calendar of 41 sample dates by month, filters by landscape, month and free places only, a sentence for the empty case, the prices of all six tours without a high season surcharge, six inclusions and the terms for deposit, cancellation, weather and minimum group size
- On the Trail with a chapter index, five steps from enquiry to Tour Journal, five grades to choose from with the matching tours, four safety rules with emergency numbers per country, a packing list of 20 items in four groups that remembers its state in the browser, and seven questions before the first tour
- Guides with a quote up top, four people as initials with their own ground, story and a line of their own, four things a guide does all day, a table of qualifications and a section for new guides
- Tour Journal with a list of authors, a lead post, five more posts and the printed booklet after the tour, plus six posts with contents, six subheadings, the initials of the author, a box for the matching tour and further reading
- Book with grade cards up top, an enquiry with tour, date, group size and single room, a summary with tour price, total, deposit and free places, three steps to confirmation, a private date from six people and five questions on paying and cancelling
- Contact with a quote up top, three ways to reach the team with a status dot for opening hours, a form with topic and tour, directions to Base Camp by train, car and bike and five questions, a custom 404 page with all six tours and a legal notice with photo credits and privacy policy written as a guide for tour operators

## Scope

- 19 pages
- The Viewfinder with spots in the photo
- Elevation profile per tour
- Astro 7, static

## Design

- Colours: Slate #141b21, Limestone White #eef0ea, Lichen Green #b3b62e, Mist Grey #a4aba8
- Headline type: Lora, one italic word in lichen green on slate
- Body type: Outfit for body text, in capitals for kickers and labels

## Built for

- Small operators of guided walking and hut tours in groups who want to show before anyone enquires how hard a tour is, what a day brings and what it costs
- Hiking guides, mountain guides and outdoor schools with a few fixed tours, dates, grades and the standard information form for package travel
- Agencies that deliver websites for tour and travel operators again and again, reliably

## Not built for

- Glamping sites with tents and trips, Funkenmoos is built for that with its Night Window and travel terms
- Owners of holiday cabins and holiday homes without tours of their own, Lauschgrat suits them with a night value per place and a price calculator including tourist tax
- Operators of cycling holidays with evenings in the city, Kehrwelt is built for that with its Turning Line, journey chain and trip planning

## What is in the package

- `src/pages/ + src/data/site.ts`: 19 pages and the file that supplies tours, stages, dates, prices, spots, guides, grades, packing list and questions.
- `src/data/tourenbuch.ts + src/data/heros.ts`: The six Tour Journal posts with their sections and the openings of every page, plus the sentences of the scripts in src/data/texte.ts.
- `src/components/ + src/lib/`: 13 components from the Viewfinder and the elevation profile to the initial plaque, and the calculations for price, deposit and numbers in the language of the page.
- `src/assets/images/ + src/data/bildnachweis.json`: 65 photos from Pexels with credits for every image, alt texts in src/data/alt.ts.
- `CLAUDE.md + Wissen/`: The memory of the project with rules, audience, tone, build plan, SEO strategy and the duties of an operator of package travel.
- `.claude/skills/`: Seven skills for start, setup, copy, design, SEO, quality checks and system knowledge.
- `styleguide.html + LIZENZEN.md`: Colours, type scale and measured contrast, plus the licences for fonts and photos.

## FAQ

**What is the Viewfinder?**

The signature feature of the template. A landscape photo carries three points at the places a guide shows you on the trail, such as towering clouds over the ridge, a gully with old snow or a pool between boulders. Anyone who taps or clicks a point, or reaches it with Tab and Enter, reads in the list beside it what you see there and what it means for the tour. List and point stay in step, the arrow keys move through the list, and on desktop a label with a line points to the active spot.

**Where does the Viewfinder appear?**

On the home page with three spots in a spruce forest and as the opening of each of the three landscape pages Rock, Forest and Water, so twelve spots on four pages. Every spot is one entry with x, y, title and text in src/data/site.ts. The coordinates are percentages of the photo, the photo is never cropped, so a point sits in the same place at every screen width.

**Does the site work without JavaScript?**

Yes. Every heading and every text is there without scripts. The Viewfinder shows its points in the picture and all explanations as a numbered list, the elevation profile is complete, the calculator shows its starting value from the same calculation, the packing list consists of plain checkboxes, the calendar shows every date, tabs stack, questions stay open, and the phone menu still opens.

**How is Wegwild different from Funkenmoos, Lauschgrat and Kehrwelt?**

Funkenmoos is built for glamping sites with tents and trips and works out how dark the night gets. Lauschgrat is for owners of several holiday cabins with a night value in decibels and a price calculator including tourist tax. Kehrwelt sells cycling holidays without flying, with evenings in the city and a journey chain. Wegwild is for guided walking tours in small groups, with tours by landscape, stages and elevation profile, grades, dates with free places and a guide who points out in the photo what you see on the trail.

**What does the elevation profile show?**

For every tour the end point or highest point of each day in metres, on the Geisler High Route for example from 1,339 m in the Villnöss valley to 2,475 m at the Puez Hut. The curve is drawn, and values and labels sit below it as text that stays readable on the phone. It is fed from the stages of the tour, so a new stage changes the profile by itself.

**How does the price calculator work?**

Tour price times people, plus the single room times people if wanted, where the tour offers one, so €260 on Madeira, €180 on the Soča and €240 on Skye. The deposit is 20 per cent of the total. The starting value is two people on the Geisler High Route, so €2,580 and a €516 deposit. Fully booked dates are marked, you cannot pick more people than there are free places, and ?tour=soca in the address preselects the tour. The rule lives once in src/lib/rechner.ts, and the value without scripts comes from there too.

**How do the grades and the packing list work?**

The On the Trail page lists five grades from a walk with some climbing to a high alpine tour, with hours, ascent and a comparison with the Swiss hiking scale. Choosing a grade shows the matching tours, and grades 4 and 5 say honestly that there are none. The packing list has 20 items in four groups, including what the operator lends you, and remembers its ticks in the browser, not on a server.

**Is a guided walking tour with huts a package holiday?**

Tours over several days with accommodation and guiding are usually package travel under German law, and the template is built for that. Book and Dates name the standard information form and the protection certificate before the deposit, a 20 per cent deposit, the balance 30 days before the start, cancellation tiers with the note on lower actual loss, withdrawal in extraordinary circumstances and a replacement. The legal notice explains package travel, financial protection and guiding abroad. Check your own terms before going live, these notes are no legal advice.

**How does the calendar on the Dates page work?**

All 41 sample dates are listed by month from March to November, each with its free places or marked as fully booked. Filters choose the landscape, one month and dates with free places only, if nothing fits a sentence points to private group dates, and a button resets everything. The page works out the number of dates and free places from the data, it is never typed in by hand.

**Where do the dates and the year come from?**

Every date sits with its free places under its tour in src/data/site.ts, the season year once as saison. The dates are fixed samples for 2027 and age, so when you adapt the site your AI puts in your real dates. The edition of the Tour Journal comes from the newest post, the year in the footer from the build date.

**How do I add a new tour?**

With one entry under touren in src/data/site.ts, with landscape, region, days, distance, ascent, grade, highest point, accommodation, price, single room, guide, meeting point, stages and dates. From that come the section on the landscape page with elevation profile, the tour card, the dates in the calendar and the entries in the calculator, the search and the footer. The alt texts of the images are in src/data/alt.ts.

**Can people book directly on the site?**

No, there is no booking system built in. The Book page collects a non binding enquiry with tour, date, group size and single room, then the guide holds a pre-tour call, and the booking follows with standard information form, confirmation and protection certificate. If you use a booking system, your AI adds its link or embed to the form and buttons and adds it to the privacy policy and the consent dialog.

**What happens to an enquiry sent through the form?**

Enquiry, contact and Tour Letter check their required fields and the privacy checkbox, mark errors at the field, and the message disappears as you type. Then a confirmation appears, with the first name on enquiry and contact. Nothing is sent in the process. The forms use method="post", and your AI sets up delivery.

**What does the search in the header do?**

It finds tours, landscapes and pages as you type, works with the arrow keys and Enter and shows a sentence when nothing fits. On the phone the magnifier opens the menu with the search field. The index is built from the same data as the pages, so a new tour can be found straight away.

**Does it work for tours other than walking?**

Yes, with some adapting. Landscapes, stages, elevation profile, dates and calculator carry any guided tour over several days, such as snowshoeing, canoeing or pilgrimage. Your AI renames landscapes and grades and rewrites the spots in the Viewfinder. For cycling holidays with cities Kehrwelt is closer, and glacier tours with rope need safety texts of their own.

**Are the names, prices and people real?**

No. Operator, guides, prices, dates and testimonials are made up, and the footer of every page says so. The address in Kempten is an example, and the phone number comes from the range the German Federal Network Agency reserves for media. Regions, paths, peaks, stations and public huts on the route such as the Geisler peaks, the Säntis, the Levada do Caldeirão Verde, the Grosser Rachel, Lake Krn or the Quiraing are real, businesses and lodgings are not named.

**Are the spots accurate?**

They have been checked and explain what you really see at that place in the photo, without trail myths such as the moss compass. The photos do not show exactly the paths described, though. If you use your own photos, you write your own spots and place the points again, every spot is one entry in src/data/site.ts.

**Can I keep the photos?**

The 65 photos come from Pexels and are under the Pexels licence, none is AI generated, and for the opening the summit line of one is cut out. They show neither the tours described nor the guides. People appear in 17 photos, none with a recognisable face, and there is no model release. src/data/bildnachweis.json and the legal notice name the photographer for every image, the file also lists source and licence.

**Why are the guides shown without photos?**

Because no stock photo should stand next to a real name. Moritz, Vroni, Tilo and Kaja appear as initial plaques with their own ground, background and a line of their own, and the note below says that photos of your own team belong there. Guest testimonials have no faces and are marked as sample voices.

**Does the site load anything from third party servers?**

No. Lora and Outfit live in public/fonts/, the photos in the project, and the mark, elevation profile and icons are drawn. The browser runs its own JavaScript without a library, around 6 KB gzipped. The cookie dialog with three equal buttons writes the choice to the dataLayer, statistics and marketing are not connected to any service.

**Are search engines and share images prepared?**

Yes. Every page has its own title, description and breadcrumbs, plus a TravelAgency schema with address and opening hours. Every tour carries TouristTrip with stages and offer, the landscape pages, On the Trail, Book and Contact carry FAQPage, Contact also ContactPage, and the posts BlogPosting. Astro builds the share images at 1200 by 630 pixels from a photo of each page. Legal notice, privacy and 404 are set to noindex and left out of the sitemap.

**How does the template address visitors?**

Informally throughout, and the operator speaks as we. The sentences of the scripts are in src/data/texte.ts, the openings of the pages in src/data/heros.ts, tours, landscapes, guides and questions in src/data/site.ts and the posts in src/data/tourenbuch.ts. Your AI switches to a formal tone if your company prefers it.

**Is the site included in English?**

Yes. In the English package the whole website is in English, with an English knowledge layer and English skills. The scripts format numbers, euros and dates through the browser in the language of the page.

**Where can I host the site?**

Anywhere that serves static files. Astro builds the site into a folder of finished HTML that you upload to your host. Before that your AI sets your own domain in astro.config.mjs and robots.txt, and the website derives every other address from it.

**Do I own the template?**

Yes. Pay once and it is yours forever, for your own projects and client projects. You get the complete source code with no watermark.

**Do I need to know how to code?**

No. You tell your AI in the project folder what should change, and it finds the right place through CLAUDE.md and the seven skills. If you want to work by hand, tours, stages, dates, prices and spots are in src/data/site.ts and the posts in src/data/tourenbuch.ts.

---

Canonical page: https://ai-website.com/templates/wegwild · German: https://ai-website.com/de/templates/wegwild · All templates: https://ai-website.com/llms.txt