Back
Year
2025
Tech & Technique
Next.js (App Router), Radix UI, Tailwind CSS, Framer Motion, Vercel
Description
This project is a pixel-perfect implementation of the custom-designed landing page provided by Ena Ema Technologies.
It was developed using Next.js (App Router), Tailwind CSS, Radix UI, and Framer Motion, following the given Figma design for desktop, tablet, and mobile views.
Key Features:
Key Features:
- 🎯 Pixel-Perfect Conversion – Matches the provided Figma design across all screen sizes.
- 🧩 Reusable Components – Modular cards, pricing sections, FAQs, and buttons.
- ♿ Radix UI Components – Accessible, consistent UI (e.g., Accordion for FAQs).
- ✨ Smooth Animations – Entrance, hover, and transitions with Framer Motion.
- 📱 Responsive Design – Optimized for desktop, tablet, and mobile.
- 🌓 Modern UI/UX – Clean dark-themed design with strong CTAs.
- 🔍 SEO-Friendly – Semantic HTML, meta tags, and accessibility in place.
My Role
Frontend Developer
- ⚡ Developed the landing page using Next.js (App Router) with reusable, scalable code.
- 🎨 Designed responsive layouts based on Figma for desktop, tablet, and mobile.
- 🧩 Integrated Radix UI components for accessibility and FAQ accordion functionality.
- ✨ Added smooth entrance, hover, and scroll animations with Framer Motion.
- 🚀 Deployed on Vercel ensuring fast and reliable performance.