Responsive Brand Landing Page

I need a clean, fully responsive landing page for the brand “Cerdos Manantiales”, built around the two corporate colors #24214f and #f8bd13.

Structure and visual cues are already defined, so the job is focused on translating them into solid, maintainable HTML/CSS (Bootstrap or similar is fine) and adding a touch of UI finesse:

• Fixed header: brand logo at left, menu anchored to the top while scrolling.
• Hero: generic background image + short slogan overlay. The image must scale nicely on every device.
• “Nuestra empresa”: include a short company history block and a separate Mission & Vision block, styled cohesively.
• “Productos”: dynamic product carousel that I can later populate; swipe-friendly on mobile, arrow navigation on desktop.
• “Calidad y procesos”, “Sustentabilidad/Origen”, “Dónde estamos”, and “Contacto”: each its own full-width section with consistent paddings, headline, and paragraph space ready for content.
• Footer: contact details and social media icons, harmonised with the brand palette.

Core expectations
– Pixel-perfect responsiveness from 320 px up to large desktop.
– Clean, commented code so I can swap images or adjust copy easily.
– No external paid libraries; stick to open-source only.
– Delivered as a single HTML file with linked CSS/JS (or a compact component-based framework if you prefer).

When you hand it over I’ll test on Chrome, Safari, and mobile browsers; if everything renders correctly and the carousel and sticky menu work smoothly, we’re done.