Community

About

Infiner - AI/SaaS Landing Page Template Overview: A premium, production-ready Next.js 15 template designed for AI startups, SaaS companies, and API platforms. Built with App Router, TypeScript, Tailwind CSS v4, and shadcn/ui components. Features buttery-smooth animations, dark/light theme support, and a comprehensive set of pages to launch your product fast. Pages Included (14 Routes) Marketing Pages - Homepage (/) - Hero section with animated grid background, features bento grid, testimonials wall of love, pricing cards, FAQ accordion, and logo marquee - About (/about) - Company stats, team member cards with grayscale-to-color hover effects, mission statement, and company values grid - Blog (/blog) - Blog listing with featured post hero and article grid - Blog Post (/blog/[slug]) - Individual articles with markdown rendering, author info, share buttons, and related posts - Contact (/contact) - Contact form with validation Product Pages - Models (/models) - Filterable data table showcasing AI models with specs - Playground (/playground) - Interactive AI chat interface with code preview panel - Docs (/docs) - Documentation page with code blocks and copy functionality Authentication Pages - Login (/login) - Sign in form with social login placeholders - Sign Up (/signup) - Registration form with terms acceptance - Forgot Password (/forgot-password) - Password reset flow Legal Pages - Terms of Service (/terms) - Legal terms page - Privacy Policy (/privacy) - Privacy policy page Developer Tools - Style Guide (/style-guide) - Complete design system reference with colors, typography, buttons, and component examples Key Features Design & UX - Dark, light, and system theme modes with seamless switching - Subtle animated grid background with radial fade effect - Buttery-smooth scrolling powered by Lenis - Responsive mobile menu with staggered animation - Scroll-triggered animations on feature cards - Grayscale-to-color team member photo transitions - Consistent design tokens and spacing system Performance - Lazy-loaded images for below-fold content - Optimized Next.js Image component usage - No layout shift with proper image dimensions - Prepped Vercel Analytics and Speed Insights (commented, ready to enable) Accessibility - Skip-to-content link for keyboard navigation - ARIA labels on all icon-only buttons - WCAG AA color contrast compliance - Semantic HTML structure - Focus-visible states on interactive elements Developer Experience - TypeScript throughout - Clean component architecture - SEO metadata on all routes - Comprehensive README with setup instructions - CUSTOMIZATION.md guide for theming - Style guide page for design reference - No required integrations - works standalone Tech Stack - Next.js 15 (App Router) - React 19 - TypeScript - Tailwind CSS v4 - shadcn/ui components - Lenis smooth scroll - next-themes - Lucide icons Quick Start - Clone or download the template - Run `npm install` - Run `npm run dev` - Customize branding in `public/` and `globals.css` - Deploy to Vercel Support Questions or need help customizing? Reach out: - Vercel Community - community.vercel.com - Twitter/X - @Webrenew_