<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Catálogo | Beatrice Store</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>

<header>
<h1>Beatrice Store</h1>
<section class="busca">

<input 
type="text" 
id="pesquisa"
placeholder="🔎 Procurar uma peça..."
onkeyup="buscarProduto()">


<select id="categoria" onchange="filtrarCategoria()">

<option value="todos">
Todas as categorias
</option>

<option value="Vestidos">
Vestidos
</option>

<option value="Conjuntos">
Conjuntos
</option>

<option value="Blusas">
Blusas
</option>

<option value="Calças">
Calças
</option>

</select>

</section>
<p>Catálogo de Produtos</p>
</header>

<nav>
<a href="index.html">Início</a>
<a href="catalogo.html">Catálogo</a>
<a href="novidades.html">Novidades</a>
<a href="vip.html">VIP</a>
<a href="contato.html">Contato</a>
</nav>

<section class="catalogo">

<div class="produto"data-categoria><button onclick="favoritar('Vestido Elegance')">
❤️ Favoritar
</button>
<img src="img/vestido1.jpg" alt="Vestido">
<h3>Vestido Elegance</h3>
<p>R$ 189,90</p>
<a href="https://wa.me/556292242242?text=Olá! Tenho interesse no Vestido Elegance.">Comprar pelo WhatsApp</a>
</div>

<div class="produto"data-categoria><button onclick="favoritar('Vestido Elegance')">
❤️ Favoritar
</button>
<img src="img/conjunto1.jpg" alt="Conjunto">
<h3>Conjunto Premium</h3>
<p>R$ 249,90</p>
<a href="https://wa.me/556292242242?text=Olá! Tenho interesse no Conjunto Premium.">Comprar pelo WhatsApp</a>
</div>

<div class="produto"data-categoria><button onclick="favoritar('Vestido Elegance')">
❤️ Favoritar
</button>
<img src="img/blusa1.jpg" alt="Blusa">
<h3>Blusa Fashion</h3>
<p>R$ 89,90</p>
<a href="https://wa.me/556292242242?text=Olá! Tenho interesse na Blusa Fashion.">Comprar pelo WhatsApp</a>
</div>

</section>
<script src="js/busca.js"></script>


</body>
</html>