Nexus AI

Nexus AI is a premium AI SaaS marketing website built with Next.js, React, TypeScript, Tailwind CSS, and Lucide icons. The site presents a futuristic AI automation platform with a polished dark interface, responsive navigation, product pages, pricing, authentication screens, and a dashboard preview.

Overview

The project started from a basic Next.js starter and was expanded into a complete multi-page website based on the Nexus AI product specification. It is designed as a professional landing and product experience for an AI platform focused on intelligent automation, agent orchestration, model routing, governance, analytics, and enterprise workflow control.

Live Pages

• / - Landing page
• /features - Platform capabilities
• /pricing - Pricing tiers with monthly/annual toggle
• /about - Company and mission page
• /blog - Blog/article listing
• /contact - Contact and inquiry form
• /careers - Careers listing
• /login - Login screen
• /signup - Signup screen
• /dashboard - Dashboard preview

Features

• Responsive sticky navigation with mobile menu
• Premium dark theme with crimson, violet, and blue accents
• Animated AI orb hero visual
• Feature cards with hover states
• Dashboard preview with workflow metrics
• Pricing cards with interactive monthly/annual toggle
• Testimonials section
• Contact and authentication forms
• Reusable data-driven sections and site shell components
• Production-ready static build across all routes

Tech Stack

• Next.js 16
• React 19
• TypeScript
• Tailwind CSS 4
• Lucide React
• ESLint

Project Structure

src/
  app/
    about/
    blog/
    careers/
    contact/
    dashboard/
    features/
    login/
    pricing/
    signup/
    globals.css
    layout.tsx
    page.tsx
  components/
    pricing-toggle.tsx
    sections.tsx
    site-shell.tsx
  lib/
    site-data.ts

Getting Started

Install dependencies:

npm install

Run the development server:

npm run dev

Open:

http://localhost:3000

Build for production:

npm run build

Run linting:

npm run lint

Development Notes

• The main content and page data live in src/lib/site-data.ts.
• Shared layout components are in src/components/site-shell.tsx.
• Reusable page sections are in src/components/sections.tsx.
• Client-side interactivity is isolated in client components such as pricing-toggle.tsx and site-shell.tsx.
• Styling is handled through Tailwind utilities and custom global CSS in src/app/globals.css.

Verification

The project has been verified with:

node node_modules/eslint/bin/eslint.js src --no-cache
./node_modules/.bin/next.cmd build

The production build generates all expected routes successfully.

Purpose

This project is intended as a polished AI SaaS website prototype and portfolio project demonstrating:

• Modern frontend development
• Responsive product website design
• Component-based architecture
• Multi-page Next.js routing
• Interactive UI states
• Professional product storytelling