/** * Project Info Banner Demo * Expandable project information with tech stack */ import React, { useState } from 'react' export default function ProjectInfoBanner() { const [expanded, setExpanded] = useState(false) return (

Project Info Banner

{/* Banner Header */}

My Awesome Project

A modern web application built with React

{/* Tech Stack Badges */}
{['TypeScript', 'React', 'Vite', 'Tailwind CSS', 'Zustand'].map((tech) => ( {tech} ))}
{/* Expanded Content */} {expanded && (
Architecture
• Component-based UI architecture
• Centralized state management
• RESTful API integration
Key Components
{['Session Manager', 'Dashboard', 'Task Scheduler', 'Analytics'].map((comp) => (
{comp}
))}
)}
) }