🌐 MiniSource — Landing Page (Next.js 15 + React 19)

Official website and interactive microservices ecosystem visualizer for MiniSource built with Next.js 15 App Router, React 19, TypeScript, Tailwind CSS, Framer Motion, and HTML5 Canvas.

---

✨ Features

• 🌌 Live Interactive Microservices Topology: HTML5 Canvas graph rendering the entire MiniSource mesh (gateway, auth, storage, payment, notifier, cms, scheduler, comment, feedback, ticket, log).
• ⚡ Real-Time Data Packet Simulation: Dynamic particles flowing along bezier curves representing distributed messaging and RPC pipelines.
• 🎯 Direct Click-Through Navigation: Hover over any service node for uptime, SLA, and technology specs; click directly to navigate to its GitHub repository.
• 🎨 Modern Dark Cinema Theme: Built with Tailwind CSS design tokens, obsidian backgrounds, specular glassmorphism, and neon ambient glows.
• 🎬 Framer Motion Animations: Fluid spring physics, stagger entrances, and smooth filter transitions.
• 💻 Interactive Code Terminal: Tabbed multi-language snippets (Docker Compose, Go SDK, C# SDK, cURL) with one-click copy to clipboard.
• 🔍 Enterprise SEO & Structured Data: Complete OpenGraph, Twitter Cards, Semantic HTML5, and Schema.org SoftwareSourceCode JSON-LD metadata.
• 🐳 Production Docker Container: Multi-stage standalone Next.js build with alpine Node 20 runtime.

---

🚀 Getting Started

1. Local Development (NPM)

# Clone the repository
git clone https://github.com/minisource/landing.git
cd landing

# Install dependencies
npm install

# Start development server
npm run dev

# Open http://localhost:3000 in your browser

2. Run with Docker Compose

docker compose up -d

---

📁 Project Architecture

landing/
├── public/
│   └── assets/
│       ├── favicon.svg         # Modern vector favicon
│       └── logo.svg            # MiniSource Isometric Vector Logo
├── src/
│   ├── app/
│   │   ├── globals.css         # Tailwind & Glassmorphism design tokens
│   │   ├── layout.tsx          # Root layout with fonts, SEO & Schema.org LD-JSON
│   │   └── page.tsx            # Main landing page composition
│   └── components/
│       ├── Navbar.tsx          # Sticky blur header with mobile drawer
│       ├── TopologyHero.tsx    # Interactive HTML5 Canvas microservices topology
│       ├── MetricsBar.tsx      # Platform metrics & counter cards
│       ├── ServicesCatalog.tsx # Filterable catalog with 11+ microservice repositories
│       ├── ArchitectureBento.tsx # Bento grid with architecture highlights
│       ├── CodeTerminal.tsx    # Tabbed code terminal with copy button
│       ├── QuickStart.tsx      # 3-step getting started guide
│       └── Footer.tsx          # Ecosystem links & community CTA
├── next.config.ts              # Next.js 15 standalone config
├── tailwind.config.ts          # Tailwind theme configuration
├── tsconfig.json               # TypeScript compiler config
├── Dockerfile                  # Multi-stage Next.js standalone container
├── docker-compose.yml          # Container orchestration
├── .dockerignore               # Docker ignore rules
├── .gitignore                  # Git ignore rules
└── README.md                   # Project documentation

---

🚢 Production Deployment

# Build standalone production image
docker build -t minisource/landing:latest .

# Run container
docker run -d -p 3000:3000 --name minisource-landing minisource/landing:latest

---

📄 License

This project is licensed under the MIT License.