Project Management Landing Page
A premium SaaS landing page template with dark mode, billing toggle, live stats counter, realistic product mockup, and 12+ polished sections.
Description
A production-ready SaaS landing page template for project management and productivity products. Features a realistic kanban board mockup, dark mode with system preference detection, monthly/annual billing toggle with savings badge, animated stats counter, 3-step product tour with interactive tabs, security & trust badge grid, logo marquee with SVG brand logos, and a cookie consent banner. Every section is built with semantic Tailwind CSS tokens that auto-switch for dark mode. The indigo (nova) color palette is fully customizable via CSS variables. Includes Netlify Forms-ready email signup, scroll-spy navigation that hides on scroll, smooth reveal animations, FAQ with JSON-LD structured data, and an analytics slot in the layout head.
Features
- Dark mode (system + manual toggle)
- Realistic kanban board hero mockup
- Monthly/annual billing toggle with savings badge + crossfade price animation
- Animated stats counter on scroll
- 6 feature cards with Lucide icons
- 3-step how-it-works section with icons
- 6 integration cards with "View all 50+" CTA
- 3-tab product tour with interactive demo panel
- 3-tier pricing (Free/Pro/Enterprise) with Popular badge + comparison table
- 3 testimonial cards with rating aggregate (4.8/5) + carousel arrows + keyboard nav
- Security & trust badge grid (SOC 2
- GDPR
- SSO
- etc.)
- FAQ with JSON-LD structured data
- Cookie consent banner with localStorage
- SVG brand logo marquee with hover pause
- Email signup CTA with Netlify Forms (AJAX + loading spinner)
- Multi-column footer with social icons
- Sticky navigation with scroll-spy + hide-on-scroll + View Transition persistence
- Animated mobile hamburger menu with body scroll lock
- Scroll reveal animations throughout
- SEO ready (Open Graph
- Twitter Cards
- sitemap.xml
- robots.txt)
- View Transitions for smooth page navigation
- PWA manifest for install prompts
- OG image for social sharing
- Analytics slot (Plausible/GA/Umami)
- TypeScript + Tailwind CSS v4 + Lucide icons