<!DOCTYPE html>
<html lang="he" dir="rtl">

<head>
  <!-- Google tag (gtag.js) -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-JXJQ3L59J5"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag() { dataLayer.push(arguments); }
    gtag('js', new Date());

    gtag('config', 'G-JXJQ3L59J5');
  </script>

  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>404 - החגיגה לא נמצאה | מסיבה</title>
  <meta name="description" content="אופס! העמוד שחיפשתם אינו קיים במסיבה. חזרו לדף הבית ומצאו קישוטים, בלונים, הפעלות וציוד למסיבת יום הולדת מושלמת.">
  <meta name="robots" content="noindex, follow">
  <meta name="author" content="מסיבה - Mesiba">

  <!-- Resource Preconnect & DNS-Prefetch for Core Web Vitals -->
  <link rel="preconnect" href="https://firestore.googleapis.com">
  <link rel="dns-prefetch" href="https://firestore.googleapis.com">
  <link rel="preconnect" href="https://www.gstatic.com">
  <link rel="dns-prefetch" href="https://www.gstatic.com">
  <link rel="preconnect" href="https://www.googletagmanager.com">
  <link rel="dns-prefetch" href="https://www.googletagmanager.com">

  <!-- Open Graph / Social Sharing -->
  <meta property="og:type" content="website">
  <meta property="og:site_name" content="מסיבה">
  <meta property="og:title" content="404 - החגיגה לא נמצאה | מסיבה">
  <meta property="og:description" content="אופס! העמוד שחיפשתם אינו קיים. חזרו למסיבה ותהנו ממגוון רעיונות וציוד ליום הולדת.">
  <meta property="og:image" content="https://mesiba.fun/assets/logo_Mesiba.png">
  <meta property="og:locale" content="he_IL">

  <link rel="icon" type="image/png" href="assets/logo_Mesiba.png">
  <link rel="apple-touch-icon" href="assets/logo_Mesiba.png">
  <link rel="manifest" href="manifest.json">
  <meta name="theme-color" content="#ff5722">
  <link rel="stylesheet" href="index.css">

  <!-- Structured Data / JSON-LD for WebPage -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@graph": [
      {
        "@type": "WebPage",
        "@id": "https://mesiba.fun/404#webpage",
        "url": "https://mesiba.fun/404",
        "name": "404 - החגיגה לא נמצאה | מסיבה",
        "description": "דף שגיאה 404 באתר מסיבה",
        "isPartOf": {
          "@type": "WebSite",
          "@id": "https://mesiba.fun/#website",
          "name": "מסיבה",
          "url": "https://mesiba.fun/"
        },
        "inLanguage": "he-IL"
      },
      {
        "@type": "BreadcrumbList",
        "@id": "https://mesiba.fun/404#breadcrumb",
        "itemListElement": [
          {
            "@type": "ListItem",
            "position": 1,
            "name": "דף הבית",
            "item": "https://mesiba.fun/"
          },
          {
            "@type": "ListItem",
            "position": 2,
            "name": "עמוד לא נמצא (404)",
            "item": "https://mesiba.fun/404"
          }
        ]
      }
    ]
  }
  </script>
</head>

<body>
  <a href="#error-card-main" class="skip-link">דילוג לתוכן המרכזי</a>

  <div class="app-container">

    <!-- HEADER -->
    <header class="header"></header>

    <!-- MAIN 404 CONTENT -->
    <main class="error-page-main">
      <div class="error-bg-shapes"></div>

      <div class="error-card">
        
        <!-- VISUAL 404 WITH FLOATING PARTY ELEMENTS -->
        <div class="error-visual">
          <span class="error-code">404</span>
          <span class="floating-party-item item-1" aria-hidden="true">🎈</span>
          <span class="floating-party-item item-2" aria-hidden="true">🥳</span>
          <span class="floating-party-item item-3" aria-hidden="true">🎁</span>
        </div>

        <h1 class="error-title">אופס! החגיגה לא נמצאה כאן</h1>
        <p class="error-description">
          נראה שהגעתם לעמוד שלא קיים, או שהכתובת שונתה. אל דאגה, כל הציוד, המפעילים והרעיונות למסיבה שלכם מחכים לכם בדף הבית!
        </p>

        <!-- SEARCH FORM DIRECTLY FROM 404 -->
        <div class="error-search-box">
          <form class="error-search-form" action="/" method="GET">
            <input type="text" name="s" class="error-search-input" placeholder="חפשו בלונים, הפעלות, כלים חד-פעמיים..." required>
            <button type="submit" class="error-search-btn">חפשו במסיבה 🔍</button>
          </form>
        </div>

        <!-- ACTION BUTTONS -->
        <div class="error-actions">
          <a href="/" class="btn-primary-404">🎉 חזרה לדף הבית</a>
          <a href="advertise" class="btn-secondary-404">📢 פרסמו אצלנו</a>
        </div>

        <!-- QUICK RECOMMENDATION LINKS -->
        <div class="error-suggestions">
          <div class="error-suggestions-title">אולי יעניין אתכם לחפש:</div>
          <div class="error-suggestions-grid">
            <a href="/?s=בלונים" class="suggestion-chip">🎈 בלונים וקשתות</a>
            <a href="/?s=הפעלות" class="suggestion-chip">👑 הפעלות ומפעילים</a>
            <a href="/?s=חד-פעמי" class="suggestion-chip">🎂 כלים חד-פעמיים</a>
            <a href="/?s=מתנות" class="suggestion-chip">🎁 מתנות וגימיקים</a>
          </div>
        </div>

      </div>
    </main>

    <!-- FOOTER -->
    <footer class="footer"></footer>

  </div>

  <script src="header.js" defer></script>
  <script src="footer.js" defer></script>
</body>

</html>
