 <!DOCTYPE html>
<html lang="cs">
<head>
        <meta charset="UTF-8">
         <title>Smbluha - Rychlé a snadné dobíjení mobilu online</title>
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <meta name="description" content="Smbluha nabízí rychlé a snadné online dobíjení mobilu. Užijte si pohodlí a efektivitu s našimi samoobslužnými službami.">
        <meta keywords="description" content="dobíjení samoobsluha, mobilní dobíjení, online dobíjení, rychlé dobíjení, snadné dobíjení, mobilní samoobsluha, online mobilní dobíjení">
        <meta name="author" content="Smbluha">
        <link href="assets/css/style.css" rel="stylesheet">
</head>
<body>
<nav class="text-gray-700 body-font border-b border-gray-200">
    <div class="container mx-auto flex flex-wrap p-5 flex-col md:flex-row items-center">
        <a class="flex title-font font-medium items-center text-gray-900 mb-4 md:mb-0" href="/#home">
            <span class="ml-3 text-xl">Smbluha</span>
        </a>
        <nav class="md:ml-auto flex flex-wrap items-center text-base justify-center">
            <a class="mr-5 hover:text-gray-900" href="/#home">Domů </a>
            <a class="mr-5 hover:text-gray-900" href="/#features">Funkce</a>
            <a class="mr-5 hover:text-gray-900" href="/#services">Služby</a>
            <a class="mr-5 hover:text-gray-900" href="/#team">Náš tým</a>
            <a class="mr-5 hover:text-gray-900" href="/#about">O nás</a>
            <a class="mr-5 hover:text-gray-900" href="/#contact">Kontakt</a>
        </nav>
    </div>
</nav><section  id="home" class="mx-auto flex px-5 py-32 items-center  justify-center text-white bg-red-600">
    <div class="container mx-auto flex    items-center justify-center flex-col">
        <div class="text-center lg:w-2/3 w-full">
            <h1 class="title-font sm:text-7xl text-6xl mb-4 font-black  text-white ">Rychlé a snadné dobíjení mobilu</h1>
            <p class="mb-8 leading-relaxed  text-white">Smbluha nabízí rychlé a snadné dobíjení mobilu online. Užijte si pohodlí a efektivitu s našimi samoobslužnými službami. Naše platforma je navržena tak, aby vám poskytla bezproblémový zážitek při dobíjení vašeho mobilního telefonu.</p>
            <div class="flex justify-center">
                  <a href="#contact"
                    class="inline-flex text-white bg-green-500 border-0 py-2 px-6 focus:outline-none hover:bg-green-600 rounded text-lg">Kontaktujte nás  </a>
            </div>
        </div>
    </div>
</section>
<section id="features"  class="text-gray-600 body-font">
    <div class="w-full">
        <div class="flex flex-col w-full bg-gray-900 md:flex-row">
            <div class="flex flex-col items-start justify-center w-full p-10 md:w-1/2 lg:p-16 xl:p-24">
                <h3 class="mb-6   tracking-tighter text-4xl md:text-6xl font-black title-font title-font text-white">Rychlé dobíjení</h3>
                <p class="max-w-lg mt-5 text-xl text-gray-400 md:text-base lg:text-xl xl:text-2xl">Naše platforma umožňuje rychlé dobíjení mobilu, takže nikdy nezůstanete bez spojení.
                </p>
            </div>
            <div class="w-full md:w-1/2">
                <img src="images/image3.png" class="inset-0 object-cover">
            </div>
        </div>
    </div>
    <div class="w-full">
        <div class="flex flex-col w-full bg-gray-900 md:flex-row">
            <div class="w-full md:w-1/2">
                <img src="images/image8.png" class="inset-0 object-cover">
            </div>
            <div class="flex flex-col items-start justify-center w-full p-10 md:w-1/2 lg:p-16 xl:p-24">
                <h3 class="mb-6   tracking-tighter text-4xl md:text-6xl font-black title-font title-font text-white">Snadné použití</h3>
                <p class="max-w-lg mt-5 text-xl text-gray-400 md:text-base lg:text-xl xl:text-2xl">Uživatelsky přívětivé rozhraní zajišťuje, že dobíjení je jednoduché a bezproblémové.
                </p>
            </div>
        </div>
    </div>
    <div class="w-full">
        <div class="flex flex-col w-full bg-gray-900 md:flex-row">
            <div class="flex flex-col items-start justify-center w-full p-10 md:w-1/2 lg:p-16 xl:p-24">
                <h3 class="mb-6   tracking-tighter text-4xl md:text-6xl font-black title-font title-font text-white">Bezpečné transakce</h3>
                <p class="max-w-lg mt-5 text-xl text-gray-400 md:text-base lg:text-xl xl:text-2xl">Vaše data a platby jsou u nás v bezpečí díky pokročilým bezpečnostním opatřením.
                </p>
            </div>
            <div class="w-full md:w-1/2">
                <img src="images/image12.png" class="inset-0 object-cover">
            </div>
        </div>
    </div>
