Now I have the design inspiration and understand the project structure. I need to add Framer Motion and create the portfolio. Let me build this comprehensive developer portfolio with all the requested sections.

Now let me create the portfolio components:

Now let me create the main page and generate the required images:

I've created a modern black and white developer portfolio with all the requested features:

Key Features:

• Split-screen Hero with an interactive world map showing Sri Lanka and Saudi Arabia with pulsing markers and a dashed connecting line
• Portrait Image on the right side with a grayscale-to-color hover effect
• Smooth Framer Motion animations throughout - fade-ins, staggered reveals, scroll-triggered animations, and interactive hover states
• All requested sections: About, Skills, Projects, Experience, and Contact with a working form
• Minimal black/white/gray color palette matching the Adham Dannaway style inspiration
• Fully responsive layout with mobile navigation menu
• Typography using Inter for body text and Space Grotesk for headings
• Interactive elements including animated navigation underlines, card hover effects, and smooth scroll behavior

The portfolio features sophisticated animations like the pulsing location markers on the map, experience timeline with hover states, project cards with grayscale-to-color transitions, and a sticky header that adapts on scroll.