A modern SaaS landing page showcasing AI-powered marketing automation platform with glassmorphism design and smooth animations.
This project was designed, developed, and deployed in under 6 working hours as a rapid prototyping challenge.
- Modern Design: Glassmorphism UI with dynamic gradients
- AI-Focused: Marketing automation and predictive analytics showcase
- Responsive: Mobile-first approach with optimized layouts
- Performance: Lighthouse-optimized with lazy loading and image optimization
- Animations: Smooth transitions with Framer Motion
- Interactive Elements: 3D marquee testimonials, floating cards, animated counters
- React 18 + TypeScript
- Vite - Lightning fast build tool
- Tailwind CSS - Utility-first CSS framework
- Framer Motion - Smooth animations
- Shadcn/ui - Modern UI components
- Lucide React - Beautiful icons
# Install dependencies
npm install
# Start development server
npm run dev
# Build for production
npm run build- Hero with lamp spotlight effect
- Features showcase with video background
- Value stream interactive flow
- Testimonials with 3D marquee
- Pricing with animated borders
- FAQ with smooth accordions
- Contact form with validation
- Custom Lamp Effect: Animated conic gradient spotlight
- Dynamic Gradients: 5 unique gradient variants for sections
- Linear Typography: Consistent font system with proper spacing
- Glass Effects: Backdrop blur with transparency
- Hover Interactions: Scale animations and glow effects
- Lazy loading for all images
- Optimized bundle size
- CSS-in-JS animations for 60fps
- Responsive image formats
- Minimal third-party dependencies
MIT License - Built for educational and portfolio purposes.
Total Development Time: < 6 hours | Built with: Speed + Precision