</section>
<section id="benefits"  class="text-gray-700 body-font" >
    <div class="container px-8 mx-auto py-36 lg:px-4">
        <h3 class="  text-center text-4xl font-black title-font text-gray-900 mb-10">Výhody</h3>
        <p class="text-2xl text-center mb-6  ">Proč si vybrat nás?</p>
        <div class="flex flex-wrap text-left">
            <div class="md:px-8 md:py-6 lg:w-1/3 md:w-full">
                <img loading="lazy" class="object-cover object-center w-full h-50 mb-6 rounded" src="images/image8.png"
                    alt="Rychlost a efektivita">
                <div class="flex items-center justify-between ">
                    <h3 class="text-2xl text-center mb-4 font-black">Rychlost a efektivita</h3>

                </div>
                <p class="mb-4 text-base text-lg leading-relaxed">Naše služby jsou navrženy tak, aby byly rychlé a efektivní, šetří váš čas.</p>
            </div>
            <div class="md:px-8 md:py-6 lg:w-1/3 md:w-full">
                <img loading="lazy" class="object-cover object-center w-full h-50 mb-6 rounded" src="images/image2.png"
                    alt="Pohodlí">
                <div class="flex items-center justify-between ">
                    <h2 class="text-2xl text-center mb-4 font-black">Pohodlí</h2>

                </div>
                <p class="mb-4 text-base text-lg leading-relaxed">Dobíjejte svůj mobil kdykoliv a kdekoliv s naší online platformou.</p>
            </div>
            <div class="md:px-8 md:py-6 lg:w-1/3 md:w-full">
                <img loading="lazy" class="object-cover object-center w-full h-50 mb-6 rounded" src="images/image10.png"
                    alt="Bezpečnost">
                <div class="flex items-center justify-between ">
                    <h2 class="text-2xl text-center mb-4 font-black">Bezpečnost</h2>

                </div>
                <p class="mb-4 text-base text-lg leading-relaxed">Vaše data a platby jsou chráněny nejmodernějšími bezpečnostními technologiemi.</p>
            </div>
        </div>
    </div>
</section>
<section id="product" class="text-gray-600 body-font" data-aos="fade-up" data-aos-delay="100">
    <div class="container px-5 py-24 mx-auto">
        <div class="flex flex-col text-center w-full mb-20">
            
            <h3 class="flex-grow sm:pr-16 text-4xl font-black title-font text-gray-900 mb-10">
                Naše produkty</h3>
                <p class=" mx-auto leading-relaxed mx-auto text-xl font-normal leading-relaxed text-gray-800 mt-4 lg:w-2/3">Smbluha nabízí širokou škálu produktů pro online dobíjení mobilů. Naše platforma je navržena tak, aby poskytovala rychlé a snadné dobíjení pro všechny typy mobilních telefonů. S našimi samoobslužnými možnostmi můžete dobíjet svůj mobil kdykoliv a kdekoliv. Naše produkty zahrnují různé možnosti dobíjení, které vyhovují vašim potřebám a preferencím. Ať už potřebujete dobít malou částku nebo větší kredit, Smbluha má pro vás řešení. Naše platforma je uživatelsky přívětivá a zajišťuje, že proces dobíjení je jednoduchý a bezproblémový. Navíc, s našimi pokročilými bezpečnostními opatřeními, můžete být jisti, že vaše data a platby jsou v bezpečí. Vyzkoušejte naše produkty a užijte si pohodlí a efektivitu, které Smbluha nabízí.</p>
        </div>
    </div>
