ARCH - AI Senior Engineer Mentor

Think like a senior engineer. Build with confidence.

A landing page for ARCH, an AI-powered mentorship tool that helps junior and mid-level engineers master system design and architecture thinking.

🎯 What is ARCH?

ARCH guides engineers through:

• Socratic Questioning - Clarifying requirements before coding
• PRD Generation - Creating comprehensive product requirement documents
• Architecture Options - Comparing different approaches with real tradeoffs
• System Design - Visualizing architecture with diagrams
• Sprint Planning - Breaking down projects into learning-focused tasks

This is not a code generator. It's a thinking partner that teaches system design.

🚀 Tech Stack

• React 19 + TypeScript
• Vite - Build tool
• Framer Motion - Animations
• Tailwind CSS - Styling
• Lucide React - Icons

📦 Getting Started

# Install dependencies
npm install

# Run development server
npm run dev

# Build for production
npm run build

# Preview production build
npm run preview

🌐 Deployment

This project is configured for GitHub Pages deployment.

# Build and deploy
npm run build

Then push the dist folder to your gh-pages branch or configure GitHub Pages to serve from the dist directory.

📁 Project Structure

├── components/          # React components
│   ├── Hero.tsx        # Landing hero section
│   ├── Problem.tsx     # Problem statement
│   ├── HowItWorks.tsx  # 5-step workflow
│   ├── Features.tsx    # Feature grid
│   ├── Pricing.tsx     # Pricing tiers
│   └── ui/             # UI components
├── App.tsx             # Main app component
├── index.tsx           # Entry point
└── index.html          # HTML template

🎨 Features

• Responsive design
• Smooth animations with Framer Motion
• Waitlist email collection
• Clean, modern UI
• Fast performance

📝 License

Private project - All rights reserved

Built with ❤️ for engineers who want to level up