MOJO.AI is a clean, modern template built specifically for AI agencies, tech consultancies, and B2B SaaS companies. It uses the latest Next.js 16 App Router and Tailwind CSS 4 to provide a fast, accessible, and easy-to-customise starting point for your next web project.

Please review the docs and showcase pages for a deep-dive overview.

🚀 Top 3 Features

  • Bleeding-Edge Tech Stack: Be among the first to leverage the power of Next.js 16 (App Router) and Tailwind CSS 4 for a future-proof foundation.
  • Developer-First Customisation: Effortlessly update content, services, and studies via centralised data files with zero JSX knowledge required and optimised for rapid deployment.
  • High-Converting Interactive UI: Engage visitors with a premium suite of components, including a global slide-in Contact Panel, fluid typography, and tactile micro-animations.

✨ Key Features

  • Fully Responsive Architecture: Impeccable display on everything from mobile phones up to Ultra-Wide monitors.
  • Premium Micro-Animations: Subtle, tactile transitions and hover states that create a "wow" factor for every visitor.
  • Interactive UI Components: Includes a slide-in contact panel, responsive mobile menu, FAQ accordions, and dynamic carousels.
  • Content-Decoupled Data: Easily update your site’s text, services, and studies through centralised data files with no deep-diving into JSX required.
  • Accessibility First (a11y): Built with semantic HTML and full keyboard navigation support to ensure an inclusive user experience.
  • Developer-Friendly: Clean, modular TypeScript code with centralised design tokens for rapid brand customisation.

🛠️ Full Technical Stack

  • Framework: Next.js 16 (App Router)
  • Styling: Tailwind CSS 4 (The latest in utility-first design)
  • Language: TypeScript
  • Icons: Lucide React & React Icons
  • Animations: Custom CSS Transitions & Micro-interactions
  • Typography: Space Grotesk (Premium Sans-Serif)
  • Accessibility: Focus-Trap-React
  • Performance: Next/Font & Next/Image Optimisation
  • Deployment: Cloudflare/Vercel Ready (OpenNext configuration included)

📦 What’s Inside the Package

  • Full Source Code: Well-documented Next.js project with App Router.
  • Template Documentation: A comprehensive HTML guide covering installation, customisation, and deployment.
  • Assets Directory: All SVG icons, illustrative patterns, and optimised images.
  • Design Tokens: Centralised CSS variables for quick colour and theme overrides.
  • Deployment Configuration: Ready-to-go for Cloudflare Pages.

🎧 Support & Updates

I am committed to maintaining this template with regular updates to ensure compatibility with future Next.js and Tailwind CSS releases. If you have questions, please send me a message.