Rincón Casero 🍕

Digitalizando la venta gastronómica por WhatsApp. Una Web que actúa como puente inteligente entre el cliente y tu cocina.

📌 Visión General

El Problema: Tomar pedidos por WhatsApp es ineficiente. Responder "¿cuánto sale la docena?" o "¿qué gustos tenés?" consume tiempo valioso de cocina y gestión.

La Solución: Rincón Casero no es un e-commerce tradicional ni reemplaza a WhatsApp; lo potencia. Es un catálogo interactivo que permite al cliente armar su pedido, calcular promociones complejas automáticamente (ej: "La docena" o armar las "promos") y enviar un mensaje de pedido perfectamente formateado al WhatsApp del negocio.

🔗 Demo en vivo: rinconcasero.com.ar

🚀 Características Clave

• 🛒 Carrito inteligente & Promociones: Lógica inteligente que detecta automáticamente si el cliente lleva 12 empanadas para aplicar precio promocional, o cobra por unidad. Sin calculadoras manuales.
• 📲 Integración con WhatsApp: Al finalizar, genera un mensaje de texto estructurado con el detalle del pedido, dirección y total, listo para enviar.
• ⚡ Sin Registros: Barrera de entrada cero. Usamos localStorage + Zustand para persistir el carrito sin obligar al usuario a registrarse.
• 🚀 Performance Extrema: 100/100 Core Web Vitals. Optimizado para cargas instantáneas incluso en redes 3G/4G.
• 🎨 Diseño UI/UX Premium: Sistema de diseño personalizado con Tailwind CSS y Radix UI, alejado de las plantillas genéricas.

🛠️ Stack Tecnológico

Este proyecto está construido con las últimas tecnologías web para garantizar velocidad, SEO y mantenibilidad.

Área	Tecnología	Propósito
Frontend	Next.js 14 (App Router)	Framework React para producción, SSR y SEO.
Estilos	Tailwind CSS	Estilizado utilitario y sistema de diseño.
Componentes	Radix UI	Primitivas de UI accesibles y sin estilos.
Iconos	Lucide React	Iconografía consistente y ligera.
Estado	Zustand	Gestión de estado global (carrito) simple y potente.
Backend	Supabase	Base de datos PostgreSQL para catálogo y precios en tiempo real.
Emails	Resend	API transaccional para notificaciones de contacto.

📂 Estructura del Proyecto

/app            # Rutas y páginas (App Router)
/components     # Componentes de React (UI y Lógica)
  /ui           # Componentes base (Botones, Inputs, etc.)
/lib            # Utilidades y configuración de clientes (Supabase, Utils)
/public         # Assets estáticos (Imágenes, Fuentes)
/store          # Stores de Zustand (Manejo del carrito)
/types          # Definiciones de TypeScript