feat(portfolio): redesign hero and projects sections with modern UI

- Implement new glassmorphism design for hero section with terminal mockup
- Redesign projects section with improved card layout and tech stack indicators
- Update project data with new entries and translations
- Add scroll-aware header with dynamic styling
- Remove unused ExperienceSection component

src/i18n/ui.ts

@@ -41,7 +41,7 @@ export const ui = {
     'skills.title': 'Skills',
 
     // Projects Section
-    'projects.title': 'Projects',
+    'projects.title': 'Latest Projects',
     'projects.viewOnGithub': 'View on GitHub',
 
     // Awards Section
@@ -93,11 +93,26 @@ export const ui = {
     'skills.toolsAndServices': 'Tools & Services',
 
     // Projects
-    'projects.netzero.title': 'Net Zero Carbon Emissions',
-    'projects.netzero.description1': 'WiFi-RTT: Developed indoor occupancy tracking for energy optimization.',
-    'projects.netzero.description2': 'IoT Solutions: Implemented smart monitoring for energy efficiency and food waste reduction.',
-    'projects.netzero.description3': 'Real-Time Tracking: Designed systems to monitor carbon emissions and optimize resources.',
-    'projects.netzero.description4': 'Data-Driven Insights: Analyzed user patterns for adaptive energy and food management.',
+    'projects.taskify.title': 'Taskify App',
+    'projects.taskify.description.0': 'A task management app with real-time collaboration, built using React, Node.js, and MongoDB.',
+    'projects.taskify.description.1': 'Real-time collaboration features with WebSocket integration for instant updates.',
+    'projects.taskify.description.2': 'Advanced task filtering, sorting, and project management capabilities.',
+    'projects.taskify.description.3': 'User authentication and role-based access control system.',
+    'projects.taskify.description.4': 'Responsive design optimized for both desktop and mobile devices.',
+
+    'projects.eshop.title': 'E-Shop Platform',
+    'projects.eshop.description.0': 'A scalable e-commerce platform with Next.js, Stripe payments, and TailwindCSS.',
+    'projects.eshop.description.1': 'Integrated Stripe payment processing for secure transactions.',
+    'projects.eshop.description.2': 'Advanced product catalog with search, filtering, and recommendation features.',
+    'projects.eshop.description.3': 'Admin dashboard for inventory management and order tracking.',
+    'projects.eshop.description.4': 'SEO-optimized with server-side rendering and dynamic routing.',
+
+    'projects.portfolio.title': 'Portfolio Site',
+    'projects.portfolio.description.0': 'My personal portfolio showcasing my work, built with HTML, TailwindCSS, and Alpine.js.',
+    'projects.portfolio.description.1': 'Modern glassmorphism design with smooth animations and transitions.',
+    'projects.portfolio.description.2': 'Fully responsive layout optimized for all device sizes.',
+    'projects.portfolio.description.3': 'Interactive components with Alpine.js for enhanced user experience.',
+    'projects.portfolio.description.4': 'Performance-optimized with lazy loading and efficient asset management.',
     'projects.netzero.description5': 'Reward Integration: Built QR-based green points system to incentivize eco-friendly actions.',
 
     'projects.mentalaarog.title': 'Mental Aarog',
@@ -184,7 +199,7 @@ export const ui = {
     'skills.title': '专业技能',
 
     // Projects Section
-    'projects.title': '个人项目',
+    'projects.title': '最新项目',
     'projects.viewOnGithub': '在 GitHub 上查看',
 
     // Awards Section
@@ -236,11 +251,26 @@ export const ui = {
     'skills.toolsAndServices': '工具与服务',
 
     // Projects
-    'projects.netzero.title': '净零碳排放',
-    'projects.netzero.description1': 'WiFi-RTT：开发了室内占用跟踪以优化能源。',
-    'projects.netzero.description2': '物联网解决方案：实施了智能监控以提高能源效率和减少食物浪费。',
-    'projects.netzero.description3': '实时跟踪：设计了监控碳排放和优化资源的系统。',
-    'projects.netzero.description4': '数据驱动洞察：分析用户模式以进行自适应能源和食物管理。',
+    'projects.taskify.title': 'Taskify 应用',
+    'projects.taskify.description.0': '使用 React、Node.js 和 MongoDB 构建的实时协作任务管理应用。',
+    'projects.taskify.description.1': '通过 WebSocket 集成实现实时协作功能，提供即时更新。',
+    'projects.taskify.description.2': '高级任务过滤、排序和项目管理功能。',
+    'projects.taskify.description.3': '用户认证和基于角色的访问控制系统。',
+    'projects.taskify.description.4': '针对桌面和移动设备优化的响应式设计。',
+
+    'projects.eshop.title': '电商平台',
+    'projects.eshop.description.0': '使用 Next.js、Stripe 支付和 TailwindCSS 构建的可扩展电商平台。',
+    'projects.eshop.description.1': '集成 Stripe 支付处理，确保交易安全。',
+    'projects.eshop.description.2': '高级产品目录，具备搜索、过滤和推荐功能。',
+    'projects.eshop.description.3': '管理员仪表板，用于库存管理和订单跟踪。',
+    'projects.eshop.description.4': '通过服务端渲染和动态路由进行 SEO 优化。',
+
+    'projects.portfolio.title': '个人作品集',
+    'projects.portfolio.description.0': '使用 HTML、TailwindCSS 和 Alpine.js 构建的个人作品集网站。',
+    'projects.portfolio.description.1': '现代玻璃拟态设计，具有流畅的动画和过渡效果。',
+    'projects.portfolio.description.2': '针对所有设备尺寸优化的完全响应式布局。',
+    'projects.portfolio.description.3': '使用 Alpine.js 的交互式组件，增强用户体验。',
+    'projects.portfolio.description.4': '通过懒加载和高效资源管理进行性能优化。',
     'projects.netzero.description5': '奖励整合：构建了基于二维码的绿色积分系统以激励环保行为。',
 
     'projects.mentalaarog.title': 'Mental Aarog',