</section>
<section id="services" class="text-gray-600 body-font">
    <div class="container px-5 py-24 mx-auto">
        <div class="flex flex-col">
            <div class="h-1 bg-gray-200 rounded overflow-hidden">
                <div class="w-24 h-full bg-green-500"></div>
            </div>
            <div class="flex flex-wrap sm:flex-row flex-col py-6 mb-12">
                <h1 class="flex-grow sm:pr-16 text-4xl font-black title-font text-gray-900 mb-6">Služby</h1>
                <p class="sm:w-3/5 leading-relaxed text-base text-2xl sm:pl-10 pl-0 align-center justify-center"> Nabízíme širokou škálu služeb, které vám usnadní život a zajistí, že budete vždy ve spojení.</p>
            </div>
        </div>
        <div class="flex flex-wrap sm:-m-4 -mx-4 -mb-10 -mt-4">
            <div class="p-4 md:w-1/3 sm:mb-0 mb-6">
                <div class="rounded-lg h-64 overflow-hidden">
                    <img loading="lazy" alt="Online dobíjení" class="object-cover object-center h-full w-full"
                        src="images/image2.png">
                </div>
                <h3 class="text-3xl  mb-4 font-black mt-5">Online dobíjení</h3>
                <p class="text-base leading-relaxed mt-2  text-lg text-base">Rychlé a snadné dobíjení vašeho mobilu přímo z pohodlí domova.</p>

            </div>
            <div class="p-4 md:w-1/3 sm:mb-0 mb-6">
                <div class="rounded-lg h-64 overflow-hidden">
                    <img loading="lazy" alt="Podpora zákazníků" class="object-cover object-center h-full w-full"
                        src="images/image5.png">
                </div>
                <h2 class="text-3xl  mb-4 font-black mt-5">Podpora zákazníků</h2>
                <p class="text-base leading-relaxed mt-2  text-lg text-base">Naše zákaznická podpora je k dispozici 24/7, aby vám pomohla s jakýmikoli dotazy.

                </p>

            </div>
            <div class="p-4 md:w-1/3 sm:mb-0 mb-6">
                <div class="rounded-lg h-64 overflow-hidden">
                    <img loading="lazy" alt="Bezpečné platby" class="object-cover object-center h-full w-full"
                        src="images/image3.png">
                </div>
                <h2 class="text-3xl  mb-4 font-black mt-5">Bezpečné platby</h2>
                <p class="text-base leading-relaxed mt-2  text-lg text-base">Zajišťujeme bezpečné a spolehlivé platby pro všechny naše služby.

                </p>

            </div>
        </div>
    </div>

</section>
<section id="about" class="text-gray-600 body-font"  data-aos="fade-up" data-aos-delay="100">
    <div class="container px-5 py-24 mx-auto">
        <div class="flex flex-col text-center w-full mb-20">
            <h5 class="text-lg text-green-500 tracking-widest font-medium title-font mb-6">
                Smbluha</h5>
            <h3 class="flex-grow  text-4xl  lg:text-4xl font-black title-font text-center mx-auto text-gray-900 mb-10">
            O nás</h3>
            <p class="lg:w-2/3 mx-auto leading-relaxed text-base text-xl">Smbluha je přední platforma pro online dobíjení mobilů. Naším cílem je poskytovat rychlé, snadné a bezpečné služby pro všechny uživatele. S našimi samoobslužnými možnostmi můžete dobíjet svůj mobil kdykoliv a kdekoliv.</p>
        </div>
    </div>
