# 1. Crear estructura de directorios dentro de src
mkdir -p src/components/layout      # Navbar, Footer
mkdir -p src/components/ui          # Botones, Tarjetas, Elementos base
mkdir -p src/components/sections    # Hero, Grids de productos, Banners
mkdir -p src/lib                    # Cliente Supabase, utilidades (clsx)
mkdir -p src/store                  # Estado global (Zustand)
mkdir -p src/types                  # Definiciones de TypeScript (DB, Productos)
mkdir -p src/hooks                  # Hooks personalizados (si fueran necesarios)

# 2. Crear archivos para la Lógica y Configuración
touch src/lib/supabase.ts           # Inicialización del cliente Supabase
touch src/lib/utils.ts              # Helper para clases css (tailwind-merge)
touch src/store/cart-store.ts       # Store de carrito (Zustand)
touch src/types/database.types.ts   # Tipos generados de Supabase
touch src/types/index.ts            # Tipos globales de la app

# 3. Crear archivos de Componentes (Vacíos por ahora)
# Layout
touch src/components/layout/Navbar.tsx
touch src/components/layout/Footer.tsx

# Secciones Principales (Home)
touch src/components/sections/Hero.tsx
touch src/components/sections/FeaturedGrid.tsx
touch src/components/sections/InfoSection.tsx

# Componentes de UI (Estilo Boutique)
touch src/components/ui/ProductCard.tsx
touch src/components/ui/Button.tsx
touch src/components/ui/SectionHeader.tsx

# 4. Mensaje de confirmación
echo "✅ Estructura 'Surtilatino Minimal' generada correctamente."