Skip to content

Rosa Cocina Libre.

ClientRosa Cocina Libre
DateJun 23, 2026 - Jun 26, 2026
Created atInfomedia PR
CategoryLanding Page · Astro
Cover - Rosa Cocina Libre

Overview

Rosa Cocina Libre is a creative, chef-driven restaurant in San Juan, Puerto Rico, led by Chef Héctor Rosa. They needed a landing that conveyed the premium dining experience and turned visits into direct reservations.

I built a bilingual (ES/EN) Astro landing with OpenTable integration, an interactive flipbook menu, a dish gallery, and a contact/reservation flow optimized for local SEO.

Challenge

A chef-driven restaurant competes for reservations through digital presence and reputation. Without a site that communicates the culinary offer and streamlines booking, visitors leave for competitors.

We had to balance premium culinary identity (gallery, visual menu, chef narrative) with a direct conversion path: view menu → book on OpenTable or call.

Rosa Cocina Libre
Rosa Cocina Libre
Rosa Cocina Libre
Rosa Cocina Libre

Approach

I prioritized a bilingual static architecture, structured local SEO, and hospitality conversion:

  • Bilingual landing (ES/EN) with hreflang and localized route structure.
  • Multiple Schema.org types: Organization, WebSite, Restaurant with ReserveAction, and FAQPage.
  • OpenTable integration with direct CTA from hero and contact section.
  • Astro islands for interactive gallery, flipbook menu, and menu visual decorations.
  • Local SEO targeting 'creative restaurant San Juan' with meta, canonical, and structured data.

Solution

The final landing positions Rosa as a unique dining experience with frictionless booking:

  • Hero with brand proposition ('Free, creative cooking without rules'), CTAs to menu, OpenTable, and call.
  • Dish gallery with Chef Héctor Rosa's narrative and reservation access.
  • Menu section with embedded flipbook viewer to browse the card without leaving the site.
  • Contact block with address, hours, phone, email, map, and message form.
  • Prominent OpenTable reservation CTA persistent across the mobile experience.

Results

  • Bilingual indexable presence with Restaurant schema and ReserveAction ready for rich results.
  • Direct booking flow: integrated OpenTable reduces friction vs. phone or email.
  • Premium mobile experience with gallery, flipbook, and preloader for brand perception.
  • Unified conversion channel: OpenTable, phone, form, and location in one flow.
  • Local SEO foundation ready for hospitality campaigns and reputation (InfoPáginas, Google).

Tech stack

AstroJavaScriptTailwind CSSSchema.orgOpenTable APIi18nWebPHostinger

Learnings

  • For chef-driven restaurants, reservation integration (OpenTable/Resy) converts better than phone alone.
  • A flipbook menu elevates brand perception and reduces repetitive questions about the card.
  • Restaurant schema with ReserveAction enables direct actions from search results.

Let's talk about your project

Have a digital product in mind? Write to me and let's discuss architecture, performance, and how to ship it to production.