Valorant Portfolio - Copy this React, Tailwind Component to your project

Create a portfolio for a Fullstack Software Developer inspired by the aesthetics of the game Valorant, with multiple sections and dark/light theme functionality. Save the theme preference in localStorage. The dark theme should have a background of #171616 and the light theme should use #fafafa, with #00ffff and #c93e7b as primary component colors. The site should include a Header with navigation links to Home, About, Skills, Projects, and Contact, using a futuristic and sleek design with Valorant's signature font style and neon glow hover effects. In the Home section, use bold typography and dynamic animations to introduce the developer. The background should feature a gradient or abstract shapes, similar to Valorant's character screens, with sharp, contrasting colors. The About section should include a bio, laid out in a clean, grid style format, with sleek icons and geometric borders inspired by the game’s UI. For the Skills section, design cards that resemble agent selection cards, each one highlighting programming skills like JavaScript, TypeScript, React, Node.js, Express.js, Tailwind, Next.js, Git, GitHub, PostgreSQL, REST API development, JWT, and automated testing (learning). In the Projects section, create interactive project cards that open modals with details, including GitHub links and project URLs. Use Valorant inspired visuals for transitions and modals, with sharp edges and clean animations. The Footer should feature social media icons styled like Valorant's in game icons, along with minimalist, high contrast elements. Ensure the design is responsive, visually consistent, and captures the modern, high energy, and competitive aesthetic of Valorant, with strong contrasts, neon accents, and sharp, angular shapes.