Add templates, tests, and miscellaneous project files

Includes new page templates (fitness-gym, nonprofit, online-course,
photography-studio, real-estate, startup-company, travel-blog,
wedding-invitation) with thumbnail SVGs, test specs, documentation
files, and minor updates to index.html, router.php, and playwright config.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

templates/index.json

@@ -78,5 +78,105 @@
     "useCase": "Product launches, under construction, pre-launch",
     "file": "coming-soon.html",
     "colors": ["#8b5cf6", "#ec4899", "#1e1b4b"]
+  },
+  {
+    "id": "wedding-invitation",
+    "name": "Wedding Invitation",
+    "description": "Elegant wedding page with couple info, venue details, RSVP section, and countdown.",
+    "category": "Personal",
+    "tags": ["elegant", "romantic", "wedding", "personal"],
+    "useCase": "Weddings, engagements, anniversary celebrations",
+    "file": "wedding-invitation.html",
+    "colors": ["#d4a574", "#1a1a2e", "#fef3e2"]
+  },
+  {
+    "id": "nonprofit-charity",
+    "name": "Nonprofit & Charity",
+    "description": "Charity site with mission statement, impact statistics, donate CTA, and volunteer section.",
+    "category": "Business",
+    "tags": ["warm", "impactful", "nonprofit", "charity"],
+    "useCase": "Nonprofits, charities, foundations, social causes",
+    "file": "nonprofit-charity.html",
+    "colors": ["#16a34a", "#1e293b", "#f0fdf4"]
+  },
+  {
+    "id": "fitness-gym",
+    "name": "Fitness & Gym",
+    "description": "Bold gym page with class schedules, trainer profiles, membership pricing, and motivational CTAs.",
+    "category": "Business",
+    "tags": ["bold", "energetic", "fitness", "gym"],
+    "useCase": "Gyms, fitness studios, personal trainers, wellness centers",
+    "file": "fitness-gym.html",
+    "colors": ["#ef4444", "#18181b", "#fafafa"]
+  },
+  {
+    "id": "online-course",
+    "name": "Online Course",
+    "description": "Course landing page with curriculum overview, instructor bio, testimonials, and enrollment CTA.",
+    "category": "Business",
+    "tags": ["modern", "educational", "course", "learning"],
+    "useCase": "Online courses, workshops, coaching programs, e-learning",
+    "file": "online-course.html",
+    "colors": ["#8b5cf6", "#0f172a", "#f5f3ff"]
+  },
+  {
+    "id": "photography-studio",
+    "name": "Photography Studio",
+    "description": "Professional photography portfolio with gallery, about page, and contact form across 4 pages.",
+    "category": "Portfolio",
+    "tags": ["elegant", "visual", "photography", "portfolio"],
+    "useCase": "Photographers, visual artists, photo studios",
+    "pages": [
+      { "name": "Home", "slug": "index", "file": "photography-studio/home.html" },
+      { "name": "Gallery", "slug": "gallery", "file": "photography-studio/gallery.html" },
+      { "name": "About", "slug": "about", "file": "photography-studio/about.html" },
+      { "name": "Contact", "slug": "contact", "file": "photography-studio/contact.html" }
+    ],
+    "colors": ["#d4a574", "#1c1917", "#fafaf9"]
+  },
+  {
+    "id": "real-estate",
+    "name": "Real Estate Agency",
+    "description": "Professional real estate website with property listings, agency info, and contact across 4 pages.",
+    "category": "Business",
+    "tags": ["professional", "modern", "real-estate", "corporate"],
+    "useCase": "Real estate agencies, property managers, realtors",
+    "pages": [
+      { "name": "Home", "slug": "index", "file": "real-estate/home.html" },
+      { "name": "Listings", "slug": "listings", "file": "real-estate/listings.html" },
+      { "name": "About Us", "slug": "about", "file": "real-estate/about.html" },
+      { "name": "Contact", "slug": "contact", "file": "real-estate/contact.html" }
+    ],
+    "colors": ["#0ea5e9", "#0f172a", "#f8fafc"]
+  },
+  {
+    "id": "startup-company",
+    "name": "Startup Company",
+    "description": "Modern startup website with product features, team profiles, and contact across 4 pages.",
+    "category": "Business",
+    "tags": ["modern", "startup", "tech", "professional"],
+    "useCase": "Tech startups, SaaS companies, digital products",
+    "pages": [
+      { "name": "Home", "slug": "index", "file": "startup-company/home.html" },
+      { "name": "Product", "slug": "product", "file": "startup-company/product.html" },
+      { "name": "Team", "slug": "team", "file": "startup-company/team.html" },
+      { "name": "Contact", "slug": "contact", "file": "startup-company/contact.html" }
+    ],
+    "colors": ["#6366f1", "#0f172a", "#e0e7ff"]
+  },
+  {
+    "id": "travel-blog",
+    "name": "Travel Blog",
+    "description": "Vibrant travel blog with destination highlights, about the blogger, and contact across 4 pages.",
+    "category": "Personal",
+    "tags": ["vibrant", "adventurous", "travel", "blog"],
+    "useCase": "Travel bloggers, adventure writers, travel agencies",
+    "pages": [
+      { "name": "Home", "slug": "index", "file": "travel-blog/home.html" },
+      { "name": "Destinations", "slug": "destinations", "file": "travel-blog/destinations.html" },
+      { "name": "About", "slug": "about", "file": "travel-blog/about.html" },
+      { "name": "Contact", "slug": "contact", "file": "travel-blog/contact.html" }
+    ],
+    "colors": ["#f59e0b", "#1e293b", "#fffbeb"]
   }
 ]