Default Component - Copy this React, Tailwind Component to your project

Descripción de la interfaz de la ferretería: 1. Estructura de la Interfaz: - La página web está diseñada con un diseño moderno y limpio - Incluye una cabecera con logo, menú de navegación y carrito de compras - Secciones principales: Hero, Categorías y Productos Destacados - Totalmente responsiva para dispositivos móviles y de escritorio 2. Gestión de Estado: - Utilizo useState para manejar el estado del menú, carrito de compras y sección activa - El carrito permite agregar productos de forma dinámica - Implemento un contador de productos en el carrito 3. Diseño Visual: - Paleta de colores profesional con tonos grises y azules - Imágenes de alta calidad para productos y hero section - Efectos hover y transiciones suaves para mejorar la interactividad - Iconografía descriptiva para categorías de productos 4. Funcionalidades Interactivas: - Menú adaptativo con toggle para móviles - Sección de categorías navegable - Botón de "Añadir al Carrito" en cada producto - Diseño grid para mostrar productos de manera organizada Sugerencias adicionales: - Implementar un buscador de productos - Añadir filtros por categoría - Crear una página de detalles de producto