Working Dev's Hero

AI-Enabled Software Development Company

Website • X (Twitter) • GitHub • LinkedIn

---

🦸 About

This is the marketing website for Working Dev's Hero (WDH) — an AI-enabled software development company helping businesses harness the power of artificial intelligence and modern technologies.

What We Do

• Full-Stack Product Development — Building customer-facing applications with AI as a force multiplier
• Operations & AI Integration — Helping businesses overhaul internal processes to unlock AI's potential
• Strategic Consulting — Guiding organizations to leverage AI for maximum effectiveness

---

🚀 Tech Stack

Technology	Purpose
Astro	Static site generator
Tailwind CSS	Utility-first styling
MDX	Blog content with JSX support
Sharp	Image optimization

---

📁 Project Structure

workingdevshero-web/
├── public/              # Static assets (images, favicon)
├── src/
│   ├── assets/          # Optimized images
│   ├── components/      # Astro components
│   │   ├── layout/      # Header, Footer
│   │   └── ui/          # Reusable UI components
│   ├── content/         # MDX blog posts & content
│   ├── layouts/         # Page layouts
│   ├── pages/           # Route pages
│   ├── styles/          # Global CSS
│   └── utils/           # Helper functions
├── astro.config.mjs     # Astro configuration
├── tailwind.config.mjs  # Tailwind configuration
└── tsconfig.json        # TypeScript configuration

---

🛠️ Getting Started

Prerequisites

• Node.js 18+
• npm or pnpm

Installation

# Clone the repository
git clone https://github.com/bobbyg603/workingdevshero-web.git

# Navigate to project
cd workingdevshero-web

# Install dependencies
npm install

Development

# Start dev server at localhost:4321
npm run dev

# Build for production
npm run build

# Preview production build
npm run preview

---

🎨 Brand Colors

Color	Hex	Usage
Primary	#4A1942	Brand purple, headings
Secondary	#7C3AED	Accent purple, links
Accent	#F59E0B	CTAs, highlights
Dark	#1E1B4B	Dark backgrounds
Hero	#D35400	Sidekick mascot orange

---

📝 Adding Blog Posts

Create a new .mdx file in src/content/blog/:

---
title: "Your Post Title"
description: "A brief description"
pubDate: 2025-01-01
author: "bobbyg603"
heroImage: "/images/blog/your-image.png"
categories: ["AI", "Software"]
tags: ["ai", "development"]
---

Your content here...

---

🌐 Deployment

This site is configured for static hosting. Build output goes to dist/.

npm run build

Deploy the dist/ folder to any static hosting provider:

• Cloudflare Pages
• Netlify
• Vercel
• GitHub Pages

---

📄 License

ISC © Working Dev's Hero LLC

---

Built with 🤖 AI + ❤️ Human Expertise