{"version":"1.0","provider_name":"Mojevoda.com","provider_url":"https:\/\/mojevoda.com","author_name":"soleyausterlitz","author_url":"https:\/\/mojevoda.com\/index.php\/author\/soleyausterlitz\/","title":"MojeVoda \u2013 \u010cist\u00e1 pramenit\u00e1 voda z Vyso\u010diny \ud83d\udcde +420 777 592 741 \u2709 info@mojevoda.com Po\u2013P\u00e1: 8:00\u201316:00 MojeVoda V\u00fdhody Cen\u00edk Jak to funguje Kontakt Objednat vodu \ud83d\udca7 Moje Voda s.r.o. \u010cist\u00e1 vodaze srdce p\u0159\u00edrody Barelov\u00e1 pramenit\u00e1 voda z art\u00e9zsk\u00e9ho vrtu 60 metr\u016f pod povrchem Vyso\u010diny. N\u00edzk\u00e1 mineralizace vhodn\u00e1 pro celou rodinu \u2014 od kojenc\u016f po seniory. Aquamaty a v\u00fddejn\u00edky zdarma p\u0159i pravideln\u00e9m odb\u011bru. Zobrazit cen\u00edk Zjistit v\u00edce 60 m Hloubka vrtu 99 K\u010d Cena od \/ barel 18,9 l Objem barelu 0 Chemick\u00e9 \u00fapravy Pro\u010d MojeVoda \u010cistota, kter\u00e9 d\u016fv\u011b\u0159ujete Ka\u017ed\u00e1 kapka proch\u00e1z\u00ed p\u0159irozenou filtrac\u00ed hluboko pod zem\u00ed. Zachov\u00e1v\u00e1me to nejlep\u0161\u00ed z p\u0159\u00edrody. \ud83d\udc8e Art\u00e9zsk\u00fd vrt 60 m Voda z hlubin Vyso\u010diny, p\u0159irozen\u011b chr\u00e1n\u011bn\u00e1 p\u0159ed povrchov\u00fdm zne\u010di\u0161t\u011bn\u00edm. \u017d\u00e1dn\u00e9 chemick\u00e9 \u00fapravy ani chlorov\u00e1n\u00ed. \ud83d\udc76 Vhodn\u00e1 pro kojence N\u00edzk\u00e1 mineralizace ide\u00e1ln\u00ed pro p\u0159\u00edpravu kojeneck\u00e9 stravy. Bezpe\u010dn\u00e1 pro celou rodinu od nejmen\u0161\u00edch po seniory. \ud83d\udcb0 V\u00fdhodn\u00e9 ceny od 99 K\u010d Barel 18,9 l za v\u00fdhodnou cenu s pravideln\u00fdm rozvozen p\u0159\u00edmo k v\u00e1m dom\u016f nebo do firmy. \ud83d\udeb0 Aquamat ZDARMA Bezplatn\u00e1 z\u00e1p\u016fj\u010dka kvalitn\u00edho aquamatu nebo v\u00fddejn\u00edku vody p\u0159i pravideln\u00e9m m\u011bs\u00ed\u010dn\u00edm odb\u011bru. \ud83c\udfe2 \u0158e\u0161en\u00ed pro firmy V\u00fddejn\u00edky vody pro kancel\u00e1\u0159e a provozovny. Fakturace s DPH, dedikovan\u00fd z\u00e1kaznick\u00fd servis. \ud83c\udf31 Ekologick\u00e9 barely Vratn\u00e9 polykarbon\u00e1tov\u00e9 barely \u2014 \u0161etrn\u00e9 k p\u0159\u00edrod\u011b. Minimalizujeme plastov\u00fd odpad oproti balen\u00fdm vod\u00e1m. Pro celou rodinu Na\u0161e priorita je va\u0161e zdrav\u00ed Na\u0161e pramenit\u00e1 voda s n\u00edzkou mineralizac\u00ed je vhodn\u00e1 i pro p\u0159\u00edpravu kojeneck\u00e9 stravy. Bez chemick\u00fdch \u00faprav, bez konzervant\u016f \u2014 jen \u010dist\u00e1 p\u0159\u00edroda z hlubin Vyso\u010diny. \u2713N\u00edzk\u00e1 mineralizaceVhodn\u00e1 pro p\u0159\u00edpravu kojeneck\u00fdch lahvi\u010dek \u2713Bez chemik\u00e1li\u00ed\u017d\u00e1dn\u00e9 chlorov\u00e1n\u00ed ani konzerva\u010dn\u00ed l\u00e1tky \u2713Pravideln\u00e9 testov\u00e1n\u00edKontrola v akreditovan\u00fdch laborato\u0159\u00edch \u2713Doporu\u010deno pediatryIde\u00e1ln\u00ed pro citliv\u00e9 d\u011btsk\u00e9 organismy Objednat pro rodinu Transparentn\u00ed ceny Vyberte si sv\u00e9 \u0159e\u0161en\u00ed Barelov\u00e1 pramenit\u00e1 voda 18,9 l z vrtu 60 m. Vratn\u00e1 z\u00e1loha na barel 150 K\u010d jednor\u00e1zov\u011b. Z\u00e1kladn\u00ed 139 K\u010d \/ barel Pramenit\u00e1 voda 18,9 l Art\u00e9zsk\u00fd vrt 60 m N\u00edzk\u00e1 mineralizace Rozvoz dom\u016f nebo do firmy Vratn\u00fd barel (z\u00e1loha 150 K\u010d) Jednor\u00e1zov\u00fd odb\u011br mo\u017en\u00fd Objednat \u2b50 Nejobl\u00edben\u011bj\u0161\u00ed Premium 119 K\u010d \/ barel V\u0161e ze Z\u00e1kladn\u00edho Pravideln\u00fd odb\u011br min. 2 barely\/m\u011bs. Aquamat ZDARMA Prioritn\u00ed rozvoz dle rozvrhu \u00daspora 20 K\u010d \/ barel Flexibiln\u00ed zm\u011bna mno\u017estv\u00ed Osobn\u00ed z\u00e1kaznick\u00fd servis Objednat Exclusive \/ Firmy 99 K\u010d \/ barel V\u0161e z Premium Pro firmy a provozovny Profesion\u00e1ln\u00ed v\u00fddejn\u00edky Pr\u00e9miov\u00e9 aquamaty ZDARMA Servis a \u00fadr\u017eba v cen\u011b Fakturace s DPH Dedikovan\u00fd account manager Z\u00edskat nab\u00eddku Jednoduch\u00fd proces 3 kroky k \u010dist\u00e9 vod\u011b Od prvn\u00edho kontaktu po \u010distou vodu doma \u2014 v\u0161e za\u0159\u00edd\u00edme za v\u00e1s. 1 Konzultace zdarma Kontaktujte n\u00e1s telefonicky, e-mailem nebo p\u0159es formul\u00e1\u0159. Domluv\u00edme rozvoz a zodpov\u00edme v\u0161echny dotazy. 2 Rozvoz a instalace Dovezeme barely p\u0159\u00edmo k v\u00e1m. Aquamat zap\u016fj\u010d\u00edme zdarma p\u0159i pravideln\u00e9m m\u011bs\u00ed\u010dn\u00edm odb\u011bru. V\u0161e na kl\u00ed\u010d. 3 \u010cist\u00e1 voda ka\u017ed\u00fd den \u010cist\u00e1 pramenit\u00e1 voda v\u017edy po ruce. Pravideln\u00fd rozvoz bez starost\u00ed, v\u00fdm\u011bna pr\u00e1zdn\u00fdch barel\u016f za pln\u00e9. Pro firmy Voda pro va\u0161e zam\u011bstnance Profesion\u00e1ln\u00ed v\u00fddejn\u00edky a aquamaty vody pro kancel\u00e1\u0159e, v\u00fdrobn\u00ed haly i restaurace. Zlep\u0161ete pohodu na pracovi\u0161ti a sni\u017ete n\u00e1klady oproti balen\u00fdm vod\u00e1m. \u2713V\u00fddejn\u00edky na kl\u00ed\u010dInstalace, servis a \u00fadr\u017eba v cen\u011b \u2713Fakturace s DPHPravideln\u00e1 faktura, splatnost 14 dn\u00ed \u2713Flexibiln\u00ed odb\u011brMno\u017estv\u00ed uprav\u00edme dle pot\u0159eb firmy \u2713Account managerDedikovan\u00fd kontakt pro va\u0161i firmu Nez\u00e1vazn\u00e1 nab\u00eddka Objedn\u00e1vka vody Napi\u0161te n\u00e1m Objednejte si pramenitou vodu z hlubin Vyso\u010diny. Odpov\u00edme do 24 hodin a domluv\u00edme v\u0161e na m\u00edru va\u0161im pot\u0159eb\u00e1m. \ud83d\udcde +420 777 592 741 \u2709 info@mojevoda.com \ud83d\udccd Z\u00e1meck\u00e1 777\/78, 643 00 Brno \ud83d\udca7 Odeslat popt\u00e1vku Kde n\u00e1s najdete Expedi\u010dn\u00ed sklad Brno Kontakt Moje voda s.r.o. \ud83d\udccd Z\u00e1meck\u00e1 777\/78643 00 Brno \ud83d\udcde +420 777 592 741 \u2709 info@mojevoda.com Otv\u00edrac\u00ed doba Po \u2013 P\u00e1: 8:00 \u2013 16:00 So \u2013 Ne: zav\u0159eno I\u010c: 292 69 075 | DI\u010c: CZ29269075 MojeVoda Barelov\u00e1 pramenit\u00e1 voda z art\u00e9zsk\u00e9ho vrtu 60 m na okraji Vyso\u010diny. N\u00edzk\u00e1 mineralizace vhodn\u00e1 i pro kojence. Aquamaty a v\u00fddejn\u00edky zdarma. Navigace V\u00fdhody Cen\u00edk Jak to funguje Kontakt Kontakt +420 777 592 741 info@mojevoda.com Z\u00e1meck\u00e1 777\/78, Brno Po\u2013P\u00e1: 8:00\u201316:00 Pr\u00e1vn\u00ed Obchodn\u00ed podm\u00ednky Z\u00e1sady cookies Ochrana osobn\u00edch \u00fadaj\u016f © 2026 Moje voda s.r.o. | I\u010c: 292 69 075 | DI\u010c: CZ29269075 | V\u0161echna pr\u00e1va vyhrazena. Krajsk\u00fd soud v Brn\u011b, odd\u00edl C, vlo\u017eka 69646 Tento web pou\u017e\u00edv\u00e1 cookies. Pou\u017e\u00edv\u00e1n\u00edm webu souhlas\u00edte s Z\u00e1sadami ochrany osobn\u00edch \u00fadaj\u016f. P\u0159ijmout Odm\u00edtnout × Obchodn\u00ed podm\u00ednky Moje voda s.r.o., I\u010c: 292 69 075, DI\u010c: CZ29269075Z\u00e1meck\u00e1 777\/78, 643 00 Brno | Krajsk\u00fd soud v Brn\u011b, odd\u00edl C, vlo\u017eka 69646 1. \u00davodn\u00ed ustanoven\u00edTyto podm\u00ednky upravuj\u00ed vztahy mezi Moje voda s.r.o. a kupuj\u00edc\u00edm p\u0159i dod\u00e1vce barelov\u00e9 pramenit\u00e9 vody a z\u00e1p\u016fj\u010dce aquamat\u016f. 2. P\u0159edm\u011bt smlouvyDod\u00e1vka barelov\u00e9 pramenit\u00e9 vody 18,9 l a p\u0159\u00edpadn\u00e1 bezplatn\u00e1 z\u00e1p\u016fj\u010dka aquamatu p\u0159i pravideln\u00e9m odb\u011bru min. 2 barely\/m\u011bs. 3. Ceny a platbyCeny platn\u00e9 v dob\u011b objedn\u00e1vky. Z\u00e1loha na barel 150 K\u010d (vratn\u00e1). Firmy mohou platit na fakturu, splatnost 14 dn\u00ed. 4. Dodac\u00ed podm\u00ednkyRozvoz v Jihomoravsk\u00e9m kraji a Vyso\u010din\u011b. Term\u00edny dohodnuty individu\u00e1ln\u011b. 5. Z\u00e1loha na barelyVratn\u00e1 z\u00e1loha 150 K\u010d\/barel. Za po\u0161kozen\u00fd nebo ztracen\u00fd barel z\u00e1loha nevratn\u00e1. 6. Z\u00e1p\u016fj\u010dka aquamatuZdarma p\u0159i odb\u011bru min. 2 barel\u016f\/m\u011bs. P\u0159i ukon\u010den\u00ed odb\u011bru nutno vr\u00e1tit do 14 dn\u016f. 7. ReklamaceNa tel. +420 777 592 741 nebo info@mojevoda.com. Vy\u0159\u00edzen\u00ed do 30 dn\u016f. 8. Odstoupen\u00ed od smlouvySpot\u0159ebitel m\u016f\u017ee odstoupit do 14 dn\u016f od p\u0159evzet\u00ed bez ud\u00e1n\u00ed d\u016fvodu. 9. Ochrana osobn\u00edch \u00fadaj\u016fZpracov\u00e1n\u00ed v souladu s GDPR, v\u00fdhradn\u011b pro pln\u011bn\u00ed smlouvy. 10. Z\u00e1v\u011bre\u010dn\u00e1 ustanoven\u00edPlatn\u00e9 od 1. 1. 2026. \u0158\u00edd\u00ed se OZ \u010d. 89\/2012 Sb. Zav\u0159\u00edt - Mojevoda.com","type":"rich","width":600,"height":338,"html":"
MojeVoda \u2013 \u010cist\u00e1 pramenit\u00e1 voda z Vyso\u010diny<\/title> <meta name=\"description\" content=\"Barelov\u00e1 pramenit\u00e1 voda z vrtu 60m. Rozvoz po Jihomoravsk\u00e9m kraji a Vyso\u010din\u011b. Aquamaty zdarma.\"> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&family=Playfair+Display:ital,wght@0,700;1,400&display=swap\" rel=\"stylesheet\"> <style> \/* ===== RESET & BASE ===== *\/ *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; font-size: 16px; } :root { --blue: #0891B2; --blue-dark: #0E7490; --blue-deeper: #164E63; --blue-light: #67E8F9; --blue-pale: #ECFEFF; --white: #ffffff; --gray: #F8FAFC; --text: #0F172A; --text-mid: #475569; --border: #E2E8F0; --radius: 12px; --shadow: 0 4px 24px rgba(0,0,0,0.08); --shadow-lg: 0 12px 48px rgba(0,0,0,0.12); \/* Stejn\u00e1 fotka jako v sekci \"3 kroky k \u010dist\u00e9 vod\u011b\" *\/ --bg-photo: url('https:\/\/images.unsplash.com\/photo-1448375240586-882707db888b?w=1920&q=85&auto=format&fit=crop'); } body { font-family: 'Inter', sans-serif; color: var(--text); overflow-x: hidden; background: #fff; } \/* ===== TOPBAR ===== *\/ .topbar { position: relative; z-index: 100; background: var(--blue-deeper); color: white; padding: 0.45rem 2rem; display: flex; gap: 2rem; font-size: 0.82rem; font-weight: 400; letter-spacing: 0.2px; } .topbar a { color: rgba(255,255,255,0.85); text-decoration: none; transition: color 0.2s; } .topbar a:hover { color: white; } \/* ===== HEADER ===== *\/ header { position: sticky; top: 0; z-index: 500; background: rgba(255,255,255,0.97); backdrop-filter: blur(12px); border-bottom: 1px solid var(--border); box-shadow: 0 1px 12px rgba(0,0,0,0.06); transition: box-shadow 0.3s; } header.scrolled { box-shadow: 0 2px 20px rgba(0,0,0,0.1); } nav { max-width: 1280px; margin: 0 auto; padding: 1rem 2rem; display: flex; justify-content: space-between; align-items: center; } .logo { display: flex; align-items: center; gap: 0.5rem; text-decoration: none; font-family: 'Playfair Display', serif; font-size: 1.6rem; color: var(--blue-deeper); font-weight: 700; } .logo-drop { width: 32px; height: 36px; background: linear-gradient(135deg, var(--blue-light), var(--blue)); border-radius: 50% 50% 50% 0; transform: rotate(-45deg); flex-shrink: 0; } .logo span { color: var(--blue); } .nav-links { display: flex; gap: 2rem; list-style: none; align-items: center; } .nav-links a { color: var(--text-mid); text-decoration: none; font-size: 0.88rem; font-weight: 600; letter-spacing: 0.3px; transition: color 0.2s; } .nav-links a:hover { color: var(--blue); } .btn-nav { background: var(--blue) !important; color: white !important; padding: 0.6rem 1.4rem; border-radius: 8px; font-size: 0.85rem !important; transition: background 0.2s !important; } .btn-nav:hover { background: var(--blue-dark) !important; } \/* ============================================== FOTOSEKCE \u2014 pozad\u00ed je p\u0159\u00edmo na sekci (ne fixed) Ka\u017ed\u00e1 lich\u00e1 sekce = fotka, ka\u017ed\u00e1 sud\u00e1 = b\u00edl\u00e1 ============================================== *\/ .sec-photo { position: relative; background-image: var(--bg-photo); background-size: cover; background-position: center; background-attachment: fixed; \/* parallax efekt *\/ } \/* \u017d\u00e1dn\u00fd barevn\u00fd overlay \u2014 pouze velmi lehk\u00fd tmav\u00fd vignette pro \u010ditelnost textu *\/ .sec-photo::after { content: ''; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.30); pointer-events: none; } .sec-photo > * { position: relative; z-index: 1; } .sec-white { position: relative; background: var(--white); } \/* ===== SD\u00cdLEN\u00c9 STYLY SEKC\u00cd ===== *\/ .section-inner { max-width: 1280px; margin: 0 auto; padding: 6rem 2rem; } .section-label { display: block; font-size: 0.75rem; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; color: var(--blue); margin-bottom: 0.7rem; } .section-label-w { color: var(--blue-light); } .section-title { font-family: 'Playfair Display', serif; font-size: 2.6rem; font-weight: 700; color: var(--text); line-height: 1.2; margin-bottom: 1rem; } .section-title em { color: var(--blue); font-style: italic; } .section-title-w { font-family: 'Playfair Display', serif; font-size: 2.6rem; font-weight: 700; color: white; line-height: 1.2; margin-bottom: 1rem; text-shadow: 0 2px 8px rgba(0,0,0,0.3); } .section-title-w em { color: var(--blue-light); font-style: italic; } .section-subtitle { font-size: 1rem; color: var(--text-mid); font-weight: 300; line-height: 1.8; max-width: 600px; } .section-subtitle-w { font-size: 1rem; color: rgba(255,255,255,0.85); font-weight: 300; line-height: 1.8; max-width: 600px; text-shadow: 0 1px 4px rgba(0,0,0,0.2); } \/* ===== HERO (1. sekce \u2014 FOTKA) ===== *\/ .hero { position: relative; min-height: 92vh; display: flex; align-items: center; background-image: var(--bg-photo); background-size: cover; background-position: center; background-attachment: fixed; } .hero::after { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.30); pointer-events: none; } .hero-inner { position: relative; z-index: 1; max-width: 1280px; margin: 0 auto; padding: 5rem 2rem; display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; align-items: center; width: 100%; } .hero-badge { display: inline-flex; align-items: center; gap: 0.5rem; background: rgba(255,255,255,0.15); border: 1px solid rgba(255,255,255,0.3); color: white; padding: 0.4rem 1rem; border-radius: 50px; font-size: 0.8rem; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 1.5rem; backdrop-filter: blur(8px); } .hero h1 { font-family: 'Playfair Display', serif; font-size: 3.8rem; font-weight: 700; color: white; line-height: 1.15; margin-bottom: 1.5rem; text-shadow: 0 2px 16px rgba(0,0,0,0.35); } .hero h1 em { font-style: italic; color: var(--blue-light); } .hero p { font-size: 1.1rem; color: rgba(255,255,255,0.92); line-height: 1.8; font-weight: 300; margin-bottom: 2.5rem; text-shadow: 0 1px 6px rgba(0,0,0,0.25); } .hero-btns { display: flex; gap: 1rem; flex-wrap: wrap; } .btn-primary { display: inline-block; background: white; color: var(--blue-deeper); padding: 0.9rem 2.2rem; border-radius: 8px; text-decoration: none; font-weight: 700; font-size: 0.88rem; letter-spacing: 0.3px; border: none; cursor: pointer; transition: all 0.2s; } .btn-primary:hover { background: var(--blue-pale); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.2); } .btn-ghost { display: inline-block; background: transparent; color: white; padding: 0.9rem 2.2rem; border-radius: 8px; text-decoration: none; font-weight: 700; font-size: 0.88rem; border: 2px solid rgba(255,255,255,0.65); transition: all 0.2s; } .btn-ghost:hover { background: rgba(255,255,255,0.12); border-color: white; } \/* Hero stats karta *\/ .hero-stats { background: rgba(255,255,255,0.12); backdrop-filter: blur(16px); border: 1px solid rgba(255,255,255,0.22); border-radius: var(--radius); padding: 2.5rem; display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; } .stat-item { text-align: center; } .stat-num { font-family: 'Playfair Display', serif; font-size: 2.5rem; font-weight: 700; color: var(--blue-light); line-height: 1; margin-bottom: 0.3rem; } .stat-label { font-size: 0.82rem; color: rgba(255,255,255,0.78); font-weight: 400; } .stat-divider { grid-column: 1 \/ -1; height: 1px; background: rgba(255,255,255,0.18); } \/* ===== V\u00ddHODY \u2014 karty ===== *\/ .features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; margin-top: 3.5rem; } .feat { background: var(--white); border: 1px solid var(--border); border-radius: var(--radius); padding: 2rem; transition: transform 0.2s, box-shadow 0.2s; } .feat:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); } .feat-icon { width: 48px; height: 48px; background: var(--blue-pale); border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.4rem; margin-bottom: 1rem; } .feat h3 { font-size: 1rem; font-weight: 700; margin-bottom: 0.5rem; color: var(--text); } .feat p { font-size: 0.88rem; color: var(--text-mid); line-height: 1.7; font-weight: 300; } \/* ===== SPLIT LAYOUT ===== *\/ .split { display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; align-items: center; } .split.reverse { direction: rtl; } .split.reverse > * { direction: ltr; } .split-img { width: 100%; height: 460px; object-fit: cover; border-radius: var(--radius); box-shadow: var(--shadow-lg); } .split-text p { font-size: 1rem; color: var(--text-mid); line-height: 1.85; font-weight: 300; margin: 1rem 0 1.5rem; } \/* Split na fotce \u2014 b\u00edl\u00fd text *\/ .split-text-w p { font-size: 1rem; color: rgba(255,255,255,0.85); line-height: 1.85; font-weight: 300; margin: 1rem 0 1.5rem; text-shadow: 0 1px 4px rgba(0,0,0,0.2); } .benefit-list { list-style: none; margin: 1.5rem 0 2rem; } .benefit-list li { display: flex; align-items: flex-start; gap: 0.75rem; padding: 0.65rem 0; border-bottom: 1px solid var(--border); font-size: 0.92rem; } .benefit-list li:last-child { border: none; } .check { width: 20px; height: 20px; background: var(--blue); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.6rem; font-weight: 700; flex-shrink: 0; margin-top: 1px; } .benefit-list strong { display: block; font-size: 0.92rem; } .benefit-list span { font-size: 0.82rem; color: var(--text-mid); font-weight: 300; } \/* Benefit list na fotce *\/ .benefit-list-w li { border-bottom-color: rgba(255,255,255,0.18); } .benefit-list-w .check { background: rgba(255,255,255,0.9); color: var(--blue-deeper); } .benefit-list-w strong { color: white; } .benefit-list-w span { color: rgba(255,255,255,0.72); } \/* ===== CEN\u00cdK ===== *\/ .pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; margin-top: 3.5rem; } .price-card { background: var(--white); border: 1px solid var(--border); border-radius: var(--radius); padding: 2.5rem 2rem; position: relative; transition: transform 0.2s, box-shadow 0.2s; } .price-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); } .price-card.featured { background: var(--blue-deeper); border-color: var(--blue-deeper); color: white; } .price-badge { position: absolute; top: -12px; left: 50%; transform: translateX(-50%); background: var(--blue); color: white; padding: 0.2rem 1rem; border-radius: 50px; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.5px; white-space: nowrap; } .price-card h3 { font-size: 1.1rem; font-weight: 700; margin-bottom: 0.5rem; } .price-card.featured h3 { color: white; } .price-amount { font-family: 'Playfair Display', serif; font-size: 3rem; font-weight: 700; color: var(--blue); line-height: 1; margin: 1rem 0 0.3rem; } .price-card.featured .price-amount { color: var(--blue-light); } .price-unit { font-size: 0.88rem; font-family: 'Inter', sans-serif; font-weight: 300; } .price-list { list-style: none; margin: 1.5rem 0 2rem; } .price-list li { padding: 0.5rem 0; border-bottom: 1px solid var(--border); font-size: 0.87rem; color: var(--text-mid); display: flex; gap: 0.5rem; align-items: center; } .price-card.featured .price-list li { color: rgba(255,255,255,0.75); border-color: rgba(255,255,255,0.12); } .price-list li::before { content: '\u2713'; color: var(--blue); font-weight: 700; font-size: 0.8rem; flex-shrink: 0; } .price-card.featured .price-list li::before { color: var(--blue-light); } .btn-blue { display: block; text-align: center; background: var(--blue); color: white; padding: 0.85rem; border-radius: 8px; text-decoration: none; font-weight: 700; font-size: 0.85rem; border: none; cursor: pointer; transition: background 0.2s, transform 0.2s; width: 100%; } .btn-blue:hover { background: var(--blue-dark); transform: translateY(-2px); } .price-card.featured .btn-blue { background: white; color: var(--blue-deeper); } .price-card.featured .btn-blue:hover { background: var(--blue-pale); } \/* ===== PROCES (3 kroky) ===== *\/ .process-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3rem; margin-top: 3.5rem; } .proc { text-align: center; } .proc-num { width: 60px; height: 60px; background: var(--blue); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: 'Playfair Display', serif; font-size: 1.6rem; font-weight: 700; margin: 0 auto 1.2rem; } .proc h3 { font-size: 1rem; font-weight: 700; color: white; margin-bottom: 0.6rem; text-shadow: 0 1px 4px rgba(0,0,0,0.25); } .proc p { font-size: 0.88rem; color: rgba(255,255,255,0.85); line-height: 1.7; font-weight: 300; text-shadow: 0 1px 3px rgba(0,0,0,0.2); } \/* ===== KONTAKT ===== *\/ .contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: start; } .contact-info h2 { font-family: 'Playfair Display', serif; font-size: 2.2rem; color: white; margin-bottom: 1rem; text-shadow: 0 2px 8px rgba(0,0,0,0.3); } .contact-info p { color: rgba(255,255,255,0.85); font-weight: 300; line-height: 1.8; margin-bottom: 2rem; } .contact-links { display: flex; flex-direction: column; gap: 0.7rem; } .contact-links a { color: white; text-decoration: none; font-size: 1.05rem; font-weight: 400; transition: color 0.2s; display: flex; align-items: center; gap: 0.5rem; } .contact-links a:hover { color: var(--blue-light); } .contact-form { background: rgba(255,255,255,0.12); backdrop-filter: blur(16px); border: 1px solid rgba(255,255,255,0.22); border-radius: var(--radius); padding: 2.5rem; display: flex; flex-direction: column; gap: 1rem; } .contact-form input { background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.25); border-radius: 8px; padding: 0.85rem 1rem; color: white; font-family: 'Inter', sans-serif; font-size: 0.92rem; transition: border-color 0.2s, background 0.2s; } .contact-form input::placeholder { color: rgba(255,255,255,0.45); } .contact-form input:focus { outline: none; border-color: var(--blue-light); background: rgba(255,255,255,0.18); } .contact-form button { background: white; color: var(--blue-deeper); border: none; border-radius: 8px; padding: 0.95rem; font-family: 'Inter', sans-serif; font-weight: 700; font-size: 0.88rem; cursor: pointer; transition: all 0.2s; } .contact-form button:hover { background: var(--blue-pale); transform: translateY(-2px); } \/* ===== MAPA ===== *\/ .map-grid { display: grid; grid-template-columns: 1fr 2fr; gap: 2rem; margin-top: 3rem; } .map-card { background: var(--blue-deeper); color: white; padding: 2rem; border-radius: var(--radius); } .map-card h3 { font-family: 'Playfair Display', serif; font-size: 1.3rem; font-weight: 700; margin-bottom: 1.2rem; } .map-card p { font-size: 0.88rem; color: rgba(255,255,255,0.78); margin-bottom: 0.5rem; font-weight: 300; line-height: 1.6; } .map-card a { color: var(--blue-light); text-decoration: none; } .map-card hr { border: none; border-top: 1px solid rgba(255,255,255,0.15); margin: 1.2rem 0; } .map-card h4 { font-size: 0.85rem; color: white; margin-bottom: 0.5rem; } .map-frame { border-radius: var(--radius); overflow: hidden; height: 360px; } .map-frame iframe { width: 100%; height: 100%; border: 0; display: block; } \/* ===== FOOTER ===== *\/ footer { background: #071520; color: white; padding: 4rem 2rem 2rem; } .footer-grid { max-width: 1280px; margin: 0 auto; display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 3rem; margin-bottom: 3rem; } .footer-logo-txt { font-family: 'Playfair Display', serif; font-size: 1.6rem; color: white; margin-bottom: 0.8rem; } .footer-logo-txt span { color: var(--blue-light); } .footer-grid .desc { color: rgba(255,255,255,0.5); font-size: 0.85rem; font-weight: 300; line-height: 1.75; } .footer-col h4 { font-size: 0.72rem; letter-spacing: 2px; text-transform: uppercase; color: var(--blue-light); margin-bottom: 1rem; } .footer-col ul { list-style: none; } .footer-col ul li { margin-bottom: 0.5rem; } .footer-col ul li a, .footer-col ul li span { color: rgba(255,255,255,0.55); font-size: 0.85rem; font-weight: 300; text-decoration: none; transition: color 0.2s; } .footer-col ul li a:hover { color: white; } .footer-bottom { max-width: 1280px; margin: 0 auto; border-top: 1px solid rgba(255,255,255,0.08); padding-top: 1.5rem; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 0.5rem; } .footer-bottom p { color: rgba(255,255,255,0.35); font-size: 0.8rem; font-weight: 300; } \/* ===== GDPR ===== *\/ .gdpr { position: fixed; bottom: -200px; left: 0; right: 0; background: #071520; border-top: 2px solid var(--blue); color: white; padding: 1rem 2rem; display: flex; align-items: center; justify-content: space-between; gap: 2rem; z-index: 9000; transition: bottom 0.4s; flex-wrap: wrap; } .gdpr.show { bottom: 0; } .gdpr p { font-size: 0.85rem; color: rgba(255,255,255,0.75); font-weight: 300; flex: 1; } .gdpr a { color: var(--blue-light); } .gdpr-btns { display: flex; gap: 0.6rem; } .gdpr-btns button { padding: 0.5rem 1.2rem; border-radius: 6px; font-weight: 700; font-size: 0.78rem; text-transform: uppercase; cursor: pointer; letter-spacing: 0.3px; } .gdpr-accept { background: var(--blue); color: white; border: none; } .gdpr-decline { background: transparent; color: white; border: 1px solid rgba(255,255,255,0.3); } \/* ===== MODAL ===== *\/ .modal { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.6); z-index: 9999; overflow-y: auto; padding: 2rem; } .modal-box { max-width: 760px; margin: 2rem auto; background: white; border-radius: var(--radius); padding: 3rem; position: relative; } .modal-close { position: absolute; top: 1rem; right: 1.5rem; background: none; border: none; font-size: 1.6rem; cursor: pointer; color: #999; } .modal-box h2 { font-family: 'Playfair Display', serif; color: var(--blue-deeper); margin-bottom: 1.2rem; font-size: 1.8rem; } .modal-box h3 { font-size: 1rem; font-weight: 700; color: var(--text); margin: 1.2rem 0 0.3rem; } .modal-box p { color: var(--text-mid); line-height: 1.8; font-size: 0.92rem; font-weight: 300; } \/* ===== REVEAL ANIMACE ===== *\/ .reveal { opacity: 0; transform: translateY(24px); transition: opacity 0.6s ease, transform 0.6s ease; } .reveal.on { opacity: 1; transform: translateY(0); } \/* ===== MOBILE ===== *\/ @media (max-width: 960px) { .hero-inner, .split, .contact-grid, .map-grid { grid-template-columns: 1fr; gap: 2.5rem; } .features-grid, .pricing-grid, .process-grid { grid-template-columns: 1fr; } .footer-grid { grid-template-columns: 1fr 1fr; } .hero h1 { font-size: 2.6rem; } .nav-links { display: none; } .split.reverse { direction: ltr; } .hero-stats { grid-template-columns: repeat(2, 1fr); } .sec-photo, .hero { background-attachment: scroll; } \/* parallax vypnout na mobilu *\/ } <\/style> <\/head> <body> <!-- TOPBAR --> <div class=\"topbar\"> <a href=\"tel:+420777592741\">\ud83d\udcde +420 777 592 741<\/a> <a href=\"mailto:info@mojevoda.com\">\u2709 info@mojevoda.com<\/a> <span style=\"margin-left:auto;opacity:0.6;\">Po\u2013P\u00e1: 8:00\u201316:00<\/span> <\/div> <!-- HEADER --> <header id=\"mainHeader\"> <nav> <a href=\"#\" class=\"logo\"> <div class=\"logo-drop\"><\/div> Moje<span>Voda<\/span> <\/a> <ul class=\"nav-links\"> <li><a href=\"#vyhody\">V\u00fdhody<\/a><\/li> <li><a href=\"#cenik\">Cen\u00edk<\/a><\/li> <li><a href=\"#jak-to-funguje\">Jak to funguje<\/a><\/li> <li><a href=\"#kontakt\">Kontakt<\/a><\/li> <li><a href=\"#kontakt\" class=\"btn-nav\">Objednat vodu<\/a><\/li> <\/ul> <\/nav> <\/header> <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 1. HERO \u2014 FOTKA \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 --> <section class=\"hero\"> <div class=\"hero-inner\"> <div class=\"hero-text\"> <div class=\"hero-badge\">\ud83d\udca7 Moje Voda s.r.o.<\/div> <h1>\u010cist\u00e1 voda<br>ze srdce <em>p\u0159\u00edrody<\/em><\/h1> <p>Barelov\u00e1 pramenit\u00e1 voda z art\u00e9zsk\u00e9ho vrtu 60 metr\u016f pod povrchem Vyso\u010diny. N\u00edzk\u00e1 mineralizace vhodn\u00e1 pro celou rodinu \u2014 od kojenc\u016f po seniory. Aquamaty a v\u00fddejn\u00edky zdarma p\u0159i pravideln\u00e9m odb\u011bru.<\/p> <div class=\"hero-btns\"> <a href=\"#cenik\" class=\"btn-primary\">Zobrazit cen\u00edk<\/a> <a href=\"#vyhody\" class=\"btn-ghost\">Zjistit v\u00edce<\/a> <\/div> <\/div> <div class=\"hero-stats reveal\"> <div class=\"stat-item\"> <div class=\"stat-num\">60 m<\/div> <div class=\"stat-label\">Hloubka vrtu<\/div> <\/div> <div class=\"stat-item\"> <div class=\"stat-num\">99 K\u010d<\/div> <div class=\"stat-label\">Cena od \/ barel<\/div> <\/div> <div class=\"stat-divider\"><\/div> <div class=\"stat-item\"> <div class=\"stat-num\">18,9 l<\/div> <div class=\"stat-label\">Objem barelu<\/div> <\/div> <div class=\"stat-item\"> <div class=\"stat-num\">0<\/div> <div class=\"stat-label\">Chemick\u00e9 \u00fapravy<\/div> <\/div> <\/div> <\/div> <\/section> <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 2. V\u00ddHODY \u2014 B\u00cdL\u00c1 \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 --> <section id=\"vyhody\" class=\"sec-white\"> <div class=\"section-inner\"> <div class=\"reveal\" style=\"text-align:center;max-width:600px;margin:0 auto 3.5rem;\"> <span class=\"section-label\">Pro\u010d MojeVoda<\/span> <h2 class=\"section-title\">\u010cistota, kter\u00e9 <em>d\u016fv\u011b\u0159ujete<\/em><\/h2> <p class=\"section-subtitle\">Ka\u017ed\u00e1 kapka proch\u00e1z\u00ed p\u0159irozenou filtrac\u00ed hluboko pod zem\u00ed. Zachov\u00e1v\u00e1me to nejlep\u0161\u00ed z p\u0159\u00edrody.<\/p> <\/div> <div class=\"features-grid\"> <div class=\"feat reveal\"> <div class=\"feat-icon\">\ud83d\udc8e<\/div> <h3>Art\u00e9zsk\u00fd vrt 60 m<\/h3> <p>Voda z hlubin Vyso\u010diny, p\u0159irozen\u011b chr\u00e1n\u011bn\u00e1 p\u0159ed povrchov\u00fdm zne\u010di\u0161t\u011bn\u00edm. \u017d\u00e1dn\u00e9 chemick\u00e9 \u00fapravy ani chlorov\u00e1n\u00ed.<\/p> <\/div> <div class=\"feat reveal\"> <div class=\"feat-icon\">\ud83d\udc76<\/div> <h3>Vhodn\u00e1 pro kojence<\/h3> <p>N\u00edzk\u00e1 mineralizace ide\u00e1ln\u00ed pro p\u0159\u00edpravu kojeneck\u00e9 stravy. Bezpe\u010dn\u00e1 pro celou rodinu od nejmen\u0161\u00edch po seniory.<\/p> <\/div> <div class=\"feat reveal\"> <div class=\"feat-icon\">\ud83d\udcb0<\/div> <h3>V\u00fdhodn\u00e9 ceny od 99 K\u010d<\/h3> <p>Barel 18,9 l za v\u00fdhodnou cenu s pravideln\u00fdm rozvozen p\u0159\u00edmo k v\u00e1m dom\u016f nebo do firmy.<\/p> <\/div> <div class=\"feat reveal\"> <div class=\"feat-icon\">\ud83d\udeb0<\/div> <h3>Aquamat ZDARMA<\/h3> <p>Bezplatn\u00e1 z\u00e1p\u016fj\u010dka kvalitn\u00edho aquamatu nebo v\u00fddejn\u00edku vody p\u0159i pravideln\u00e9m m\u011bs\u00ed\u010dn\u00edm odb\u011bru.<\/p> <\/div> <div class=\"feat reveal\"> <div class=\"feat-icon\">\ud83c\udfe2<\/div> <h3>\u0158e\u0161en\u00ed pro firmy<\/h3> <p>V\u00fddejn\u00edky vody pro kancel\u00e1\u0159e a provozovny. Fakturace s DPH, dedikovan\u00fd z\u00e1kaznick\u00fd servis.<\/p> <\/div> <div class=\"feat reveal\"> <div class=\"feat-icon\">\ud83c\udf31<\/div> <h3>Ekologick\u00e9 barely<\/h3> <p>Vratn\u00e9 polykarbon\u00e1tov\u00e9 barely \u2014 \u0161etrn\u00e9 k p\u0159\u00edrod\u011b. Minimalizujeme plastov\u00fd odpad oproti balen\u00fdm vod\u00e1m.<\/p> <\/div> <\/div> <\/div> <\/section> <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 3. RODINA \u2014 FOTKA \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 --> <section class=\"sec-photo\"> <div class=\"section-inner\"> <div class=\"split reveal\"> <img src=\"https:\/\/images.unsplash.com\/photo-1502086223501-7ea6ecd79368?w=900&q=85&auto=format&fit=crop\" alt=\"\u0160\u0165astn\u00e1 rodina v p\u0159\u00edrod\u011b\" class=\"split-img\"> <div class=\"split-text-w\"> <span class=\"section-label section-label-w\">Pro celou rodinu<\/span> <h2 class=\"section-title-w\">Na\u0161e priorita je <em>va\u0161e zdrav\u00ed<\/em><\/h2> <p>Na\u0161e pramenit\u00e1 voda s n\u00edzkou mineralizac\u00ed je vhodn\u00e1 i pro p\u0159\u00edpravu kojeneck\u00e9 stravy. Bez chemick\u00fdch \u00faprav, bez konzervant\u016f \u2014 jen \u010dist\u00e1 p\u0159\u00edroda z hlubin Vyso\u010diny.<\/p> <ul class=\"benefit-list benefit-list-w\"> <li><div class=\"check\">\u2713<\/div><div><strong>N\u00edzk\u00e1 mineralizace<\/strong><span>Vhodn\u00e1 pro p\u0159\u00edpravu kojeneck\u00fdch lahvi\u010dek<\/span><\/div><\/li> <li><div class=\"check\">\u2713<\/div><div><strong>Bez chemik\u00e1li\u00ed<\/strong><span>\u017d\u00e1dn\u00e9 chlorov\u00e1n\u00ed ani konzerva\u010dn\u00ed l\u00e1tky<\/span><\/div><\/li> <li><div class=\"check\">\u2713<\/div><div><strong>Pravideln\u00e9 testov\u00e1n\u00ed<\/strong><span>Kontrola v akreditovan\u00fdch laborato\u0159\u00edch<\/span><\/div><\/li> <li><div class=\"check\">\u2713<\/div><div><strong>Doporu\u010deno pediatry<\/strong><span>Ide\u00e1ln\u00ed pro citliv\u00e9 d\u011btsk\u00e9 organismy<\/span><\/div><\/li> <\/ul> <a href=\"#cenik\" class=\"btn-primary\" style=\"display:inline-block;width:auto;\">Objednat pro rodinu<\/a> <\/div> <\/div> <\/div> <\/section> <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 4. CEN\u00cdK \u2014 B\u00cdL\u00c1 \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 --> <section id=\"cenik\" class=\"sec-white\"> <div class=\"section-inner\"> <div class=\"reveal\" style=\"text-align:center;max-width:600px;margin:0 auto;\"> <span class=\"section-label\">Transparentn\u00ed ceny<\/span> <h2 class=\"section-title\">Vyberte si <em>sv\u00e9 \u0159e\u0161en\u00ed<\/em><\/h2> <p class=\"section-subtitle\">Barelov\u00e1 pramenit\u00e1 voda 18,9 l z vrtu 60 m. Vratn\u00e1 z\u00e1loha na barel 150 K\u010d jednor\u00e1zov\u011b.<\/p> <\/div> <div class=\"pricing-grid\"> <div class=\"price-card reveal\"> <h3>Z\u00e1kladn\u00ed<\/h3> <div class=\"price-amount\">139 K\u010d<span class=\"price-unit\"> \/ barel<\/span><\/div> <ul class=\"price-list\"> <li>Pramenit\u00e1 voda 18,9 l<\/li> <li>Art\u00e9zsk\u00fd vrt 60 m<\/li> <li>N\u00edzk\u00e1 mineralizace<\/li> <li>Rozvoz dom\u016f nebo do firmy<\/li> <li>Vratn\u00fd barel (z\u00e1loha 150 K\u010d)<\/li> <li>Jednor\u00e1zov\u00fd odb\u011br mo\u017en\u00fd<\/li> <\/ul> <a href=\"#kontakt\" class=\"btn-blue\">Objednat<\/a> <\/div> <div class=\"price-card featured reveal\"> <div class=\"price-badge\">\u2b50 Nejobl\u00edben\u011bj\u0161\u00ed<\/div> <h3>Premium<\/h3> <div class=\"price-amount\">119 K\u010d<span class=\"price-unit\"> \/ barel<\/span><\/div> <ul class=\"price-list\"> <li>V\u0161e ze Z\u00e1kladn\u00edho<\/li> <li>Pravideln\u00fd odb\u011br min. 2 barely\/m\u011bs.<\/li> <li>Aquamat ZDARMA<\/li> <li>Prioritn\u00ed rozvoz dle rozvrhu<\/li> <li>\u00daspora 20 K\u010d \/ barel<\/li> <li>Flexibiln\u00ed zm\u011bna mno\u017estv\u00ed<\/li> <li>Osobn\u00ed z\u00e1kaznick\u00fd servis<\/li> <\/ul> <a href=\"#kontakt\" class=\"btn-blue\">Objednat<\/a> <\/div> <div class=\"price-card reveal\"> <h3>Exclusive \/ Firmy<\/h3> <div class=\"price-amount\">99 K\u010d<span class=\"price-unit\"> \/ barel<\/span><\/div> <ul class=\"price-list\"> <li>V\u0161e z Premium<\/li> <li>Pro firmy a provozovny<\/li> <li>Profesion\u00e1ln\u00ed v\u00fddejn\u00edky<\/li> <li>Pr\u00e9miov\u00e9 aquamaty ZDARMA<\/li> <li>Servis a \u00fadr\u017eba v cen\u011b<\/li> <li>Fakturace s DPH<\/li> <li>Dedikovan\u00fd account manager<\/li> <\/ul> <a href=\"#kontakt\" class=\"btn-blue\">Z\u00edskat nab\u00eddku<\/a> <\/div> <\/div> <\/div> <\/section> <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 5. JAK TO FUNGUJE \u2014 FOTKA \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 --> <section id=\"jak-to-funguje\" class=\"sec-photo\"> <div class=\"section-inner\"> <div class=\"reveal\" style=\"text-align:center;max-width:600px;margin:0 auto 3.5rem;\"> <span class=\"section-label section-label-w\">Jednoduch\u00fd proces<\/span> <h2 class=\"section-title-w\">3 kroky k <em>\u010dist\u00e9 vod\u011b<\/em><\/h2> <p class=\"section-subtitle-w\">Od prvn\u00edho kontaktu po \u010distou vodu doma \u2014 v\u0161e za\u0159\u00edd\u00edme za v\u00e1s.<\/p> <\/div> <div class=\"process-grid\"> <div class=\"proc reveal\"> <div class=\"proc-num\">1<\/div> <h3>Konzultace zdarma<\/h3> <p>Kontaktujte n\u00e1s telefonicky, e-mailem nebo p\u0159es formul\u00e1\u0159. Domluv\u00edme rozvoz a zodpov\u00edme v\u0161echny dotazy.<\/p> <\/div> <div class=\"proc reveal\"> <div class=\"proc-num\">2<\/div> <h3>Rozvoz a instalace<\/h3> <p>Dovezeme barely p\u0159\u00edmo k v\u00e1m. Aquamat zap\u016fj\u010d\u00edme zdarma p\u0159i pravideln\u00e9m m\u011bs\u00ed\u010dn\u00edm odb\u011bru. V\u0161e na kl\u00ed\u010d.<\/p> <\/div> <div class=\"proc reveal\"> <div class=\"proc-num\">3<\/div> <h3>\u010cist\u00e1 voda ka\u017ed\u00fd den<\/h3> <p>\u010cist\u00e1 pramenit\u00e1 voda v\u017edy po ruce. Pravideln\u00fd rozvoz bez starost\u00ed, v\u00fdm\u011bna pr\u00e1zdn\u00fdch barel\u016f za pln\u00e9.<\/p> <\/div> <\/div> <\/div> <\/section> <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 6. FIRMY \u2014 B\u00cdL\u00c1 \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 --> <section class=\"sec-white\"> <div class=\"section-inner\"> <div class=\"split reverse reveal\"> <img src=\"https:\/\/images.unsplash.com\/photo-1497366216548-37526070297c?w=900&q=85&auto=format&fit=crop\" alt=\"Modern\u00ed kancel\u00e1\u0159\" class=\"split-img\"> <div class=\"split-text\"> <span class=\"section-label\">Pro firmy<\/span> <h2 class=\"section-title\">Voda pro va\u0161e <em>zam\u011bstnance<\/em><\/h2> <p>Profesion\u00e1ln\u00ed v\u00fddejn\u00edky a aquamaty vody pro kancel\u00e1\u0159e, v\u00fdrobn\u00ed haly i restaurace. Zlep\u0161ete pohodu na pracovi\u0161ti a sni\u017ete n\u00e1klady oproti balen\u00fdm vod\u00e1m.<\/p> <ul class=\"benefit-list\"> <li><div class=\"check\">\u2713<\/div><div><strong>V\u00fddejn\u00edky na kl\u00ed\u010d<\/strong><span>Instalace, servis a \u00fadr\u017eba v cen\u011b<\/span><\/div><\/li> <li><div class=\"check\">\u2713<\/div><div><strong>Fakturace s DPH<\/strong><span>Pravideln\u00e1 faktura, splatnost 14 dn\u00ed<\/span><\/div><\/li> <li><div class=\"check\">\u2713<\/div><div><strong>Flexibiln\u00ed odb\u011br<\/strong><span>Mno\u017estv\u00ed uprav\u00edme dle pot\u0159eb firmy<\/span><\/div><\/li> <li><div class=\"check\">\u2713<\/div><div><strong>Account manager<\/strong><span>Dedikovan\u00fd kontakt pro va\u0161i firmu<\/span><\/div><\/li> <\/ul> <a href=\"#kontakt\" class=\"btn-blue\" style=\"display:inline-block;width:auto;padding:0.85rem 2rem;\">Nez\u00e1vazn\u00e1 nab\u00eddka<\/a> <\/div> <\/div> <\/div> <\/section> <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 7. KONTAKT \u2014 FOTKA \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 --> <section id=\"kontakt\" class=\"sec-photo\"> <div class=\"section-inner\"> <div class=\"contact-grid\"> <div class=\"contact-info reveal\"> <span class=\"section-label section-label-w\">Objedn\u00e1vka vody<\/span> <h2>Napi\u0161te <em style=\"font-style:italic;color:var(--blue-light);\">n\u00e1m<\/em><\/h2> <p>Objednejte si pramenitou vodu z hlubin Vyso\u010diny. Odpov\u00edme do 24 hodin a domluv\u00edme v\u0161e na m\u00edru va\u0161im pot\u0159eb\u00e1m.<\/p> <div class=\"contact-links\"> <a href=\"tel:+420777592741\">\ud83d\udcde +420 777 592 741<\/a> <a href=\"mailto:info@mojevoda.com\">\u2709 info@mojevoda.com<\/a> <a href=\"#\">\ud83d\udccd Z\u00e1meck\u00e1 777\/78, 643 00 Brno<\/a> <\/div> <\/div> <div class=\"reveal\"> <form class=\"contact-form\" onsubmit=\"handleSubmit(event)\"> <input type=\"text\" name=\"name\" placeholder=\"Jm\u00e9no a p\u0159\u00edjmen\u00ed\" required> <input type=\"email\" name=\"email\" placeholder=\"E-mail\" required> <input type=\"tel\" name=\"phone\" placeholder=\"Telefon\" required> <button type=\"submit\">\ud83d\udca7 Odeslat popt\u00e1vku<\/button> <\/form> <\/div> <\/div> <\/div> <\/section> <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 8. MAPA \u2014 B\u00cdL\u00c1 \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 --> <section class=\"sec-white\"> <div class=\"section-inner\"> <div class=\"reveal\" style=\"text-align:center;max-width:600px;margin:0 auto;\"> <span class=\"section-label\">Kde n\u00e1s najdete<\/span> <h2 class=\"section-title\">Expedi\u010dn\u00ed sklad <em>Brno<\/em><\/h2> <\/div> <div class=\"map-grid reveal\"> <div class=\"map-card\"> <h3>Kontakt<\/h3> <p><strong>Moje voda s.r.o.<\/strong><\/p> <p>\ud83d\udccd Z\u00e1meck\u00e1 777\/78<br>643 00 Brno<\/p> <p>\ud83d\udcde <a href=\"tel:+420777592741\">+420 777 592 741<\/a><\/p> <p>\u2709 <a href=\"mailto:info@mojevoda.com\">info@mojevoda.com<\/a><\/p> <hr> <h4>Otv\u00edrac\u00ed doba<\/h4> <p>Po \u2013 P\u00e1: 8:00 \u2013 16:00<\/p> <p style=\"color:rgba(255,255,255,0.35);\">So \u2013 Ne: zav\u0159eno<\/p> <hr> <p style=\"font-size:0.75rem;color:rgba(255,255,255,0.35);\">I\u010c: 292 69 075 | DI\u010c: CZ29269075<\/p> <\/div> <div class=\"map-frame\"> <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d2609.2!2d16.5776!3d49.1885!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47129445c1234567%3A0xabcdef1234567890!2sZ%C3%A1meck%C3%A1%20777%2F78%2C%20643%2000%20Brno!5e0!3m2!1scs!2scz!4v1714900000000\" allowfullscreen loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe> <\/div> <\/div> <\/div> <\/section> <!-- FOOTER --> <footer> <div class=\"footer-grid\"> <div> <div class=\"footer-logo-txt\">Moje<span>Voda<\/span><\/div> <p class=\"desc\">Barelov\u00e1 pramenit\u00e1 voda z art\u00e9zsk\u00e9ho vrtu 60 m na okraji Vyso\u010diny. N\u00edzk\u00e1 mineralizace vhodn\u00e1 i pro kojence. Aquamaty a v\u00fddejn\u00edky zdarma.<\/p> <\/div> <div class=\"footer-col\"> <h4>Navigace<\/h4> <ul> <li><a href=\"#vyhody\">V\u00fdhody<\/a><\/li> <li><a href=\"#cenik\">Cen\u00edk<\/a><\/li> <li><a href=\"#jak-to-funguje\">Jak to funguje<\/a><\/li> <li><a href=\"#kontakt\">Kontakt<\/a><\/li> <\/ul> <\/div> <div class=\"footer-col\"> <h4>Kontakt<\/h4> <ul> <li><span>+420 777 592 741<\/span><\/li> <li><span>info@mojevoda.com<\/span><\/li> <li><span>Z\u00e1meck\u00e1 777\/78, Brno<\/span><\/li> <li><span>Po\u2013P\u00e1: 8:00\u201316:00<\/span><\/li> <\/ul> <\/div> <div class=\"footer-col\"> <h4>Pr\u00e1vn\u00ed<\/h4> <ul> <li><a href=\"#\" onclick=\"document.getElementById('modalOP').style.display='block';return false;\">Obchodn\u00ed podm\u00ednky<\/a><\/li> <li><a href=\"#\" onclick=\"showGDPR();return false;\">Z\u00e1sady cookies<\/a><\/li> <li><a href=\"#\" onclick=\"document.getElementById('modalOP').style.display='block';return false;\">Ochrana osobn\u00edch \u00fadaj\u016f<\/a><\/li> <\/ul> <\/div> <\/div> <div class=\"footer-bottom\"> <p>© 2026 Moje voda s.r.o. | I\u010c: 292 69 075 | DI\u010c: CZ29269075 | V\u0161echna pr\u00e1va vyhrazena.<\/p> <p>Krajsk\u00fd soud v Brn\u011b, odd\u00edl C, vlo\u017eka 69646<\/p> <\/div> <\/footer> <!-- GDPR --> <div class=\"gdpr\" id=\"gdprNotice\"> <p>Tento web pou\u017e\u00edv\u00e1 cookies. Pou\u017e\u00edv\u00e1n\u00edm webu souhlas\u00edte s <a href=\"#\">Z\u00e1sadami ochrany osobn\u00edch \u00fadaj\u016f<\/a>.<\/p> <div class=\"gdpr-btns\"> <button class=\"gdpr-accept\" onclick=\"acceptGDPR()\">P\u0159ijmout<\/button> <button class=\"gdpr-decline\" onclick=\"declineGDPR()\">Odm\u00edtnout<\/button> <\/div> <\/div> <!-- MODAL OP --> <div class=\"modal\" id=\"modalOP\" onclick=\"if(event.target===this)this.style.display='none'\"> <div class=\"modal-box\"> <button class=\"modal-close\" onclick=\"document.getElementById('modalOP').style.display='none'\">×<\/button> <h2>Obchodn\u00ed podm\u00ednky<\/h2> <p><strong>Moje voda s.r.o.<\/strong>, I\u010c: 292 69 075, DI\u010c: CZ29269075<br>Z\u00e1meck\u00e1 777\/78, 643 00 Brno | Krajsk\u00fd soud v Brn\u011b, odd\u00edl C, vlo\u017eka 69646<\/p> <h3>1. \u00davodn\u00ed ustanoven\u00ed<\/h3><p>Tyto podm\u00ednky upravuj\u00ed vztahy mezi Moje voda s.r.o. a kupuj\u00edc\u00edm p\u0159i dod\u00e1vce barelov\u00e9 pramenit\u00e9 vody a z\u00e1p\u016fj\u010dce aquamat\u016f.<\/p> <h3>2. P\u0159edm\u011bt smlouvy<\/h3><p>Dod\u00e1vka barelov\u00e9 pramenit\u00e9 vody 18,9 l a p\u0159\u00edpadn\u00e1 bezplatn\u00e1 z\u00e1p\u016fj\u010dka aquamatu p\u0159i pravideln\u00e9m odb\u011bru min. 2 barely\/m\u011bs.<\/p> <h3>3. Ceny a platby<\/h3><p>Ceny platn\u00e9 v dob\u011b objedn\u00e1vky. Z\u00e1loha na barel 150 K\u010d (vratn\u00e1). Firmy mohou platit na fakturu, splatnost 14 dn\u00ed.<\/p> <h3>4. Dodac\u00ed podm\u00ednky<\/h3><p>Rozvoz v Jihomoravsk\u00e9m kraji a Vyso\u010din\u011b. Term\u00edny dohodnuty individu\u00e1ln\u011b.<\/p> <h3>5. Z\u00e1loha na barely<\/h3><p>Vratn\u00e1 z\u00e1loha 150 K\u010d\/barel. Za po\u0161kozen\u00fd nebo ztracen\u00fd barel z\u00e1loha nevratn\u00e1.<\/p> <h3>6. Z\u00e1p\u016fj\u010dka aquamatu<\/h3><p>Zdarma p\u0159i odb\u011bru min. 2 barel\u016f\/m\u011bs. P\u0159i ukon\u010den\u00ed odb\u011bru nutno vr\u00e1tit do 14 dn\u016f.<\/p> <h3>7. Reklamace<\/h3><p>Na tel. +420 777 592 741 nebo info@mojevoda.com. Vy\u0159\u00edzen\u00ed do 30 dn\u016f.<\/p> <h3>8. Odstoupen\u00ed od smlouvy<\/h3><p>Spot\u0159ebitel m\u016f\u017ee odstoupit do 14 dn\u016f od p\u0159evzet\u00ed bez ud\u00e1n\u00ed d\u016fvodu.<\/p> <h3>9. Ochrana osobn\u00edch \u00fadaj\u016f<\/h3><p>Zpracov\u00e1n\u00ed v souladu s GDPR, v\u00fdhradn\u011b pro pln\u011bn\u00ed smlouvy.<\/p> <h3>10. Z\u00e1v\u011bre\u010dn\u00e1 ustanoven\u00ed<\/h3><p>Platn\u00e9 od 1. 1. 2026. \u0158\u00edd\u00ed se OZ \u010d. 89\/2012 Sb.<\/p> <div style=\"margin-top:2rem;text-align:center;\"><button class=\"btn-blue\" onclick=\"document.getElementById('modalOP').style.display='none'\" style=\"display:inline-block;width:auto;padding:0.8rem 2rem;\">Zav\u0159\u00edt<\/button><\/div> <\/div> <\/div> <script> \/\/ Header scroll window.addEventListener('scroll', () => { document.getElementById('mainHeader').classList.toggle('scrolled', window.scrollY > 50); }, { passive: true }); \/\/ GDPR function showGDPR() { document.getElementById('gdprNotice').classList.add('show'); } function acceptGDPR() { localStorage.setItem('gdpr','1'); document.getElementById('gdprNotice').classList.remove('show'); } function declineGDPR() { localStorage.setItem('gdpr','0'); document.getElementById('gdprNotice').classList.remove('show'); } window.addEventListener('load', () => { if (!localStorage.getItem('gdpr')) setTimeout(() => document.getElementById('gdprNotice').classList.add('show'), 2000); }); \/\/ Reveal animace const revealEls = document.querySelectorAll('.reveal'); const onScroll = () => revealEls.forEach(el => { if (el.getBoundingClientRect().top < window.innerHeight - 60) el.classList.add('on'); }); window.addEventListener('scroll', onScroll, { passive: true }); onScroll(); \/\/ Formul\u00e1\u0159 function handleSubmit(e) { e.preventDefault(); alert('D\u011bkujeme! Brzy se v\u00e1m ozveme.'); e.target.reset(); } \/\/ Smooth scroll document.querySelectorAll('a[href^=\"#\"]').forEach(a => { a.addEventListener('click', e => { const h = a.getAttribute('href'); if (h && h.length > 1 && h !== '#') { e.preventDefault(); const t = document.querySelector(h); if (t) window.scrollTo({ top: t.offsetTop - 80, behavior: 'smooth' }); } }); }); <\/script> <\/body> <\/html><\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/mojevoda.com\/index.php\/e-shop\/embed\/#?secret=zrLr0cr8dc\" width=\"600\" height=\"338\" title=\"„<!DOCTYPE html> <html lang="cs"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>MojeVoda \u2013 \u010cist\u00e1 pramenit\u00e1 voda z Vyso\u010diny<\/title> <meta name="description" content="Barelov\u00e1 pramenit\u00e1 voda z vrtu 60m. Rozvoz po Jihomoravsk\u00e9m kraji a Vyso\u010din\u011b. Aquamaty zdarma."> <link href="https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&family=Playfair+Display:ital,wght@0,700;1,400&display=swap" rel="stylesheet"> <style> \/* ===== RESET & BASE ===== *\/ *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; font-size: 16px; } :root { --blue: #0891B2; --blue-dark: #0E7490; --blue-deeper: #164E63; --blue-light: #67E8F9; --blue-pale: #ECFEFF; --white: #ffffff; --gray: #F8FAFC; --text: #0F172A; --text-mid: #475569; --border: #E2E8F0; --radius: 12px; --shadow: 0 4px 24px rgba(0,0,0,0.08); --shadow-lg: 0 12px 48px rgba(0,0,0,0.12); \/* Stejn\u00e1 fotka jako v sekci "3 kroky k \u010dist\u00e9 vod\u011b" *\/ --bg-photo: url('https:\/\/images.unsplash.com\/photo-1448375240586-882707db888b?w=1920&q=85&auto=format&fit=crop'); } body { font-family: 'Inter', sans-serif; color: var(--text); overflow-x: hidden; background: #fff; } \/* ===== TOPBAR ===== *\/ .topbar { position: relative; z-index: 100; background: var(--blue-deeper); color: white; padding: 0.45rem 2rem; display: flex; gap: 2rem; font-size: 0.82rem; font-weight: 400; letter-spacing: 0.2px; } .topbar a { color: rgba(255,255,255,0.85); text-decoration: none; transition: color 0.2s; } .topbar a:hover { color: white; } \/* ===== HEADER ===== *\/ header { position: sticky; top: 0; z-index: 500; background: rgba(255,255,255,0.97); backdrop-filter: blur(12px); border-bottom: 1px solid var(--border); box-shadow: 0 1px 12px rgba(0,0,0,0.06); transition: box-shadow 0.3s; } header.scrolled { box-shadow: 0 2px 20px rgba(0,0,0,0.1); } nav { max-width: 1280px; margin: 0 auto; padding: 1rem 2rem; display: flex; justify-content: space-between; align-items: center; } .logo { display: flex; align-items: center; gap: 0.5rem; text-decoration: none; font-family: 'Playfair Display', serif; font-size: 1.6rem; color: var(--blue-deeper); font-weight: 700; } .logo-drop { width: 32px; height: 36px; background: linear-gradient(135deg, var(--blue-light), var(--blue)); border-radius: 50% 50% 50% 0; transform: rotate(-45deg); flex-shrink: 0; } .logo span { color: var(--blue); } .nav-links { display: flex; gap: 2rem; list-style: none; align-items: center; } .nav-links a { color: var(--text-mid); text-decoration: none; font-size: 0.88rem; font-weight: 600; letter-spacing: 0.3px; transition: color 0.2s; } .nav-links a:hover { color: var(--blue); } .btn-nav { background: var(--blue) !important; color: white !important; padding: 0.6rem 1.4rem; border-radius: 8px; font-size: 0.85rem !important; transition: background 0.2s !important; } .btn-nav:hover { background: var(--blue-dark) !important; } \/* ============================================== FOTOSEKCE \u2014 pozad\u00ed je p\u0159\u00edmo na sekci (ne fixed) Ka\u017ed\u00e1 lich\u00e1 sekce = fotka, ka\u017ed\u00e1 sud\u00e1 = b\u00edl\u00e1 ============================================== *\/ .sec-photo { position: relative; background-image: var(--bg-photo); background-size: cover; background-position: center; background-attachment: fixed; \/* parallax efekt *\/ } \/* \u017d\u00e1dn\u00fd barevn\u00fd overlay \u2014 pouze velmi lehk\u00fd tmav\u00fd vignette pro \u010ditelnost textu *\/ .sec-photo::after { content: ''; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.30); pointer-events: none; } .sec-photo > * { position: relative; z-index: 1; } .sec-white { position: relative; background: var(--white); } \/* ===== SD\u00cdLEN\u00c9 STYLY SEKC\u00cd ===== *\/ .section-inner { max-width: 1280px; margin: 0 auto; padding: 6rem 2rem; } .section-label { display: block; font-size: 0.75rem; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; color: var(--blue); margin-bottom: 0.7rem; } .section-label-w { color: var(--blue-light); } .section-title { font-family: 'Playfair Display', serif; font-size: 2.6rem; font-weight: 700; color: var(--text); line-height: 1.2; margin-bottom: 1rem; } .section-title em { color: var(--blue); font-style: italic; } .section-title-w { font-family: 'Playfair Display', serif; font-size: 2.6rem; font-weight: 700; color: white; line-height: 1.2; margin-bottom: 1rem; text-shadow: 0 2px 8px rgba(0,0,0,0.3); } .section-title-w em { color: var(--blue-light); font-style: italic; } .section-subtitle { font-size: 1rem; color: var(--text-mid); font-weight: 300; line-height: 1.8; max-width: 600px; } .section-subtitle-w { font-size: 1rem; color: rgba(255,255,255,0.85); font-weight: 300; line-height: 1.8; max-width: 600px; text-shadow: 0 1px 4px rgba(0,0,0,0.2); } \/* ===== HERO (1. sekce \u2014 FOTKA) ===== *\/ .hero { position: relative; min-height: 92vh; display: flex; align-items: center; background-image: var(--bg-photo); background-size: cover; background-position: center; background-attachment: fixed; } .hero::after { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.30); pointer-events: none; } .hero-inner { position: relative; z-index: 1; max-width: 1280px; margin: 0 auto; padding: 5rem 2rem; display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; align-items: center; width: 100%; } .hero-badge { display: inline-flex; align-items: center; gap: 0.5rem; background: rgba(255,255,255,0.15); border: 1px solid rgba(255,255,255,0.3); color: white; padding: 0.4rem 1rem; border-radius: 50px; font-size: 0.8rem; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 1.5rem; backdrop-filter: blur(8px); } .hero h1 { font-family: 'Playfair Display', serif; font-size: 3.8rem; font-weight: 700; color: white; line-height: 1.15; margin-bottom: 1.5rem; text-shadow: 0 2px 16px rgba(0,0,0,0.35); } .hero h1 em { font-style: italic; color: var(--blue-light); } .hero p { font-size: 1.1rem; color: rgba(255,255,255,0.92); line-height: 1.8; font-weight: 300; margin-bottom: 2.5rem; text-shadow: 0 1px 6px rgba(0,0,0,0.25); } .hero-btns { display: flex; gap: 1rem; flex-wrap: wrap; } .btn-primary { display: inline-block; background: white; color: var(--blue-deeper); padding: 0.9rem 2.2rem; border-radius: 8px; text-decoration: none; font-weight: 700; font-size: 0.88rem; letter-spacing: 0.3px; border: none; cursor: pointer; transition: all 0.2s; } .btn-primary:hover { background: var(--blue-pale); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.2); } .btn-ghost { display: inline-block; background: transparent; color: white; padding: 0.9rem 2.2rem; border-radius: 8px; text-decoration: none; font-weight: 700; font-size: 0.88rem; border: 2px solid rgba(255,255,255,0.65); transition: all 0.2s; } .btn-ghost:hover { background: rgba(255,255,255,0.12); border-color: white; } \/* Hero stats karta *\/ .hero-stats { background: rgba(255,255,255,0.12); backdrop-filter: blur(16px); border: 1px solid rgba(255,255,255,0.22); border-radius: var(--radius); padding: 2.5rem; display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; } .stat-item { text-align: center; } .stat-num { font-family: 'Playfair Display', serif; font-size: 2.5rem; font-weight: 700; color: var(--blue-light); line-height: 1; margin-bottom: 0.3rem; } .stat-label { font-size: 0.82rem; color: rgba(255,255,255,0.78); font-weight: 400; } .stat-divider { grid-column: 1 \/ -1; height: 1px; background: rgba(255,255,255,0.18); } \/* ===== V\u00ddHODY \u2014 karty ===== *\/ .features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; margin-top: 3.5rem; } .feat { background: var(--white); border: 1px solid var(--border); border-radius: var(--radius); padding: 2rem; transition: transform 0.2s, box-shadow 0.2s; } .feat:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); } .feat-icon { width: 48px; height: 48px; background: var(--blue-pale); border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.4rem; margin-bottom: 1rem; } .feat h3 { font-size: 1rem; font-weight: 700; margin-bottom: 0.5rem; color: var(--text); } .feat p { font-size: 0.88rem; color: var(--text-mid); line-height: 1.7; font-weight: 300; } \/* ===== SPLIT LAYOUT ===== *\/ .split { display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; align-items: center; } .split.reverse { direction: rtl; } .split.reverse > * { direction: ltr; } .split-img { width: 100%; height: 460px; object-fit: cover; border-radius: var(--radius); box-shadow: var(--shadow-lg); } .split-text p { font-size: 1rem; color: var(--text-mid); line-height: 1.85; font-weight: 300; margin: 1rem 0 1.5rem; } \/* Split na fotce \u2014 b\u00edl\u00fd text *\/ .split-text-w p { font-size: 1rem; color: rgba(255,255,255,0.85); line-height: 1.85; font-weight: 300; margin: 1rem 0 1.5rem; text-shadow: 0 1px 4px rgba(0,0,0,0.2); } .benefit-list { list-style: none; margin: 1.5rem 0 2rem; } .benefit-list li { display: flex; align-items: flex-start; gap: 0.75rem; padding: 0.65rem 0; border-bottom: 1px solid var(--border); font-size: 0.92rem; } .benefit-list li:last-child { border: none; } .check { width: 20px; height: 20px; background: var(--blue); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.6rem; font-weight: 700; flex-shrink: 0; margin-top: 1px; } .benefit-list strong { display: block; font-size: 0.92rem; } .benefit-list span { font-size: 0.82rem; color: var(--text-mid); font-weight: 300; } \/* Benefit list na fotce *\/ .benefit-list-w li { border-bottom-color: rgba(255,255,255,0.18); } .benefit-list-w .check { background: rgba(255,255,255,0.9); color: var(--blue-deeper); } .benefit-list-w strong { color: white; } .benefit-list-w span { color: rgba(255,255,255,0.72); } \/* ===== CEN\u00cdK ===== *\/ .pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; margin-top: 3.5rem; } .price-card { background: var(--white); border: 1px solid var(--border); border-radius: var(--radius); padding: 2.5rem 2rem; position: relative; transition: transform 0.2s, box-shadow 0.2s; } .price-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); } .price-card.featured { background: var(--blue-deeper); border-color: var(--blue-deeper); color: white; } .price-badge { position: absolute; top: -12px; left: 50%; transform: translateX(-50%); background: var(--blue); color: white; padding: 0.2rem 1rem; border-radius: 50px; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.5px; white-space: nowrap; } .price-card h3 { font-size: 1.1rem; font-weight: 700; margin-bottom: 0.5rem; } .price-card.featured h3 { color: white; } .price-amount { font-family: 'Playfair Display', serif; font-size: 3rem; font-weight: 700; color: var(--blue); line-height: 1; margin: 1rem 0 0.3rem; } .price-card.featured .price-amount { color: var(--blue-light); } .price-unit { font-size: 0.88rem; font-family: 'Inter', sans-serif; font-weight: 300; } .price-list { list-style: none; margin: 1.5rem 0 2rem; } .price-list li { padding: 0.5rem 0; border-bottom: 1px solid var(--border); font-size: 0.87rem; color: var(--text-mid); display: flex; gap: 0.5rem; align-items: center; } .price-card.featured .price-list li { color: rgba(255,255,255,0.75); border-color: rgba(255,255,255,0.12); } .price-list li::before { content: '\u2713'; color: var(--blue); font-weight: 700; font-size: 0.8rem; flex-shrink: 0; } .price-card.featured .price-list li::before { color: var(--blue-light); } .btn-blue { display: block; text-align: center; background: var(--blue); color: white; padding: 0.85rem; border-radius: 8px; text-decoration: none; font-weight: 700; font-size: 0.85rem; border: none; cursor: pointer; transition: background 0.2s, transform 0.2s; width: 100%; } .btn-blue:hover { background: var(--blue-dark); transform: translateY(-2px); } .price-card.featured .btn-blue { background: white; color: var(--blue-deeper); } .price-card.featured .btn-blue:hover { background: var(--blue-pale); } \/* ===== PROCES (3 kroky) ===== *\/ .process-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3rem; margin-top: 3.5rem; } .proc { text-align: center; } .proc-num { width: 60px; height: 60px; background: var(--blue); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: 'Playfair Display', serif; font-size: 1.6rem; font-weight: 700; margin: 0 auto 1.2rem; } .proc h3 { font-size: 1rem; font-weight: 700; color: white; margin-bottom: 0.6rem; text-shadow: 0 1px 4px rgba(0,0,0,0.25); } .proc p { font-size: 0.88rem; color: rgba(255,255,255,0.85); line-height: 1.7; font-weight: 300; text-shadow: 0 1px 3px rgba(0,0,0,0.2); } \/* ===== KONTAKT ===== *\/ .contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: start; } .contact-info h2 { font-family: 'Playfair Display', serif; font-size: 2.2rem; color: white; margin-bottom: 1rem; text-shadow: 0 2px 8px rgba(0,0,0,0.3); } .contact-info p { color: rgba(255,255,255,0.85); font-weight: 300; line-height: 1.8; margin-bottom: 2rem; } .contact-links { display: flex; flex-direction: column; gap: 0.7rem; } .contact-links a { color: white; text-decoration: none; font-size: 1.05rem; font-weight: 400; transition: color 0.2s; display: flex; align-items: center; gap: 0.5rem; } .contact-links a:hover { color: var(--blue-light); } .contact-form { background: rgba(255,255,255,0.12); backdrop-filter: blur(16px); border: 1px solid rgba(255,255,255,0.22); border-radius: var(--radius); padding: 2.5rem; display: flex; flex-direction: column; gap: 1rem; } .contact-form input { background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.25); border-radius: 8px; padding: 0.85rem 1rem; color: white; font-family: 'Inter', sans-serif; font-size: 0.92rem; transition: border-color 0.2s, background 0.2s; } .contact-form input::placeholder { color: rgba(255,255,255,0.45); } .contact-form input:focus { outline: none; border-color: var(--blue-light); background: rgba(255,255,255,0.18); } .contact-form button { background: white; color: var(--blue-deeper); border: none; border-radius: 8px; padding: 0.95rem; font-family: 'Inter', sans-serif; font-weight: 700; font-size: 0.88rem; cursor: pointer; transition: all 0.2s; } .contact-form button:hover { background: var(--blue-pale); transform: translateY(-2px); } \/* ===== MAPA ===== *\/ .map-grid { display: grid; grid-template-columns: 1fr 2fr; gap: 2rem; margin-top: 3rem; } .map-card { background: var(--blue-deeper); color: white; padding: 2rem; border-radius: var(--radius); } .map-card h3 { font-family: 'Playfair Display', serif; font-size: 1.3rem; font-weight: 700; margin-bottom: 1.2rem; } .map-card p { font-size: 0.88rem; color: rgba(255,255,255,0.78); margin-bottom: 0.5rem; font-weight: 300; line-height: 1.6; } .map-card a { color: var(--blue-light); text-decoration: none; } .map-card hr { border: none; border-top: 1px solid rgba(255,255,255,0.15); margin: 1.2rem 0; } .map-card h4 { font-size: 0.85rem; color: white; margin-bottom: 0.5rem; } .map-frame { border-radius: var(--radius); overflow: hidden; height: 360px; } .map-frame iframe { width: 100%; height: 100%; border: 0; display: block; } \/* ===== FOOTER ===== *\/ footer { background: #071520; color: white; padding: 4rem 2rem 2rem; } .footer-grid { max-width: 1280px; margin: 0 auto; display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 3rem; margin-bottom: 3rem; } .footer-logo-txt { font-family: 'Playfair Display', serif; font-size: 1.6rem; color: white; margin-bottom: 0.8rem; } .footer-logo-txt span { color: var(--blue-light); } .footer-grid .desc { color: rgba(255,255,255,0.5); font-size: 0.85rem; font-weight: 300; line-height: 1.75; } .footer-col h4 { font-size: 0.72rem; letter-spacing: 2px; text-transform: uppercase; color: var(--blue-light); margin-bottom: 1rem; } .footer-col ul { list-style: none; } .footer-col ul li { margin-bottom: 0.5rem; } .footer-col ul li a, .footer-col ul li span { color: rgba(255,255,255,0.55); font-size: 0.85rem; font-weight: 300; text-decoration: none; transition: color 0.2s; } .footer-col ul li a:hover { color: white; } .footer-bottom { max-width: 1280px; margin: 0 auto; border-top: 1px solid rgba(255,255,255,0.08); padding-top: 1.5rem; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 0.5rem; } .footer-bottom p { color: rgba(255,255,255,0.35); font-size: 0.8rem; font-weight: 300; } \/* ===== GDPR ===== *\/ .gdpr { position: fixed; bottom: -200px; left: 0; right: 0; background: #071520; border-top: 2px solid var(--blue); color: white; padding: 1rem 2rem; display: flex; align-items: center; justify-content: space-between; gap: 2rem; z-index: 9000; transition: bottom 0.4s; flex-wrap: wrap; } .gdpr.show { bottom: 0; } .gdpr p { font-size: 0.85rem; color: rgba(255,255,255,0.75); font-weight: 300; flex: 1; } .gdpr a { color: var(--blue-light); } .gdpr-btns { display: flex; gap: 0.6rem; } .gdpr-btns button { padding: 0.5rem 1.2rem; border-radius: 6px; font-weight: 700; font-size: 0.78rem; text-transform: uppercase; cursor: pointer; letter-spacing: 0.3px; } .gdpr-accept { background: var(--blue); color: white; border: none; } .gdpr-decline { background: transparent; color: white; border: 1px solid rgba(255,255,255,0.3); } \/* ===== MODAL ===== *\/ .modal { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.6); z-index: 9999; overflow-y: auto; padding: 2rem; } .modal-box { max-width: 760px; margin: 2rem auto; background: white; border-radius: var(--radius); padding: 3rem; position: relative; } .modal-close { position: absolute; top: 1rem; right: 1.5rem; background: none; border: none; font-size: 1.6rem; cursor: pointer; color: #999; } .modal-box h2 { font-family: 'Playfair Display', serif; color: var(--blue-deeper); margin-bottom: 1.2rem; font-size: 1.8rem; } .modal-box h3 { font-size: 1rem; font-weight: 700; color: var(--text); margin: 1.2rem 0 0.3rem; } .modal-box p { color: var(--text-mid); line-height: 1.8; font-size: 0.92rem; font-weight: 300; } \/* ===== REVEAL ANIMACE ===== *\/ .reveal { opacity: 0; transform: translateY(24px); transition: opacity 0.6s ease, transform 0.6s ease; } .reveal.on { opacity: 1; transform: translateY(0); } \/* ===== MOBILE ===== *\/ @media (max-width: 960px) { .hero-inner, .split, .contact-grid, .map-grid { grid-template-columns: 1fr; gap: 2.5rem; } .features-grid, .pricing-grid, .process-grid { grid-template-columns: 1fr; } .footer-grid { grid-template-columns: 1fr 1fr; } .hero h1 { font-size: 2.6rem; } .nav-links { display: none; } .split.reverse { direction: ltr; } .hero-stats { grid-template-columns: repeat(2, 1fr); } .sec-photo, .hero { background-attachment: scroll; } \/* parallax vypnout na mobilu *\/ } <\/style> <\/head> <body> <!-- TOPBAR --> <div class="topbar"> <a href="tel:+420777592741">\ud83d\udcde +420 777 592 741<\/a> <a href="mailto:info@mojevoda.com">\u2709 info@mojevoda.com<\/a> <span style="margin-left:auto;opacity:0.6;">Po\u2013P\u00e1: 8:00\u201316:00<\/span> <\/div> <!-- HEADER --> <header id="mainHeader"> <nav> <a href="#" class="logo"> <div class="logo-drop"><\/div> Moje<span>Voda<\/span> <\/a> <ul class="nav-links"> <li><a href="#vyhody">V\u00fdhody<\/a><\/li> <li><a href="#cenik">Cen\u00edk<\/a><\/li> <li><a href="#jak-to-funguje">Jak to funguje<\/a><\/li> <li><a href="#kontakt">Kontakt<\/a><\/li> <li><a href="#kontakt" class="btn-nav">Objednat vodu<\/a><\/li> <\/ul> <\/nav> <\/header> <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 1. HERO \u2014 FOTKA \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 --> <section class="hero"> <div class="hero-inner"> <div class="hero-text"> <div class="hero-badge">\ud83d\udca7 Moje Voda s.r.o.<\/div> <h1>\u010cist\u00e1 voda<br>ze srdce <em>p\u0159\u00edrody<\/em><\/h1> <p>Barelov\u00e1 pramenit\u00e1 voda z art\u00e9zsk\u00e9ho vrtu 60 metr\u016f pod povrchem Vyso\u010diny. N\u00edzk\u00e1 mineralizace vhodn\u00e1 pro celou rodinu \u2014 od kojenc\u016f po seniory. Aquamaty a v\u00fddejn\u00edky zdarma p\u0159i pravideln\u00e9m odb\u011bru.<\/p> <div class="hero-btns"> <a href="#cenik" class="btn-primary">Zobrazit cen\u00edk<\/a> <a href="#vyhody" class="btn-ghost">Zjistit v\u00edce<\/a> <\/div> <\/div> <div class="hero-stats reveal"> <div class="stat-item"> <div class="stat-num">60 m<\/div> <div class="stat-label">Hloubka vrtu<\/div> <\/div> <div class="stat-item"> <div class="stat-num">99 K\u010d<\/div> <div class="stat-label">Cena od \/ barel<\/div> <\/div> <div class="stat-divider"><\/div> <div class="stat-item"> <div class="stat-num">18,9 l<\/div> <div class="stat-label">Objem barelu<\/div> <\/div> <div class="stat-item"> <div class="stat-num">0<\/div> <div class="stat-label">Chemick\u00e9 \u00fapravy<\/div> <\/div> <\/div> <\/div> <\/section> <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 2. V\u00ddHODY \u2014 B\u00cdL\u00c1 \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 --> <section id="vyhody" class="sec-white"> <div class="section-inner"> <div class="reveal" style="text-align:center;max-width:600px;margin:0 auto 3.5rem;"> <span class="section-label">Pro\u010d MojeVoda<\/span> <h2 class="section-title">\u010cistota, kter\u00e9 <em>d\u016fv\u011b\u0159ujete<\/em><\/h2> <p class="section-subtitle">Ka\u017ed\u00e1 kapka proch\u00e1z\u00ed p\u0159irozenou filtrac\u00ed hluboko pod zem\u00ed. Zachov\u00e1v\u00e1me to nejlep\u0161\u00ed z p\u0159\u00edrody.<\/p> <\/div> <div class="features-grid"> <div class="feat reveal"> <div class="feat-icon">\ud83d\udc8e<\/div> <h3>Art\u00e9zsk\u00fd vrt 60 m<\/h3> <p>Voda z hlubin Vyso\u010diny, p\u0159irozen\u011b chr\u00e1n\u011bn\u00e1 p\u0159ed povrchov\u00fdm zne\u010di\u0161t\u011bn\u00edm. \u017d\u00e1dn\u00e9 chemick\u00e9 \u00fapravy ani chlorov\u00e1n\u00ed.<\/p> <\/div> <div class="feat reveal"> <div class="feat-icon">\ud83d\udc76<\/div> <h3>Vhodn\u00e1 pro kojence<\/h3> <p>N\u00edzk\u00e1 mineralizace ide\u00e1ln\u00ed pro p\u0159\u00edpravu kojeneck\u00e9 stravy. Bezpe\u010dn\u00e1 pro celou rodinu od nejmen\u0161\u00edch po seniory.<\/p> <\/div> <div class="feat reveal"> <div class="feat-icon">\ud83d\udcb0<\/div> <h3>V\u00fdhodn\u00e9 ceny od 99 K\u010d<\/h3> <p>Barel 18,9 l za v\u00fdhodnou cenu s pravideln\u00fdm rozvozen p\u0159\u00edmo k v\u00e1m dom\u016f nebo do firmy.<\/p> <\/div> <div class="feat reveal"> <div class="feat-icon">\ud83d\udeb0<\/div> <h3>Aquamat ZDARMA<\/h3> <p>Bezplatn\u00e1 z\u00e1p\u016fj\u010dka kvalitn\u00edho aquamatu nebo v\u00fddejn\u00edku vody p\u0159i pravideln\u00e9m m\u011bs\u00ed\u010dn\u00edm odb\u011bru.<\/p> <\/div> <div class="feat reveal"> <div class="feat-icon">\ud83c\udfe2<\/div> <h3>\u0158e\u0161en\u00ed pro firmy<\/h3> <p>V\u00fddejn\u00edky vody pro kancel\u00e1\u0159e a provozovny. Fakturace s DPH, dedikovan\u00fd z\u00e1kaznick\u00fd servis.<\/p> <\/div> <div class="feat reveal"> <div class="feat-icon">\ud83c\udf31<\/div> <h3>Ekologick\u00e9 barely<\/h3> <p>Vratn\u00e9 polykarbon\u00e1tov\u00e9 barely \u2014 \u0161etrn\u00e9 k p\u0159\u00edrod\u011b. Minimalizujeme plastov\u00fd odpad oproti balen\u00fdm vod\u00e1m.<\/p> <\/div> <\/div> <\/div> <\/section> <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 3. RODINA \u2014 FOTKA \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 --> <section class="sec-photo"> <div class="section-inner"> <div class="split reveal"> <img src="https:\/\/images.unsplash.com\/photo-1502086223501-7ea6ecd79368?w=900&q=85&auto=format&fit=crop" alt="\u0160\u0165astn\u00e1 rodina v p\u0159\u00edrod\u011b" class="split-img"> <div class="split-text-w"> <span class="section-label section-label-w">Pro celou rodinu<\/span> <h2 class="section-title-w">Na\u0161e priorita je <em>va\u0161e zdrav\u00ed<\/em><\/h2> <p>Na\u0161e pramenit\u00e1 voda s n\u00edzkou mineralizac\u00ed je vhodn\u00e1 i pro p\u0159\u00edpravu kojeneck\u00e9 stravy. Bez chemick\u00fdch \u00faprav, bez konzervant\u016f \u2014 jen \u010dist\u00e1 p\u0159\u00edroda z hlubin Vyso\u010diny.<\/p> <ul class="benefit-list benefit-list-w"> <li><div class="check">\u2713<\/div><div><strong>N\u00edzk\u00e1 mineralizace<\/strong><span>Vhodn\u00e1 pro p\u0159\u00edpravu kojeneck\u00fdch lahvi\u010dek<\/span><\/div><\/li> <li><div class="check">\u2713<\/div><div><strong>Bez chemik\u00e1li\u00ed<\/strong><span>\u017d\u00e1dn\u00e9 chlorov\u00e1n\u00ed ani konzerva\u010dn\u00ed l\u00e1tky<\/span><\/div><\/li> <li><div class="check">\u2713<\/div><div><strong>Pravideln\u00e9 testov\u00e1n\u00ed<\/strong><span>Kontrola v akreditovan\u00fdch laborato\u0159\u00edch<\/span><\/div><\/li> <li><div class="check">\u2713<\/div><div><strong>Doporu\u010deno pediatry<\/strong><span>Ide\u00e1ln\u00ed pro citliv\u00e9 d\u011btsk\u00e9 organismy<\/span><\/div><\/li> <\/ul> <a href="#cenik" class="btn-primary" style="display:inline-block;width:auto;">Objednat pro rodinu<\/a> <\/div> <\/div> <\/div> <\/section> <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 4. CEN\u00cdK \u2014 B\u00cdL\u00c1 \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 --> <section id="cenik" class="sec-white"> <div class="section-inner"> <div class="reveal" style="text-align:center;max-width:600px;margin:0 auto;"> <span class="section-label">Transparentn\u00ed ceny<\/span> <h2 class="section-title">Vyberte si <em>sv\u00e9 \u0159e\u0161en\u00ed<\/em><\/h2> <p class="section-subtitle">Barelov\u00e1 pramenit\u00e1 voda 18,9 l z vrtu 60 m. Vratn\u00e1 z\u00e1loha na barel 150 K\u010d jednor\u00e1zov\u011b.<\/p> <\/div> <div class="pricing-grid"> <div class="price-card reveal"> <h3>Z\u00e1kladn\u00ed<\/h3> <div class="price-amount">139 K\u010d<span class="price-unit"> \/ barel<\/span><\/div> <ul class="price-list"> <li>Pramenit\u00e1 voda 18,9 l<\/li> <li>Art\u00e9zsk\u00fd vrt 60 m<\/li> <li>N\u00edzk\u00e1 mineralizace<\/li> <li>Rozvoz dom\u016f nebo do firmy<\/li> <li>Vratn\u00fd barel (z\u00e1loha 150 K\u010d)<\/li> <li>Jednor\u00e1zov\u00fd odb\u011br mo\u017en\u00fd<\/li> <\/ul> <a href="#kontakt" class="btn-blue">Objednat<\/a> <\/div> <div class="price-card featured reveal"> <div class="price-badge">\u2b50 Nejobl\u00edben\u011bj\u0161\u00ed<\/div> <h3>Premium<\/h3> <div class="price-amount">119 K\u010d<span class="price-unit"> \/ barel<\/span><\/div> <ul class="price-list"> <li>V\u0161e ze Z\u00e1kladn\u00edho<\/li> <li>Pravideln\u00fd odb\u011br min. 2 barely\/m\u011bs.<\/li> <li>Aquamat ZDARMA<\/li> <li>Prioritn\u00ed rozvoz dle rozvrhu<\/li> <li>\u00daspora 20 K\u010d \/ barel<\/li> <li>Flexibiln\u00ed zm\u011bna mno\u017estv\u00ed<\/li> <li>Osobn\u00ed z\u00e1kaznick\u00fd servis<\/li> <\/ul> <a href="#kontakt" class="btn-blue">Objednat<\/a> <\/div> <div class="price-card reveal"> <h3>Exclusive \/ Firmy<\/h3> <div class="price-amount">99 K\u010d<span class="price-unit"> \/ barel<\/span><\/div> <ul class="price-list"> <li>V\u0161e z Premium<\/li> <li>Pro firmy a provozovny<\/li> <li>Profesion\u00e1ln\u00ed v\u00fddejn\u00edky<\/li> <li>Pr\u00e9miov\u00e9 aquamaty ZDARMA<\/li> <li>Servis a \u00fadr\u017eba v cen\u011b<\/li> <li>Fakturace s DPH<\/li> <li>Dedikovan\u00fd account manager<\/li> <\/ul> <a href="#kontakt" class="btn-blue">Z\u00edskat nab\u00eddku<\/a> <\/div> <\/div> <\/div> <\/section> <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 5. JAK TO FUNGUJE \u2014 FOTKA \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 --> <section id="jak-to-funguje" class="sec-photo"> <div class="section-inner"> <div class="reveal" style="text-align:center;max-width:600px;margin:0 auto 3.5rem;"> <span class="section-label section-label-w">Jednoduch\u00fd proces<\/span> <h2 class="section-title-w">3 kroky k <em>\u010dist\u00e9 vod\u011b<\/em><\/h2> <p class="section-subtitle-w">Od prvn\u00edho kontaktu po \u010distou vodu doma \u2014 v\u0161e za\u0159\u00edd\u00edme za v\u00e1s.<\/p> <\/div> <div class="process-grid"> <div class="proc reveal"> <div class="proc-num">1<\/div> <h3>Konzultace zdarma<\/h3> <p>Kontaktujte n\u00e1s telefonicky, e-mailem nebo p\u0159es formul\u00e1\u0159. Domluv\u00edme rozvoz a zodpov\u00edme v\u0161echny dotazy.<\/p> <\/div> <div class="proc reveal"> <div class="proc-num">2<\/div> <h3>Rozvoz a instalace<\/h3> <p>Dovezeme barely p\u0159\u00edmo k v\u00e1m. Aquamat zap\u016fj\u010d\u00edme zdarma p\u0159i pravideln\u00e9m m\u011bs\u00ed\u010dn\u00edm odb\u011bru. V\u0161e na kl\u00ed\u010d.<\/p> <\/div> <div class="proc reveal"> <div class="proc-num">3<\/div> <h3>\u010cist\u00e1 voda ka\u017ed\u00fd den<\/h3> <p>\u010cist\u00e1 pramenit\u00e1 voda v\u017edy po ruce. Pravideln\u00fd rozvoz bez starost\u00ed, v\u00fdm\u011bna pr\u00e1zdn\u00fdch barel\u016f za pln\u00e9.<\/p> <\/div> <\/div> <\/div> <\/section> <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 6. FIRMY \u2014 B\u00cdL\u00c1 \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 --> <section class="sec-white"> <div class="section-inner"> <div class="split reverse reveal"> <img src="https:\/\/images.unsplash.com\/photo-1497366216548-37526070297c?w=900&q=85&auto=format&fit=crop" alt="Modern\u00ed kancel\u00e1\u0159" class="split-img"> <div class="split-text"> <span class="section-label">Pro firmy<\/span> <h2 class="section-title">Voda pro va\u0161e <em>zam\u011bstnance<\/em><\/h2> <p>Profesion\u00e1ln\u00ed v\u00fddejn\u00edky a aquamaty vody pro kancel\u00e1\u0159e, v\u00fdrobn\u00ed haly i restaurace. Zlep\u0161ete pohodu na pracovi\u0161ti a sni\u017ete n\u00e1klady oproti balen\u00fdm vod\u00e1m.<\/p> <ul class="benefit-list"> <li><div class="check">\u2713<\/div><div><strong>V\u00fddejn\u00edky na kl\u00ed\u010d<\/strong><span>Instalace, servis a \u00fadr\u017eba v cen\u011b<\/span><\/div><\/li> <li><div class="check">\u2713<\/div><div><strong>Fakturace s DPH<\/strong><span>Pravideln\u00e1 faktura, splatnost 14 dn\u00ed<\/span><\/div><\/li> <li><div class="check">\u2713<\/div><div><strong>Flexibiln\u00ed odb\u011br<\/strong><span>Mno\u017estv\u00ed uprav\u00edme dle pot\u0159eb firmy<\/span><\/div><\/li> <li><div class="check">\u2713<\/div><div><strong>Account manager<\/strong><span>Dedikovan\u00fd kontakt pro va\u0161i firmu<\/span><\/div><\/li> <\/ul> <a href="#kontakt" class="btn-blue" style="display:inline-block;width:auto;padding:0.85rem 2rem;">Nez\u00e1vazn\u00e1 nab\u00eddka<\/a> <\/div> <\/div> <\/div> <\/section> <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 7. KONTAKT \u2014 FOTKA \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 --> <section id="kontakt" class="sec-photo"> <div class="section-inner"> <div class="contact-grid"> <div class="contact-info reveal"> <span class="section-label section-label-w">Objedn\u00e1vka vody<\/span> <h2>Napi\u0161te <em style="font-style:italic;color:var(--blue-light);">n\u00e1m<\/em><\/h2> <p>Objednejte si pramenitou vodu z hlubin Vyso\u010diny. Odpov\u00edme do 24 hodin a domluv\u00edme v\u0161e na m\u00edru va\u0161im pot\u0159eb\u00e1m.<\/p> <div class="contact-links"> <a href="tel:+420777592741">\ud83d\udcde +420 777 592 741<\/a> <a href="mailto:info@mojevoda.com">\u2709 info@mojevoda.com<\/a> <a href="#">\ud83d\udccd Z\u00e1meck\u00e1 777\/78, 643 00 Brno<\/a> <\/div> <\/div> <div class="reveal"> <form class="contact-form" onsubmit="handleSubmit(event)"> <input type="text" name="name" placeholder="Jm\u00e9no a p\u0159\u00edjmen\u00ed" required> <input type="email" name="email" placeholder="E-mail" required> <input type="tel" name="phone" placeholder="Telefon" required> <button type="submit">\ud83d\udca7 Odeslat popt\u00e1vku<\/button> <\/form> <\/div> <\/div> <\/div> <\/section> <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 8. MAPA \u2014 B\u00cdL\u00c1 \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 --> <section class="sec-white"> <div class="section-inner"> <div class="reveal" style="text-align:center;max-width:600px;margin:0 auto;"> <span class="section-label">Kde n\u00e1s najdete<\/span> <h2 class="section-title">Expedi\u010dn\u00ed sklad <em>Brno<\/em><\/h2> <\/div> <div class="map-grid reveal"> <div class="map-card"> <h3>Kontakt<\/h3> <p><strong>Moje voda s.r.o.<\/strong><\/p> <p>\ud83d\udccd Z\u00e1meck\u00e1 777\/78<br>643 00 Brno<\/p> <p>\ud83d\udcde <a href="tel:+420777592741">+420 777 592 741<\/a><\/p> <p>\u2709 <a href="mailto:info@mojevoda.com">info@mojevoda.com<\/a><\/p> <hr> <h4>Otv\u00edrac\u00ed doba<\/h4> <p>Po \u2013 P\u00e1: 8:00 \u2013 16:00<\/p> <p style="color:rgba(255,255,255,0.35);">So \u2013 Ne: zav\u0159eno<\/p> <hr> <p style="font-size:0.75rem;color:rgba(255,255,255,0.35);">I\u010c: 292 69 075 | DI\u010c: CZ29269075<\/p> <\/div> <div class="map-frame"> <iframe src="https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d2609.2!2d16.5776!3d49.1885!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47129445c1234567%3A0xabcdef1234567890!2sZ%C3%A1meck%C3%A1%20777%2F78%2C%20643%2000%20Brno!5e0!3m2!1scs!2scz!4v1714900000000" allowfullscreen loading="lazy" referrerpolicy="no-referrer-when-downgrade"><\/iframe> <\/div> <\/div> <\/div> <\/section> <!-- FOOTER --> <footer> <div class="footer-grid"> <div> <div class="footer-logo-txt">Moje<span>Voda<\/span><\/div> <p class="desc">Barelov\u00e1 pramenit\u00e1 voda z art\u00e9zsk\u00e9ho vrtu 60 m na okraji Vyso\u010diny. N\u00edzk\u00e1 mineralizace vhodn\u00e1 i pro kojence. Aquamaty a v\u00fddejn\u00edky zdarma.<\/p> <\/div> <div class="footer-col"> <h4>Navigace<\/h4> <ul> <li><a href="#vyhody">V\u00fdhody<\/a><\/li> <li><a href="#cenik">Cen\u00edk<\/a><\/li> <li><a href="#jak-to-funguje">Jak to funguje<\/a><\/li> <li><a href="#kontakt">Kontakt<\/a><\/li> <\/ul> <\/div> <div class="footer-col"> <h4>Kontakt<\/h4> <ul> <li><span>+420 777 592 741<\/span><\/li> <li><span>info@mojevoda.com<\/span><\/li> <li><span>Z\u00e1meck\u00e1 777\/78, Brno<\/span><\/li> <li><span>Po\u2013P\u00e1: 8:00\u201316:00<\/span><\/li> <\/ul> <\/div> <div class="footer-col"> <h4>Pr\u00e1vn\u00ed<\/h4> <ul> <li><a href="#" onclick="document.getElementById('modalOP').style.display='block';return false;">Obchodn\u00ed podm\u00ednky<\/a><\/li> <li><a href="#" onclick="showGDPR();return false;">Z\u00e1sady cookies<\/a><\/li> <li><a href="#" onclick="document.getElementById('modalOP').style.display='block';return false;">Ochrana osobn\u00edch \u00fadaj\u016f<\/a><\/li> <\/ul> <\/div> <\/div> <div class="footer-bottom"> <p>© 2026 Moje voda s.r.o. | I\u010c: 292 69 075 | DI\u010c: CZ29269075 | V\u0161echna pr\u00e1va vyhrazena.<\/p> <p>Krajsk\u00fd soud v Brn\u011b, odd\u00edl C, vlo\u017eka 69646<\/p> <\/div> <\/footer> <!-- GDPR --> <div class="gdpr" id="gdprNotice"> <p>Tento web pou\u017e\u00edv\u00e1 cookies. Pou\u017e\u00edv\u00e1n\u00edm webu souhlas\u00edte s <a href="#">Z\u00e1sadami ochrany osobn\u00edch \u00fadaj\u016f<\/a>.<\/p> <div class="gdpr-btns"> <button class="gdpr-accept" onclick="acceptGDPR()">P\u0159ijmout<\/button> <button class="gdpr-decline" onclick="declineGDPR()">Odm\u00edtnout<\/button> <\/div> <\/div> <!-- MODAL OP --> <div class="modal" id="modalOP" onclick="if(event.target===this)this.style.display='none'"> <div class="modal-box"> <button class="modal-close" onclick="document.getElementById('modalOP').style.display='none'">×<\/button> <h2>Obchodn\u00ed podm\u00ednky<\/h2> <p><strong>Moje voda s.r.o.<\/strong>, I\u010c: 292 69 075, DI\u010c: CZ29269075<br>Z\u00e1meck\u00e1 777\/78, 643 00 Brno | Krajsk\u00fd soud v Brn\u011b, odd\u00edl C, vlo\u017eka 69646<\/p> <h3>1. \u00davodn\u00ed ustanoven\u00ed<\/h3><p>Tyto podm\u00ednky upravuj\u00ed vztahy mezi Moje voda s.r.o. a kupuj\u00edc\u00edm p\u0159i dod\u00e1vce barelov\u00e9 pramenit\u00e9 vody a z\u00e1p\u016fj\u010dce aquamat\u016f.<\/p> <h3>2. P\u0159edm\u011bt smlouvy<\/h3><p>Dod\u00e1vka barelov\u00e9 pramenit\u00e9 vody 18,9 l a p\u0159\u00edpadn\u00e1 bezplatn\u00e1 z\u00e1p\u016fj\u010dka aquamatu p\u0159i pravideln\u00e9m odb\u011bru min. 2 barely\/m\u011bs.<\/p> <h3>3. Ceny a platby<\/h3><p>Ceny platn\u00e9 v dob\u011b objedn\u00e1vky. Z\u00e1loha na barel 150 K\u010d (vratn\u00e1). Firmy mohou platit na fakturu, splatnost 14 dn\u00ed.<\/p> <h3>4. Dodac\u00ed podm\u00ednky<\/h3><p>Rozvoz v Jihomoravsk\u00e9m kraji a Vyso\u010din\u011b. Term\u00edny dohodnuty individu\u00e1ln\u011b.<\/p> <h3>5. Z\u00e1loha na barely<\/h3><p>Vratn\u00e1 z\u00e1loha 150 K\u010d\/barel. Za po\u0161kozen\u00fd nebo ztracen\u00fd barel z\u00e1loha nevratn\u00e1.<\/p> <h3>6. Z\u00e1p\u016fj\u010dka aquamatu<\/h3><p>Zdarma p\u0159i odb\u011bru min. 2 barel\u016f\/m\u011bs. P\u0159i ukon\u010den\u00ed odb\u011bru nutno vr\u00e1tit do 14 dn\u016f.<\/p> <h3>7. Reklamace<\/h3><p>Na tel. +420 777 592 741 nebo info@mojevoda.com. Vy\u0159\u00edzen\u00ed do 30 dn\u016f.<\/p> <h3>8. Odstoupen\u00ed od smlouvy<\/h3><p>Spot\u0159ebitel m\u016f\u017ee odstoupit do 14 dn\u016f od p\u0159evzet\u00ed bez ud\u00e1n\u00ed d\u016fvodu.<\/p> <h3>9. Ochrana osobn\u00edch \u00fadaj\u016f<\/h3><p>Zpracov\u00e1n\u00ed v souladu s GDPR, v\u00fdhradn\u011b pro pln\u011bn\u00ed smlouvy.<\/p> <h3>10. Z\u00e1v\u011bre\u010dn\u00e1 ustanoven\u00ed<\/h3><p>Platn\u00e9 od 1. 1. 2026. \u0158\u00edd\u00ed se OZ \u010d. 89\/2012 Sb.<\/p> <div style="margin-top:2rem;text-align:center;"><button class="btn-blue" onclick="document.getElementById('modalOP').style.display='none'" style="display:inline-block;width:auto;padding:0.8rem 2rem;">Zav\u0159\u00edt<\/button><\/div> <\/div> <\/div> <script> \/\/ Header scroll window.addEventListener('scroll', () => { document.getElementById('mainHeader').classList.toggle('scrolled', window.scrollY > 50); }, { passive: true }); \/\/ GDPR function showGDPR() { document.getElementById('gdprNotice').classList.add('show'); } function acceptGDPR() { localStorage.setItem('gdpr','1'); document.getElementById('gdprNotice').classList.remove('show'); } function declineGDPR() { localStorage.setItem('gdpr','0'); document.getElementById('gdprNotice').classList.remove('show'); } window.addEventListener('load', () => { if (!localStorage.getItem('gdpr')) setTimeout(() => document.getElementById('gdprNotice').classList.add('show'), 2000); }); \/\/ Reveal animace const revealEls = document.querySelectorAll('.reveal'); const onScroll = () => revealEls.forEach(el => { if (el.getBoundingClientRect().top < window.innerHeight - 60) el.classList.add('on'); }); window.addEventListener('scroll', onScroll, { passive: true }); onScroll(); \/\/ Formul\u00e1\u0159 function handleSubmit(e) { e.preventDefault(); alert('D\u011bkujeme! Brzy se v\u00e1m ozveme.'); e.target.reset(); } \/\/ Smooth scroll document.querySelectorAll('a[href^="#"]').forEach(a => { a.addEventListener('click', e => { const h = a.getAttribute('href'); if (h && h.length > 1 && h !== '#') { e.preventDefault(); const t = document.querySelector(h); if (t) window.scrollTo({ top: t.offsetTop - 80, behavior: 'smooth' }); } }); }); <\/script> <\/body> <\/html>“ — Mojevoda.com\" data-secret=\"zrLr0cr8dc\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script type=\"text\/javascript\">\n\/* <![CDATA[ *\/\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n\/* ]]> *\/\n<\/script>\n","description":"Moje voda je st\u00e1\u010dena z prameni\u0161t\u011b v Kralic\u00edch nad Oslavou. Pro svou n\u00edzkou mineralizaci\u00a0je vhodn\u00e1 i k p\u0159\u00edprav\u011b kojeneck\u00e9 stravy. Balenou vodu dod\u00e1v\u00e1me v polykarbon\u00e1tov\u00fdch barelch o objemu 18,9 litru. \u00a0 Moje voda 18,9 l Cena: 150,- K\u010d s DPHBalen\u00ed: 18,9 litr\u016f z\u00e1lohovan\u00fd polykarbon\u00e1tov\u00fd barel Vratn\u00e1 z\u00e1loha na obal: V cen\u011b v\u00fdrobku nen\u00ed zapo\u010d\u00edt\u00e1na z\u00e1loha… V\u00edce","thumbnail_url":"https:\/\/mojevoda.com\/wp-content\/uploads\/2020\/07\/heraltice-barel4.png"}