Лягушка - система управления номерным фондом отеля<title> <link rel="shortcut icon" href="favicon.ico"/> <script src='https://www.google.com/recaptcha/api.js?render=6LcFqWUUAAAAANrwThQctpOOq1kCEjFPrHUrYVjc'></script> <meta content="Бесплатная система управления номерным фондом отеля: шахматка номеров, online модуль бронирования для сайта отеля" name="description"/> <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet"> <style> .hero-background { background-image: url('your-background-image-url.jpg'); background-size: cover; background-position: center; } </style> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Organization", "url": "https://liagushka.ru", "logo": "https://liagushka.ru/landingpage/img/logo.png", "name" : "Лягушка" }</script> </head> <body> <nav class="bg-green-500 text-white p-4 flex justify-between items-center"> <a href="#" class="flex items-center"> <img src="https://liagushka.ru/landingpage/img/logo.svg" alt="Лягушка логотип" class="h-8 mr-2"> Лягушка </a> <div> <a href="#advantages" class="px-4 hover:underline">Преимущества</a> <a href="#description" class="px-4 hover:underline">Описание</a> <a href="#faq" class="px-4 hover:underline">FAQ</a> <a href="#request-form" class="px-4 hover:underline">Запрос</a> </div> </nav> <section class="hero-background text-center py-20 text-white"> <h1 class="text-4xl font-bold mb-3">Система управления номерным фондом</h1> <p class="text-xl mb-5">Бесплатное Решение для Сложных Задач Управления Номерным Фондом — Лягушка</p> </section> <section id="advantages" class="py-10 bg-white"> <div class="max-w-screen-lg mx-auto text-center"> <h2 class="text-3xl font-bold mb-8">Основные Преимущества</h2> <div class="grid grid-cols-1 md:grid-cols-3 gap-6">  <div class="bg-green-100 p-6 rounded-lg shadow-md"> <h3 class="font-bold mb-3">Бесплатное использование</h3> <p>Текст описывающий преимущество.</p> </div>  <div class="bg-green-100 p-6 rounded-lg shadow-md"> <h3 class="font-bold mb-3">Удобство управления</h3> <p>Текст описывающий преимущество.</p> </div>  <div class="bg-green-100 p-6 rounded-lg shadow-md"> <h3 class="font-bold mb-3">Собственная страница</h3> <p>Текст описывающий преимущество.</p> </div> </div> </div> </section> <section id="description" class="py-10 bg-orange-100"> <div class="max-w-screen-lg mx-auto text-center"> <h2 class="text-3xl font-bold mb-8">Подробное Описание Системы</h2> <p class="mb-6">Текст про функционал управления номерным фондом.</p> <div class="grid grid-cols-1 md:grid-cols-2 gap-6">  <div class="bg-white p-6 rounded-lg shadow-md"> <h3 class="font-bold mb-3">Управляйте ценами</h3> <p>Краткое описание функционала.</p> </div>  <div class="bg-white p-6 rounded-lg shadow-md"> <h3 class="font-bold mb-3">Управляйте бронированиями</h3> <p>Краткое описание функционала.</p> </div>  <div class="bg-white p-6 rounded-lg shadow-md"> <h3 class="font-bold mb-3">Заводите партнёров</h3> <p>Краткое описание функционала.</p> </div>  <div class="bg-white p-6 rounded-lg shadow-md"> <h3 class="font-bold mb-3">Управляйте online страницей</h3> <p>Краткое описание функционала.</p> </div> </div> <a href="example-page-url" class="mt-6 inline-block bg-green-500 text-white py-3 px-6 rounded-lg">Пример страницы</a> </div> </section> <section id="faq" class="py-10 bg-white"> <div class="max-w-screen-lg mx-auto text-center"> <h2 class="text-3xl font-bold mb-8">Часто Задаваемые Вопросы</h2> <div class="space-y-6">  <div class="text-left"> <h3 class="font-bold mb-2">Вопрос 1</h3> <p>Ответ на вопрос.</p> </div>  <div class="text-left"> <h3 class="font-bold mb-2">Вопрос 2</h3> <p>Ответ на вопрос.</p> </div>  <div class="text-left"> <h3 class="font-bold mb-2">Вопрос 3</h3> <p>Ответ на вопрос.</p> </div> </div> </div> </section> <section id="request-form" class="py-10 bg-green-500 text-white"> <div class="max-w-screen-md mx-auto text-center"> <h2 class="text-3xl font-bold mb-8">Яркая форма запроса</h2> <form action="submit-form-url" method="post" class="grid grid-cols-1 gap-6"> <input type="text" name="name" placeholder="Имя" class="p-3 rounded-lg"> <input type="tel" name="phone" placeholder="Телефон" class="p-3 rounded-lg"> <input type="email" name="email" placeholder="Email" class="p-3 rounded-lg"> <input type="text" name="hotel_name" placeholder="Название отеля" class="p-3 rounded-lg"> <input type="number" name="room_count" placeholder="Количество комнат" class="p-3 rounded-lg"> <input type="text" name="room_types" placeholder="Сколько типов комнат" class="p-3 rounded-lg"> <button type="submit" class="bg-orange-400 py-3 px-6 rounded-lg mt-4">Отправить</button> </form> </div> </section> <footer class="bg-gray-800 text-white py-6"> <div class="max-w-screen-lg mx-auto text-center"> <p>Юридическая информация</p> <p>Политика конфиденциальности</p> <div class="flex justify-center space-x-4 mt-4"> <a href="#">Facebook</a> <a href="#">Instagram</a> <a href="#">Twitter</a> </div> </div> </footer>  <script type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(89910505, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/89910505" style="position:absolute; left:-9999px;" alt="" /></div></noscript>  </body> </html>