<!doctype html>
<html lang="it">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Seggio della Montagna – San Giuseppe Jato</title>
<meta name="description" content="Pizzeria con forno a legna a San Giuseppe Jato. Prenota: 091 976 0982." />
<link rel="stylesheet" href="style.css" />
</head>
<body>
<header class="nav">
<div class="container nav__inner">
<a class="logo" href="#top">Seggio della Montagna</a>
<nav class="menu" id="menu">
<a href="#chi-siamo">Chi siamo</a>
<a href="#specialita">Specialità</a>
<a href="#galleria">Galleria</a>
<a href="#contatti">Contatti</a>
</nav>
<button class="burger" id="burger" aria-label="Apri menu">☰</button>
<a class="cta" href="tel:+390919760982">Prenota</a>
</div>
</header>
<main id="top">
<section class="hero">
<div class="container hero__inner">
<div class="hero__text">
<h1>Forno a legna, gusto autentico.</h1>
<p>
Pizza e cucina a <strong>San Giuseppe Jato</strong>.
Prenota al <strong>091 976 0982</strong> o scrivici in Direct.
</p>
<div class="hero__actions">
<a class="btn btn--primary" href="tel:+390919760982">Chiama ora</a>
<a class="btn btn--ghost" href="#contatti">Contatti</a>
</div>
<div class="chips">
<span>🍕 Pizza</span>
<span>🔥 Forno a legna</span>
<span>🍷 Atmosfera</span>
<span>👨👩👧👦 Comitive</span>
</div>
</div>
<div class="hero__media">
<div class="placeholder">
Qui metti una foto top (pizza/sala/forno).<br />
Quando vuoi, ti dico anche come chiamarla e dove metterla.
</div>
</div>
</div>
</section>
<section class="section" id="chi-siamo">
<div class="container grid">
<div>
<h2>Chi siamo</h2>
<p>
Seggio della Montagna è quel posto dove vieni “solo per una pizza”
e poi finisci a dire: <em>ok, torniamo settimana prossima</em>.
</p>
<ul class="list">
<li>✅ Forno a legna</li>
<li>✅ Ingredienti selezionati</li>
<li>✅ Perfetto per cene e comitive</li>
</ul>
</div>
<div class="card">
<h3>Info veloci</h3>
<p><strong>📍</strong> Seggio della Montagna – San Giuseppe Jato</p>
<p><strong>☎️</strong> <a href="tel:+390919760982">091 976 0982</a></p>
<p><strong>📩</strong> Prenotazioni anche in Direct</p>
<a class="btn btn--primary btn--full" href="tel:+390919760982">Prenota</a>
</div>
</div>
</section>
<section class="section section--alt" id="specialita">
<div class="container">
<h2>Le nostre specialità</h2>
<p class="muted">Tre vibes, zero chiacchiere.</p>
<div class="cards">
<article class="card">
<h3>🍕 Pizza</h3>
<p>Impasto, cottura e combinazioni che spaccano.</p>
</article>
<article class="card">
<h3>🔥 Forno a legna</h3>
<p>Profumo vero, crosta giusta, felicità immediata.</p>
</article>
<article class="card">
<h3>🥩 Cucina</h3>
<p>Piatti caldi, sapori di casa, porzioni da “ok wow”.</p>
</article>
</div>
</div>
</section>
<section class="section" id="galleria">
<div class="container">
<h2>Galleria</h2>
<p class="muted">Qui poi mettiamo 6-9 foto. (Io ti faccio anche l’ordine perfetto.)</p>
<div class="gallery">
<div class="ph">Foto 1</div><div class="ph">Foto 2</div><div class="ph">Foto 3</div>
<div class="ph">Foto 4</div><div class="ph">Foto 5</div><div class="ph">Foto 6</div>
</div>
</div>
</section>
<section class="section section--alt" id="contatti">
<div class="container grid">
<div>
<h2>Contatti</h2>
<p><strong>📍</strong> Seggio della Montagna – San Giuseppe Jato</p>
<p><strong>☎️</strong> <a href="tel:+390919760982">091 976 0982</a></p>
<div class="hero__actions">
<a class="btn btn--primary" href="tel:+390919760982">Chiama</a>
<a class="btn btn--ghost" id="wa" href="#">WhatsApp</a>
</div>
<p class="tags">
#SeggioDellaMontagna #Pizza #FornoALegna #GustoAutentico #SanGiuseppeJato
</p>
</div>
<div class="card">
<h3>Mappa</h3>
<p class="muted">Mi dai l’indirizzo preciso e te la metto embedded.</p>
<div class="map placeholder">Spazio mappa</div>
</div>
</div>
</section>
</main>
<footer class="footer">
<div class="container footer__inner">
<p>© <span id="year"></span> Seggio della Montagna</p>
<p>Prenotazioni ☎️ <a href="tel:+390919760982">091 976 0982</a> | Direct</p>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>