<!doctype html>
<html lang="hu">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Rentize - Kauciómentes bérlés Magyarországon | Kaució nélküli albérlet</title>
    
    <!-- SEO Meta Tags -->
    <meta name="description" content="Kauciómentes bérlés Magyarországon biztonságosan. Bérelj lakást kaució nélkül AI technológiával. Találd meg az ideális otthonod Budapesten és országszerte." />
    <meta name="keywords" content="kauciómentes bérlés, kaució nélküli bérlés, kaució nélküli albérlet, deposit free rental Hungary, bérlés kaució nélkül, lakásbérlés, albérlet Budapest, ingatlan bérlés" />
    <meta name="author" content="Rentize" />
    <meta name="robots" content="index, follow" />
    <meta name="google-site-verification" content="CgjzdOC85d67GbH0E4BPanzP9nGH2WvbbsF_EPp06lk" />
    
    <!-- Open Graph Meta Tags -->
    <meta property="og:title" content="Rentize - Kauciómentes bérlés és modern lakásbérbeadás" />
    <meta property="og:description" content="Biztonságos és hatékony lakásbérbeadás AI technológiával. Találd meg az ideális otthonod vagy adj bérbe ingatlant okos párosítással." />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://rentize.hu" />
    <meta property="og:image" content="https://rentize.hu/rentize-logo.png" />
    <meta property="og:locale" content="hu_HU" />
    <meta property="og:site_name" content="Rentize" />
    
    <!-- Twitter Card Meta Tags -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="Rentize - Kauciómentes bérlés és modern lakásbérbeadás" />
    <meta name="twitter:description" content="Biztonságos és hatékony lakásbérbeadás AI technológiával." />
    <meta name="twitter:image" content="https://rentize.hu/rentize-logo.png" />
    
    <!-- Favicon -->
    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
    <link rel="icon" type="image/png" sizes="48x48" href="/favicon-48x48.png" />
    <link rel="icon" type="image/png" sizes="64x64" href="/favicon-64x64.png" />
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
    
    <!-- Resource hints for faster font loading -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link rel="dns-prefetch" href="https://fonts.googleapis.com" />
    
    <!-- Resource hints for Firebase services -->
    <link rel="preconnect" href="https://firebasestorage.googleapis.com" crossorigin />
    <link rel="preconnect" href="https://firestore.googleapis.com" crossorigin />
    <link rel="preconnect" href="https://rentize-f4055.firebaseapp.com" crossorigin />
    <link rel="preconnect" href="https://www.googleapis.com" crossorigin />
    <link rel="preconnect" href="https://europe-west1-rentize-f4055.cloudfunctions.net" crossorigin />
    <link rel="dns-prefetch" href="https://firebasestorage.googleapis.com" />
    <link rel="dns-prefetch" href="https://firestore.googleapis.com" />
    <link rel="dns-prefetch" href="https://rentize-f4055.firebaseapp.com" />
    <link rel="dns-prefetch" href="https://www.googleapis.com" />
    <link rel="dns-prefetch" href="https://europe-west1-rentize-f4055.cloudfunctions.net" />

    <!-- LCP image preload: mobile uses /hall.webp as hero background -->
    <link
      rel="preload"
      as="image"
      href="/hall.webp"
      media="(max-width: 768px)"
      fetchpriority="high"
    />
    
    <!-- Critical CSS inline for faster FCP -->
    <style>
      /* Critical CSS - Above the fold styles */
      * {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
      }
      
      html, body {
        overflow-x: hidden;
        max-width: 100vw;
        width: 100%;
        background: #ffffff;
        color: #0f172a;
        font-family: 'Plus Jakarta Sans', 'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
      }
      
      #root {
        min-height: 100vh;
      }

      /* ─────────── App-shell skeleton ─────────── */
      .rz-app-shell {
        position: fixed;
        inset: 0;
        background: #ffffff;
        z-index: 1;
        pointer-events: none;
      }
      .rz-app-shell__nav {
        height: 64px;
        border-bottom: 1px solid rgba(148, 163, 184, 0.35);
        display: flex;
        align-items: center;
        padding: 0 24px;
        gap: 12px;
        background: #ffffff;
      }
      .rz-app-shell__logo {
        width: 32px;
        height: 32px;
        border-radius: 8px;
        background: linear-gradient(135deg, #2563eb, #60a5fa);
      }
      .rz-app-shell__logo-text {
        width: 72px;
        height: 16px;
        border-radius: 4px;
        background: linear-gradient(90deg, #e2e8f0 0%, #f1f5f9 50%, #e2e8f0 100%);
        background-size: 200% 100%;
        animation: rz-shimmer 1.4s ease-in-out infinite;
      }
      .rz-app-shell__main {
        padding: 32px 24px;
        max-width: 1280px;
        margin: 0 auto;
      }
      .rz-app-shell__hero {
        height: 240px;
        border-radius: 16px;
        background: linear-gradient(135deg, #f8faff 0%, #eff6ff 40%, #dbeafe 100%);
        margin-bottom: 32px;
        position: relative;
        overflow: hidden;
      }
      .rz-app-shell__hero::after {
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.45) 50%, transparent 100%);
        background-size: 200% 100%;
        animation: rz-shimmer 1.6s ease-in-out infinite;
      }
      .rz-app-shell__grid {
        display: grid;
        gap: 24px;
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
      @media (max-width: 900px) {
        .rz-app-shell__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      }
      @media (max-width: 600px) {
        .rz-app-shell__grid { grid-template-columns: 1fr; }
      }
      .rz-app-shell__card {
        border-radius: 12px;
        overflow: hidden;
        background: #f8fafc;
        border: 1px solid rgba(226, 232, 240, 0.8);
      }
      .rz-app-shell__card-img {
        height: 180px;
        background: linear-gradient(90deg, #e2e8f0 0%, #f1f5f9 50%, #e2e8f0 100%);
        background-size: 200% 100%;
        animation: rz-shimmer 1.4s ease-in-out infinite;
      }
      .rz-app-shell__card-body {
        padding: 16px;
      }
      .rz-app-shell__line {
        height: 12px;
        border-radius: 6px;
        background: linear-gradient(90deg, #e2e8f0 0%, #f1f5f9 50%, #e2e8f0 100%);
        background-size: 200% 100%;
        animation: rz-shimmer 1.4s ease-in-out infinite;
        margin-bottom: 8px;
      }
      .rz-app-shell__line--short { width: 40%; }
      .rz-app-shell__line--mid { width: 70%; }
      .rz-app-shell.rz-app-shell--hidden {
        opacity: 0;
        transition: opacity 0.18s ease-out;
      }
      @keyframes rz-shimmer {
        0% { background-position: 200% 0; }
        100% { background-position: -200% 0; }
      }
    </style>
    
    <!-- Load fonts — Plus Jakarta Sans + Poppins in a single combined request -->
    <link
      rel="stylesheet"
      href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap"
      media="print"
      onload="this.media='all'"
    />
    <noscript>
      <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet" />
    </noscript>
    
    <!-- Preload critical JS modules for faster startup -->
    
    <!-- Schema.org Structured Data for SEO -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebSite",
      "name": "Rentize",
      "url": "https://rentize.hu",
      "description": "Biztonságos és hatékony lakásbérbeadás AI technológiával. Találd meg az ideális otthonod vagy adj bérbe ingatlant okos párosítással.",
      "potentialAction": {
        "@type": "SearchAction",
        "target": "https://rentize.hu/properties?search={search_term_string}",
        "query-input": "required name=search_term_string"
      }
    }
    </script>
    
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Organization",
      "name": "Rentize",
      "url": "https://rentize.hu",
      "logo": "https://rentize.hu/rentize-logo.png",
      "description": "Modern lakásbérbeadási platform AI technológiával",
      "address": {
        "@type": "PostalAddress",
        "addressCountry": "HU",
        "addressLocality": "Budapest"
      },
      "sameAs": [
        "https://www.facebook.com/rentize",
        "https://www.instagram.com/rentize",
        "https://www.linkedin.com/company/rentize"
      ]
    }
    </script>
    
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "FAQPage",
      "mainEntity": [
        {
          "@type": "Question",
          "name": "Mi az a kauciómentes bérlés?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "A kauciómentes bérlés lehetővé teszi, hogy kaució fizetése nélkül költözz be egy bérleménybe. A Rentize AI alapú rendszere értékeli a bérlő hitelességét, és biztosítja a tulajdonos számára a kaució teljes összegét."
          }
        },
        {
          "@type": "Question",
          "name": "Biztonságos a kauciómentes bérlés?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Igen, teljesen biztonságos. A Rentize AI technológiával értékeli a bérlőket, és teljes körű védelmet nyújt a bérbeadók számára. A bérlők nem kell előre kifizessék a kauciót, de a Rentize garantálja annak fedezetét."
          }
        }
      ]
    }
    </script>
    <script type="module" crossorigin src="/assets/index-CYb6DC_A.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/react-core-2eRQMBPO.js">
    <link rel="modulepreload" crossorigin href="/assets/ui-utils-CkAtWBXW.js">
    <link rel="modulepreload" crossorigin href="/assets/vendor-Pox1dFAG.js">
    <link rel="modulepreload" crossorigin href="/assets/radix-dialog-DBmWp_Bk.js">
    <link rel="modulepreload" crossorigin href="/assets/radix-ui-BhcZcrp7.js">
    <link rel="modulepreload" crossorigin href="/assets/react-dom-keXw3O8l.js">
    <link rel="modulepreload" crossorigin href="/assets/tanstack--N3YER4a.js">
    <link rel="modulepreload" crossorigin href="/assets/react-router-CP_ltnkm.js">
    <link rel="modulepreload" crossorigin href="/assets/icons-Cpf4TnLU.js">
    <link rel="modulepreload" crossorigin href="/assets/i18n-_TwaThxQ.js">
    <link rel="modulepreload" crossorigin href="/assets/firebase-core-gxJMTRSu.js">
    <link rel="modulepreload" crossorigin href="/assets/firebase-auth-Bq6WxWJp.js">
    <link rel="modulepreload" crossorigin href="/assets/firebase-firestore-B8bKudsS.js">
    <link rel="modulepreload" crossorigin href="/assets/firebase-storage-BTEZoOg0.js">
    <link rel="modulepreload" crossorigin href="/assets/react-helmet-DDgn8yEh.js">
    <link rel="stylesheet" crossorigin href="/assets/index-GuEbc8nY.css">
  </head>
  <body>
    <div id="root"></div>

    <!-- App-shell shown during initial JS load. Removed by client/App.tsx after React mounts. -->
    <div id="app-shell" class="rz-app-shell" aria-hidden="true">
      <div class="rz-app-shell__nav">
        <div class="rz-app-shell__logo"></div>
        <div class="rz-app-shell__logo-text"></div>
      </div>
      <div class="rz-app-shell__main">
        <div class="rz-app-shell__hero"></div>
        <div class="rz-app-shell__grid">
          <div class="rz-app-shell__card">
            <div class="rz-app-shell__card-img"></div>
            <div class="rz-app-shell__card-body">
              <div class="rz-app-shell__line rz-app-shell__line--mid"></div>
              <div class="rz-app-shell__line rz-app-shell__line--short"></div>
            </div>
          </div>
          <div class="rz-app-shell__card">
            <div class="rz-app-shell__card-img"></div>
            <div class="rz-app-shell__card-body">
              <div class="rz-app-shell__line rz-app-shell__line--mid"></div>
              <div class="rz-app-shell__line rz-app-shell__line--short"></div>
            </div>
          </div>
          <div class="rz-app-shell__card">
            <div class="rz-app-shell__card-img"></div>
            <div class="rz-app-shell__card-body">
              <div class="rz-app-shell__line rz-app-shell__line--mid"></div>
              <div class="rz-app-shell__line rz-app-shell__line--short"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
    
  </body>
</html>