</section>
<section id="team" class="text-gray-600 body-font">
        <div class="container px-5 py-24 mx-auto w:lg-4/5">
            <div class="flex flex-col text-center w-full mb-20">
                <h3 class="flex-grow  text-4xl font-black title-font text-gray-900 mb-6">Náš tým</h3>
    
            </div>
            <div class="flex flex-wrap md:-m-4 justify-center items-center w-full mx-auto">
                <div class="p-4 lg:w-1/3 md:w-1/3 sm:w-full">
                    <div class="h-full flex flex-col items-center text-center">
                        <img loading="lazy" alt="Jan Novák"
                            class="flex-shrink-0 rounded-lg w-full    object-cover object-center mb-4"
                            src="images\male_image_004.jpg" >
                        <div class="w-full">
                            <h4 class="title-font font-medium text-lg text-gray-900">Jan Novák</h4>
                            <h5 class="text-gray-500 mb-3">Ředitel</h5>
    
                            <span class="inline-flex">
                                <a class="text-gray-500">
                                    <svg fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                        class="w-5 h-5" viewBox="0 0 24 24">
                                        <path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z">
                                        </path>
                                    </svg>
                                </a>
                                <a class="ml-2 text-gray-500">
                                    <svg fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                        class="w-5 h-5" viewBox="0 0 24 24">
                                        <path
                                            d="M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5a4.5 4.5 0 00-.08-.83A7.72 7.72 0 0023 3z">
                                        </path>
                                    </svg>
                                </a>
                                <a class="ml-2 text-gray-500">
                                    <svg fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                        class="w-5 h-5" viewBox="0 0 24 24">
                                        <path
                                            d="M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z">
                                        </path>
                                    </svg>
                                </a>
                            </span>
                        </div>
                    </div>
                </div>
    
                <div class="p-4 lg:w-1/3 md:w-1/3 sm:w-full">
                    <div class="h-full flex flex-col items-center text-center">
                        <img loading="lazy" alt="Petr Svoboda"
                            class="flex-shrink-0 rounded-lg w-full    object-cover object-center mb-4"
                            src="images\male_image_003.jpg" >
                        <div class="w-full">
                            <h4 class="title-font font-medium text-lg text-gray-900">Petr Svoboda</h4>
                            <h5 class="text-gray-500 mb-3">Technický ředitel</h5>
    
                            <span class="inline-flex">
                                <a class="text-gray-500">
                                    <svg fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                        class="w-5 h-5" viewBox="0 0 24 24">
                                        <path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z">
                                        </path>
                                    </svg>
                                </a>
                                <a class="ml-2 text-gray-500">
                                    <svg fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                        class="w-5 h-5" viewBox="0 0 24 24">
                                        <path
                                            d="M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5a4.5 4.5 0 00-.08-.83A7.72 7.72 0 0023 3z">
                                        </path>
                                    </svg>
                                </a>
                                <a class="ml-2 text-gray-500">
                                    <svg fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                        class="w-5 h-5" viewBox="0 0 24 24">
                                        <path
                                            d="M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z">
                                        </path>
                                    </svg>
                                </a>
                            </span>
                        </div>
                    </div>
                </div>
                <div class="p-4 lg:w-1/3 md:w-1/3 sm:w-full">
                    <div class="h-full flex flex-col items-center text-center">
                        <img loading="lazy" alt="Eva Dvořáková"
                            class="flex-shrink-0 rounded-lg w-full    object-cover object-center mb-4"
                            src="images\004.jpg" >
                        <div class="w-full">
                            <h4 class="title-font font-medium text-lg text-gray-900">Eva Dvořáková</h4>
                            <h5 class="text-gray-500 mb-3">Marketingová ředitelka</h5>
    
                            <span class="inline-flex">
                                <a class="text-gray-500">
                                    <svg fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                        class="w-5 h-5" viewBox="0 0 24 24">
                                        <path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z">
                                        </path>
                                    </svg>
                                </a>
                                <a class="ml-2 text-gray-500">
                                    <svg fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                        class="w-5 h-5" viewBox="0 0 24 24">
                                        <path
                                            d="M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5a4.5 4.5 0 00-.08-.83A7.72 7.72 0 0023 3z">
                                        </path>
                                    </svg>
                                </a>
                                <a class="ml-2 text-gray-500">
                                    <svg fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                        class="w-5 h-5" viewBox="0 0 24 24">
                                        <path
                                            d="M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z">
                                        </path>
                                    </svg>
                                </a>
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
<section class="text-gray-600 body-font">
    <div class="container px-5 py-24 mx-auto">
        <div class="flex flex-wrap -m-4">
            <div class="p-4 lg:w-1/3">
                <div class="h-full bg-gray-100 bg-opacity-75 pb-14 shadow-lg rounded-lg overflow-hidden text-left relative">
                    <img loading="lazy" alt="Jak dobít mobil rychle a snadno?"
                        class="flex-shrink-0 rounded-lg w-full h-56 object-cover object-center mb-4"
                        src="images/image10.png" >
                    <h3 class="title-font sm:text-md text-2xl font-black text-gray-900 mb-3 px-6 pt-4">
                        <a href="jak-dobit-mobil-rychle-a-snadno.php">Jak dobít mobil rychle a snadno?</a>
                    </h3>
                    <p class="leading-relaxed text-lg mb-3 px-6 mt-6">Dobíjení mobilního telefonu už nemusí být stresující. S online dobíjením si můžete dobít kredit přímo z pohodlí vašeho domova. Stačí pár kliknutí a váš telefon je opět připraven na akci. Neztrácejte čas čekáním ve frontách, užívejte si rychlé a snadné dobíjení, kdykoliv potřebujete.</p>
                    <div class="text-center mt-2 leading-none flex justify-center absolute bottom-0 left-0 w-full py-4">
                        <span class="text-gray-400 mr-3 inline-flex items-center leading-none text-sm pr-3 py-1  ">
                            <svg class="w-4 h-4 mr-1" stroke="currentColor" stroke-width="2" fill="none"
                                stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24">
                                <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z">
                                </path>
                                <circle cx="12" cy="12" r="3"></circle>
                            </svg>
                            1.2K
                        </span>

                    </div>
                </div>
            </div>
            <div class="p-4 lg:w-1/3">

                <div class="h-full bg-gray-100 bg-opacity-75 pb-14 shadow-lg rounded-lg overflow-hidden text-left relative">
                    <img loading="lazy" alt="Mobilní samoobsluha: Vaše dobíjení na dosah ruky"
                        class="flex-shrink-0 rounded-lg w-full h-56 object-cover object-center mb-4"
                        src="images/image9.png" >
                    <h3 class="title-font sm:text-md text-2xl font-black text-gray-900 mb-3 px-6 pt-4">
                        <a href="jak-dobit-mobil-rychle-a-snadno.php">Mobilní samoobsluha: Vaše dobíjení na dosah ruky</a>
                    </h3>
                    <p class="leading-relaxed text-lg mb-3 px-6 mt-6">S mobilní samoobsluhou je vaše dobíjení jednodušší než kdy dřív. Zapomeňte na komplikované procesy, nyní stačí jen pár jednoduchých kroků. Ať už jste doma nebo na cestách, online mobilní dobíjení vám umožní mít vše pod kontrolou a váš telefon bude vždy připraven na volání.</p>
                    <div class="text-center mt-2 leading-none flex justify-center absolute bottom-0 left-0 w-full py-4">
                        <span class="text-gray-400 mr-3 inline-flex items-center leading-none text-sm pr-3 py-1  ">
                            <svg class="w-4 h-4 mr-1" stroke="currentColor" stroke-width="2" fill="none"
                                stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24">
                                <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z">
                                </path>
                                <circle cx="12" cy="12" r="3"></circle>
                            </svg>
                            2.3K
                        </span>
                    </div>
                </div>
            </div>
            <div class="p-4 lg:w-1/3">
                <div class="h-full bg-gray-100 bg-opacity-75 pb-14 shadow-lg rounded-lg overflow-hidden text-left relative">
                    <img loading="lazy" alt="Rychlé dobíjení: Zapomeňte na starosti!"
                        class="flex-shrink-0 rounded-lg w-full h-56 object-cover object-center mb-4"
                        src="images/image4.png" >
                    <h3 class="title-font sm:text-md text-2xl font-black text-gray-900 mb-3 px-6 pt-4">
                        <a href="rychle-dobijeni-zapomente-na-starosti.php">Rychlé dobíjení: Zapomeňte na starosti!</a>
                    </h3>
                    <p class="leading-relaxed text-lg mb-3 px-6 mt-6">Rychlé dobíjení je klíčem k bezproblémovému používání telefonu. Díky snadnému online dobíjení se už nikdy nebudete muset bát, že vám dojde kredit. Jen si představte, jak pohodlné je dobít si mobil během pár minut, aniž byste museli opustit domov. To je moderní způsob, jak zůstat spojeni!</p>
                    <div class="text-center mt-2 leading-none flex justify-center absolute bottom-0 left-0 w-full py-4">
                        <span class="text-gray-400 mr-3 inline-flex items-center leading-none text-sm pr-3 py-1  ">
                            <svg class="w-4 h-4 mr-1" stroke="currentColor" stroke-width="2" fill="none"
                                stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24">
                                <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z">
                                </path>
                                <circle cx="12" cy="12" r="3"></circle>
                            </svg>
                            1.7K
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="text-gray-100 bg-black">
    <div class="container px-5 py-24 mx-auto">
        <div class="lg:w-2/3 flex flex-col sm:flex-row sm:items-center items-start mx-auto">
            <h4 class="flex-grow sm:pr-16 text-4xl font-black title-font text-gray-200 md:mb-6">
                Připojte se k nám</h4>
            <a  href="/#contact" 
                class="px-12 py-4 font-semibold text-white  transition duration-500 ease-in-out transform rounded-lg shadow-lg bg-gradient-to-r from-pink-400 to-indigo-500 font-lg hover:from-pink-800 hover:to-indigo-900 focus:shadow-outline focus:outline-none hover:text-white lg:mr-4">Připojit se</a>
        </div>
    </div>
