Portfolio website build

I'll create a premium AI Engineer portfolio website for Madhura Mohite with all the features you specified. Let me start by generating design inspiration and exploring the codebase, then install the required dependencies.

Now let me read the current layout and globals.css files to understand the existing structure, then install the required dependencies:

Now I'll update the globals.css with the dark AI theme, the layout with proper fonts, and create all the portfolio components. Let me start:

Now let me create all the portfolio components:

Now let me create the main page that brings all components together:

I've created a premium AI Engineer portfolio website for Madhura Mohite with all the requested features:

Key Features Implemented:

Hero Section - Animated typing effect cycling through roles, floating AI icons, gradient text heading, profile placeholder, and CTA buttons (View Projects, Download Resume, Contact Me)
About Section - Glassmorphism card with personal introduction and mini stats grid
Skills Section - 6 animated skill cards with icons, progress bars, and hover glow effects for AI, ML, Python, Java, Problem Solving, and Communication
Projects Section - 4 project cards (AI Chatbot, Student Management System, Portfolio Website, AI Image Generator) with hover overlays showing Live Demo and GitHub buttons
Education Section - Timeline layout with Diploma in AI (87% first year) and SSC (80%) education history
Achievements Section - Animated counters (4+ Projects, 14+ Skills, 100+ Learning Hours, 4+ Certifications) plus Microsoft AI Certifications display
Resume Section - Professional summary card with skills tags and download button
AI Chatbot - Floating bot in bottom-right corner with suggested questions and interactive responses about Madhura's skills, projects, and contact info
Contact Section - Contact form with social links (Email, LinkedIn, GitHub, Instagram)
Premium Effects - Particle background, scroll progress indicator, sticky navbar with blur effect, glassmorphism cards, purple/blue/pink gradient color scheme, smooth scroll animations, and hover glow effects throughout

Now let me read the current layout and globals.css files to understand the existing structure, then install the required dependencies:

Now I'll update the globals.css with the dark AI theme, the layout with proper fonts, and create all the portfolio components. Let me start:

Now let me create all the portfolio components:

Now let me create the main page that brings all components together:

I've created a premium AI Engineer portfolio website for Madhura Mohite with all the requested features:

Key Features Implemented:

Hero Section - Animated typing effect cycling through roles, floating AI icons, gradient text heading, profile placeholder, and CTA buttons (View Projects, Download Resume, Contact Me)
About Section - Glassmorphism card with personal introduction and mini stats grid
Skills Section - 6 animated skill cards with icons, progress bars, and hover glow effects for AI, ML, Python, Java, Problem Solving, and Communication
Projects Section - 4 project cards (AI Chatbot, Student Management System, Portfolio Website, AI Image Generator) with hover overlays showing Live Demo and GitHub buttons
Education Section - Timeline layout with Diploma in AI (87% first year) and SSC (80%) education history
Achievements Section - Animated counters (4+ Projects, 14+ Skills, 100+ Learning Hours, 4+ Certifications) plus Microsoft AI Certifications display
Resume Section - Professional summary card with skills tags and download button
AI Chatbot - Floating bot in bottom-right corner with suggested questions and interactive responses about Madhura's skills, projects, and contact info
Contact Section - Contact form with social links (Email, LinkedIn, GitHub, Instagram)
Premium Effects - Particle background, scroll progress indicator, sticky navbar with blur effect, glassmorphism cards, purple/blue/pink gradient color scheme, smooth scroll animations, and hover glow effects throughout