feat: Add source code link

Author: ishansasika

.postcssrc.json

@@ -0,0 +1,5 @@
+{
+  "plugins": {
+    "@tailwindcss/postcss": {}
+  }
+}

CLAUDE.md

@@ -0,0 +1,100 @@
+# CLAUDE.md
+
+This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
+
+## Project Overview
+
+This is an Angular 21 template application integrated with Tailwind CSS 4. It uses standalone components (no NgModules), Vitest for testing, and npm as the package manager.
+
+## Development Commands
+
+**Start dev server:**
+```bash
+ng serve
+# or
+npm start
+```
+Server runs at http://localhost:4200/
+
+**Build:**
+```bash
+ng build                           # Production build (default)
+ng build --configuration development  # Development build
+npm run watch                      # Watch mode with development config
+```
+Build output: `dist/` directory
+
+**Testing:**
+```bash
+ng test        # Run all tests with Vitest
+npm test       # Same as above
+```
+
+**Generate code:**
+```bash
+ng generate component component-name
+ng generate --help  # See all available schematics
+```
+
+## Architecture
+
+### Component Structure
+
+This application uses Angular's standalone component architecture (no NgModules). Components are organized by type:
+
+- **Layout components** (`src/app/components/`): Reusable UI elements like Header and Footer
+- **Page components** (`src/app/pages/`): Route-level components (Home, About, Services, Contact)
+
+### Routing
+
+Routes are defined in `src/app/app.routes.ts`. The application uses eager loading for all routes with a catch-all redirect to home for unknown paths.
+
+### Styling
+
+**Tailwind CSS v4 Setup:**
+- **Global styles:** `src/styles.css` uses `@import "tailwindcss";` (v4 syntax, not `@tailwind` directives)
+- **Tailwind config:** `tailwind.config.js` (scans `src/**/*.{html,ts}`)
+- **PostCSS config:** `.postcssrc.json` (uses `@tailwindcss/postcss` plugin required for v4)
+- **Component styles:** Each component has its own `.css` file
+- The app supports both light and dark color schemes via `prefers-color-scheme`
+- Layout uses CSS flexbox with `.page-container` and `.content-wrapper` classes for sticky footer
+
+**Important:** This project uses Tailwind CSS v4 which requires:
+1. The new `@import "tailwindcss";` syntax instead of old `@tailwind` directives
+2. The `@tailwindcss/postcss` package and `.postcssrc.json` configuration
+
+### Application Bootstrap
+
+- Entry point: `src/main.ts`
+- App config: `src/app/app.config.ts` (provides router and global error listeners)
+- Root component: `src/app/app.ts` (includes RouterOutlet, Header, and Footer)
+
+### File Naming Convention
+
+Components use a simple naming pattern without `.component` suffix:
+- TypeScript: `component-name.ts`
+- Template: `component-name.html`
+- Styles: `component-name.css`
+- Tests: `component-name.spec.ts`
+
+Example: `header.ts`, `header.html`, `header.css`, `header.spec.ts`
+
+### Component Patterns
+
+Components use:
+- `imports` array instead of module declarations
+- `templateUrl` and `styleUrl` for external files
+- Standard Angular imports like `RouterLink`, `RouterLinkActive`, `CommonModule` as needed
+
+## Build Configuration
+
+Bundle size budgets (production):
+- Initial bundle: 500kB warning, 1MB error
+- Component styles: 4kB warning, 8kB error
+
+## Prettier Configuration
+
+Configured in `package.json`:
+- Print width: 100
+- Single quotes: enabled
+- Angular parser for HTML files

angular.json

@@ -2,7 +2,8 @@
   "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
   "version": 1,
   "cli": {
-    "packageManager": "npm"
+    "packageManager": "npm",
+    "analytics": "78d51b80-dbba-4aaf-afa5-274a424f1bea"
   },
   "newProjectRoot": "projects",
   "projects": {