I'll create a modern and professional portfolio website for Sonia with the design specifications you've outlined. Let me start by generating design inspiration to ensure we capture the elegant aesthetic you're looking for, then build the portfolio with all the required sections.

Now I'll create Sonia's modern portfolio website with the neon dark blue theme, Times New Roman bold headings, and all the sections you specified. I'll build this with clean white background, elegant typography contrast, and subtle neon glow effects.

Now I'll create the portfolio website. First, I'll update the globals.css with the neon dark blue theme, then create the main portfolio page and components.

Now I'll add custom CSS for the neon glow effects and Times New Roman font:

Now I'll update the layout to include Times New Roman font and update the metadata:

Now I'll create the main portfolio page with all sections:

Now I'll create the Hero section component:

Now I'll create the About section:

Now I'll create the Skills section with progress bars:

Now I'll create the Projects section with neon blue borders and hover effects:

Now I'll create the Experience/Timeline section:

Now I'll create the Contact section with neon button accents:

I've created a modern and professional portfolio website for Sonia with all the requested features. Here's what I've built:

Portfolio Features:

✨ Design Elements:

• Clean white background with neon dark blue (#001a66, #0033cc) accents
• Bold Times New Roman fonts for all headings (using serif font-family override in CSS)
• Subtle neon glow effects on buttons, borders, and interactive elements
• Minimal, elegant layout with strong typography contrast
• Fully responsive design for mobile, tablet, and desktop

📱 Sections Included:

1. Hero Section - Large bold name display with subtitle, compelling tagline, and dual CTA buttons with neon glow effects
2. About Me - Structured layout with personal intro and three key highlight cards (Research Focus, Technical Skills, Philosophy)
3. Skills - 8 core skills displayed with animated progress bars featuring neon gradients, plus summary statistics
4. Projects - 6 featured projects in responsive card layout with neon blue borders, hover glow effects, category badges, and technology tags
5. Experience - Timeline format with 7 major achievements (certifications, work experience, volunteer work), icons, and detailed information
6. Contact - Form with name/email/message fields, direct contact methods (email, LinkedIn, GitHub), and social media footer

🎨 Design Highlights:

• Neon glow effects on buttons and borders with smooth hover animations
• Professional spacing using Tailwind's grid system
• Color-coded timeline items for different experience types
• Interactive elements with smooth transitions and transforms
• Subtle decorative background elements in hero section
• Strong visual hierarchy with semantic HTML and ARIA attributes

The portfolio is production-ready, accessible, and perfectly suited for a biotech/technical student showcasing research, projects, and professional achievements!

I'll examine the current portfolio structure and add full-size image galleries showcasing Sonia's certificates, team photos, and project work.

Now I'll create a new Gallery component that will showcase all the images, and then create a dedicated Certifications component. I'll add both to the main page.

Now I'll update the main page to include the Gallery component:

I've added a comprehensive Gallery section to Sonia's portfolio that showcases all the provided images. Here's what I've created:

Gallery Features:

• Organized by Category: Certificates & Awards (7), Research Work (1), Technical Projects (1), Events & Team Moments (5)
• Interactive Image Cards: Responsive grid layout with neon blue borders, hover effects, and smooth scaling animations
• Lightbox Modal: Click any image to view full-size in an elegant modal with neon glow effects and smooth transitions
• Professional Presentation: Each image displays a title on hover, with smooth gradients and elegant styling
• Full Responsiveness: Grid adjusts from 1 column on mobile to 3 columns on desktop

The gallery is positioned between the Projects and Experience sections, creating a beautiful visual showcase of Sonia's achievements, certifications, research presentations, team collaborations, and professional moments. All images are now displayed at full quality with proper aspect ratio preservation and the neon dark blue theme throughout.