</section>
<section id="testimonial"  class="text-gray-600 body-font">
        <div class="container px-5 py-24 mx-auto">
            <div class="xl:w-1/2 lg:w-3/4 w-full mx-auto text-center">
                <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="inline-block w-8 h-8 text-gray-400 mb-8"
                    viewBox="0 0 975.036 975.036">
                    <path
                        d="M925.036 57.197h-304c-27.6 0-50 22.4-50 50v304c0 27.601 22.4 50 50 50h145.5c-1.9 79.601-20.4 143.3-55.4 191.2-27.6 37.8-69.399 69.1-125.3 93.8-25.7 11.3-36.8 41.7-24.8 67.101l36 76c11.6 24.399 40.3 35.1 65.1 24.399 66.2-28.6 122.101-64.8 167.7-108.8 55.601-53.7 93.7-114.3 114.3-181.9 20.601-67.6 30.9-159.8 30.9-276.8v-239c0-27.599-22.401-50-50-50zM106.036 913.497c65.4-28.5 121-64.699 166.9-108.6 56.1-53.7 94.4-114.1 115-181.2 20.6-67.1 30.899-159.6 30.899-277.5v-239c0-27.6-22.399-50-50-50h-304c-27.6 0-50 22.4-50 50v304c0 27.601 22.4 50 50 50h145.5c-1.9 79.601-20.4 143.3-55.4 191.2-27.6 37.8-69.4 69.1-125.3 93.8-25.7 11.3-36.8 41.7-24.8 67.101l35.9 75.8c11.601 24.399 40.501 35.2 65.301 24.399z">
                    </path>
                </svg>
                <p class="text-3xl leading-relaxed ">Smbluha mi ušetřila tolik času! Dobíjení mobilu je teď hračka.</p>
                <span class="inline-block h-1 w-10 rounded bg-green-500 mt-8 mb-6"></span>
                <h2 class="text-gray-900 font-medium title-font tracking-wider text-xl">Jana Kovářová</h2>
                <p class="text-gray-500">Podnikatelka</p>
            </div>
        </div>
    </section>
