JudeVantage/ghana-website-builder

Template-based website builder for Ghana businesses - barbershops, restaurants, and more # 🇬🇭 Ghana Website Builder **AI-powered template system for deploying professional business websites in minutes.** Built for Ruth's web design business in Ghana, targeting local businesses (barbershops, restaurants, salons). --- ## 🎯 Project Overview ### Problem - Manual website creation is time-consuming (hours per site) - Copying and editing templates leads to inconsistencies - Writing unique content for each client is repetitive - Deployment process is manual and error-prone ### Solution - **3 professional template variants** for barbershops - **AI-powered content generation** using Claude API - **Config-based customization** (no code editing required) - **One-command deployment** to Vercel - **2-3 minute** deployment time per site --- ## ✨ Features ### Template Variants 1. **Modern** - Clean, minimalist, professional 2. **Luxury** - Dark, premium, sophisticated 3. **Classic** - Traditional barbershop aesthetic Each variant includes: - ✅ Responsive hero section with CTA - ✅ Services showcase (4+ services) - ✅ About section with images - ✅ Photo gallery (8 images) - ✅ Contact information with map - ✅ WhatsApp floating button - ✅ Booking modal (sends to WhatsApp) - ✅ Mobile-responsive design - ✅ Smooth animations (Framer Motion) ### Tech Stack - **Framework:** Next.js 14 (App Router) - **Language:** TypeScript - **Styling:** Tailwind CSS - **Animations:** Framer Motion - **Icons:** Lucide React - **Deployment:** Vercel - **AI:** Claude 3.5 Sonnet (Anthropic) --- ## 🚀 Quick Start ### Prerequisites ```bash node -v # v14 or higher npm -v # v6 or higher ``` ### Installation ```bash # 1. Clone repository git clone cd website-builder # 2. Install dependencies npm install # 3. Set up environment cp .env.example .env # Add your ANTHROPIC_API_KEY to .env # 4. Login to Vercel (for deployment) npm install -g vercel vercel login ``` ### Deploy Your First Site ```bash # Use example config node deploy-site.js --config config-examples/barbershop-mod …