71 lines
2.5 KiB
Markdown
71 lines
2.5 KiB
Markdown
# 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)
|