<section id="contact" class="text-gray-600 body-font relative">
    <div class="container px-5 py-24 mx-auto">
        <div class="flex flex-col text-center w-full mb-12">
            <h3 class="flex-grow  text-4xl  lg:text-4xl font-black title-font text-center mx-auto text-gray-900 mb-6">Pošlete nám zprávu</h3>
            <p class="lg:w-2/3 mx-auto leading-relaxed text-base text-xl mb-10">Máte dotazy nebo potřebujete pomoc? Kontaktujte nás!</p>
        </div>
        <div class="lg:w-1/2 md:w-2/3 mx-auto">


        <div class="flex flex-wrap -m-2">
            <form id="contactForm" class="w-full">
                <div class="p-2 w-1/2">
                    <div class="relative">
                        <label for="name" class="leading-relaxed text-base text-xl">Vaše jméno</label>
                        <input type="text" id="name" name="name"
                            class="w-full bg-gray-100 bg-opacity-50 rounded border border-gray-300 focus:border-indigo-500 focus:bg-white focus:ring-2 focus:ring-indigo-200 text-base outline-none text-gray-700 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out"
                            placeholder="Vaše jméno">
                    </div>
                </div>
                <div class="p-2 w-1/2">
                    <div class="relative">
                        <label for="email" class="leading-relaxed text-base text-xl">Váš email</label>
                        <input type="email" id="email" name="email"
                            class="w-full bg-gray-100 bg-opacity-50 rounded border border-gray-300 focus:border-indigo-500 focus:bg-white focus:ring-2 focus:ring-indigo-200 text-base outline-none text-gray-700 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out"
                            placeholder="Váš email">
                    </div>
                </div>
                <div class="p-2 w-full">
                    <div class="relative">
                        <label for="message" class="leading-relaxed text-base text-xl">Vaše zpráva</label>
                        <textarea id="message" name="message"
                            class="w-full bg-gray-100 bg-opacity-50 rounded border border-gray-300 focus:border-indigo-500 focus:bg-white focus:ring-2 focus:ring-indigo-200 h-32 text-base outline-none text-gray-700 py-1 px-3 resize-none leading-6 transition-colors duration-200 ease-in-out"
                            placeholder="Vaše zpráva"></textarea>
                    </div>
                </div>
                <div class="p-2 w-full">
                    <button type="submit"
                        class="flex mx-auto text-white bg-gradient-to-r from-pink-400 to-indigo-500 font-lg hover:from-pink-800 hover:to-indigo-900 border-0 py-2 px-8 focus:outline-none rounded text-lg">
                        Odeslat
                    </button>
                </div>
                <div class="p-2 w-full pt-8 mt-8 border-t border-gray-200 text-center">
                    <p class="leading-normal my-5 sm:w-full md:w-1/3 mx-auto">
                    <address class="mt-6 text-black">Václavské náměstí 123, 110 00 Praha 1, Česká republika</address>
                    </p>
                </div>
            </form>
        </div>


        </div>
    </div>
