Skip to content

Commit a84faf7

Browse files
kakaupizzariakakaupizzaria
authored
Initial commit
0 parents  commit a84faf7

File tree

1 file changed

+259
-0
lines changed

1 file changed

+259
-0
lines changed

‎kakau_pizzas_index_PizzariaCaseira.html‎

Lines changed: 259 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,259 @@
1+
<!DOCTYPE html>
2+
<html lang="pt-BR">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Kakau Pizzas</title>
8+
<style>
9+
* {
10+
margin: 0;
11+
padding: 0;
12+
box-sizing: border-box;
13+
font-family: Arial, sans-serif;
14+
}
15+
16+
body {
17+
background: linear-gradient(to right, #fff0f0, #ffe0e0);
18+
background-image: radial-gradient(circle, #fdd 1px, transparent 1px),
19+
radial-gradient(circle, #fdd 1px, transparent 1px);
20+
background-position: 0 0, 25px 25px;
21+
background-size: 50px 50px;
22+
line-height: 1.6;
23+
}
24+
25+
header {
26+
background-color: #b22222;
27+
color: #fff;
28+
padding: 1rem;
29+
text-align: center;
30+
}
31+
32+
nav {
33+
display: flex;
34+
justify-content: center;
35+
gap: 1rem;
36+
background-color: #8b0000;
37+
padding: 0.5rem;
38+
}
39+
40+
nav a {
41+
color: #fff;
42+
text-decoration: none;
43+
transition: color 0.3s ease;
44+
}
45+
46+
nav a:hover {
47+
color: #ffd700;
48+
}
49+
50+
section {
51+
padding: 2rem;
52+
max-width: 900px;
53+
margin: auto;
54+
}
55+
56+
.menu-list h4 {
57+
margin-top: 1rem;
58+
color: #b22222;
59+
}
60+
61+
.pedido-form {
62+
display: grid;
63+
grid-template-columns: 1fr 1fr;
64+
gap: 1rem;
65+
background: #fff5f5;
66+
padding: 1rem;
67+
border-radius: 8px;
68+
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
69+
}
70+
71+
.pedido-form div {
72+
display: flex;
73+
flex-direction: column;
74+
}
75+
76+
label {
77+
font-weight: bold;
78+
margin-bottom: 0.3rem;
79+
}
80+
81+
input[type="number"], select, button {
82+
padding: 0.5rem;
83+
border-radius: 5px;
84+
border: 1px solid #ccc;
85+
}
86+
87+
button {
88+
background-color: #b22222;
89+
color: #fff;
90+
border: none;
91+
cursor: pointer;
92+
transition: background 0.3s;
93+
}
94+
95+
button:hover {
96+
background-color: #8b0000;
97+
}
98+
99+
.resumo {
100+
grid-column: span 2;
101+
margin-top: 1rem;
102+
}
103+
104+
footer {
105+
background-color: #f4f4f4;
106+
padding: 1rem;
107+
text-align: center;
108+
}
109+
110+
.whatsapp-btn {
111+
display: inline-block;
112+
padding: 0.5rem 1rem;
113+
background-color: #25d366;
114+
color: white;
115+
text-decoration: none;
116+
border-radius: 5px;
117+
}
118+
</style>
119+
</head>
120+
121+
<body>
122+
<header>
123+
<h1>Kakau Pizzas</h1>
124+
</header>
125+
126+
<nav>
127+
<a href="#inicio">Inicial</a>
128+
<a href="#sobre">Sobre nós</a>
129+
<a href="#pizzas">Nossas Pizzas</a>
130+
<a href="#pedidos">Pedidos</a>
131+
<a href="#contato">Contato</a>
132+
</nav>
133+
134+
<section id="inicio">
135+
<h2>Bem-vindo à Kakau Pizzas</h2>
136+
<p>Descubra os sabores irresistíveis de nossas pizzas artesanais!</p>
137+
</section>
138+
139+
<section id="sobre">
140+
<h2>Sobre Nós</h2>
141+
<p>Na Kakau Pizzas, acreditamos que a melhor pizza é feita com carinho, ingredientes simples e um toque artesanal. Nossa produção é totalmente caseira, valorizando cada detalhe para garantir que você tenha a melhor experiência em sabor. Nossas massas são preparadas com dedicação e os ingredientes selecionados para te proporcionar uma explosão de sabor em cada mordida. Venha experimentar nossas pizzas, feitas com alma e sabor!</p>
142+
</section>
143+
144+
<section id="pizzas">
145+
<h2>Nossas Pizzas</h2>
146+
<div class="menu-list">
147+
<h3>Pizzas Salgadas</h3>
148+
<h4>1 - Mussarela Tradicional</h4>
149+
<p>Molho de tomate, mussarela, azeitonas e orégano. (R$55,00)</p>
150+
<h4>2 - Calabresa</h4>
151+
<p>Molho de tomate, mussarela, linguiça calabresa fatiada, cebola e orégano. (R$60,00)</p>
152+
<h4>3 - Presunto e Queijo</h4>
153+
<p>Molho de tomate, mussarela, presunto fatiado/picado e orégano. (R$58,00)</p>
154+
<h4>4 - Vegetariano de Legumes</h4>
155+
<p>Molho de tomate, mussarela, ervilha, cenoura, batata e orégano. (R$60,00)</p>
156+
<h4>5 - Portuguesa (Especial da Kakau)</h4>
157+
<p>Molho de tomate, mussarela, presunto, ovos cozidos picados, cebola em rodelas, azeitonas e orégano. (R$67,00)</p>
158+
<h3>Pizzas Doces</h3>
159+
<h4>6 - Chocolate</h4>
160+
<p>Chocolate ao leite e granulado. (R$45,00)</p>
161+
<h4>7 - Doce Pecado</h4>
162+
<p>Morango em cortes e chocolate ao leite. (R$55,00)</p>
163+
<h4>8 - Romeu e Julieta</h4>
164+
<p>Doce de goiabada e queijo. (R$43,00)</p>
165+
</div>
166+
</section>
167+
168+
<section id="pedidos">
169+
<h2>Faça seu Pedido</h2>
170+
<form class="pedido-form" id="pedidoForm">
171+
<div>
172+
<label>Mussarela Tradicional (R$55)</label>
173+
<input type="number" min="0" value="0" data-preco="55">
174+
</div>
175+
<div>
176+
<label>Calabresa (R$60)</label>
177+
<input type="number" min="0" value="0" data-preco="60">
178+
</div>
179+
<div>
180+
<label>Presunto e Queijo (R$58)</label>
181+
<input type="number" min="0" value="0" data-preco="58">
182+
</div>
183+
<div>
184+
<label>Vegetariano (R$60)</label>
185+
<input type="number" min="0" value="0" data-preco="60">
186+
</div>
187+
<div>
188+
<label>Portuguesa (R$67)</label>
189+
<input type="number" min="0" value="0" data-preco="67">
190+
</div>
191+
<div>
192+
<label>Chocolate (R$45)</label>
193+
<input type="number" min="0" value="0" data-preco="45">
194+
</div>
195+
<div>
196+
<label>Doce Pecado (R$55)</label>
197+
<input type="number" min="0" value="0" data-preco="55">
198+
</div>
199+
<div>
200+
<label>Romeu e Julieta (R$43)</label>
201+
<input type="number" min="0" value="0" data-preco="43">
202+
</div>
203+
<div class="resumo">
204+
<button type="button" onclick="gerarPedido()">Enviar Pedido via WhatsApp</button>
205+
<p id="total"></p>
206+
</div>
207+
</form>
208+
<p><strong>Pagamento:</strong> Apenas via PIX - Chave: 66992115947<br>
209+
Envie o comprovante de pagamento junto com seu pedido.</p>
210+
</section>
211+
212+
<section id="contato">
213+
<h2>Contato</h2>
214+
<a class="whatsapp-btn" href="https://wa.me/556692115947" target="_blank">Fale Conosco pelo WhatsApp</a>
215+
<h3>Envie um e-mail:</h3>
216+
<form class="pedido-form" action="mailto:kakaupizzaria123@gmail.com" method="post" enctype="text/plain">
217+
<input type="text" name="nome" placeholder="Nome completo" required>
218+
<input type="text" name="assunto" placeholder="Assunto" required>
219+
<textarea name="mensagem" placeholder="Mensagem" rows="4" required></textarea>
220+
<button type="submit">Enviar</button>
221+
</form>
222+
</section>
223+
224+
<footer>
225+
<p>Siga-nos no Instagram: <a href="https://instagram.com/kakau_pizzas" target="_blank">@kakau_pizzas</a></p>
226+
<p>Email: <a href="mailto:kakaupizzaria123@gmail.com">kakaupizzaria123@gmail.com</a></p>
227+
</footer>
228+
229+
<script>
230+
function gerarPedido() {
231+
const inputs = document.querySelectorAll('#pedidoForm input[type="number"]');
232+
let total = 0;
233+
let textoPedido = "Olá, gostaria de fazer um pedido!%0A";
234+
235+
inputs.forEach((input, index) => {
236+
const qtd = parseInt(input.value);
237+
const preco = parseFloat(input.dataset.preco);
238+
const nome = input.previousElementSibling.innerText.split(" (")[0];
239+
if (qtd > 0) {
240+
total += qtd * preco;
241+
textoPedido += `- ${qtd}x ${nome}%0A`;
242+
}
243+
});
244+
245+
textoPedido += `%0ATotal: R$${total.toFixed(2)}%0A`;
246+
textoPedido += `Pagamento via PIX (Chave: 66992115947). Enviarei o comprovante em seguida.`;
247+
248+
document.getElementById('total').innerText = `Total do Pedido: R$ ${total.toFixed(2)}`;
249+
250+
if (total > 0) {
251+
window.open(`https://wa.me/556692115947?text=${textoPedido}`, '_blank');
252+
} else {
253+
alert('Por favor, selecione ao menos uma pizza para o pedido.');
254+
}
255+
}
256+
</script>
257+
</body>
258+
259+
</html>

0 commit comments

Comments
 (0)