I'll create a complete UI/UX designer portfolio landing page with smooth scrolling navigation, animations, and all the sections shown in your design. This will be built with Next.js, TypeScript, Tailwind CSS, and Framer Motion for animations.

I've created a complete UI/UX designer portfolio landing page with all the features you requested:

Key Features:

1. Smooth Scrolling Navigation: Click any nav item to smoothly scroll to that section

2. Framer Motion Animations: Smooth animations throughout the page including:

   • Page load animations
   • Scroll-triggered animations
   • Hover effects
   • Skill bar animations
   • Testimonial carousel
3. Responsive Design: Works perfectly on all device sizes

4. Interactive Elements:

   • Mobile hamburger menu
   • Project filter tabs
   • Testimonial carousel with navigation
   • Animated skill progress bars
   • Social media hover effects

5. Sections Included:

   • Hero section with profile image and social links
   • About Me with animated skill bars
   • Services with hover animations
   • Projects with filtering
   • Testimonials carousel
   • Contact form
   • Footer with navigation

6. Modern Tech Stack:

   • Next.js 14 with TypeScript
   • Tailwind CSS for styling
   • Framer Motion for animations
   • Lucide React for icons
   • Responsive design principles

The page matches your design perfectly with the orange color scheme, clean typography, and professional layout. All animations are smooth and the navigation provides an excellent user experience with active section highlighting.