> For the complete documentation index, see [llms.txt](https://bhplugin.gitbook.io/noctis/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://bhplugin.gitbook.io/noctis/getting-started.md). # Getting Started **Noctis** is a premium, animation-driven dark portfolio template built with the latest technologies β€” Next.js 16 (App Router), React 19, TypeScript 5, and Tailwind CSS v4. Designed for creative studios, design agencies, freelancers, and art directors, Noctis is a production-ready solution for showcasing work, services, and case studies with cinematic motion and a refined dark aesthetic. ## πŸ”₯ Key Features * βš™οΈ **Tech Stack:** Next.js 16 + React 19 + TypeScript 5 + Tailwind CSS v4 * 🎬 **Cinematic Animations** – Motion 12, GSAP 3 & Lenis smooth scroll, fully synced * πŸ–±οΈ **Signature Interactions** – Magnetic custom cursor, multi-phase preloader, film-grain overlay * πŸ“± **Fully Responsive Design** – Tailored layouts for mobile, tablet, and desktop * πŸš€ **Performance & SEO Optimized** – next/image, dynamic OG images, JSON-LD, sitemap & robots * β™Ώ **Accessibility First** – Reduced-motion support, keyboard navigation, ARIA & focus states * 🧩 **Data-Driven Content** – Edit projects, stats, services & posts in typed data files, no code changes * 🎨 **One-File Rebrand** – A single site-config drives brand, contact, metadata & links * 🌐 **Cross-Browser Compatible** ## πŸ“ What’s Included * Next.js 16 (App Router) project in TypeScript * 14+ pre-built, fully animated sections * Data-driven Journal / Blog with 6 ready-made posts * Tailwind CSS v4 design system with dark-mode design tokens * Detailed documentation for easy setup ## πŸ”₯ Noctis Template Features * Built with Next.js 16, React 19 & Tailwind CSS v4 * 100% TypeScript (strict mode) – no jQuery dependency * 14+ animated sections with scroll-driven reveals * Horizontal scroll work gallery with keyboard-navigable lightbox * Pinned manifesto & sticky scrubbing process timeline * Magnetic custom cursor & multi-phase preloader * Lenis smooth scroll synced with GSAP ScrollTrigger * Fully responsive, mobile-first layout * Premium dark template (Material Design 3-flavored palette) * Accessibility-minded: prefers-reduced-motion, ARIA, keyboard nav, skip link * SEO ready: JSON-LD structured data, dynamic OG/Twitter images, sitemap & robots * Organized folder structure * Clean & commented code * Well documented * FREE Lifetime Updates * 6 months of free support included * And much more… ## πŸ“„ Included Pages * 🏠 Home (single page with 14+ sections & anchor navigation) * πŸ–ΌοΈ Work / Portfolio (gallery + lightbox) * πŸ“° Journal / Blog * πŸ“„ Blog Details (6 posts) * ❓ FAQ * πŸ“§ Contact (form + dark map) * πŸ“œ Terms & Conditions * πŸ” Privacy Policy * ⚠️ Custom 404, Error & Loading States ## πŸ’‘ Use Cases * Creative Agencies & Studios * Freelance Designers & Art Directors * Photographers & Visual Artists * Branding & Design Studios * Personal & Solo Portfolios * Digital & Creative Agencies ## βœ… Why Choose Noctis? **Noctis** saves you weeks of design and development while delivering a stunning, high-end visual experience out of the box. Whether you're launching a studio site, presenting client case studies, or building your personal portfolio, Noctis gives you a polished foundation on the latest tech stack β€” no design work required. **Launch a fast, beautiful, motion-rich portfolio with Noctis. Stay modern, stay memorable.** ## 🌐 Browser Compatibility * 🟒 Google Chrome * πŸ”΅ Microsoft Edge * 🟠 Mozilla Firefox * 🧭 Safari ## ♻️ Free Lifetime Updates Buy once and get access to **all future updates** at no additional cost. We regularly release improvements, feature enhancements, and compatibility updates to keep your project modern and secure. ## πŸ’¬ Dedicated Support Need assistance? We're here to help! Your purchase includes **6 months of free support**, which can be extended anytime. Whether you need help with setup, bug fixing, or customization guidance, feel free to reach out. πŸ“§ Contact Support: [Click Here](mailto:bhplugin@gmail.com)