Spaces:
Running
Running
| <html lang="pt"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Sakura Sushi - Restaurante Japonês</title> | |
| <link rel="icon" type="image/x-icon" href="/static/favicon.ico"> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| </head> | |
| <body class="bg-gray-50"> | |
| <!-- Navigation --> | |
| <nav class="bg-white shadow"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="flex justify-between h-16"> | |
| <div class="flex items-center"> | |
| <h1 class="text-2xl font-bold text-gray-900">Sakura Sushi</h1> | |
| </div> | |
| <div class="flex items-center space-x-8"> | |
| <a href="index.html" class="text-gray-900 font-medium">Início</a> | |
| <a href="cardapio.html" class="text-gray-500 hover:text-gray-700">Cardápio</a> | |
| <a href="reservas.html" class="text-gray-500 hover:text-gray-700">Reservas</a> | |
| <a href="contato.html" class="text-gray-500 hover:text-gray-700">Contato</a> | |
| </div> | |
| </div> | |
| </div> | |
| </nav> | |
| <!-- Hero Section --> | |
| <main> | |
| <div class="relative"> | |
| <div class="absolute inset-0"> | |
| <img class="w-full h-full object-cover" src="http://static.photos/restaurant/1200x630/42" alt="Sakura Sushi"> | |
| <div class="absolute inset-0 bg-gray-900 bg-opacity-50"></div> | |
| </div> | |
| <div class="relative max-w-7xl mx-auto py-24 px-4 sm:px-6 lg:px-8"> | |
| <h2 class="text-5xl font-bold text-white text-center">Bem-vindo ao Sakura Sushi</h2> | |
| <p class="mt-4 text-xl text-gray-200 text-center"> | |
| Autêntica culinária japonesa no coração de São Paulo | |
| </p> | |
| <div class="mt-8 text-center"> | |
| <a href="cardapio.html" class="bg-red-600 text-white py-3 px-6 rounded-md text-lg font-medium hover:bg-red-700 transition duration-200"> | |
| Ver Cardápio | |
| </a> | |
| <a href="reservas.html" class="ml-4 bg-white text-gray-900 py-3 px-6 rounded-md text-lg font-medium hover:bg-gray-100 transition duration-200"> | |
| Fazer Reserva | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Features --> | |
| <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8"> | |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> | |
| <div class="text-center"> | |
| <img src="http://static.photos/food/320x240/7" alt="Sushi fresco" class="w-full h-48 object-cover rounded-lg mb-4"> | |
| <h3 class="text-xl font-semibold text-gray-900 mb-2">Ingredientes Frescos</h3> | |
| <p class="text-gray-600">Peixe fresco importado diariamente do mercado de Tsukiji</p> | |
| </div> | |
| <div class="text-center"> | |
| <img src="http://static.photos/restaurant/320x240/8" alt="Ambiente tradicional" class="w-full h-48 object-cover rounded-lg mb-4"> | |
| <h3 class="text-xl font-semibold text-gray-900 mb-2">Ambiente Tradicional</h3> | |
| <p class="text-gray-600">Decoração inspirada na cultura japonesa com toque moderno</p> | |
| </div> | |
| <div class="text-center"> | |
| <img src="http://static.photos/nature/320x240/9" alt="Jardim japonês" class="w-full h-48 object-cover rounded-lg mb-4"> | |
| <h3 class="text-xl font-semibold text-gray-900 mb-2">Jardim Japones</h3> | |
| <p class="text-gray-600">Descontraia em nosso jardim zen após a refeição</p> | |
| </div> | |
| </div> | |
| <!-- About --> | |
| <div class="mt-16 bg-white rounded-lg shadow-lg overflow-hidden"> | |
| <div class="grid grid-cols-1 md:grid-cols-2"> | |
| <div class="p-8"> | |
| <h3 class="text-2xl font-bold text-gray-900 mb-4">Sobre o Sakura Sushi</h3> | |
| <p class="text-gray-600 mb-4"> | |
| Fundado em 2010 pelo Chef Hiroshi Tanaka, o Sakura Sushi traz a autêntica culinária japonesa para São Paulo. | |
| Nosso compromisso é servir os pratos mais frescos e tradicionais, mantendo a arte da preparação japonesa. | |
| </p> | |
| <p class="text-gray-600"> | |
| Oferecemos desde sushis e sashimis clássicos até criativas combinações de hot rolls, sempre com ingredientes | |
| premium e apresentação impecável. | |
| </p> | |
| </div> | |
| <img src="http://static.photos/craft/320x240/10" alt="Chef preparando sushi" class="w-full h-64 object-cover md:h-full"> | |
| </div> | |
| </div> | |
| </div> | |
| </main> | |
| <!-- Footer --> | |
| <footer class="bg-gray-900 text-white py-8"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="text-center"> | |
| <p class="text-gray-400">Sakura Sushi • Rua dos Pinheiros, 123 - São Paulo, SP</p> | |
| <p class="text-gray-400 mt-2">Segunda: Fechado • Terça a Domingo: 18h - 23h</p> | |
| </div> | |
| </div> | |
| </footer> | |
| </body> | |
| </html> | |