<!DOCTYPE html>
<html lang="tr">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Mimora Baby | Bebek Tekstili</title>
  <meta name="description" content="Mimora Baby %100 pamuk, bebek dostu ve zarif bebek tekstil ürünleri." />
  <style>
    body {
      margin: 0;
      font-family: 'Segoe UI', sans-serif;
      background-color: #f7f4ef;
      color: #4a4a4a;
    }
    header {
      background-color: #efe7dc;
      padding: 20px 40px;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    header h1 {
      margin: 0;
      font-size: 28px;
      letter-spacing: 1px;
    }
    nav a {
      margin-left: 20px;
      text-decoration: none;
      color: #4a4a4a;
      font-weight: 500;
    }
    .hero {
      padding: 80px 40px;
      text-align: center;
      background: linear-gradient(180deg, #f7f4ef, #ffffff);
    }
    .hero h2 {
      font-size: 36px;
      margin-bottom: 20px;
    }
    .hero p {
      max-width: 600px;
      margin: auto;
      font-size: 18px;
    }
    .section {
      padding: 60px 40px;
      max-width: 1100px;
      margin: auto;
    }
    .section h3 {
      font-size: 28px;
      margin-bottom: 30px;
      text-align: center;
    }
    .products {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 20px;
    }
    .product {
      background-color: #ffffff;
      padding: 20px;
      border-radius: 16px;
      box-shadow: 0 10px 20px rgba(0,0,0,0.05);
      text-align: center;
    }
    .product img {
      width: 100%;
      border-radius: 12px;
    }
    .product h4 {
      margin: 15px 0 5px;
    }
    .about {
      text-align: center;
      font-size: 17px;
      line-height: 1.6;
    }
    footer {
      background-color: #efe7dc;
      padding: 30px 40px;
      text-align: center;
      font-size: 14px;
    }
    .social a {
      margin: 0 10px;
      text-decoration: none;
      color: #4a4a4a;
      font-weight: 600;
    }
  </style>
</head>
<body>

<header>
  <h1>Mimora Baby</h1>
  <nav>
    <a href="#">Ana Sayfa</a>
    <a href="#urunler">Ürünler</a>
    <a href="#hakkimizda">Hakkımızda</a>
    <a href="#iletisim">İletişim</a>
  </nav>
</header>

<section class="hero">
  <h2>Bebeğiniz için zarif, doğal ve güvenli</h2>
  <p>%100 pamuk, bebek dostu ve özenle tasarlanmış Mimora Baby koleksiyonları</p>
</section>

<section class="section" id="urunler">
  <h3>Öne Çıkan Ürünler</h3>
  <div class="products">
    <div class="product">
      <img src="https://via.placeholder.com/300x300" alt="Body" />
      <h4>Bebek Body</h4>
      <p>Yumuşak dokulu pamuk</p>
    </div>
    <div class="product">
      <img src="https://via.placeholder.com/300x300" alt="Tulum" />
      <h4>Bebek Tulumu</h4>
      <p>Hassas ciltler için ideal</p>
    </div>
    <div class="product">
      <img src="https://via.placeholder.com/300x300" alt="Pijama" />
      <h4>Pijama Takımı</h4>
      <p>Pastel tonlarda tasarım</p>
    </div>
  </div>
</section>

<section class="section" id="hakkimizda">
  <h3>Hakkımızda</h3>
  <div class="about">
    <p>
      Mimora Baby, bebeklerin hassas ciltleri için doğal, sade ve güvenli tekstil ürünleri üretmek amacıyla kurulmuştur.
      Tasarımlarımızda krem, bej ve pastel tonları tercih ederek hem şıklığı hem huzuru bir araya getiriyoruz.
    </p>
  </div>
</section>

<section class="section" id="iletisim">
  <h3>İletişim</h3>
  <div class="about">
    <p>Bizimle Instagram üzerinden iletişime geçebilirsiniz.</p>
    <div class="social">
      <a href="https://instagram.com/babymimora" target="_blank">@babymimora</a>
    </div>
  </div>
</section>

<footer>
  <p>© 2026 Mimora Baby. Tüm hakları saklıdır.</p>
</footer>

</body>
</html>