Spaces:
Running
Running
| <html lang="pt"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Contato - Sakura Sushi</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"> | |
| <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-xl font-bold text-gray-800">Sakura Sushi</h1> | |
| </div> | |
| <div class="flex items-center space-x-8"> | |
| <a href="index.html" class="text-gray-500 hover:text-gray-700">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-900 font-medium">Contato</a> | |
| </div> | |
| </div> | |
| </div> | |
| </nav> | |
| <main> | |
| <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8"> | |
| <h2 class="text-3xl font-bold text-gray-900 mb-8">Entre em Contato</h2> | |
| <div class="grid grid-cols-1 md:grid-cols-2 gap-8"> | |
| <div class="bg-white rounded-lg shadow p-6"> | |
| <h3 class="text-xl font-semibold mb-4">Informações</h3> | |
| <div class="space-y-3"> | |
| <div> | |
| <p class="font-medium text-gray-700">Endereço</p> | |
| <p class="text-gray-600">Rua dos Pinheiros, 123 - São Paulo, SP</p> | |
| </div> | |
| <div> | |
| <p class="font-medium text-gray-700">Telefone</p> | |
| <p class="text-gray-600">(11) 3456-7890</p> | |
| </div> | |
| <div> | |
| <p class="font-medium text-gray-700">WhatsApp</p> | |
| <p class="text-gray-600">(11) 98765-4321</p> | |
| </div> | |
| <div> | |
| <p class="font-medium text-gray-700">Email</p> | |
| <p class="text-gray-600">contato@sakurasushi.com.br</p> | |
| </div> | |
| <div> | |
| <p class="font-medium text-gray-700">Horário de funcionamento</p> | |
| <p class="text-gray-600">Terça a Domingo: 18h - 23h</p> | |
| <p class="text-gray-600">Segunda: Fechado</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="bg-white rounded-lg shadow p-6"> | |
| <h3 class="text-xl font-semibold mb-4">Localização</h3> | |
| <div class="bg-gray-200 h-64 rounded-lg flex items-center justify-center"> | |
| <p class="text-gray-500">Mapa do Google Maps</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </main> | |
| </body> | |
| </html> |