Portfolio Case Study — Content Architecture

Olympias Athena — 34 Pages, One Source of Truth

A family-owned Dal Lake houseboat, personally hosted by its owner, needed a content library deep enough to compete for every real Kashmir travel search — without turning every new page into a manual footer-and-nav edit. So the navigation builds itself.

View Live Site Back to Portfolio

34Pages in the Registry

4.9★15+ Rooms

1JSON File Drives It All

Olympias Athena

Houseboats · Ghat No. 13, Dal Lake, Srinagar

Dal Lake Houseboats Family-Owned Content-First SEO

📍 Boulevard Road, Ghat No. 13, Dal Lake, Srinagar
🌐 olympiasathena.com
🛠️ Built & maintained by Abrar Ali

Quick Answer

Olympias Athena Group of Houseboats is a family-owned luxury houseboat at Ghat No. 13, Boulevard Road, Dal Lake, Srinagar, personally hosted by owner Saif ul Rehman Guroo — hand-carved walnut woodwork, papier-mâché ceilings, 100% lake-view rooms, 4.9★ rated. I built a 34-page site around that story — rooms, an extensive Kashmir and Dal Lake destination guide library, and a JSON-driven footer system where every page's navigation, schema and links are generated automatically from a single registry file.

Quick Facts

Client	Olympias Athena Group of Houseboats
Owner	Saif ul Rehman Guroo
Industry	Luxury Houseboats / Hospitality
Location	Ghat No. 13, Boulevard Road, Dal Lake, Srinagar
Pages Built	34 (registry) / 70+ (sitemap)
Rating	4.9★, 15+ Rooms

The Brief

Challenge & Solution

A personal, family-run business trying to compete against big Dal Lake houseboat platforms for a huge range of searches.

The Challenge

Competing against much larger houseboat operators and OTAs for Dal Lake and Kashmir travel search terms.

A genuinely personal story — the owner hosting every guest himself — that needed to read as real, not templated.

A content plan spanning 30+ pages (rooms, guides, comparisons, itineraries) that would be unmanageable to keep consistent by hand.

Every new page normally meaning a manual footer and navigation edit, multiplied across dozens of files.

The Solution

A deep destination and guide library — itineraries, safety, cost breakdowns, comparisons, photography and Wazwan guides — covering real search intent, not just brochure pages.

Real Person schema tied to owner Saif ul Rehman Guroo, reinforcing that this is a genuinely owner-hosted stay, not a managed listing.

A single pages-registry.json file as the source of truth for every page's title, category and description.

A footer script that reads that registry and builds navigation, schema and links automatically — add one JSON entry, every page updates.

What Was Built — Content

A Library, Not a Brochure

Real Kashmir travel questions, each answered on its own dedicated page.

Room & Service Pages

Dedicated pages for each houseboat and room type, plus a full services overview.

Destination Guides

Srinagar, Gulmarg, Pahalgam and Sonamarg guides, each covering what travelers actually search for — gondolas, valleys, best time to visit.

Dal Lake Deep-Dives

How houseboats are built, the Shikara ride experience, sunrise photography spots, and an hour-by-hour guest itinerary.

Decision-Stage Content

Houseboat vs. hotel comparisons, a cost breakdown by tier, and a 7-point checklist for spotting quality houseboats.

Culture & Planning Guides

A Kashmiri Wazwan guide, a 7-day itinerary, an honest safety guide, and how-to-reach-Srinagar logistics.

Owner-Led Trust Content

An About page built entirely around Saif ul Rehman Guroo's real story — not a generic "our team" placeholder.

Why This Case Study Is Different

A Footer That Builds Itself

The real technical story here isn't any single page — it's how 34+ pages stay consistent without 34+ manual edits.

One Registry File

pages-registry.json lists every page — URL, title, category, priority, description. Add a line, the whole site updates.

Auto-Categorised Footer

partial.js reads the registry and groups pages into Company, Quick Links, Destinations, Services and Blog columns automatically.

24-Hour Local Caching

The rendered footer is cached client-side for a day, so repeat visits don't re-fetch and rebuild the registry every time.

Auto Schema Injection

Structured data is generated as part of the same footer render — one system, not a separate schema step per page.

Batch Rollout Script

A Node.js script scans every HTML file and injects the footer script tag automatically — 30+ pages updated in one run, not one edit each.

Config-Driven Features

Top CTA bar and floating contact buttons are simple on/off flags in the same config — no code changes to toggle them.

What Was Built — Front End

Polished, Without a Framework

Every interaction is plain JavaScript — no dependency, no build step.

Gallery Lightbox

A clean, keyboard-friendly lightbox for browsing houseboat and Dal Lake photography.

Testimonial Slider

A responsive slider showing 1–3 testimonials at a time depending on screen width.

Timed Booking Popup

A booking prompt that appears after 10 seconds on the homepage only — not an intrusive interrupt on every page.

FAQ Accordion

Single-open accordion behaviour — asking a new question closes the previous answer automatically.

FAQ

Frequently Asked Questions

What is Olympias Athena Group of Houseboats?

Olympias Athena Group of Houseboats is a family-owned luxury houseboat at Ghat No. 13, Boulevard Road, Dal Lake, Srinagar, personally hosted by owner Saif ul Rehman Guroo, with 15+ rooms and a 4.9 star rating.

What was built for Olympias Athena?

A 34-page website covering rooms and services, a full Dal Lake and Kashmir destination guide library, and a JSON-driven footer system that auto-generates and updates navigation across every page from a single registry file.

What makes the footer system on this site different?

Instead of hardcoding the footer on every page, a single pages-registry.json file lists every page with its title, category and description. A script (partial.js) reads that file and builds the footer, schema and navigation automatically, with 24-hour caching — adding a new page means editing one JSON file, not every HTML file.

How does the site handle scaling to dozens of pages without manual work?

A Node.js batch script scans every HTML file in the project and injects the shared footer script tag automatically, so rolling the footer system out across 30+ pages took one script run instead of 30+ manual edits.

Can a similar content-first, self-updating website be built for another hospitality business?

Yes. Any hospitality or tourism business that needs a large, growing content library — destination guides, room pages, comparison content — can use the same registry-driven navigation approach to scale without a manual footer or nav edit on every new page.