Landing page for Tortillería - v0 by VercelLanding page for Tortillería - v0 by Vercel
No message content
pasted-text.txt
43d ago
Now let me generate the hero images for the landing page, and then build the components.
Now let me update the theme, layout, and build all the components:
Now let me update the layout with the right font and metadata:
Now update the font-sans in globals.css:
Now let me create the components. I'll create the Navbar, Hero, ProductMenu, Location, and Footer components, then wire them together in page.tsx:
Now let me wire everything together in the main page:
The landing page for La Tradición Digital is now complete. Here's what was built:
Navbar — Sticky top navigation with a minimalist "LT" logo, links to Menú and Ubicación, a WhatsApp CTA button, and a responsive hamburger menu on mobile.
Hero — Compact and centered on mobile with solid background, expanding to a full-width two-column layout on desktop with the tortilla hero image on the right and text on the left.
Product Menu — A responsive grid of cards with circular product photos for Tortilla Blanca, Tortilla de Harina, and Masa Preparada, each with a description and price.
Location — Schedule card with opening hours and an address card with a "Abrir en Google Maps" button and phone call CTA.
Footer — Clean footer with branding, quick links, and WhatsApp access.
The entire theme uses the warm palette (cream, terracotta, avocado green) with DM Sans as the modern sans-serif font, and is fully mobile-first and responsive.
43d ago
0px
You can send messages while the preview loads
Code editing is not availableDuplicate this chat to use a more powerful code editor.