</section>
<section class="pb-40">
    <footer class="flex justify-center px-4 text-gray-100 bg-white  pt-8 pb-16">
        <div class="container py-6 lg:py-10">
            <h6
                class="text-center font-bold md:w-1/2 mx-auto sm:w-full text-4xl font-black tracking-tighter bg-clip-text text-transparent bg-gradient-to-r from-green-400 to-blue-500 dark:text-white dark:text-white">
                Připojte se k nám a začněte dobíjet snadno!</h6>

            <div class="flex justify-center mt-8">
                <div class="bg-white rounded-full p-1  ">
                    <div class="flex md:flex-wrap justify-between md:flex-row">
                        <input type="email"
                            class="rounded-full m-1 p-2 appearance-none text-gray-700 text-sm focus:outline-none"
                            placeholder="Enter your email">
                        <button
                            class="w-full m-1 p-2 px-5 text-sm bg-gray-800 rounded-full font-semibold uppercase lg:w-auto bg-gradient-to-r from-pink-400 to-indigo-500 font-lg hover:from-pink-800 hover:to-indigo-900">
                            Připojit se</button>
                    </div>
                </div>
            </div>

            <hr class="h-px mt-6 bg-gray-700 border-none">

            <div class="flex flex-col items-center justify-between mt-6 md:flex-row">
                <div>
                    <a href="#"
                        class="text-3xl font-black tracking-tighter bg-clip-text text-transparent bg-gradient-to-r from-green-400 to-blue-500 dark:text-white dark:text-white">
                        Smbluha</a>
                    <address class="mt-6 text-black">
                        Václavské náměstí 123, 110 00 Praha 1, Česká republika
                    </address>
                    <hr class="mt-4 mb-2 border-none">
                    <p class="text-black"> +420 123 456 789</p>
                </div>
                <div class="flex mt-4 md:m-0">
                    <div class="-mx-4">
                        <a href="about.php" class="px-4 text-sm text-black">O nás</a>
                        <a href="product.php" class="px-4 text-sm text-black">Produkt</a>
                        <a href="services.php" class="px-4 text-sm text-black">Služby</a>
                        <a href="policy.php" class="px-4 text-sm text-black">Privacy Policy</a>
                    </div>
                </div>
            </div>
        </div>
    </footer>
</section>
<div id="CookieBanner" class="cookie-banner js-cookie-banner">
    <p>
        Používáme cookies, abychom zajistili, že na našem webu získáte nejlepší zážitek.  <a href="policy.php">Zjistit více</a>.
    </p>
    <button class="cookie-btn">Zavřít</button>
</div>

 
<!-- jQuery is required -->
<script type="text/javascript" src="assets/js/jquery-3.2.1.slim.min.js"></script>
<script type="text/javascript" src="assets/js/aos.js"></script>
<script type="text/javascript" src="assets/js/slick.min.js"></script>
<script type="text/javascript" src="assets/js/cookiealert.js"></script>
<script type="text/javascript" src="assets/js/appphp.js"></script>


</body>
</html>
