Skip to content

Add three new client websites and building inspection AI app#34010

Closed
WebWelho wants to merge 8 commits intoanthropics:mainfrom
WebWelho:claude/implement-mcp-server-DLGzl
Closed

Add three new client websites and building inspection AI app#34010
WebWelho wants to merge 8 commits intoanthropics:mainfrom
WebWelho:claude/implement-mcp-server-DLGzl

Conversation

@WebWelho
Copy link
Copy Markdown

Summary

This PR adds three complete new projects to the repository:

  1. Remontti Työrönkainen — A premium landing page for a Finnish renovation company
  2. AutomaattiLinja — A landing page for an AI-powered phone answering service
  3. Building Inspection AI — A full-stack web application for professional building inspection reports

Key Changes

New Websites (Landing Pages)

  • remontti-website/index.html — Single-page site with hero section, service showcase, testimonials, pricing, and FAQ for a renovation business. Includes smooth scrolling, animations, and responsive design with gold/dark theme.
  • automaattilinja-website/ — Complete AI phone answering service landing page with:
    • Comprehensive CSS styling system with design tokens and animations
    • Interactive demo section with call timer and transcript display
    • FAQ accordion with smooth interactions
    • Responsive navigation with mobile menu
    • JavaScript for navbar scroll effects, mobile menu, and interactive elements
    • Setup guide for latency optimization when integrating with voice APIs

Building Inspection AI Application

A full-stack TypeScript/React application for Finnish building inspectors:

Frontend (React + Vite + TypeScript)

  • Dashboard for managing inspection reports with CRUD operations
  • Report editor with tabbed interface (property info, inspection details, summary)
  • Category-based observation system with voice recording support
  • Photo capture with AI-generated captions using Claude Vision
  • Real-time markdown rendering of AI-processed observations
  • PDF export functionality with professional formatting
  • Local storage persistence for reports
  • Responsive UI with Tailwind CSS

Backend (Express + TypeScript)

  • Claude Opus 4.6 integration for AI services:
    • Transcription and professionalization of raw observations
    • Technical theory addition with building code references
    • Photo caption generation via vision API
    • Findings and final summary generation
    • Streaming responses for real-time feedback
  • RESTful API endpoints for all AI operations
  • CORS and environment configuration

Key Features

  • Voice-to-text recording with browser Speech Recognition API
  • AI-powered text enhancement maintaining professional Finnish standards
  • Automatic photo analysis and captioning
  • Urgency level classification (välitön, 1-2v, 3-5v, seurattava, ei_toimenpiteitä)
  • PDF report generation with color-coded urgency indicators
  • Support for building inspection categories (foundation, walls, roof, etc.)

CI/CD

  • GitHub Actions workflow for deploying all website folders to GitHub Pages
  • Automatic portfolio index generation linking to all deployed sites
  • Triggered on pushes to main/master branches and Claude feature branches

Implementation Details

  • All three projects use modern web standards (HTML5, CSS3, ES6+)
  • Websites use custom CSS with CSS variables for theming
  • Building inspection app uses TypeScript for type safety across full stack
  • Claude API integration uses streaming for better UX on long-running operations
  • PDF generation uses jsPDF with custom formatting for inspection reports
  • Voice recording uses native Web Speech API with fallback support

https://claude.ai/code/session_01VCaziwff1socCjS4AtycYA

claude and others added 8 commits March 9, 2026 11:53
Full-stack web application for professional building inspection reports
targeting the Finnish market.

## Features

**AI (Claude Opus 4.6 + adaptive thinking + streaming):**
- Voice dictation → professional Finnish text (transcription)
- Auto-add technical theory + Finnish building regulations (RT-cards, RakMK)
- Claude Vision auto-captions for inspection photos
- AI-generated findings summary table (urgency-sorted)
- AI-generated final report summary with condition rating

**Field data collection:**
- Web Speech API voice recorder (fi-FI locale)
- Camera integration per inspection category
- Auto-placement of photos under correct headings
- 13 standard inspection categories (foundations → yard)

**Report generation:**
- Professional jsPDF export with cover page, findings table, photos
- Urgency classification (Välitön / 1-2v / 3-5v / Seurattava)
- Auto-save to localStorage, no database needed

**Tech stack:** React 18 + TypeScript + Vite + Tailwind CSS + Express.js

https://claude.ai/code/session_01JDAjyyLLWsxD3ZgHGC8XYo
…-ai-app-1G4jF

feat: add KuntotarkastusAI – AI-powered building inspection app
Complete single-page website with premium dark/gold design:
- Hero section with fullscreen background, animated stats, dual CTAs
- Trust bar with certifications and value propositions
- Services grid (6 palvelua) with hover effects
- Why Us section with image + 4 key differentiators
- Portfolio gallery with 5 project references
- 4-step process section
- Testimonials (3 genuine-looking reviews)
- CTA banner
- Contact form with success state animation
- Fully responsive mobile layout with hamburger menu
- Scroll-reveal animations, sticky navbar, smooth scrolling

https://claude.ai/code/session_01HbXitLMKaK2Po399R55Ad9
- Scans all *-website/ folders and deploys them to GitHub Pages
- Generates a portfolio index page with live preview links + copy buttons
- Posts a PR comment with a table of live links after every push
- Supports all future client sites automatically (no config needed)

https://claude.ai/code/session_01HbXitLMKaK2Po399R55Ad9
Professional landing page for AI-powered phone answering service targeting
Finnish SMBs. Includes demo call section, pricing tiers, FAQ, comparison
table, testimonials, and voice AI latency optimization guide.

- Dark premium design with animations and phone mockup
- Mobile-first responsive layout
- Interactive call transcript simulation
- Vapi/Retell AI configuration guide for sub-1s latency
- Pilot program setup with cost analysis

https://claude.ai/code/session_01VCaziwff1socCjS4AtycYA
Switching to Vercel for hosting. Removes automaattilinja-website,
remonttityoronkainen-website, and the deploy-websites workflow.

https://claude.ai/code/session_01VCaziwff1socCjS4AtycYA
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants