emerald-high

byGodswill Eduwoh

Create a high-end, 3D interactive portfolio website for an AI Automation Agency with a dark, sleek aesthetic. Use a dominant palette of deep obsidian black (#0B0C10) and warm metallic gold (#D4AF37), balanced with dark charcoal gray for card backgrounds and subtle glowing amber accent highlights. Layout Structure & Sections: Hero Section: Bold headline showcasing "AI & Automation Engineering", interactive 3D metallic grid or floating geometric shape, clear tagline, and dual Call-to-Action buttons ("View Systems" in solid gold, "Book a Strategy Call" in outlined gold). Metrics & Impact Bar: Modern counter bar displaying key client results (e.g., hours saved, processes automated, ROI generated). Interactive 3D Services Grid: Hoverable cards featuring core offerings: AI Lead Triage & Lead Scoring Systems Custom Agentic Workflows & Multi-App Integrations CRM & Operations Automation Custom Web Application Development Featured Case Studies / Project Showcase: Card grid with hover effects, tags for tools used (n8n, Python, Webhooks, APIs), system architecture workflow previews, and "Live Demo / Case Study" links. Tech Stack Grid: Modern dark cards displaying workflow engines, database tools, CRM integrations, and AI models. Contact & Booking Section: Streamlined lead-capture form and direct calendar booking link with a glowing gold border. Design & Typography: Modern sans-serif typography with ultra-clean hierarchy. Glassmorphism effect on dark cards (semi-transparent charcoal background with subtle gold borders). Smooth scroll animations, subtle 3D hover tilt effects on project cards, and elegant gold ambient lighting. Fully responsive layout optimized for desktop, tablet, and mobile.