templates/web/home/index.html.twig line 1

  1. {% extends 'base.html.twig' %}
  2. {% block title %}{% endblock %}
  3. {% block ogTitle %}{% endblock %}
  4. {% block seoDescription %}{% endblock %}
  5. {% block body %}
  6.     <section class="text-center">
  7.         <div class="container" id="about">
  8.             {% include 'components/flash_messages.html.twig' %}
  9.             <div data-animate="fadeInUp" class="heading-text heading-section text-center m-b-40 animated fadeInUp visible">
  10.                 <h1>Garáže Mlýnský rybník</h1>
  11.                 <div class="lead">
  12.                     <p>Představujeme vám nový developerský projekt „Garáže Mlýnský rybník“, který přináší možnost moderního parkování v blízkosti centra města Jirkov. Tento projekt nabízí skvělou příležitost vlastnit svou vlastní garáž v atraktivní lokalitě.</p>
  13.                     <p>Projekt zahrnuje výstavbu 54 řadových garáží v uzavřeném oploceném areálu, který je situován poblíž křižovatky ul. 5. května a ul. Jezerská v Jirkově. Díky této poloze je vzdálenost pro pěší do centra města pouhých 5 minut.</p>
  14.                     <p>Každá garáž bude prodávána do osobního vlastnictví, což vám poskytne plnou kontrolu nad vaším parkovacím prostorem. Garáže jsou navrženy tak, aby splňovaly moderní standardy a poskytovaly bezpečné a pohodlné parkování.</p>
  15.                     <p>Připojte se k našemu projektu a zajistěte si moderní parkovací prostor v blízkosti centra Jirkova. Pro více informací nás neváhejte kontaktovat.</p>
  16.                     <p>Pro zajištění správy celého areálu garáží bude založen spolek „Mlýnský rybník, z.s.“, každý nový nabyvatel bude automaticky do spolku zapsán (detaily budou sděleny současně s návrhem na uzavření kupní smlouvy).</p>
  17.                     <p>
  18.                         <video controls>
  19.                             <source src="/video/video_garaze.mp4" type="video/mp4">
  20.                             Váš prohlížeč nepodporuje video tag.
  21.                         </video>
  22.                     </p>
  23.                     <p>
  24.                         <a href="https://drive.google.com/file/d/1aq_-28RkqTm3iEwnzcjCXZVhitorJb4A/view?usp=drive_link" class="btn" target="_blank">
  25.                             VIDEO DOKONČENÉ GARÁŽE
  26.                         </a>
  27.                     </p>
  28.                 </div>
  29.             </div>
  30.             <div class="row row-icons">
  31.                 <div class="col-lg-3">
  32.                     <i class="icon-map-pin"></i>
  33.                     <h3 class="m-b-10">STRATEGICKÁ POLOHA</h3>
  34.                     <span>5 minut pěšky do centra města Jirkov</span>
  35.                 </div>
  36.                 <div class="col-lg-3">
  37.                     <i class="icon-lock"></i>
  38.                     <h3 class="m-b-10">BEZPEČNOST</h3>
  39.                     <span>Uzavřený oplocený areál</span>
  40.                 </div>
  41.                 <div class="col-lg-3">
  42.                     <i class="fa fa-warehouse"></i>
  43.                     <h3 class="m-b-10">OSOBNÍ VLASTNICTVÍ</h3>
  44.                     <span>Možnost vlastnit garáž</span>
  45.                 </div>
  46.                 <div class="col-lg-3">
  47.                     <i class="fa fa-certificate"></i>
  48.                     <h3 class="m-b-10">MODERNÍ STANDARDY</h3>
  49.                     <span>Kvalitní a bezpečné parkování</span>
  50.                 </div>
  51.             </div>
  52.         </div>
  53.     </section>
  54.     <section id="section3" class="no-padding">
  55.         <div id="portfolio" class="grid-layout portfolio-4-columns grid-loaded" data-margin="0" data-lightbox="gallery" style="margin: 0px; position: relative; height: 660px;">
  56.             <div class="portfolio-item img-zoom ct-photography ct-marketing ct-media" style="padding: 0px; position: absolute; left: 0px; top: 0px;">
  57.                 <div class="portfolio-item-wrap">
  58.                     <div class="portfolio-image">
  59.                         <a href="#"><img src="{{ asset('build/images/foto_01_small.jpg') }}" alt=""></a>
  60.                     </div>
  61.                     <div class="portfolio-description">
  62.                         <a title="Garáže Mlýnský rybník" data-lightbox="gallery-image" href="{{ asset('build/images/foto_01_small.jpg') }}" class="btn btn-light btn-rounded">Zobrazit</a>
  63.                     </div>
  64.                 </div>
  65.             </div>
  66.             <div class="portfolio-item img-zoom ct-photography ct-marketing ct-media" style="padding: 0px; position: absolute; left: 0px; top: 0px;">
  67.                 <div class="portfolio-item-wrap">
  68.                     <div class="portfolio-image">
  69.                         <a href="#"><img src="{{ asset('build/images/foto_02_small.jpg') }}" alt=""></a>
  70.                     </div>
  71.                     <div class="portfolio-description">
  72.                         <a title="Garáže Mlýnský rybník" data-lightbox="gallery-image" href="{{ asset('build/images/foto_02.jpg') }}" class="btn btn-light btn-rounded">Zobrazit</a>
  73.                     </div>
  74.                 </div>
  75.             </div>
  76.             <div class="portfolio-item img-zoom ct-photography ct-marketing ct-media" style="padding: 0px; position: absolute; left: 0px; top: 0px;">
  77.                 <div class="portfolio-item-wrap">
  78.                     <div class="portfolio-image">
  79.                         <a href="#"><img src="{{ asset('build/images/foto_04_small.jpg') }}" alt=""></a>
  80.                     </div>
  81.                     <div class="portfolio-description">
  82.                         <a title="Garáže Mlýnský rybník" data-lightbox="gallery-image" href="{{ asset('build/images/foto_04.jpg') }}" class="btn btn-light btn-rounded">Zobrazit</a>
  83.                     </div>
  84.                 </div>
  85.             </div>
  86.             <div class="portfolio-item img-zoom ct-photography ct-marketing ct-media" style="padding: 0px; position: absolute; left: 0px; top: 0px;">
  87.                 <div class="portfolio-item-wrap">
  88.                     <div class="portfolio-image">
  89.                         <a href="#"><img src="{{ asset('build/images/foto_03_small.jpg') }}" alt=""></a>
  90.                     </div>
  91.                     <div class="portfolio-description">
  92.                         <a title="Garáže Mlýnský rybník" data-lightbox="gallery-image" href="{{ asset('build/images/foto_03.jpg') }}" class="btn btn-light btn-rounded">Zobrazit</a>
  93.                     </div>
  94.                 </div>
  95.             </div>
  96.         </div>
  97.     </section>
  98.     <section id="offer">
  99.         <div class="container">
  100.             <div class="row">
  101.                 <div class="col-lg-7">
  102.                     <div class="text-medium">NABÍDKA GARÁŽÍ</div>
  103.                     <p class="lead">
  104.                         <strong>ZÁKLADNÍ CENA KOMPLETNÍ GARÁŽE v 1. etapě</strong> (garáže č.1-15) ve standardním vybavení:<br />
  105.                         <strong>550.000,-Kč včetně DPH</strong>
  106.                     </p>
  107.                     <p class="lead">
  108.                         <strong>Výstavba 54 řadových garáží s prodejem garáží do osobního vlastnictví.</strong>
  109.                     </p>
  110.                     <p class="lead">
  111.                         Uzavřený oplocený areál, příjezd z ul. 5.května, vjezd uzavřen pojezdovou bránou s dálkovým ovládáním, přístup  pro pěší boční brankou přes chodník ul. Jezerská.
  112.                     </p>
  113.                     <p class="lead">
  114.                         Umístění areálu : ul.5.května, Jirkov, navazuje na ul. Jezerská, U Sauny a Alešova – sídliště v dosahu 5 min. chůze.
  115.                     </p>
  116.                     <p class="lead">
  117.                         Prodej bude probíhat postupně dle dokončení jednotlivých etap, <strong>PRODEJ A REZERVACE GARÁŽÍ ZAHÁJENY</strong>.
  118.                     </p>
  119.                     <p class="lead">
  120.                         <strong>Aktuálně volné garáže na prodej (dokončené a zkolaudované): garáže č. 1, 4 a 5</strong><br />
  121.                         <strong>K rezervaci – termín výstavby do 30.4.2026: garáže 6 - 15</strong>
  122.                     </p>
  123.                     <p class="text-center">
  124.                         <a href="https://drive.google.com/file/d/1YlgAcMmGK13Lkt7dZumzgMOfNBOFydis/view?usp=sharing" class="btn" target="_blank">
  125.                             VIDEO NABÍDKA GARÁŽÍ
  126.                         </a>
  127.                     </p>
  128.                     {#
  129.                     <p class="lead text-center">
  130.                         <img src="{{ asset('build/images/situace.png') }}" class="img-fluid" alt="Garáže Mlýnský rybník" />
  131.                     </p>
  132.                     #}
  133.                     <div class="lead text-center svg mb-3">
  134.                         <object data="{{ path('homepage_svg') }}" type="image/svg+xml" class="svg-object"></object>
  135.                     </div>
  136.                     <p class="text-center mb-5">
  137.                         <i class="fa fa-square-full" style="color: #CC0000;"></i> Závazně rezervováno &nbsp; &nbsp;
  138.                         <i class="fa fa-square-full" style="color: #FFFF00;"></i> Jednání o rezervaci &nbsp; &nbsp;
  139.                         <i class="fa fa-square-full" style="color: #006666;"></i> Prodáno
  140.                     </p>
  141.                     <div class="accordion toggle fancy clean accordion-transparent">
  142.                         <div class="ac-item">
  143.                             <h5 class="ac-title">CENA GARÁŽE</h5>
  144.                             <div class="ac-content" style="display: none;">
  145.                                 {#
  146.                                 <p>
  147.                                     <strong class="text-error">SLEVOVÁ AKCE NA PRVNÍCH PĚT PRODANÝCH GARÁŽÍ</strong><br />
  148.                                     Slevová akce: <strong>575.000,- Kč</strong>, závazná rezervace 400.000,-Kč, doplatek 175.000,-Kč
  149.                                 </p>
  150.                                 <p>
  151.                                     Základní zvýhodněná verze: <strong>625.000,-Kč</strong>, závazná rezervace 400.000,-Kč, doplatek 225.000,-Kč
  152.                                 </p>
  153.                                 <p>
  154.                                     Základní verze pro 52 garáží: <strong>650.000,-Kč vč. DPH</strong>, závazná rezervace 50.000,-Kč, doplatek 600.000,-Kč
  155.                                 </p>
  156.                                 <p>
  157.                                     Cena krajní garáže č.15 a 54 (etapa č. 3 a 6): <strong>550.000,-Kč</strong>, závazná rezervace 50.000,-Kč, doplatek 500.000,-Kč
  158.                                 </p>
  159.                                 <p>
  160.                                     Všechny ceny jsou uvedeny včetně DPH.
  161.                                 </p>
  162.                                 #}
  163.                                 <p>
  164.                                     Základní cena garáže ve standardním vybavení pro první řadu garáží (garáže 1-15) byla stanovena na <strong>550.000,-Kč vč. DPH</strong>, závazná rezervace 50.000,- Kč + doplatek 500.000,- Kč
  165.                                 </p>
  166.                                 <p>
  167.                                     Po podpisu „Budoucí smlouvy kupní“ (smlouva o smlouvě budoucí) složí zájemce rezervační zálohu ve výši 50.000,- Kč. Po kolaudaci garáží dojde k podepsání Kupní smlouvy, doplacení 500.000,- Kč, podpisu přihlášky do spolku Garáže Mlýnský rybník, z. s. a převodu vlastnického práva ke garáži.
  168.                                 </p>
  169.                                 <p>
  170.                                     V případě volby nadstandardního vybavení garáže se rezervační záloha 50.000,- Kč zvyšuje o cenu požadovaných nadstandardů, přičemž doplatek zůstává 500.000,- Kč.
  171.                                 </p>
  172.                             </div>
  173.                         </div>
  174.                         <div class="ac-item">
  175.                             <h5 class="ac-title">TERMÍNY VÝSTAVBY A PRODEJE</h5>
  176.                             <div class="ac-content" style="display: none;">
  177.                                 <p>
  178.                                     Výstavba rozdělena do jednotlivých etap:
  179.                                 </p>
  180.                                 <p>
  181.                                     <strong>Etapa 1</strong> Dokončena výstavba a kolaudace garáží 1-5
  182.                                 </p>
  183.                                 <p>
  184.                                     <strong>Etapa 2</strong> Výstavba a kolaudace garáží 6-15  06/2026
  185.                                 </p>
  186.                                 {#
  187.                                 <p>
  188.                                     <strong>Etapa 3</strong> dokončení první linie garáží č. 6-15  04/2025
  189.                                 </p>
  190.                                 <p>
  191.                                     <strong>Etapa 4</strong> stavba druhé linie garáží č.16-29, termín zahájení po závazné rezervaci 2/3 garáží 2. a 3.etapy, realizace od zahájení 3 měsíce
  192.                                 </p>
  193.                                 <p>
  194.                                     <strong>Etapa 5</strong> stavba třetí linie garáží č.43-54, termín zahájení po závazné rezervaci 2/3 garáží  4.etapy , realizace od zahájení 3 měsíce
  195.                                 </p>
  196.                                 <p>
  197.                                     <strong>Etapa 6</strong> stavba čtvrté linie garáží č.30-42, termín zahájení po závazné rezervaci 2/3 garáží 5.etapy, realizace od zahájení 3 měsíce
  198.                                 </p>
  199.                                 #}
  200.                                 <p>
  201.                                     <strong>V nabídce pro prodej jsou výhradně garáže z probíhající etapy výstavby.</strong>
  202.                                     Aktuálně je dokončena  etapa č. 1 a je otevřen příjem rezervací na garáže z 2. etapy.
  203.                                 </p>
  204.                             </div>
  205.                         </div>
  206.                         <div class="ac-item">
  207.                             <h5 class="ac-title">STANDARDNÍ VYBAVENÍ GARÁŽÍ</h5>
  208.                             <div class="ac-content" style="display: none;">
  209.                                 {% if free_options |length > 0 %}
  210.                                     {% for item in free_options %}
  211.                                     <p>
  212.                                         <strong>{{ item.name }}: </strong>
  213.                                         {{ item.description }}
  214.                                     </p>
  215.                                     {% endfor %}
  216.                                 {% endif %}
  217.                             </div>
  218.                         </div>
  219.                         <div class="ac-item">
  220.                             <h5 class="ac-title">NADSTANDARDNÍ VYBAVENÍ GARÁŽÍ</h5>
  221.                             <div class="ac-content" style="display: none;">
  222.                                 <p>Konkrétní nadstandardy budou projednány s obchodním zástupcem.</p>
  223.                                 {% if paid_options |length > 0 %}
  224.                                     {% for item in paid_options %}
  225.                                     <p>
  226.                                         <strong>{{ item.name }}: </strong>
  227.                                         {{ item.description }}<br />
  228.                                         Cena: {{ item.price |format_currency('CZK') }}
  229.                                     </p>
  230.                                     {% endfor %}
  231.                                 {% endif %}
  232.                             </div>
  233.                         </div>
  234.                         <div class="ac-item">
  235.                             <h5 class="ac-title">SITUACE</h5>
  236.                             <div class="ac-content" style="display: none;">
  237.                                 <p>
  238.                                     <a title="Garáže Mlýnský rybník" data-lightbox="image" href="{{ asset('build/images/garaze_situace.jpg') }}" target="_blank"><img src="{{ asset('build/images/garaze_situace.jpg') }}" alt="Garáže Mlýnský rybník" class="img-fluid"></a>
  239.                                 </p>
  240.                             </div>
  241.                         </div>
  242.                     </div>
  243.                 </div>
  244.                 <div class="col-lg-5 background-colored text-light p-40">
  245.                     <div class="text-medium">POPTÁVKA</div>
  246.                     {% form_theme form 'bootstrap_5_layout.html.twig' %}
  247.                     {{ form_start(form) }}
  248.                     {{ form_errors(form) }}
  249.                         {{ form_row(form.customerName) }}
  250.                         {{ form_row(form.customerEmail) }}
  251.                         {{ form_row(form.customerPhone) }}
  252.                         {{ form_row(form.message) }}
  253.                         <hr>
  254.                         {{ form_row(form.product) }}
  255.                         {#
  256.                         {{ form_row(form.deposit) }}
  257.                         #}
  258.                         {{ form_row(form.productOption) }}
  259.                         <hr>
  260.                         <div class="form-group text-center">
  261.                             <button class="btn button-light" type="submit" id="form-submit">Odeslat poptávku</button>
  262.                         </div>
  263.                     {{ form_end(form) }}
  264.                 </div>
  265.             </div>
  266.         </div>
  267.     </section>
  268. {% endblock %}