Enops Landing Page

A sleek, fully responsive landing page built with Next.js, Tailwind CSS, and Shadcn/UI. Designed with a clean aesthetic, isometric SVG visuals, and Framer Motion animations — perfect for startups, portfolios, or product showcases.

Key features

1. Isometric SVG illustration

No image files, no icon libraries. The hero graphic is a pure SVG polygon grid built on isometric coordinates — infinitely scalable, themeable via fill props, and animated with Framer Motion on mount.

2. Scroll-triggered entrances

Every section uses whileInView with viewport={{ once: true }} — elements animate in exactly once as they cross the viewport edge. No scroll jank, no re-triggering on scroll back up.

3. Staggered children

The features grid, testimonial cards, and logo strip all use staggerChildren so items cascade in one after another rather than all popping at once.

4. Spring-based interactions

Hover states on cards and buttons use Framer Motion's whileHover with type: 'spring' — they feel physical and satisfying rather than flat CSS transitions.