A modern, white-label business dashboard built for digital agencies to provide their clients with real-time insights, site health monitoring, and AI-driven growth strategies.
- Multi-Client Support: Seamlessly switch between different client views (e.g., Landscaper, Wedding Planner, Cafe) with instant theme and data adaptation.
- Dynamic Theming: Custom CSS variable-based theming engine that completely transforms the look and feel for each client brand.
- Real-Time Analytics: Interactive charts for traffic, device usage, and sources using
chart.js. - Site Health Monitoring: Integrated with Google PageSpeed Insights API to provide real-time performance scores and actionable fix guides.
- AI Growth Engine: Powered by Google Gemini 2.5 Flash, offering:
- Blog Post Generator: Creates SEO-optimized content based on top-performing keywords.
- Strategy Advisor: Analyses site metrics to generate bespoke business growth strategies.
- Glassmorphism UI: A premium, modern interface design with frosted glass effects and responsive layouts.
- Framework: Next.js 15 (App Router)
- Language: TypeScript
- Styling: Tailwind CSS v4
- AI: Google Gemini API
- Performance: Google PageSpeed Insights API
- Charts: Chart.js & React Chartjs 2
- Icons: Lucide React
-
Clone the repository:
git clone https://github.com/nicola-empower/empower-command-centre.git cd empower-command-centre -
Install dependencies:
npm install
-
Set up environment variables: Create a
.env.localfile in the root directory and add your API keys:GEMINI_API_KEY=your_gemini_api_key PAGESPEED_API_KEY=your_pagespeed_api_key
-
Run the development server:
npm run dev
-
Open the app: Navigate to http://localhost:3000 in your browser.
The application currently features three distinct themes to demonstrate versatility:
- GreenLeaf Landscaping: Professional, nature-inspired green palette.
- Thistle & Rose Events: Elegant, high-end purple and pink palette.
- The Corner Drip Café: Modern, high-contrast Teal and Sage palette.
This project is licensed under the MIT License.
Nicola Berry | Empower Digital Solutions