ESTADO DE CONSTRUCCIÓN & DICTAMEN DEL CRÍTICO
Verificación técnica, de accesibilidad y correspondencia visual 1:1 contra los lineamientos de marca y mockups de Impresos Americana.
1. Architecture & Design Tokens
app/layout.tsx & app/globals.cssFlawless execution. Montserrat (headings) and Inter (specs) loaded via next/font/google with zero layout shift (CLS 0). Exact hex palette implemented (#E30613 Americana Red, #121212 Dark Body, #1E1E24 Elevated Surface, #FFFFFF). Faceted polygon background pattern and WCAG AA contrast compliance verified.
2. Navigation, Sticky Navbar & Sample Box Modal
components/Navbar.tsx & components/SampleBoxModal.tsxVector-accurate 'iA' logomark matching the brand shield geometry with the slanted red 'i' dot/stem and geometric 'A'. Dynamic scroll detection with backdrop blur, smooth Framer Motion mobile drawer, search drawer, and physical Swatchbook modal for Colombian agencies requesting physical substrate samples.
3. Hero Section & Value Proposition
components/Hero.tsxVisually striking. Features the faceted geometric low-poly background pattern with an ambient red radial glow (#E30613). Stages a realistic 3D POP floor stand mockup with dimension hotspots (160cm x 55cm), structural cardboard layers, and dual high-converting CTAs linked directly to the live configurator and Colombian WhatsApp channel.
4. Bento Grid Showcase ('Nuestro Trabajo en Acción')
components/BentoGrid.tsxExact 1:1 match with Image 2 (media_1792539215636_2a05479a.jpg). Implements the signature 60-degree red corner slashes, interactive category filters (Todos, Material POP, Gran Formato, Litografía, Merchandising), supermarket launch campaign card, floor beverage stand, acrylic sign with metal standoffs, corporate kit, and the bottom red conversion banner.
5. Interactive Live Quote Builder ('Configura tu Proyecto')
components/QuoteCalculator.tsx & components/ThreePOPViewer.tsx & lib/generateQuotePDF.tsOutstanding technical achievement. Features an orbital Three.js WebGL 3D viewer (360° mouse/touch rotation, auto-rotate toggle, and Kraft/Estucado/Dark/Acrílico texture switcher). Real-time price calculation in Colombian Pesos (COP) with volume tiers (-15% to -30% OFF), pre-filled WhatsApp API encoder, and client-side PDF quote download with corporate stationery geometry.
6. Interactive Finish Comparator (Matte vs. Spot UV)
components/FinishComparator.tsxInteractive tactile comparison. Smooth draggable split-screen slider showing the visual and optical contrast between Soft-Touch Matte lamination and high-gloss Spot UV varnish with reflective shine and relief simulation. Includes technical selection guide.
7. Proven Retail ROI & Industrial Case Studies
components/CaseStudiesSection.tsxHigh-converting commercial social proof. Features real documented retail metrics in Colombia: +28% product rotation in supermarket gondolas (Grupo Éxito), 45 kg load capacity in humid beverage environments (Postobón), and simultaneous 96-hour nationwide branch deployments.
8. Prepress Template Center & Mechanical Dielines
components/DielineTemplates.tsxSelf-service engineering portal for agency art directors. Provides direct instant vector downloads of structural die-cut blueprints (.AI & .PDF compatible SVG) for floor POP stands, rigid boxes, folders, and roll-ups with cut, crease, and bleed layers.
9. Industrial Workflow & Trust Pipeline
components/ProcessSection.tsxCovers the 4 stages of Colombian commercial production: Asesoría & Preprensa Digital (FOGRA39, 300 DPI), Muestra Física / Dummy 3D (Zünd CNC), Producción Industrial (Heidelberg Offset & HP Scitex UV), and Despacho Nacional. Clear SLAs, deliverable tags, and a formal Zero Waste quality policy.
10. Catálogo de Productos Reales & Descargas Oficiales PDF
components/RealProductsCatalog.tsx & public/catalogos/Inventario comercial auténtico de Impresos Americana. Integra fotografía real de producto extraída directamente de los catálogos de planta (/home/telchar/Proyectos/american): Termo temperatura LED $25.635, Libretas ejecutivas 14x21cm, Lapiceros Calima $500, Tarjetas USB y Llaveros Zamak. Incluye centro de descarga directa a los 3 catálogos maestros en PDF (Maestro 98 MB, Esferos 192 MB, Publicitarios 188 MB).
11. Footer, DIAN Compliance & Local SEO
components/Footer.tsx & components/CapabilitiesSection.tsxComprehensive Colombian commercial printing compliance. Explicit DIAN electronic invoicing disclaimer (NIT 900.384.912-4), real Cali industrial plant address (Calle 16 # 4-37, San Nicolás), PBX, national WhatsApp channel, coverage pills across all Colombian metropolitan areas, and interactive legal modal for fabrication terms and Ley 1581 data policy.
12. Suite de Innovación & Microinteracciones (Opción D)
components/CommandMenu.tsx, components/PreflightModal.tsx, ThreePOPViewer.tsx & QuoteCalculator.tsxElevación de grado agencia internacional (Awwwards level). Integra: (1) Buscador global Omnibox accesible vía Cmd+K / Ctrl+K y botón con búsqueda difusa de productos, planos y PDFs, (2) Validador de preprensa Preflight que audita DPI, espacio de color CMYK FOGRA39, sangrías de 5mm y vectorización de fuentes antes de producir, (3) Mapeo dinámico de logos sobre el cabezote del exhibidor 3D con Three.js CanvasTexture, y (4) Microinteracciones fluidas con estallidos de confeti en tonos de marca (#E30613, blanco y carbón) al descargar la cotización formal o transferir a WhatsApp.