# CrawlerX — Official Brand & Operations Platform Website

The official multi-page marketing and product website for **CrawlerX**, the unified SEO operations platform built for modern agencies and search professionals.

> **Find it. Fix it. Prove it.**

---

## 🌟 Key Architecture & Highlights

- **Multi-Page Routing**: Powered by `react-router-dom` with smooth scroll restoration:
  - `/` — Platform Overview, Live Interactive Audit Simulator, CMS Webhook Push, & ROI Calculator
  - `/features` — Deep dive into all 6 platform engines with live diagnostic mocks
  - `/pricing` — Multi-currency switcher (INR ₹, USD $, CAD $), Annual/Monthly toggle (2 months free discount), and detailed plan matrix
  - `/agencies` — Purpose-built Agency OS page with multi-client portfolio switcher and retainer economics
  - `/compare` — Honest comparison against legacy platforms (Semrush, Ahrefs, SE Ranking)
  - `/blog` — Filterable field notes, technical guides, and agency playbooks
  - `/contact` — 15-minute agency consultation & demo scheduling
- **Dual-Theme Design System**: Obsidian dark mode and high-contrast light mode with glassmorphic top navigation.
- **Brand Lockup**: Minimalist, integrated logo mark directly alongside the typography without enclosing container boxes.

---

## 🚀 Quick Start

### 1. Install Dependencies
```bash
npm install
```

### 2. Run Local Development Server
```bash
npm run dev
```
The application will launch on `http://localhost:5173`.

### 3. Production Build
```bash
npm run build
```
Generates an optimized static bundle in the `dist/` folder ready for deployment on Cloudflare Pages, Vercel, Netlify, or AWS Amplify.

### 4. Local Build Preview
```bash
npm run preview
```

---

## 📁 Project Structure

```
crawlerx-react/
├── public/                 # Favicons and static assets
├── src/
│   ├── components/         # Shared Header, Footer, BrandLogo, ScrollToTop
│   ├── pages/              # Multi-page views (Home, Features, Pricing, Agencies, Compare, Blog, Contact)
│   ├── assets/             # Brand SVGs and symbols
│   ├── App.jsx             # Main Router and layout root
│   ├── main.jsx            # React root with BrowserRouter
│   └── index.css           # Design tokens, themes, and layout rules
├── package.json
└── vite.config.js
```

---

## 🏢 Organization
A product of **Metatroncube Software Solutions**.
- Production Web App: [app.crawlerx.co](https://app.crawlerx.co)