Now let me generate the hero image and other images for the website, and start building all the components.

Now let me update the globals.css with the green/beige eco-friendly theme, update the layout, and create all the components:

Now let me add smooth scrolling to the globals.css:

Now let me update the layout.tsx with proper fonts and metadata:

Now update the font references in globals.css:

Now let me create all the components. I'll build them in parallel:

Now let me create the main page that brings everything together:

La página web de RYR Natural E.I.R.L. está completa. He creado un sitio corporativo moderno y profesional con las siguientes secciones:

• Navbar fija con efecto blur al hacer scroll y menú responsive para móvil
• Hero con imagen de fondo, badge de "Distribuidor certificado MOLPACK" y botones de acción
• Nosotros con layout de dos columnas, imagen e indicadores de calidad, alcance internacional y eficiencia
• Empaques con tarjetas para bandejas de docena y sextena, destacando la sostenibilidad del material reciclable
• Nutrición Animal con grid de 4 productos (Antifúngicos, Acidificantes, Premezclas, Roe Tocinetas) y badges de Dex Ibérica y BTS Laboratorios
• Socios Estratégicos con tarjetas animadas para MOLPACK, Dex Ibérica y BTS Laboratorios
• Industrias con iconos interactivos para granjas avícolas, productores de huevos, granjas porcinas y distribuidores
• Contacto con formulario completo y acceso directo a WhatsApp
• Footer con información de la empresa, navegación y datos de contacto

El diseño usa tonos verdes naturales sobre fondos beige suaves, con animaciones de hover, tarjetas redondeadas y es completamente responsive.