f00d438d66
The hero widget looked up a hardcoded preset or a generic templated result for any domain typed in, after a scripted 700ms delay — it never actually looked at the site. It now calls a real, rate-limited endpoint on app.crawlerx.co that crawls the submitted URL and reports an actual finding, with an honest error (not a fabricated result) when a site is unreachable or blocks crawlers. The fake "Approve and push to CMS" button is replaced with a sign-up CTA, since pushing to a client's CMS needs that client's own connected credentials, not something an anonymous visitor can authorize. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
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-domwith 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
npm install
2. Run Local Development Server
npm run dev
The application will launch on http://localhost:5173.
3. Production Build
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
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