A
Anonymous

Home Page - Copy this React, Tailwind Component to your project

Crea una interfaz web para una tienda de moda y calzado con la siguiente estructura: Header: Logo de la tienda en la esquina superior izquierda (puedes usar "StockX" como referencia). Barra de búsqueda centrada con el placeholder "Search for brand, color, etc." Enlaces de navegación en la esquina superior derecha: "News", "About", "Help", "Sell", "Login", "Sign Up". Los botones "Login" y "Sign Up" deben ser de estilo botón. Navegación Principal: Menú de navegación horizontal justo debajo del header con las siguientes categorías: "Deals", "Brands", "New", "Men", "Women", "Kids", "Sneakers", "Shoes", "Apparel", "Accessories", "More Categories". El primer elemento "Deals" debe estar resaltado en rojo. Banner Promocional: Un banner grande y prominente con un fondo rosa claro en el centro de la página. El texto "The Valentine's Day Shop" en negrita y grande a la izquierda del banner. Un botón negro con el texto "Shop Now" debajo del texto. Imágenes de productos promocionales (puedes usar imágenes de zapatillas y accesorios) alineadas horizontalmente a la derecha del texto. Sección de Recomendaciones: Título "Recommended For You" con un ícono de corazón a la derecha. Una cuadrícula de productos recomendados debajo del título. Cada producto debe tener: Una imagen del producto. Un ícono de corazón a la derecha de la imagen. El nombre del producto y la marca debajo de la imagen. Un texto "Lowest Ask" debajo del nombre del producto.

Prompt
Component Preview

About

HomePage - Create a stylish fashion store layout with a header, search bar, promo banner, and recommended products grid, built with Re. Download free code!

Share

Last updated 1 month ago