<!DOCTYPE html>
<html lang="hu">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Egyedi konyhabútorok készítése. Személyre szabott megoldások, prémium minőség.">
    <title>Egyedi Konyhabútorok - Konyhabútor készítés</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <header>
        <div class="logo">
            <h1>Szép Konyha - Egyedi Konyhabútorok</h1>
        </div>
        <nav>
            <ul>
                <li><a href="#about">Rólunk</a></li>
                <li><a href="#products">Termékek</a></li>
                <li><a href="#contact">Kapcsolat</a></li>
            </ul>
        </nav>
    </header>

    <section id="about" class="about">
        <h2>Rólunk</h2>
        <p>Mi egyedi konyhabútorokat készítünk a legmagasabb minőségben. Szakértői csapatunk segít megvalósítani álmai konyháját, a legújabb trendeknek megfelelően, személyre szabottan.</p>
    </section>

    <section id="products" class="products">
        <h2>Termékeink</h2>
        <div class="product-list">
            <div class="product-item">
                <h3>Modern Konyha</h3>
                <p>Letisztult, modern design, tökéletes funkcionalitás.</p>
            </div>
            <div class="product-item">
                <h3>Tradicionális Konyha</h3>
                <p>Meleg, klasszikus stílus, a hagyományok és a kényelem jegyében.</p>
            </div>
            <div class="product-item">
                <h3>Kompakt Konyha</h3>
                <p>Helytakarékos, praktikus megoldások kisebb helyekre.</p>
            </div>
        </div>
    </section>

    <section id="contact" class="contact">
        <h2>Kapcsolat</h2>
        <p>Ha kérdése van, vegye fel velünk a kapcsolatot!</p>
        <form id="contact-form">
            <label for="name">Név:</label>
            <input type="text" id="name" name="name" required>
            
            <label for="email">E-mail:</label>
            <input type="email" id="email" name="email" required>
            
            <label for="message">Üzenet:</label>
            <textarea id="message" name="message" rows="4" required></textarea>
            
            <button type="submit">Küldés</button>
        </form>
    </section>

    <footer>
        <p>&copy; 2025 Szép Konyha Kft. Minden jog fenntartva.</p>
    </footer>

    <script src="scripts.js"></script>
</body>
</html>