Michal Bastl \u2013 Realitn\u00ed makl\u00e9\u0159 | \u010cesko \u00b7 Dubaj \u00b7 Thajsko \u00b7 \u0160pan\u011blsko<\/title>\n <script src=\"https:\/\/unpkg.com\/react@18\/umd\/react.production.min.js\"><\/script>\n <script src=\"https:\/\/unpkg.com\/react-dom@18\/umd\/react-dom.production.min.js\"><\/script>\n <script src=\"https:\/\/unpkg.com\/@babel\/standalone\/babel.min.js\"><\/script>\n <style>\n * { box-sizing: border-box; margin: 0; padding: 0; }\n body { font-family: 'Segoe UI', system-ui, sans-serif; background: #fff; }\n button, select, textarea, input { font-family: inherit; }\n a { text-decoration: none; }\n @media (max-width: 780px) {\n .nav-links { flex-wrap: wrap; justify-content: flex-end; gap: 4px; }\n .nav-links button { font-size: 12px; padding: 6px 8px; }\n .hero-flex { flex-direction: column-reverse; text-align: center; }\n .hero-stats { justify-content: center; }\n }\n <\/style>\n<\/head>\n<body>\n <div id=\"root\"><\/div>\n <script type=\"text\/babel\">\n const { useState, useEffect, useRef } = React;\n\n const C = {\n forest: \"#0D2B1E\",\n forestLight: \"#122E20\",\n gold: \"#C9A84C\",\n cream: \"#F6F3EC\",\n gray: \"#5A6A65\",\n white: \"#FFFFFF\"\n };\n\n const NAV = [\n { label: \"\u00davod\", id: \"home\" },\n { label: \"O mn\u011b\", id: \"about\" },\n {\n label: \"Zahrani\u010dn\u00ed nemovitosti\",\n id: \"abroad\",\n sub: [\n { label: \"Dubaj\", id: \"dubai\" },\n { label: \"Thajsko\", id: \"thailand\" },\n { label: \"\u0160pan\u011blsko\", id: \"spain\" }\n ]\n },\n { label: \"Investice\", id: \"invest\" },\n { label: \"Aktu\u00e1ln\u00ed nab\u00eddka\", id: \"listings\" },\n { label: \"Kontakt\", id: \"contact\" }\n ];\n\n const PORTRAIT = \"https:\/\/i.postimg.cc\/Jz0F39GM\/IMG-5934.jpg\";\n const DUBAI_IMG = \"https:\/\/i.ibb.co\/9kkd5Gdm\/IMG-5169.jpg\";\n const TH_IMG = \"https:\/\/images.unsplash.com\/photo-1528181304800-259b08848526?w=800&q=80\";\n const ES1 = \"https:\/\/images.unsplash.com\/photo-1613977257363-707ba9348227?w=800&q=80\";\n const ES2 = \"https:\/\/images.unsplash.com\/photo-1512917774080-9991f1c4c750?w=800&q=80\";\n const ES3 = \"https:\/\/images.unsplash.com\/photo-1600596542815-ffad4c1539a9?w=800&q=80\";\n const DUBAI_DETAIL = \"https:\/\/images.unsplash.com\/photo-1512453979798-5ea266f8880c?w=800&q=80\";\n const CZ_CHALUPA = \"https:\/\/i.ibb.co\/m5xDg9cS\/photo-output-1.png\";\n const CZ_CHALUPA2 = \"https:\/\/i.ibb.co\/35SMB7Th\/photo-output-2.png\";\n const CZ_CHALUPA3 = \"https:\/\/i.ibb.co\/0j4XmkD5\/photo-output-4.png\";\n const CZ_CHALUPA4 = \"https:\/\/i.ibb.co\/rhpHc47\/photo-output-5.png\";\n const CZ_CHALUPA5 = \"https:\/\/i.ibb.co\/03pKCPm\/DSC01469.jpg\";\n const CZ_CHALUPA6 = \"https:\/\/i.ibb.co\/DHrWkhcc\/DSC01471.jpg\";\n const CZ_CHALUPA7 = \"https:\/\/i.ibb.co\/BH88D6fD\/DSC01462.jpg\";\n\n const Sec = ({ bg, ch }) => (\n <section style={{ background: bg || C.white, padding: \"72px 0\" }}>\n <div style={{ maxWidth: 1100, margin: \"0 auto\", padding: \"0 32px\" }}>{ch}<\/div>\n <\/section>\n );\n\n const GL = ({ c }) => (\n <div style={{ width: 56, height: 3, background: C.gold, margin: c ? \"16px auto 28px\" : \"16px 0 28px\" }} \/>\n );\n\n const Tag = ({ ch }) => (\n <span style={{ background: C.gold, color: C.forest, padding: \"4px 14px\", borderRadius: 20, fontSize: 12, fontWeight: 700, marginRight: 6, display: \"inline-block\", marginBottom: 4 }}>{ch}<\/span>\n );\n\n const Btn = ({ ch, p, onClick, sm }) => (\n <button onClick={onClick} style={{ background: p ? C.gold : \"transparent\", color: p ? C.forest : C.gold, border: `2px solid ${C.gold}`, padding: sm ? \"8px 22px\" : \"14px 36px\", fontSize: sm ? 14 : 16, fontWeight: 700, borderRadius: 4, cursor: \"pointer\", transition: \"0.2s\" }}>{ch}<\/button>\n );\n\n const Inp = ({ label, type, ph, req, value, onChange }) => (\n <div style={{ marginBottom: 16 }}>\n <label style={{ display: \"block\", fontWeight: 600, color: C.forest, marginBottom: 6, fontSize: 14 }}>{label}{req && <span style={{ color: C.gold }}> *<\/span>}<\/label>\n {type === \"textarea\" ? (\n <textarea placeholder={ph} rows={4} style={{ width: \"100%\", padding: \"10px 14px\", border: \"1.5px solid #C8C2B5\", borderRadius: 4, fontSize: 15, resize: \"vertical\", boxSizing: \"border-box\" }} value={value} onChange={onChange} \/>\n ) : (\n <input type={type || \"text\"} placeholder={ph} style={{ width: \"100%\", padding: \"10px 14px\", border: \"1.5px solid #C8C2B5\", borderRadius: 4, fontSize: 15, boxSizing: \"border-box\" }} value={value} onChange={onChange} \/>\n )}\n <\/div>\n );\n\n const Logo = ({ onClick }) => (\n <div onClick={onClick} style={{ cursor: \"pointer\", display: \"flex\", alignItems: \"center\", gap: 14 }}>\n <div style={{ width: 42, height: 42, background: C.gold, borderRadius: 5, display: \"flex\", alignItems: \"center\", justifyContent: \"center\", fontWeight: 900, color: C.forest, fontSize: 22, fontFamily: \"Georgia,serif\" }}>B<\/div>\n <div>\n <div style={{ color: C.white, fontWeight: 800, fontSize: 16, letterSpacing: 2, textTransform: \"uppercase\", lineHeight: 1.1 }}>Bastl<\/div>\n <div style={{ color: C.gold, fontSize: 10, letterSpacing: 2, textTransform: \"uppercase\" }}>Real Estate Services<\/div>\n <\/div>\n <\/div>\n );\n\n const ContactBlock = () => {\n const [sent, setSent] = useState(false);\n const [form, setForm] = useState({ name: \"\", contact: \"\", message: \"\" });\n const handleSubmit = () => {\n if (!form.name || !form.contact) return alert(\"Vypl\u0148te pros\u00edm jm\u00e9no a kontakt.\");\n console.log(\"Zpr\u00e1va z kontaktn\u00edho bloku:\", form);\n setSent(true);\n setTimeout(() => setSent(false), 3000);\n };\n return (\n <div style={{ flex: \"1 1 300px\", background: \"rgba(255,255,255,0.04)\", border: `1px solid rgba(201,168,76,0.2)`, borderRadius: 12, padding: \"32px 28px\" }}>\n <h3 style={{ color: C.white, fontWeight: 800, fontSize: 18, marginBottom: 20 }}>Napi\u0161te mi p\u0159\u00edmo<\/h3>\n <Inp label=\"Jm\u00e9no\" ph=\"Jan Nov\u00e1k\" req value={form.name} onChange={e => setForm({ ...form, name: e.target.value })} \/>\n <Inp label=\"Telefon nebo e-mail\" ph=\"+420 775 066 321\" req value={form.contact} onChange={e => setForm({ ...form, contact: e.target.value })} \/>\n <Inp label=\"Zpr\u00e1va\" type=\"textarea\" ph=\"Popi\u0161te stru\u010dn\u011b va\u0161i situaci...\" value={form.message} onChange={e => setForm({ ...form, message: e.target.value })} \/>\n <Btn p ch={sent ? \"\u2713 Odesl\u00e1no!\" : \"Odeslat zpr\u00e1vu\"} onClick={handleSubmit} \/>\n <div style={{ color: \"#8AADA5\", fontSize: 12, marginTop: 12, textAlign: \"center\" }}>\ud83d\udd12 Va\u0161e \u00fadaje jsou v bezpe\u010d\u00ed<\/div>\n <\/div>\n );\n };\n\n const HomePage = () => (\n <>\n <section style={{ background: `linear-gradient(135deg,${C.forest},${C.forestLight})`, minHeight: \"92vh\", display: \"flex\", alignItems: \"center\" }}>\n <div style={{ maxWidth: 1100, margin: \"0 auto\", padding: \"60px 32px\", display: \"flex\", gap: 60, alignItems: \"center\", flexWrap: \"wrap\" }} className=\"hero-flex\">\n <div style={{ flex: \"1 1 420px\" }}>\n <div style={{ display: \"inline-flex\", alignItems: \"center\", gap: 8, background: \"rgba(201,168,76,0.12)\", border: \"1px solid rgba(201,168,76,0.3)\", borderRadius: 24, padding: \"6px 16px\", marginBottom: 24 }}>\n <span style={{ width: 8, height: 8, background: C.gold, borderRadius: \"50%\", display: \"inline-block\" }}><\/span>\n <span style={{ color: C.gold, fontSize: 13, fontWeight: 600 }}>Certifikovan\u00fd realitn\u00ed makl\u00e9\u0159 \u00b7 \u010cesko \u00b7 Dubaj \u00b7 Thajsko \u00b7 \u0160pan\u011blsko<\/span>\n <\/div>\n <h1 style={{ color: C.white, fontSize: \"clamp(34px,5vw,58px)\", fontWeight: 900, lineHeight: 1.1, margin: \"0 0 20px\" }}>\u0160et\u0159\u00edm v\u00e1m<br \/><span style={{ color: C.gold }}>\u010das i starosti.<\/span><\/h1>\n <p style={{ color: \"#8AADA5\", fontSize: 17, lineHeight: 1.8, marginBottom: 8 }}>Pom\u00e1h\u00e1m klient\u016fm prod\u00e1vat, kupovat a investovat do nemovitost\u00ed v \u010cesku, Dubaji, Thajsku a \u0160pan\u011blsku.<\/p>\n <p style={{ color: \"#8AADA5\", fontSize: 17, lineHeight: 1.8, marginBottom: 36 }}>Ka\u017ed\u00fd obchod \u0159e\u0161\u00edm individu\u00e1ln\u011b a s d\u016frazem na bezpe\u010dnost a maxim\u00e1ln\u00ed v\u00fdsledek.<\/p>\n <div style={{ display: \"flex\", gap: 14, flexWrap: \"wrap\", marginBottom: 44 }}>\n <Btn p ch=\"Nez\u00e1vazn\u00e1 konzultace zdarma\" onClick={() => window.goToPage(\"contact\")} \/>\n <Btn ch=\"Aktu\u00e1ln\u00ed nab\u00eddka\" onClick={() => window.goToPage(\"listings\")} \/>\n <\/div>\n <div style={{ display: \"flex\", gap: 32, flexWrap: \"wrap\", paddingTop: 32, borderTop: \"1px solid rgba(255,255,255,0.08)\" }} className=\"hero-stats\">\n {[[\"20+\", \"let v obchodu\"], [\"200+\", \"spokojen\u00fdch klient\u016f\"], [\"4 trhy\", \"\u010cesko \u00b7 Dubaj \u00b7 Thajsko \u00b7 \u0160pan\u011blsko\"]].map(([n, l]) => (\n <div key={n}><div style={{ color: C.gold, fontSize: 26, fontWeight: 900 }}>{n}<\/div><div style={{ color: \"#8AADA5\", fontSize: 12 }}>{l}<\/div><\/div>\n ))}\n <\/div>\n <\/div>\n <div style={{ flex: \"0 0 320px\", display: \"flex\", flexDirection: \"column\", alignItems: \"center\" }}>\n <div style={{ width: 280, height: 340, borderRadius: 16, overflow: \"hidden\", border: \"3px solid rgba(201,168,76,0.4)\", boxShadow: \"0 24px 64px rgba(0,0,0,0.4)\" }}>\n <img src={PORTRAIT} alt=\"Michal Bastl\" style={{ width: \"100%\", height: \"100%\", objectFit: \"cover\", objectPosition: \"center top\" }} \/>\n <\/div>\n <div style={{ marginTop: 18, textAlign: \"center\" }}>\n <div style={{ color: C.white, fontWeight: 800, fontSize: 18 }}>Michal Bastl<\/div>\n <div style={{ color: C.gold, fontSize: 13, letterSpacing: 1, marginTop: 3 }}>REALITN\u00cd MAKL\u00c9\u0158<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <Sec bg={C.cream} ch={\n <>\n <div style={{ textAlign: \"center\", marginBottom: 48 }}>\n <div style={{ color: C.gold, fontWeight: 700, letterSpacing: 2, fontSize: 12, textTransform: \"uppercase\", marginBottom: 12 }}>Pro\u010d spolupracovat pr\u00e1v\u011b se mnou<\/div>\n <h2 style={{ fontSize: 34, color: C.forest, fontWeight: 800 }}>V\u00e1\u0161 klid je moje pr\u00e1ce<\/h2>\n <GL c \/>\n <\/div>\n <div style={{ display: \"flex\", gap: 20, flexWrap: \"wrap\" }}>\n {[[\"\ud83d\udc64\", \"Osobn\u00ed p\u0159\u00edstup\", \"Komunikujete p\u0159\u00edmo se mnou od prvn\u00edho hovoru a\u017e po p\u0159ed\u00e1n\u00ed kl\u00ed\u010d\u016f.\"], [\"\ud83c\udf0d\", \"4 trhy osobn\u011b\", \"20 let v obchodu. \u010cR, Dubaj, Thajsko, \u0160pan\u011blsko \u2014 zn\u00e1m tyto trhy osobn\u011b.\"], [\"\ud83d\udd12\", \"Bezpe\u010dn\u00fd obchod\", \"Ka\u017edou transakci prov\u011b\u0159uji pr\u00e1vn\u011b i finan\u010dn\u011b. Upozorn\u00edm v\u00e1s na rizika v\u010das.\"], [\"\ud83d\udd11\", \"Servis od A do Z\", \"Od prvn\u00ed konzultace p\u0159es vyjedn\u00e1v\u00e1n\u00ed a smlouvy a\u017e po fyzick\u00e9 p\u0159ed\u00e1n\u00ed nemovitosti.\"]].map(([i, t, tx]) => (\n <div key={t} style={{ background: C.white, border: \"1px solid #DDD8CC\", borderRadius: 8, padding: \"28px 24px\", flex: \"1 1 220px\", minWidth: 200 }}>\n <div style={{ fontSize: 30, marginBottom: 10 }}>{i}<\/div>\n <div style={{ fontWeight: 700, fontSize: 16, color: C.forest, marginBottom: 6 }}>{t}<\/div>\n <div style={{ color: C.gray, lineHeight: 1.75, fontSize: 14 }}>{tx}<\/div>\n <\/div>\n ))}\n <\/div>\n <\/>\n } \/>\n\n <section style={{ background: C.forest, padding: \"72px 0\" }}>\n <div style={{ maxWidth: 1100, margin: \"0 auto\", padding: \"0 32px\" }}>\n <div style={{ textAlign: \"center\", marginBottom: 48 }}>\n <div style={{ color: C.gold, fontWeight: 700, letterSpacing: 2, fontSize: 12, textTransform: \"uppercase\", marginBottom: 12 }}>Zahrani\u010dn\u00ed projekty<\/div>\n <h2 style={{ fontSize: 34, color: C.white, fontWeight: 800 }}>Investi\u010dn\u00ed nemovitosti v zahrani\u010d\u00ed<\/h2>\n <div style={{ width: 56, height: 3, background: C.gold, margin: \"16px auto\" }} \/>\n <p style={{ color: \"#8AADA5\", fontSize: 16, maxWidth: 580, margin: \"0 auto\" }}>Pom\u00e1h\u00e1m \u010desk\u00fdm investor\u016fm bezpe\u010dn\u011b vstoupit na zahrani\u010dn\u00ed trhy. Zn\u00e1m tyto destinace osobn\u011b.<\/p>\n <\/div>\n <div style={{ display: \"flex\", gap: 24, flexWrap: \"wrap\" }}>\n {[{ id: \"dubai\", flag: \"\ud83c\udde6\ud83c\uddea\", name: \"Dubaj\", text: \"Modern\u00ed projekty, v\u00fdnos 6\u201310 % ro\u010dn\u011b, nulov\u00e9 zdan\u011bn\u00ed.\", img: DUBAI_IMG }, { id: \"thailand\", flag: \"\ud83c\uddf9\ud83c\udded\", name: \"Thajsko\", text: \"Elysium Residences Pattaya. V\u00fdnos a\u017e 9,8 %, hotelov\u00e1 spr\u00e1va SOBHA.\", img: TH_IMG }, { id: \"spain\", flag: \"\ud83c\uddea\ud83c\uddf8\", name: \"\u0160pan\u011blsko\", text: \"Torrevieja \u2014 TM Laguna Village od 260 000 \u20ac a Coronella Living od 272 000 \u20ac.\", img: ES1 }].map(d => (\n <div key={d.id} onClick={() => window.goToPage(d.id)} style={{ flex: \"1 1 280px\", background: \"rgba(255,255,255,0.05)\", border: \"1px solid rgba(201,168,76,0.25)\", borderRadius: 12, overflow: \"hidden\", cursor: \"pointer\", transition: \"0.2s\" }}>\n <div style={{ height: 200, overflow: \"hidden\" }}><img src={d.img} alt={d.name} style={{ width: \"100%\", height: \"100%\", objectFit: \"cover\" }} \/><\/div>\n <div style={{ padding: \"24px 24px 28px\" }}>\n <div style={{ fontSize: 28, marginBottom: 8 }}>{d.flag}<\/div>\n <div style={{ color: C.gold, fontWeight: 800, fontSize: 20, marginBottom: 8 }}>{d.name}<\/div>\n <div style={{ color: \"#8AADA5\", lineHeight: 1.75, fontSize: 15, marginBottom: 16 }}>{d.text}<\/div>\n <div style={{ color: C.gold, fontWeight: 700, fontSize: 14 }}>Zjistit v\u00edce \u2192<\/div>\n <\/div>\n <\/div>\n ))}\n <\/div>\n <\/div>\n <\/section>\n\n <Sec bg={C.white} ch={\n <>\n <div style={{ textAlign: \"center\", marginBottom: 48 }}>\n <div style={{ color: C.gold, fontWeight: 700, letterSpacing: 2, fontSize: 12, textTransform: \"uppercase\", marginBottom: 12 }}>Reference<\/div>\n <h2 style={{ fontSize: 34, color: C.forest, fontWeight: 800 }}>Co \u0159\u00edkaj\u00ed klienti<\/h2>\n <GL c \/>\n <\/div>\n <div style={{ display: \"flex\", gap: 20, flexWrap: \"wrap\" }}>\n {[\n { name: \"Jana K.\", location: \"Praha\", text: \"S Michalem jsem prod\u00e1vala byt po rodi\u010d\u00edch. Oce\u0148uji hlavn\u011b to, \u017ee byl v\u017edy dostupn\u00fd a v\u011bci vysv\u011btlil srozumiteln\u011b. Prodej prob\u011bhl bez komplikac\u00ed.\" },\n { name: \"Tom\u00e1\u0161 V.\", location: \"Plze\u0148\", text: \"Obr\u00e1til jsem se na Michala kv\u016fli investici v zahrani\u010d\u00ed. Nebyl jsem si jist\u00fd, ale dostal jsem konkr\u00e9tn\u00ed informace a prostor si v\u0161e v klidu rozmyslet. Nakonec jsem spokojen\u00fd.\" },\n { name: \"Mark\u00e9ta a Ji\u0159\u00ed N.\", location: \"Klatovy\", text: \"Prod\u00e1vali jsme rodinn\u00fd d\u016fm a m\u011bli jsme obavy, jak to cel\u00e9 dopadne. Michal n\u00e1s cel\u00fdm procesem provedl, komunikoval pravideln\u011b a v\u00fdsledek odpov\u00eddal o\u010dek\u00e1v\u00e1n\u00ed.\" },\n { name: \"Pavel H.\", location: \"Strakonice\", text: \"Hledal jsem nemovitost na \u0160umav\u011b a Michal mi nab\u00eddl n\u011bkolik mo\u017enost\u00ed. Nen\u00ed to \u010dlov\u011bk, kter\u00fd v\u00e1s tla\u010d\u00ed do rychl\u00e9ho rozhodnut\u00ed \u2014 to mi vyhovovalo.\" }\n ].map(r => (\n <div key={r.name} style={{ flex: \"1 1 220px\", background: C.cream, border: \"1px solid #DDD8CC\", borderRadius: 12, padding: \"28px 24px\" }}>\n <div style={{ fontSize: 36, color: C.gold, lineHeight: 1, marginBottom: 12, fontFamily: \"Georgia,serif\" }}>\"<\/div>\n <p style={{ color: C.gray, fontSize: 15, lineHeight: 1.8, marginBottom: 20, fontStyle: \"italic\" }}>{r.text}<\/p>\n <div style={{ borderTop: \"1px solid #DDD8CC\", paddingTop: 14 }}>\n <div style={{ fontWeight: 700, color: C.forest, fontSize: 14 }}>{r.name}<\/div>\n <div style={{ color: C.gold, fontSize: 12, marginTop: 2 }}>{r.location}<\/div>\n <\/div>\n <\/div>\n ))}\n <\/div>\n <\/>\n } \/>\n\n <section style={{ background: `linear-gradient(135deg,${C.forest},${C.forestLight})`, padding: \"80px 0\" }}>\n <div style={{ maxWidth: 1100, margin: \"0 auto\", padding: \"0 32px\" }}>\n <div style={{ display: \"flex\", gap: 60, alignItems: \"center\", flexWrap: \"wrap\" }}>\n <div style={{ flex: \"2 1 340px\" }}>\n <h2 style={{ color: C.white, fontSize: 36, fontWeight: 900, margin: \"0 0 16px\", lineHeight: 1.2 }}>Chcete prodat nebo investovat do nemovitosti?<\/h2>\n <p style={{ color: \"#8AADA5\", fontSize: 17, lineHeight: 1.75, marginBottom: 32 }}>Nez\u00e1vazn\u00e1 konzultace je zdarma. Zavolejte, napi\u0161te nebo mi po\u0161lete zpr\u00e1vu p\u0159es WhatsApp.<\/p>\n <div style={{ display: \"flex\", flexDirection: \"column\", gap: 14 }}>\n {[[\"\ud83d\udcde\", \"Telefon\", \"+420 775 066 321\", \"tel:+420775066321\"], [\"\ud83d\udce7\", \"E-mail\", \"michal@michalbastl.eu\", \"mailto:michal@michalbastl.eu\"], [\"\ud83d\udcac\", \"WhatsApp\", \"+420 775 066 321\", \"https:\/\/wa.me\/420775066321\"]].map(([i, l, v, href]) => (\n <a key={l} href={href} style={{ display: \"flex\", alignItems: \"center\", gap: 16, textDecoration: \"none\", background: \"rgba(255,255,255,0.05)\", border: \"1px solid rgba(201,168,76,0.2)\", borderRadius: 8, padding: \"14px 20px\" }}>\n <span style={{ fontSize: 22 }}>{i}<\/span>\n <div><div style={{ color: C.gold, fontSize: 11, fontWeight: 700, textTransform: \"uppercase\", letterSpacing: 1 }}>{l}<\/div><div style={{ color: C.white, fontSize: 16, fontWeight: 600, marginTop: 2 }}>{v}<\/div><\/div>\n <\/a>\n ))}\n <\/div>\n <\/div>\n <ContactBlock \/>\n <\/div>\n <\/div>\n <\/section>\n <\/>\n );\n\n const AboutPage = () => (\n <Sec ch={\n <div style={{ maxWidth: 820, margin: \"0 auto\" }}>\n <div style={{ color: C.gold, fontWeight: 700, letterSpacing: 2, fontSize: 12, textTransform: \"uppercase\", marginBottom: 12 }}>O mn\u011b<\/div>\n <h1 style={{ fontSize: 42, color: C.forest, fontWeight: 900, margin: \"0 0 4px\" }}>Michal Bastl<\/h1>\n <div style={{ color: C.gray, fontSize: 15, marginBottom: 20 }}>+420 775 066 321 \u00b7 michal@michalbastl.eu<\/div>\n <GL \/>\n <div style={{ display: \"flex\", gap: 40, flexWrap: \"wrap\" }}>\n <div style={{ flex: \"1 1 240px\", borderRadius: 12, overflow: \"hidden\", boxShadow: \"0 16px 48px rgba(13,48,40,0.15)\" }}><img src={PORTRAIT} alt=\"Michal Bastl\" style={{ width: \"100%\", display: \"block\", objectFit: \"cover\" }} \/><\/div>\n <div style={{ flex: \"2 1 320px\" }}>\n <p style={{ fontSize: 17, lineHeight: 1.9, color: C.gray, marginBottom: 16 }}>V obchodu se pohybuji p\u0159es 20 let. V\u00edm, co znamen\u00e1 skute\u010dn\u011b naslouchat klientovi a dov\u00e9st obchod do zd\u00e1rn\u00e9ho konce \u2014 i kdy\u017e je cesta slo\u017eit\u00e1.<\/p>\n <p style={{ fontSize: 17, lineHeight: 1.9, color: C.gray, marginBottom: 16 }}>Pro\u0161el jsem tak\u00e9 t\u0159emi lety v korpor\u00e1tn\u00edm prost\u0159ed\u00ed \u2014 p\u0159esn\u011b v\u00edm, jak uva\u017euj\u00ed firemn\u00ed klienti a investo\u0159i.<\/p>\n <p style={{ fontSize: 17, lineHeight: 1.9, color: C.gray, marginBottom: 28 }}>Spolupracuji s prov\u011b\u0159en\u00fdmi pr\u00e1vn\u00edky, not\u00e1\u0159i a spr\u00e1vci nemovitost\u00ed v \u010cesku, Dubaji, Thajsku i \u0160pan\u011blsku.<\/p>\n <div style={{ display: \"flex\", gap: 16, flexWrap: \"wrap\", marginBottom: 28 }}>\n {[[\"20+\", \"let v obchodu\"], [\"3 roky\", \"korpor\u00e1tn\u00ed praxe\"], [\"200+\", \"spokojen\u00fdch klient\u016f\"]].map(([n, l]) => (\n <div key={n} style={{ background: C.cream, borderRadius: 8, padding: \"18px 22px\", textAlign: \"center\" }}>\n <div style={{ color: C.gold, fontSize: 24, fontWeight: 900 }}>{n}<\/div>\n <div style={{ color: C.forest, fontSize: 12, fontWeight: 600, marginTop: 3 }}>{l}<\/div>\n <\/div>\n ))}\n <\/div>\n <Btn p ch=\"Kontaktovat Michala\" onClick={() => window.goToPage(\"contact\")} \/>\n <\/div>\n <\/div>\n <\/div>\n } \/>\n );\n\n const DubaiPage = () => (\n <>\n <section style={{ background: `linear-gradient(135deg,${C.forest},#163D2A)`, padding: \"80px 0 60px\" }}>\n <div style={{ maxWidth: 1100, margin: \"0 auto\", padding: \"0 32px\" }}>\n <div style={{ display: \"inline-flex\", alignItems: \"center\", gap: 8, background: \"rgba(201,168,76,0.12)\", border: \"1px solid rgba(201,168,76,0.3)\", borderRadius: 24, padding: \"6px 16px\", marginBottom: 24 }}>\n <span style={{ color: C.gold, fontSize: 13, fontWeight: 600 }}>\ud83c\udde6\ud83c\uddea Dubaj \u00b7 Dubai South \u00b7 da\u0148ov\u00e1 v\u00fdhoda<\/span>\n <\/div>\n <h1 style={{ color: C.white, fontSize: \"clamp(32px,5vw,52px)\", fontWeight: 900, lineHeight: 1.15, marginBottom: 20 }}>Investice v Dubaji.<br \/><span style={{ color: C.gold }}>V\u00fdnosy 6\u201310 % ro\u010dn\u011b, 0 % da\u0148.<\/span><\/h1>\n <p style={{ color: \"#8AADA5\", fontSize: 17, lineHeight: 1.8, maxWidth: 620, marginBottom: 36 }}>Dubaj se stala jedn\u00edm z nejstabiln\u011bj\u0161\u00edch trh\u016f pro zahrani\u010dn\u00ed investory. Nab\u00edz\u00edm pr\u00e9miov\u00e9 projekty s vysok\u00fdm v\u00fdnosem a plnou spr\u00e1vou.<\/p>\n <div style={{ display: \"flex\", gap: 14, flexWrap: \"wrap\" }}>\n <Btn p ch=\"Chci konzultaci zdarma\" onClick={() => window.goToPage(\"contact\")} \/>\n <Btn ch=\"Aktu\u00e1ln\u00ed nab\u00eddka\" onClick={() => window.goToPage(\"listings\")} \/>\n <\/div>\n <\/div>\n <\/section>\n <Sec bg={C.cream} ch={\n <>\n <div style={{ color: C.gold, fontWeight: 700, letterSpacing: 2, fontSize: 12, textTransform: \"uppercase\", marginBottom: 12 }}>Doporu\u010den\u00fd projekt<\/div>\n <h2 style={{ fontSize: 36, color: C.forest, fontWeight: 900, marginBottom: 8 }}>Princess Uniestate \u00b7 Dubai South<\/h2>\n <GL \/>\n <div style={{ display: \"flex\", gap: 40, flexWrap: \"wrap\", alignItems: \"flex-start\" }}>\n <div style={{ flex: \"1 1 340px\", borderRadius: 12, overflow: \"hidden\", boxShadow: \"0 16px 48px rgba(13,48,40,0.15)\" }}><img src={DUBAI_DETAIL} alt=\"Dubaj\" style={{ width: \"100%\", height: 280, objectFit: \"cover\" }} \/><\/div>\n <div style={{ flex: \"2 1 320px\" }}>\n <p style={{ fontSize: 16, lineHeight: 1.9, color: C.gray, marginBottom: 20 }}>Modern\u00ed byty v Dubai South \u2013 lukrativn\u00ed lokalita u leti\u0161t\u011b Al Maktoum. Projekty s baz\u00e9nem, fitness, gar\u00e1\u017e\u00ed a atraktivn\u00edm v\u00fdnosem z pron\u00e1jmu.<\/p>\n <div style={{ display: \"grid\", gridTemplateColumns: \"1fr 1fr\", gap: 14, marginBottom: 28 }}>\n {[[\"\ud83c\udfe2\", \"Lokalita Dubai South\", \"Bl\u00edzko EXPO 2020\"], [\"\ud83d\udcb0\", \"od 320 000 AED\", \"cca 2,0 mil. K\u010d\"], [\"\ud83d\udcc8\", \"V\u00fdnos 6\u201310 %\", \"\u010dist\u00fd ro\u010dn\u00ed v\u00fdnos\"], [\"\ud83d\udee1\ufe0f\", \"0 % da\u0148 z p\u0159\u00edjmu\", \"\u017e\u00e1dn\u00e1 da\u0148 z nemovitosti\"]].map(([icon, title, sub]) => (\n <div key={title} style={{ background: C.white, border: \"1px solid #DDD8CC\", borderRadius: 8, padding: \"16px 18px\" }}>\n <div style={{ fontSize: 22, marginBottom: 6 }}>{icon}<\/div>\n <div style={{ fontWeight: 700, color: C.forest, fontSize: 14, marginBottom: 2 }}>{title}<\/div>\n <div style={{ color: C.gray, fontSize: 12 }}>{sub}<\/div>\n <\/div>\n ))}\n <\/div>\n <Btn p ch=\"M\u00e1m z\u00e1jem o Dubaj\" onClick={() => window.goToPage(\"contact\")} \/>\n <\/div>\n <\/div>\n <\/>\n } \/>\n <section style={{ background: `linear-gradient(135deg,${C.forest},${C.forestLight})`, padding: \"72px 0\" }}>\n <div style={{ maxWidth: 760, margin: \"0 auto\", padding: \"0 32px\", textAlign: \"center\" }}>\n <h2 style={{ color: C.white, fontSize: 34, fontWeight: 900, marginBottom: 16 }}>Chcete investovat v Dubaji?<\/h2>\n <p style={{ color: \"#8AADA5\", fontSize: 17, lineHeight: 1.8, marginBottom: 36 }}>Prvn\u00ed konzultace zdarma, pomohu s v\u00fdb\u011brem i financov\u00e1n\u00edm.<\/p>\n <Btn p ch=\"Nez\u00e1vazn\u00e1 konzultace zdarma\" onClick={() => window.goToPage(\"contact\")} \/>\n <\/div>\n <\/section>\n <\/>\n );\n\n const ThailandPage = () => (\n <>\n <section style={{ background: `linear-gradient(135deg,${C.forest},#163D2A)`, padding: \"80px 0 60px\" }}>\n <div style={{ maxWidth: 1100, margin: \"0 auto\", padding: \"0 32px\" }}>\n <div style={{ display: \"inline-flex\", alignItems: \"center\", gap: 8, background: \"rgba(201,168,76,0.12)\", border: \"1px solid rgba(201,168,76,0.3)\", borderRadius: 24, padding: \"6px 16px\", marginBottom: 24 }}>\n <span style={{ color: C.gold, fontSize: 13, fontWeight: 600 }}>\ud83c\uddf9\ud83c\udded Thajsko \u00b7 Pattaya \u00b7 Pratumnak Hill<\/span>\n <\/div>\n <h1 style={{ color: C.white, fontSize: \"clamp(32px,5vw,52px)\", fontWeight: 900, lineHeight: 1.15, marginBottom: 20 }}>Investujte v Thajsku.<br\/><span style={{ color: C.gold }}>V\u00fdnos a\u017e 9,8 % ro\u010dn\u011b.<\/span><\/h1>\n <p style={{ color: \"#8AADA5\", fontSize: 17, lineHeight: 1.8, maxWidth: 620, marginBottom: 36 }}>Thajsko pat\u0159\u00ed mezi nejatraktivn\u011bj\u0161\u00ed destinace pro investory. Nab\u00edz\u00edm pr\u00e9miov\u00fd projekt Elysium Residences v Pattaye \u2014 s garantovan\u00fdm v\u00fdnosem a hotelovou spr\u00e1vou SOBHA.<\/p>\n <div style={{ display: \"flex\", gap: 14, flexWrap: \"wrap\" }}>\n <Btn p ch=\"Chci konzultaci zdarma\" onClick={() => window.goToPage(\"contact\")} \/>\n <Btn ch=\"Aktu\u00e1ln\u00ed nab\u00eddka\" onClick={() => window.goToPage(\"listings\")} \/>\n <\/div>\n <\/div>\n <\/section>\n <section style={{ background: C.gold, padding: \"40px 0\" }}>\n <div style={{ maxWidth: 1100, margin: \"0 auto\", padding: \"0 32px\", display: \"flex\", gap: 32, flexWrap: \"wrap\", justifyContent: \"center\" }}>\n {[[\"7\u201310 %\",\"ro\u010dn\u00ed v\u00fdnos z pron\u00e1jmu\"],[\"od ~5 mil. K\u010d\",\"vstupn\u00ed investice\"],[\"49 %\",\"max. cizineck\u00e9ho vlastnictv\u00ed\"],[\"0 %\",\"da\u0148 z p\u0159\u00edjmu pro cizince\"]].map(([n,l]) => (\n <div key={n} style={{ textAlign:\"center\", flex:\"1 1 180px\" }}><div style={{ color:C.forest, fontSize:26, fontWeight:900 }}>{n}<\/div><div style={{ color:C.forest, fontSize:13, marginTop:4, opacity:0.8 }}>{l}<\/div><\/div>\n ))}\n <\/div>\n <\/section>\n <Sec bg={C.cream} ch={\n <>\n <div style={{ color: C.gold, fontWeight: 700, letterSpacing: 2, fontSize: 12, textTransform: \"uppercase\", marginBottom: 12 }}>Doporu\u010den\u00fd projekt<\/div>\n <h2 style={{ fontSize: 36, color: C.forest, fontWeight: 900, marginBottom: 8 }}>Elysium Residences Pattaya<\/h2>\n <div style={{ color: C.gray, fontSize: 15, marginBottom: 4 }}>Pratumnak Hill \u00b7 Pattaya \u00b7 Thajsko<\/div>\n <GL\/>\n <div style={{ display:\"flex\", gap:40, flexWrap:\"wrap\", alignItems:\"flex-start\" }}>\n <div style={{ flex:\"1 1 340px\", borderRadius:12, overflow:\"hidden\", boxShadow:\"0 16px 48px rgba(13,48,40,0.15)\" }}><img src={TH_IMG} alt=\"Elysium\" style={{ width:\"100%\", height:280, objectFit:\"cover\", display:\"block\" }}\/><\/div>\n <div style={{ flex:\"2 1 320px\" }}>\n <p style={{ fontSize:16, lineHeight:1.9, color:C.gray, marginBottom:20 }}>Elysium Residences je pr\u00e9miov\u00fd projekt na Pratumnak Hill \u2014 nejexkluzivn\u011bj\u0161\u00ed \u010d\u00e1sti Pattaye. 18patrov\u00e1 budova s pouh\u00fdmi 75 jednotkami p\u0159\u00edmo u mo\u0159e. Projekt spravuje hotelov\u00e1 skupina SOBHA Hospitality.<\/p>\n <div style={{ display:\"grid\", gridTemplateColumns:\"1fr 1fr\", gap:14, marginBottom:28 }}>\n {[[\"\ud83c\udfe2\",\"18 pater, 75 jednotek\",\"Exkluzivn\u00ed n\u00edzk\u00e1 hustota\"],[\"\ud83c\udf0a\",\"150 m od pl\u00e1\u017ee\",\"P\u0159\u00edm\u00fd v\u00fdhled na mo\u0159e\"],[\"\ud83d\udcb0\",\"od 7,3 mil. THB\",\"\u2248 cca 5 mil. K\u010d\"],[\"\ud83d\udcc8\",\"a\u017e 9,8 % p.a.\",\"Garantovan\u00fd v\u00fdnos (10 let)\"],[\"\ud83c\udfca\",\"Rooftop infinity pool\",\"Sauna, fitness, concierge\"],[\"\ud83d\udd11\",\"60\/40 profit sharing\",\"Pasivn\u00ed p\u0159\u00edjem\"]].map(([icon,title,sub])=>(\n <div key={title} style={{ background:C.white, border:\"1px solid #DDD8CC\", borderRadius:8, padding:\"16px 18px\" }}>\n <div style={{ fontSize:22, marginBottom:6 }}>{icon}<\/div>\n <div style={{ fontWeight:700, color:C.forest, fontSize:14, marginBottom:2 }}>{title}<\/div>\n <div style={{ color:C.gray, fontSize:12 }}>{sub}<\/div>\n <\/div>\n ))}\n <\/div>\n <Btn p ch=\"M\u00e1m z\u00e1jem o Elysium\" onClick={() => window.goToPage(\"contact\")}\/>\n <\/div>\n <\/div>\n <\/>\n }\/>\n <section style={{ background: `linear-gradient(135deg,${C.forest},${C.forestLight})`, padding:\"72px 0\" }}>\n <div style={{ maxWidth:760, margin:\"0 auto\", padding:\"0 32px\", textAlign:\"center\" }}>\n <h2 style={{ color:C.white, fontSize:34, fontWeight:900, marginBottom:16 }}>Zaj\u00edm\u00e1 v\u00e1s investice v Thajsku?<\/h2>\n <p style={{ color:\"#8AADA5\", fontSize:17, lineHeight:1.8, marginBottom:36 }}>Prvn\u00ed konzultace je zdarma a nez\u00e1vazn\u00e1.<\/p>\n <Btn p ch=\"Nez\u00e1vazn\u00e1 konzultace zdarma\" onClick={() => window.goToPage(\"contact\")}\/>\n <\/div>\n <\/section>\n <\/>\n );\n\n const SpainPage = () => (\n <>\n <section style={{ background: `linear-gradient(135deg,${C.forest},#163D2A)`, padding: \"80px 0 60px\" }}>\n <div style={{ maxWidth: 1100, margin: \"0 auto\", padding: \"0 32px\" }}>\n <div style={{ display: \"inline-flex\", alignItems: \"center\", gap: 8, background: \"rgba(201,168,76,0.12)\", border: \"1px solid rgba(201,168,76,0.3)\", borderRadius: 24, padding: \"6px 16px\", marginBottom: 24 }}>\n <span style={{ color: C.gold, fontSize: 13, fontWeight: 600 }}>\ud83c\uddea\ud83c\uddf8 \u0160pan\u011blsko \u00b7 Torrevieja \u00b7 Costa Blanca<\/span>\n <\/div>\n <h1 style={{ color: C.white, fontSize: \"clamp(32px,5vw,52px)\", fontWeight: 900, lineHeight: 1.15, marginBottom: 20 }}>Nemovitosti ve \u0160pan\u011blsku.<br\/><span style={{ color: C.gold }}>Slunce, mo\u0159e, investice.<\/span><\/h1>\n <p style={{ color: \"#8AADA5\", fontSize: 17, lineHeight: 1.8, maxWidth: 620, marginBottom: 36 }}>Torrevieja a Costa Blanca \u2014 nejobl\u00edben\u011bj\u0161\u00ed destinace \u010desk\u00fdch investor\u016f. Nab\u00edz\u00edm dva prov\u011b\u0159en\u00e9 projekty s rozumnou cenou a vysokou kvalitou.<\/p>\n <div style={{ display: \"flex\", gap: 14, flexWrap: \"wrap\" }}>\n <Btn p ch=\"Chci konzultaci zdarma\" onClick={() => window.goToPage(\"contact\")} \/>\n <Btn ch=\"Aktu\u00e1ln\u00ed nab\u00eddka\" onClick={() => window.goToPage(\"listings\")} \/>\n <\/div>\n <\/div>\n <\/section>\n <Sec bg={C.cream} ch={\n <>\n <div style={{ color: C.gold, fontWeight: 700, letterSpacing: 2, fontSize: 12, textTransform: \"uppercase\", marginBottom: 12 }}>Projekt 1<\/div>\n <h2 style={{ fontSize: 36, color: C.forest, fontWeight: 900, marginBottom: 8 }}>TM Laguna Village<\/h2>\n <div style={{ color: C.gray, fontSize: 15, marginBottom: 4 }}>Torrevieja \u00b7 Costa Blanca \u00b7 \u0160pan\u011blsko<\/div>\n <GL\/>\n <div style={{ display: \"flex\", gap: 40, flexWrap: \"wrap\", alignItems: \"flex-start\", marginBottom: 60 }}>\n <div style={{ flex: \"1 1 340px\", borderRadius: 12, overflow: \"hidden\", boxShadow: \"0 16px 48px rgba(13,48,40,0.15)\" }}><img src={ES1} alt=\"TM Laguna Village\" style={{ width: \"100%\", height: 280, objectFit: \"cover\", display: \"block\" }}\/><\/div>\n <div style={{ flex: \"2 1 320px\" }}>\n <p style={{ fontSize: 16, lineHeight: 1.9, color: C.gray, marginBottom: 20 }}>Modern\u00ed reziden\u010dn\u00ed projekt u Lag\u00fany v Torrevieji. 1 a 2 pokojov\u00e9 apartm\u00e1ny a samostatn\u00e9 vily. Projekt se dokon\u010duje \u2014 apartm\u00e1ny jsou ji\u017e k dispozici.<\/p>\n <div style={{ display: \"grid\", gridTemplateColumns: \"1fr 1fr\", gap: 14, marginBottom: 28 }}>\n {[[\"\ud83c\udfe0\",\"1\u20132 pokoje + vily\",\"R\u016fzn\u00e9 typy jednotek\"],[\"\ud83d\udcb0\",\"od 260 000 \u20ac\",\"V\u00fdborn\u00e1 cena\/kvalita\"],[\"\u2705\",\"Dokon\u010deno 2026\",\"Apartm\u00e1ny k dispozici\"],[\"\ud83c\udfca\",\"Baz\u00e9n, zahrada\",\"Kompletn\u00ed are\u00e1l\"]].map(([icon,title,sub])=>(\n <div key={title} style={{ background: C.white, border: \"1px solid #DDD8CC\", borderRadius: 8, padding: \"16px 18px\" }}>\n <div style={{ fontSize: 22, marginBottom: 6 }}>{icon}<\/div>\n <div style={{ fontWeight: 700, color: C.forest, fontSize: 14, marginBottom: 2 }}>{title}<\/div>\n <div style={{ color: C.gray, fontSize: 12 }}>{sub}<\/div>\n <\/div>\n ))}\n <\/div>\n <Btn p ch=\"M\u00e1m z\u00e1jem o Laguna Village\" onClick={() => window.goToPage(\"contact\")}\/>\n <\/div>\n <\/div>\n <div style={{ borderTop: \"2px solid #DDD8CC\", paddingTop: 60 }}>\n <div style={{ color: C.gold, fontWeight: 700, letterSpacing: 2, fontSize: 12, textTransform: \"uppercase\", marginBottom: 12 }}>Projekt 2<\/div>\n <h2 style={{ fontSize: 36, color: C.forest, fontWeight: 900, marginBottom: 8 }}>Coronella Living<\/h2>\n <div style={{ color: C.gray, fontSize: 15, marginBottom: 4 }}>Torrevieja \u00b7 Costa Blanca \u00b7 \u0160pan\u011blsko<\/div>\n <GL\/>\n <div style={{ display: \"flex\", gap: 40, flexWrap: \"wrap\", alignItems: \"flex-start\" }}>\n <div style={{ flex: \"1 1 340px\", borderRadius: 12, overflow: \"hidden\", boxShadow: \"0 16px 48px rgba(13,48,40,0.15)\" }}><img src={ES2} alt=\"Coronella Living\" style={{ width: \"100%\", height: 280, objectFit: \"cover\", display: \"block\" }}\/><\/div>\n <div style={{ flex: \"2 1 320px\" }}>\n <p style={{ fontSize: 16, lineHeight: 1.9, color: C.gray, marginBottom: 20 }}>Pr\u00e9miov\u00fd projekt Coronella Living nab\u00edz\u00ed 2 a 3 pokojov\u00e9 apartm\u00e1ny a samostatn\u00e9 vily se soukrom\u00fdm baz\u00e9nem. Ve v\u00fdstavb\u011b \u2014 dokon\u010den\u00ed 2026\/2027.<\/p>\n <div style={{ display: \"grid\", gridTemplateColumns: \"1fr 1fr\", gap: 14, marginBottom: 28 }}>\n {[[\"\ud83c\udfe0\",\"2\u20133 pokoje + vily\",\"Se soukrom\u00fdm baz\u00e9nem\"],[\"\ud83d\udcb0\",\"od 272 000 \u20ac\",\"V\u00fdborn\u00e1 cena\/kvalita\"],[\"\ud83c\udfd7\ufe0f\",\"Dokon\u010den\u00ed 2026\/2027\",\"Koup\u011b ve v\u00fdstavb\u011b\"],[\"\ud83c\udf0a\",\"Torrevieja\",\"Bl\u00edzko mo\u0159e a pl\u00e1\u017e\u00ed\"]].map(([icon,title,sub])=>(\n <div key={title} style={{ background: C.white, border: \"1px solid #DDD8CC\", borderRadius: 8, padding: \"16px 18px\" }}>\n <div style={{ fontSize: 22, marginBottom: 6 }}>{icon}<\/div>\n <div style={{ fontWeight: 700, color: C.forest, fontSize: 14, marginBottom: 2 }}>{title}<\/div>\n <div style={{ color: C.gray, fontSize: 12 }}>{sub}<\/div>\n <\/div>\n ))}\n <\/div>\n <Btn p ch=\"M\u00e1m z\u00e1jem o Coronella Living\" onClick={() => window.goToPage(\"contact\")}\/>\n <\/div>\n <\/div>\n <\/div>\n <\/>\n }\/>\n <section style={{ background: `linear-gradient(135deg,${C.forest},${C.forestLight})`, padding:\"72px 0\" }}>\n <div style={{ maxWidth:760, margin:\"0 auto\", padding:\"0 32px\", textAlign:\"center\" }}>\n <h2 style={{ color:C.white, fontSize:34, fontWeight:900, marginBottom:16 }}>Zaj\u00edm\u00e1 v\u00e1s nemovitost ve \u0160pan\u011blsku?<\/h2>\n <p style={{ color:\"#8AADA5\", fontSize:17, lineHeight:1.8, marginBottom:36 }}>Prvn\u00ed konzultace je zdarma. P\u0159iprav\u00edm individu\u00e1ln\u00ed nab\u00eddku.<\/p>\n <Btn p ch=\"Nez\u00e1vazn\u00e1 konzultace zdarma\" onClick={() => window.goToPage(\"contact\")}\/>\n <\/div>\n <\/section>\n <\/>\n );\n\n const InvestPage = () => (\n <Sec ch={\n <div style={{ maxWidth: 820, margin: \"0 auto\", textAlign: \"center\" }}>\n <div style={{ color: C.gold, fontWeight: 700, letterSpacing: 2, fontSize: 12, textTransform: \"uppercase\", marginBottom: 12 }}>Investi\u010dn\u00ed strategie<\/div>\n <h1 style={{ fontSize: 42, color: C.forest, fontWeight: 900 }}>Investice do nemovitost\u00ed<\/h1>\n <GL c \/>\n <p style={{ fontSize: 18, lineHeight: 1.8, color: C.gray, marginBottom: 32 }}>Nab\u00edz\u00edm komplexn\u00ed slu\u017eby pro investory \u2013 od anal\u00fdzy trhu, p\u0159es v\u00fdb\u011br nemovitosti, financov\u00e1n\u00ed a\u017e po n\u00e1slednou spr\u00e1vu. Specializace na \u010cesko, Dubaj, Thajsko, \u0160pan\u011blsko.<\/p>\n <div style={{ display: \"grid\", gridTemplateColumns: \"repeat(auto-fit, minmax(200px,1fr))\", gap: 24, marginBottom: 48 }}>\n {[[\"\ud83d\udcca\", \"V\u00fdnosov\u00e9 projekty\", \"6\u201310 % p.a.\"], [\"\ud83c\udfe6\", \"Financov\u00e1n\u00ed\", \"Hypot\u00e9ky i v zahrani\u010d\u00ed\"], [\"\u2696\ufe0f\", \"Pr\u00e1vn\u00ed audity\", \"Bezpe\u010dnost transakce\"], [\"\ud83d\udd04\", \"Spr\u00e1va nemovitost\u00ed\", \"Pasivn\u00ed p\u0159\u00edjem\"]].map(([icon, title, desc]) => (\n <div key={title} style={{ background: C.cream, borderRadius: 12, padding: \"24px\" }}>\n <div style={{ fontSize: 32 }}>{icon}<\/div>\n <h3 style={{ fontSize: 18, fontWeight: 800, color: C.forest, margin: \"12px 0 4px\" }}>{title}<\/h3>\n <div style={{ color: C.gray }}>{desc}<\/div>\n <\/div>\n ))}\n <\/div>\n <Btn p ch=\"Chci investi\u010dn\u00ed konzultaci\" onClick={() => window.goToPage(\"contact\")} \/>\n <\/div>\n } \/>\n );\n\n const ListingsPage = () => (\n <Sec ch={\n <>\n <div style={{ color: C.gold, fontWeight: 700, letterSpacing: 2, fontSize: 12, textTransform: \"uppercase\", marginBottom: 12 }}>Aktu\u00e1ln\u00ed nab\u00eddka<\/div>\n <h1 style={{ fontSize: 42, color: C.forest, fontWeight: 900, margin: \"0 0 8px\" }}>Aktu\u00e1ln\u00ed nab\u00eddka nemovitost\u00ed<\/h1>\n <GL \/>\n <div style={{ display: \"flex\", gap: 24, flexWrap: \"wrap\" }}>\n {[\n { flag: \"\ud83c\udde8\ud83c\uddff\", tag: \"\u010cesko\", name: \"Chalupa u Ka\u0161persk\u00fdch Hor\", price: \"12 800 000 K\u010d\", detail: \"Ka\u0161persk\u00e9 Hory \u00b7 \u0160umava \u00b7 chalupa s terasou, stodolou a zahradou\", img: CZ_CHALUPA, gallery: [CZ_CHALUPA, CZ_CHALUPA2, CZ_CHALUPA3, CZ_CHALUPA4, CZ_CHALUPA5, CZ_CHALUPA6, CZ_CHALUPA7] },\n { flag: \"\ud83c\udde6\ud83c\uddea\", tag: \"Dubaj\", name: \"Princess Uniestate\", price: \"od 320 000 AED\", detail: \"Dubai South \u00b7 baz\u00e9n \u00b7 v\u00fdnos ~6\u201310 %\", img: DUBAI_IMG },\n { flag: \"\ud83c\uddf9\ud83c\udded\", tag: \"Thajsko\", name: \"Elysium Residences Pattaya\", price: \"od 7 300 000 THB\", detail: \"Pratumnak Hill \u00b7 v\u00fdnos a\u017e 9,8 % \u00b7 hotelov\u00e1 spr\u00e1va SOBHA\", img: TH_IMG },\n { flag: \"\ud83c\uddea\ud83c\uddf8\", tag: \"\u0160pan\u011blsko\", name: \"TM Laguna Village\", price: \"od 260 000 EUR\", detail: \"Torrevieja \u00b7 1\u20132 pokoje + vily \u00b7 dokon\u010deno 2026\", img: ES1 },\n { flag: \"\ud83c\uddea\ud83c\uddf8\", tag: \"\u0160pan\u011blsko\", name: \"Coronella Living\", price: \"od 272 000 EUR\", detail: \"Torrevieja \u00b7 2\u20133 pokoje + vily se soukrom\u00fdm baz\u00e9nem \u00b7 2026\/2027\", img: ES2 },\n { flag: \"\ud83c\uddea\ud83c\uddf8\", tag: \"\u0160pan\u011blsko\", name: \"Vila se soukrom\u00fdm baz\u00e9nem\", price: \"od 485 000 EUR\", detail: \"Costa Blanca \u00b7 v\u00fdhled na mo\u0159e \u00b7 terasa \u00b7 gar\u00e1\u017e\", img: ES3 }\n ].map(p => {\n const [activeImg, setActiveImg] = React.useState(p.img);\n return (\n <div key={p.name} style={{ background: C.white, border: \"1px solid #DDD8CC\", borderRadius: 10, overflow: \"hidden\", flex: \"1 1 300px\", minWidth: 250 }}>\n <div style={{ height: 200, overflow: \"hidden\" }}>\n <img src={activeImg} alt={p.name} style={{ width: \"100%\", height: \"100%\", objectFit: \"cover\", transition: \"0.3s\" }} \/>\n <\/div>\n {p.gallery && (\n <div style={{ display: \"flex\", gap: 4, padding: \"6px 6px 0\" }}>\n {p.gallery.map((g, i) => (\n <div key={i} onClick={() => setActiveImg(g)} style={{ flex: 1, height: 52, overflow: \"hidden\", borderRadius: 4, cursor: \"pointer\", border: activeImg === g ? `2px solid ${C.gold}` : \"2px solid transparent\", transition: \"0.2s\" }}>\n <img src={g} alt=\"\" style={{ width: \"100%\", height: \"100%\", objectFit: \"cover\" }} \/>\n <\/div>\n ))}\n <\/div>\n )}\n <div style={{ padding: \"14px 20px 22px\" }}>\n <Tag ch={`${p.flag} ${p.tag}`} \/>\n <div style={{ fontWeight: 800, color: C.forest, fontSize: 16, margin: \"10px 0 5px\" }}>{p.name}<\/div>\n <div style={{ color: C.gray, fontSize: 13, marginBottom: 10 }}>{p.detail}<\/div>\n <div style={{ color: C.gold, fontWeight: 800, fontSize: 17, marginBottom: 14 }}>{p.price}<\/div>\n <Btn sm ch=\"M\u00e1m z\u00e1jem\" onClick={() => window.goToPage(\"contact\")} \/>\n <\/div>\n <\/div>\n );\n })}\n <\/div>\n <div style={{ textAlign: \"center\", marginTop: 48, padding: \"36px\", background: C.cream, borderRadius: 10 }}>\n <h3 style={{ color: C.forest, fontWeight: 800, marginBottom: 8 }}>Nena\u0161li jste, co hled\u00e1te?<\/h3>\n <p style={{ color: C.gray, marginBottom: 24 }}>Napi\u0161te mi sv\u00e1 krit\u00e9ria \u2014 hled\u00e1m aktivn\u011b i mimo ve\u0159ejnou nab\u00eddku.<\/p>\n <Btn p ch=\"Popsat moje po\u017eadavky\" onClick={() => window.goToPage(\"contact\")} \/>\n <\/div>\n <\/>\n } \/>\n );\n\n const ContactPage = () => {\n const [sentForm, setSentForm] = useState(false);\n const [formData, setFormData] = useState({ name: \"\", phone: \"\", email: \"\", topic: \"Koup\u011b nemovitosti v \u010cR\", message: \"\" });\n const submitContact = () => {\n if (!formData.name || !formData.phone) return alert(\"Vypl\u0148te jm\u00e9no a telefon.\");\n console.log(\"Kontakt formul\u00e1\u0159:\", formData);\n setSentForm(true);\n setTimeout(() => setSentForm(false), 4000);\n };\n return (\n <Sec ch={\n <div style={{ maxWidth: 820, margin: \"0 auto\" }}>\n <div style={{ color: C.gold, fontWeight: 700, letterSpacing: 2, fontSize: 12, textTransform: \"uppercase\", marginBottom: 12 }}>Kontakt<\/div>\n <h1 style={{ fontSize: 42, color: C.forest, fontWeight: 900, margin: \"0 0 8px\" }}>Poj\u010fme si promluvit<\/h1>\n <GL \/>\n <p style={{ fontSize: 17, lineHeight: 1.9, color: C.gray, marginBottom: 48 }}>Napi\u0161te mi, zavolejte nebo po\u0161lete zpr\u00e1vu p\u0159es WhatsApp. Prvn\u00ed konzultace je v\u017edy zdarma a nez\u00e1vazn\u00e1.<\/p>\n <div style={{ display: \"flex\", gap: 48, flexWrap: \"wrap\" }}>\n <div style={{ flex: \"1 1 240px\" }}>\n {[[\"\ud83d\udcde\", \"Telefon\", \"+420 775 066 321\", \"tel:+420775066321\"], [\"\ud83d\udce7\", \"E-mail\", \"michal@michalbastl.eu\", \"mailto:michal@michalbastl.eu\"], [\"\ud83d\udcac\", \"WhatsApp\", \"+420 775 066 321\", \"https:\/\/wa.me\/420775066321\"]].map(([i, l, v, href]) => (\n <a key={l} href={href} style={{ display: \"flex\", gap: 14, marginBottom: 22, textDecoration: \"none\" }}>\n <div style={{ fontSize: 22 }}>{i}<\/div>\n <div><div style={{ fontWeight: 700, color: C.forest, fontSize: 12, textTransform: \"uppercase\", letterSpacing: 1 }}>{l}<\/div><div style={{ color: C.gray, fontSize: 15, marginTop: 2 }}>{v}<\/div><\/div>\n <\/a>\n ))}\n <\/div>\n <div style={{ flex: \"2 1 360px\" }}>\n <div style={{ background: C.cream, borderRadius: 10, padding: \"34px 30px\" }}>\n <h3 style={{ color: C.forest, fontSize: 20, fontWeight: 800, marginBottom: 20 }}>Napi\u0161te mi<\/h3>\n <Inp label=\"Jm\u00e9no a p\u0159\u00edjmen\u00ed\" ph=\"Jan Nov\u00e1k\" req value={formData.name} onChange={e => setFormData({ ...formData, name: e.target.value })} \/>\n <Inp label=\"Telefon\" type=\"tel\" ph=\"+420 775 066 321\" req value={formData.phone} onChange={e => setFormData({ ...formData, phone: e.target.value })} \/>\n <Inp label=\"E-mail\" type=\"email\" ph=\"vas@email.cz\" value={formData.email} onChange={e => setFormData({ ...formData, email: e.target.value })} \/>\n <div style={{ marginBottom: 16 }}>\n <label style={{ display: \"block\", fontWeight: 600, color: C.forest, marginBottom: 6, fontSize: 14 }}>Zaj\u00edm\u00e1 m\u011b<\/label>\n <select style={{ width: \"100%\", padding: \"10px 14px\", border: \"1.5px solid #C8C2B5\", borderRadius: 4, fontSize: 15, background: C.white, boxSizing: \"border-box\" }} value={formData.topic} onChange={e => setFormData({ ...formData, topic: e.target.value })}>\n <option>Koup\u011b nemovitosti v \u010cR<\/option>\n <option>Prodej nemovitosti v \u010cR<\/option>\n <option>Chalupa Ka\u0161perky<\/option>\n <option>Investice v Dubaji<\/option>\n <option>Thajsko \u2014 Elysium Residences Pattaya<\/option>\n <option>\u0160pan\u011blsko \u2014 TM Laguna Village<\/option>\n <option>\u0160pan\u011blsko \u2014 Coronella Living<\/option>\n <option>Investi\u010dn\u00ed konzultace<\/option>\n <\/select>\n <\/div>\n <Inp label=\"Zpr\u00e1va\" type=\"textarea\" ph=\"Popi\u0161te va\u0161i situaci...\" value={formData.message} onChange={e => setFormData({ ...formData, message: e.target.value })} \/>\n <Btn p ch={sentForm ? \"\u2713 Odesl\u00e1no! Ozvu se do 24h.\" : \"Odeslat zpr\u00e1vu\"} onClick={submitContact} \/>\n <div style={{ color: C.gray, fontSize: 12, marginTop: 12 }}>\ud83d\udd12 Va\u0161e \u00fadaje jsou v bezpe\u010d\u00ed.<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n } \/>\n );\n };\n\n const pages = {\n home: HomePage,\n about: AboutPage,\n dubai: DubaiPage,\n thailand: ThailandPage,\n spain: SpainPage,\n invest: InvestPage,\n listings: ListingsPage,\n contact: ContactPage\n };\n\n function App() {\n const [page, setPage] = useState(\"home\");\n const [subOpen, setSubOpen] = useState(null);\n const navRef = useRef(null);\n\n window.goToPage = (id) => {\n setPage(id);\n setSubOpen(null);\n window.scrollTo(0, 0);\n };\n\n useEffect(() => {\n const handleClickOutside = (e) => {\n if (navRef.current && !navRef.current.contains(e.target)) {\n setSubOpen(null);\n }\n };\n document.addEventListener(\"mousedown\", handleClickOutside);\n return () => document.removeEventListener(\"mousedown\", handleClickOutside);\n }, []);\n\n const CurrentPage = pages[page] || pages.home;\n\n return (\n <div style={{ fontFamily: \"'Segoe UI', system-ui, sans-serif\", color: C.forest, minHeight: \"100vh\" }}>\n <nav ref={navRef} style={{ background: C.forest, position: \"sticky\", top: 0, zIndex: 100, borderBottom: `2px solid ${C.gold}` }}>\n <div style={{ maxWidth: 1100, margin: \"0 auto\", padding: \"0 32px\", display: \"flex\", alignItems: \"center\", justifyContent: \"space-between\", height: 68, flexWrap: \"wrap\" }}>\n <Logo onClick={() => window.goToPage(\"home\")} \/>\n <div className=\"nav-links\" style={{ display: \"flex\", gap: 2, alignItems: \"center\", flexWrap: \"wrap\" }}>\n {NAV.map(item => (\n <div key={item.id} style={{ position: \"relative\" }}>\n <button onClick={() => item.sub ? setSubOpen(subOpen === item.id ? null : item.id) : window.goToPage(item.id)} style={{ background: \"none\", border: \"none\", cursor: \"pointer\", color: page === item.id ? C.gold : \"#8AADA5\", fontWeight: 600, fontSize: 14, padding: \"8px 10px\", borderBottom: page === item.id ? `2px solid ${C.gold}` : \"2px solid transparent\" }}>\n {item.label}{item.sub ? \" \u25be\" : \"\"}\n <\/button>\n {item.sub && subOpen === item.id && (\n <div style={{ position: \"absolute\", top: \"100%\", left: 0, background: C.forest, border: `1px solid ${C.gold}`, borderRadius: 4, minWidth: 160, zIndex: 200 }}>\n {item.sub.map(s => <button key={s.id} onClick={() => window.goToPage(s.id)} style={{ display: \"block\", width: \"100%\", textAlign: \"left\", background: \"none\", border: \"none\", padding: \"12px 16px\", color: \"#8AADA5\", fontWeight: 600, fontSize: 14, cursor: \"pointer\" }}>{s.label}<\/button>)}\n <\/div>\n )}\n <\/div>\n ))}\n <\/div>\n <\/div>\n <\/nav>\n <main><CurrentPage \/><\/main>\n <footer style={{ background: C.forest, color: \"#8AADA5\", padding: \"56px 0 24px\" }}>\n <div style={{ maxWidth: 1100, margin: \"0 auto\", padding: \"0 32px\" }}>\n <div style={{ display: \"flex\", gap: 48, flexWrap: \"wrap\", marginBottom: 40 }}>\n <div style={{ flex: \"2 1 260px\" }}>\n <Logo onClick={() => window.goToPage(\"home\")} \/>\n <p style={{ lineHeight: 1.8, fontSize: 15, maxWidth: 320, marginTop: 14 }}>\u201e\u0160et\u0159\u00edm v\u00e1m \u010das i starosti.\" V\u00e1\u0161 partner pro nemovitosti v \u010cesku, Dubaji, Thajsku a \u0160pan\u011blsku.<\/p>\n <div style={{ color: C.gold, fontWeight: 700, fontSize: 15, marginTop: 14 }}>+420 775 066 321<\/div>\n <div style={{ fontSize: 13, marginTop: 4 }}>michal@michalbastl.eu<\/div>\n <\/div>\n <div style={{ flex: \"1 1 120px\" }}>\n <div style={{ color: C.white, fontWeight: 700, marginBottom: 12, textTransform: \"uppercase\", letterSpacing: 1, fontSize: 12 }}>Str\u00e1nky<\/div>\n {[[\"home\", \"\u00davod\"], [\"about\", \"O mn\u011b\"], [\"listings\", \"Nab\u00eddka\"], [\"contact\", \"Kontakt\"]].map(([id, l]) => (\n <div key={id} onClick={() => window.goToPage(id)} style={{ cursor: \"pointer\", marginBottom: 8, fontSize: 14 }}>{l}<\/div>\n ))}\n <\/div>\n <div style={{ flex: \"1 1 120px\" }}>\n <div style={{ color: C.white, fontWeight: 700, marginBottom: 12, textTransform: \"uppercase\", letterSpacing: 1, fontSize: 12 }}>Destinace<\/div>\n {[\"\ud83c\udde8\ud83c\uddff \u010cesko\", \"\ud83c\udde6\ud83c\uddea Dubaj\", \"\ud83c\uddf9\ud83c\udded Thajsko\", \"\ud83c\uddea\ud83c\uddf8 \u0160pan\u011blsko\"].map(l => (\n <div key={l} style={{ marginBottom: 8, fontSize: 14 }}>{l}<\/div>\n ))}\n <\/div>\n <\/div>\n <div style={{ borderTop: \"1px solid rgba(255,255,255,0.08)\", paddingTop: 20, fontSize: 13 }}>\u00a9 2025 Michal Bastl \u00b7 Bastl Real Estate Services \u00b7 V\u0161echna pr\u00e1va vyhrazena<\/div>\n <\/div>\n <\/footer>\n <\/div>\n );\n }\n\n ReactDOM.createRoot(document.getElementById('root')).render(<App \/>);\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Michal Bastl \u2013 Realitn\u00ed makl\u00e9\u0159 | \u010cesko \u00b7 Dubaj \u00b7 Thajsko \u00b7 \u0160pan\u011blsko<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Michal Bastl - Nez\u00e1visl\u00fd realitn\u00ed poradce - Michal Bastl Realitn\u00ed makl\u00e9\u0159<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/michalbastl.eu\/\" \/>\n<meta property=\"og:locale\" content=\"cs_CZ\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Michal Bastl - Nez\u00e1visl\u00fd realitn\u00ed poradce - Michal Bastl Realitn\u00ed makl\u00e9\u0159\" \/>\n<meta property=\"og:description\" content=\"Michal Bastl \u2013 Realitn\u00ed makl\u00e9\u0159 | \u010cesko \u00b7 Dubaj \u00b7 Thajsko \u00b7 \u0160pan\u011blsko\" \/>\n<meta property=\"og:url\" content=\"https:\/\/michalbastl.eu\/\" \/>\n<meta property=\"og:site_name\" content=\"Michal Bastl Realitn\u00ed makl\u00e9\u0159\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-22T09:35:29+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/michalbastl.eu\\\/\",\"url\":\"https:\\\/\\\/michalbastl.eu\\\/\",\"name\":\"Michal Bastl - Nez\u00e1visl\u00fd realitn\u00ed poradce - Michal Bastl Realitn\u00ed makl\u00e9\u0159\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/michalbastl.eu\\\/#website\"},\"datePublished\":\"2026-03-21T14:39:03+00:00\",\"dateModified\":\"2026-03-22T09:35:29+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/michalbastl.eu\\\/#breadcrumb\"},\"inLanguage\":\"cs\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/michalbastl.eu\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/michalbastl.eu\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Dom\u016f\",\"item\":\"https:\\\/\\\/michalbastl.eu\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Michal Bastl – Nez\u00e1visl\u00fd realitn\u00ed poradce\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/michalbastl.eu\\\/#website\",\"url\":\"https:\\\/\\\/michalbastl.eu\\\/\",\"name\":\"Michal Bastl Realitn\u00ed makl\u00e9\u0159\",\"description\":\"Prodej nemovitost\u00ed,kter\u00fd d\u00e1v\u00e1 smysl.F\u00e9rov\u011b a bez starost\u00ed.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/michalbastl.eu\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"cs\"}]}<\/script>\n","yoast_head_json":{"title":"Michal Bastl - Nez\u00e1visl\u00fd realitn\u00ed poradce - Michal Bastl Realitn\u00ed makl\u00e9\u0159","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/michalbastl.eu\/","og_locale":"cs_CZ","og_type":"article","og_title":"Michal Bastl - Nez\u00e1visl\u00fd realitn\u00ed poradce - Michal Bastl Realitn\u00ed makl\u00e9\u0159","og_description":"Michal Bastl \u2013 Realitn\u00ed makl\u00e9\u0159 | \u010cesko \u00b7 Dubaj \u00b7 Thajsko \u00b7 \u0160pan\u011blsko","og_url":"https:\/\/michalbastl.eu\/","og_site_name":"Michal Bastl Realitn\u00ed makl\u00e9\u0159","article_modified_time":"2026-03-22T09:35:29+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/michalbastl.eu\/","url":"https:\/\/michalbastl.eu\/","name":"Michal Bastl - Nez\u00e1visl\u00fd realitn\u00ed poradce - Michal Bastl Realitn\u00ed makl\u00e9\u0159","isPartOf":{"@id":"https:\/\/michalbastl.eu\/#website"},"datePublished":"2026-03-21T14:39:03+00:00","dateModified":"2026-03-22T09:35:29+00:00","breadcrumb":{"@id":"https:\/\/michalbastl.eu\/#breadcrumb"},"inLanguage":"cs","potentialAction":[{"@type":"ReadAction","target":["https:\/\/michalbastl.eu\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/michalbastl.eu\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Dom\u016f","item":"https:\/\/michalbastl.eu\/"},{"@type":"ListItem","position":2,"name":"Michal Bastl – Nez\u00e1visl\u00fd realitn\u00ed poradce"}]},{"@type":"WebSite","@id":"https:\/\/michalbastl.eu\/#website","url":"https:\/\/michalbastl.eu\/","name":"Michal Bastl Realitn\u00ed makl\u00e9\u0159","description":"Prodej nemovitost\u00ed,kter\u00fd d\u00e1v\u00e1 smysl.F\u00e9rov\u011b a bez starost\u00ed.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/michalbastl.eu\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"cs"}]}},"_links":{"self":[{"href":"https:\/\/michalbastl.eu\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/michalbastl.eu\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/michalbastl.eu\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/michalbastl.eu\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/michalbastl.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":37,"href":"https:\/\/michalbastl.eu\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":103,"href":"https:\/\/michalbastl.eu\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/103"}],"wp:attachment":[{"href":"https:\/\/michalbastl.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":7,"date":"2026-03-21T14:39:03","date_gmt":"2026-03-21T14:39:03","guid":{"rendered":"https:\/\/michalbastl.eu\/?page_id=7"},"modified":"2026-03-22T09:35:29","modified_gmt":"2026-03-22T09:35:29","slug":"michal-bastl-realitni-makler","status":"publish","type":"page","link":"https:\/\/michalbastl.eu\/","title":{"rendered":"Michal Bastl – Nez\u00e1visl\u00fd realitn\u00ed poradce"},"content":{"rendered":"\n\n\n\n \n \n Michal Bastl \u2013 Realitn\u00ed makl\u00e9\u0159 | \u010cesko \u00b7 Dubaj \u00b7 Thajsko \u00b7 \u0160pan\u011blsko<\/title>\n <script src=\"https:\/\/unpkg.com\/react@18\/umd\/react.production.min.js\"><\/script>\n <script src=\"https:\/\/unpkg.com\/react-dom@18\/umd\/react-dom.production.min.js\"><\/script>\n <script src=\"https:\/\/unpkg.com\/@babel\/standalone\/babel.min.js\"><\/script>\n <style>\n * { box-sizing: border-box; margin: 0; padding: 0; }\n body { font-family: 'Segoe UI', system-ui, sans-serif; background: #fff; }\n button, select, textarea, input { font-family: inherit; }\n a { text-decoration: none; }\n @media (max-width: 780px) {\n .nav-links { flex-wrap: wrap; justify-content: flex-end; gap: 4px; }\n .nav-links button { font-size: 12px; padding: 6px 8px; }\n .hero-flex { flex-direction: column-reverse; text-align: center; }\n .hero-stats { justify-content: center; }\n }\n <\/style>\n<\/head>\n<body>\n <div id=\"root\"><\/div>\n <script type=\"text\/babel\">\n const { useState, useEffect, useRef } = React;\n\n const C = {\n forest: \"#0D2B1E\",\n forestLight: \"#122E20\",\n gold: \"#C9A84C\",\n cream: \"#F6F3EC\",\n gray: \"#5A6A65\",\n white: \"#FFFFFF\"\n };\n\n const NAV = [\n { label: \"\u00davod\", id: \"home\" },\n { label: \"O mn\u011b\", id: \"about\" },\n {\n label: \"Zahrani\u010dn\u00ed nemovitosti\",\n id: \"abroad\",\n sub: [\n { label: \"Dubaj\", id: \"dubai\" },\n { label: \"Thajsko\", id: \"thailand\" },\n { label: \"\u0160pan\u011blsko\", id: \"spain\" }\n ]\n },\n { label: \"Investice\", id: \"invest\" },\n { label: \"Aktu\u00e1ln\u00ed nab\u00eddka\", id: \"listings\" },\n { label: \"Kontakt\", id: \"contact\" }\n ];\n\n const PORTRAIT = \"https:\/\/i.postimg.cc\/Jz0F39GM\/IMG-5934.jpg\";\n const DUBAI_IMG = \"https:\/\/i.ibb.co\/9kkd5Gdm\/IMG-5169.jpg\";\n const TH_IMG = \"https:\/\/images.unsplash.com\/photo-1528181304800-259b08848526?w=800&q=80\";\n const ES1 = \"https:\/\/images.unsplash.com\/photo-1613977257363-707ba9348227?w=800&q=80\";\n const ES2 = \"https:\/\/images.unsplash.com\/photo-1512917774080-9991f1c4c750?w=800&q=80\";\n const ES3 = \"https:\/\/images.unsplash.com\/photo-1600596542815-ffad4c1539a9?w=800&q=80\";\n const DUBAI_DETAIL = \"https:\/\/images.unsplash.com\/photo-1512453979798-5ea266f8880c?w=800&q=80\";\n const CZ_CHALUPA = \"https:\/\/i.ibb.co\/m5xDg9cS\/photo-output-1.png\";\n const CZ_CHALUPA2 = \"https:\/\/i.ibb.co\/35SMB7Th\/photo-output-2.png\";\n const CZ_CHALUPA3 = \"https:\/\/i.ibb.co\/0j4XmkD5\/photo-output-4.png\";\n const CZ_CHALUPA4 = \"https:\/\/i.ibb.co\/rhpHc47\/photo-output-5.png\";\n const CZ_CHALUPA5 = \"https:\/\/i.ibb.co\/03pKCPm\/DSC01469.jpg\";\n const CZ_CHALUPA6 = \"https:\/\/i.ibb.co\/DHrWkhcc\/DSC01471.jpg\";\n const CZ_CHALUPA7 = \"https:\/\/i.ibb.co\/BH88D6fD\/DSC01462.jpg\";\n\n const Sec = ({ bg, ch }) => (\n <section style={{ background: bg || C.white, padding: \"72px 0\" }}>\n <div style={{ maxWidth: 1100, margin: \"0 auto\", padding: \"0 32px\" }}>{ch}<\/div>\n <\/section>\n );\n\n const GL = ({ c }) => (\n <div style={{ width: 56, height: 3, background: C.gold, margin: c ? \"16px auto 28px\" : \"16px 0 28px\" }} \/>\n );\n\n const Tag = ({ ch }) => (\n <span style={{ background: C.gold, color: C.forest, padding: \"4px 14px\", borderRadius: 20, fontSize: 12, fontWeight: 700, marginRight: 6, display: \"inline-block\", marginBottom: 4 }}>{ch}<\/span>\n );\n\n const Btn = ({ ch, p, onClick, sm }) => (\n <button onClick={onClick} style={{ background: p ? C.gold : \"transparent\", color: p ? C.forest : C.gold, border: `2px solid ${C.gold}`, padding: sm ? \"8px 22px\" : \"14px 36px\", fontSize: sm ? 14 : 16, fontWeight: 700, borderRadius: 4, cursor: \"pointer\", transition: \"0.2s\" }}>{ch}<\/button>\n );\n\n const Inp = ({ label, type, ph, req, value, onChange }) => (\n <div style={{ marginBottom: 16 }}>\n <label style={{ display: \"block\", fontWeight: 600, color: C.forest, marginBottom: 6, fontSize: 14 }}>{label}{req && <span style={{ color: C.gold }}> *<\/span>}<\/label>\n {type === \"textarea\" ? (\n <textarea placeholder={ph} rows={4} style={{ width: \"100%\", padding: \"10px 14px\", border: \"1.5px solid #C8C2B5\", borderRadius: 4, fontSize: 15, resize: \"vertical\", boxSizing: \"border-box\" }} value={value} onChange={onChange} \/>\n ) : (\n <input type={type || \"text\"} placeholder={ph} style={{ width: \"100%\", padding: \"10px 14px\", border: \"1.5px solid #C8C2B5\", borderRadius: 4, fontSize: 15, boxSizing: \"border-box\" }} value={value} onChange={onChange} \/>\n )}\n <\/div>\n );\n\n const Logo = ({ onClick }) => (\n <div onClick={onClick} style={{ cursor: \"pointer\", display: \"flex\", alignItems: \"center\", gap: 14 }}>\n <div style={{ width: 42, height: 42, background: C.gold, borderRadius: 5, display: \"flex\", alignItems: \"center\", justifyContent: \"center\", fontWeight: 900, color: C.forest, fontSize: 22, fontFamily: \"Georgia,serif\" }}>B<\/div>\n <div>\n <div style={{ color: C.white, fontWeight: 800, fontSize: 16, letterSpacing: 2, textTransform: \"uppercase\", lineHeight: 1.1 }}>Bastl<\/div>\n <div style={{ color: C.gold, fontSize: 10, letterSpacing: 2, textTransform: \"uppercase\" }}>Real Estate Services<\/div>\n <\/div>\n <\/div>\n );\n\n const ContactBlock = () => {\n const [sent, setSent] = useState(false);\n const [form, setForm] = useState({ name: \"\", contact: \"\", message: \"\" });\n const handleSubmit = () => {\n if (!form.name || !form.contact) return alert(\"Vypl\u0148te pros\u00edm jm\u00e9no a kontakt.\");\n console.log(\"Zpr\u00e1va z kontaktn\u00edho bloku:\", form);\n setSent(true);\n setTimeout(() => setSent(false), 3000);\n };\n return (\n <div style={{ flex: \"1 1 300px\", background: \"rgba(255,255,255,0.04)\", border: `1px solid rgba(201,168,76,0.2)`, borderRadius: 12, padding: \"32px 28px\" }}>\n <h3 style={{ color: C.white, fontWeight: 800, fontSize: 18, marginBottom: 20 }}>Napi\u0161te mi p\u0159\u00edmo<\/h3>\n <Inp label=\"Jm\u00e9no\" ph=\"Jan Nov\u00e1k\" req value={form.name} onChange={e => setForm({ ...form, name: e.target.value })} \/>\n <Inp label=\"Telefon nebo e-mail\" ph=\"+420 775 066 321\" req value={form.contact} onChange={e => setForm({ ...form, contact: e.target.value })} \/>\n <Inp label=\"Zpr\u00e1va\" type=\"textarea\" ph=\"Popi\u0161te stru\u010dn\u011b va\u0161i situaci...\" value={form.message} onChange={e => setForm({ ...form, message: e.target.value })} \/>\n <Btn p ch={sent ? \"\u2713 Odesl\u00e1no!\" : \"Odeslat zpr\u00e1vu\"} onClick={handleSubmit} \/>\n <div style={{ color: \"#8AADA5\", fontSize: 12, marginTop: 12, textAlign: \"center\" }}>\ud83d\udd12 Va\u0161e \u00fadaje jsou v bezpe\u010d\u00ed<\/div>\n <\/div>\n );\n };\n\n const HomePage = () => (\n <>\n <section style={{ background: `linear-gradient(135deg,${C.forest},${C.forestLight})`, minHeight: \"92vh\", display: \"flex\", alignItems: \"center\" }}>\n <div style={{ maxWidth: 1100, margin: \"0 auto\", padding: \"60px 32px\", display: \"flex\", gap: 60, alignItems: \"center\", flexWrap: \"wrap\" }} className=\"hero-flex\">\n <div style={{ flex: \"1 1 420px\" }}>\n <div style={{ display: \"inline-flex\", alignItems: \"center\", gap: 8, background: \"rgba(201,168,76,0.12)\", border: \"1px solid rgba(201,168,76,0.3)\", borderRadius: 24, padding: \"6px 16px\", marginBottom: 24 }}>\n <span style={{ width: 8, height: 8, background: C.gold, borderRadius: \"50%\", display: \"inline-block\" }}><\/span>\n <span style={{ color: C.gold, fontSize: 13, fontWeight: 600 }}>Certifikovan\u00fd realitn\u00ed makl\u00e9\u0159 \u00b7 \u010cesko \u00b7 Dubaj \u00b7 Thajsko \u00b7 \u0160pan\u011blsko<\/span>\n <\/div>\n <h1 style={{ color: C.white, fontSize: \"clamp(34px,5vw,58px)\", fontWeight: 900, lineHeight: 1.1, margin: \"0 0 20px\" }}>\u0160et\u0159\u00edm v\u00e1m<br \/><span style={{ color: C.gold }}>\u010das i starosti.<\/span><\/h1>\n <p style={{ color: \"#8AADA5\", fontSize: 17, lineHeight: 1.8, marginBottom: 8 }}>Pom\u00e1h\u00e1m klient\u016fm prod\u00e1vat, kupovat a investovat do nemovitost\u00ed v \u010cesku, Dubaji, Thajsku a \u0160pan\u011blsku.<\/p>\n <p style={{ color: \"#8AADA5\", fontSize: 17, lineHeight: 1.8, marginBottom: 36 }}>Ka\u017ed\u00fd obchod \u0159e\u0161\u00edm individu\u00e1ln\u011b a s d\u016frazem na bezpe\u010dnost a maxim\u00e1ln\u00ed v\u00fdsledek.<\/p>\n <div style={{ display: \"flex\", gap: 14, flexWrap: \"wrap\", marginBottom: 44 }}>\n <Btn p ch=\"Nez\u00e1vazn\u00e1 konzultace zdarma\" onClick={() => window.goToPage(\"contact\")} \/>\n <Btn ch=\"Aktu\u00e1ln\u00ed nab\u00eddka\" onClick={() => window.goToPage(\"listings\")} \/>\n <\/div>\n <div style={{ display: \"flex\", gap: 32, flexWrap: \"wrap\", paddingTop: 32, borderTop: \"1px solid rgba(255,255,255,0.08)\" }} className=\"hero-stats\">\n {[[\"20+\", \"let v obchodu\"], [\"200+\", \"spokojen\u00fdch klient\u016f\"], [\"4 trhy\", \"\u010cesko \u00b7 Dubaj \u00b7 Thajsko \u00b7 \u0160pan\u011blsko\"]].map(([n, l]) => (\n <div key={n}><div style={{ color: C.gold, fontSize: 26, fontWeight: 900 }}>{n}<\/div><div style={{ color: \"#8AADA5\", fontSize: 12 }}>{l}<\/div><\/div>\n ))}\n <\/div>\n <\/div>\n <div style={{ flex: \"0 0 320px\", display: \"flex\", flexDirection: \"column\", alignItems: \"center\" }}>\n <div style={{ width: 280, height: 340, borderRadius: 16, overflow: \"hidden\", border: \"3px solid rgba(201,168,76,0.4)\", boxShadow: \"0 24px 64px rgba(0,0,0,0.4)\" }}>\n <img src={PORTRAIT} alt=\"Michal Bastl\" style={{ width: \"100%\", height: \"100%\", objectFit: \"cover\", objectPosition: \"center top\" }} \/>\n <\/div>\n <div style={{ marginTop: 18, textAlign: \"center\" }}>\n <div style={{ color: C.white, fontWeight: 800, fontSize: 18 }}>Michal Bastl<\/div>\n <div style={{ color: C.gold, fontSize: 13, letterSpacing: 1, marginTop: 3 }}>REALITN\u00cd MAKL\u00c9\u0158<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <Sec bg={C.cream} ch={\n <>\n <div style={{ textAlign: \"center\", marginBottom: 48 }}>\n <div style={{ color: C.gold, fontWeight: 700, letterSpacing: 2, fontSize: 12, textTransform: \"uppercase\", marginBottom: 12 }}>Pro\u010d spolupracovat pr\u00e1v\u011b se mnou<\/div>\n <h2 style={{ fontSize: 34, color: C.forest, fontWeight: 800 }}>V\u00e1\u0161 klid je moje pr\u00e1ce<\/h2>\n <GL c \/>\n <\/div>\n <div style={{ display: \"flex\", gap: 20, flexWrap: \"wrap\" }}>\n {[[\"\ud83d\udc64\", \"Osobn\u00ed p\u0159\u00edstup\", \"Komunikujete p\u0159\u00edmo se mnou od prvn\u00edho hovoru a\u017e po p\u0159ed\u00e1n\u00ed kl\u00ed\u010d\u016f.\"], [\"\ud83c\udf0d\", \"4 trhy osobn\u011b\", \"20 let v obchodu. \u010cR, Dubaj, Thajsko, \u0160pan\u011blsko \u2014 zn\u00e1m tyto trhy osobn\u011b.\"], [\"\ud83d\udd12\", \"Bezpe\u010dn\u00fd obchod\", \"Ka\u017edou transakci prov\u011b\u0159uji pr\u00e1vn\u011b i finan\u010dn\u011b. Upozorn\u00edm v\u00e1s na rizika v\u010das.\"], [\"\ud83d\udd11\", \"Servis od A do Z\", \"Od prvn\u00ed konzultace p\u0159es vyjedn\u00e1v\u00e1n\u00ed a smlouvy a\u017e po fyzick\u00e9 p\u0159ed\u00e1n\u00ed nemovitosti.\"]].map(([i, t, tx]) => (\n <div key={t} style={{ background: C.white, border: \"1px solid #DDD8CC\", borderRadius: 8, padding: \"28px 24px\", flex: \"1 1 220px\", minWidth: 200 }}>\n <div style={{ fontSize: 30, marginBottom: 10 }}>{i}<\/div>\n <div style={{ fontWeight: 700, fontSize: 16, color: C.forest, marginBottom: 6 }}>{t}<\/div>\n <div style={{ color: C.gray, lineHeight: 1.75, fontSize: 14 }}>{tx}<\/div>\n <\/div>\n ))}\n <\/div>\n <\/>\n } \/>\n\n <section style={{ background: C.forest, padding: \"72px 0\" }}>\n <div style={{ maxWidth: 1100, margin: \"0 auto\", padding: \"0 32px\" }}>\n <div style={{ textAlign: \"center\", marginBottom: 48 }}>\n <div style={{ color: C.gold, fontWeight: 700, letterSpacing: 2, fontSize: 12, textTransform: \"uppercase\", marginBottom: 12 }}>Zahrani\u010dn\u00ed projekty<\/div>\n <h2 style={{ fontSize: 34, color: C.white, fontWeight: 800 }}>Investi\u010dn\u00ed nemovitosti v zahrani\u010d\u00ed<\/h2>\n <div style={{ width: 56, height: 3, background: C.gold, margin: \"16px auto\" }} \/>\n <p style={{ color: \"#8AADA5\", fontSize: 16, maxWidth: 580, margin: \"0 auto\" }}>Pom\u00e1h\u00e1m \u010desk\u00fdm investor\u016fm bezpe\u010dn\u011b vstoupit na zahrani\u010dn\u00ed trhy. Zn\u00e1m tyto destinace osobn\u011b.<\/p>\n <\/div>\n <div style={{ display: \"flex\", gap: 24, flexWrap: \"wrap\" }}>\n {[{ id: \"dubai\", flag: \"\ud83c\udde6\ud83c\uddea\", name: \"Dubaj\", text: \"Modern\u00ed projekty, v\u00fdnos 6\u201310 % ro\u010dn\u011b, nulov\u00e9 zdan\u011bn\u00ed.\", img: DUBAI_IMG }, { id: \"thailand\", flag: \"\ud83c\uddf9\ud83c\udded\", name: \"Thajsko\", text: \"Elysium Residences Pattaya. V\u00fdnos a\u017e 9,8 %, hotelov\u00e1 spr\u00e1va SOBHA.\", img: TH_IMG }, { id: \"spain\", flag: \"\ud83c\uddea\ud83c\uddf8\", name: \"\u0160pan\u011blsko\", text: \"Torrevieja \u2014 TM Laguna Village od 260 000 \u20ac a Coronella Living od 272 000 \u20ac.\", img: ES1 }].map(d => (\n <div key={d.id} onClick={() => window.goToPage(d.id)} style={{ flex: \"1 1 280px\", background: \"rgba(255,255,255,0.05)\", border: \"1px solid rgba(201,168,76,0.25)\", borderRadius: 12, overflow: \"hidden\", cursor: \"pointer\", transition: \"0.2s\" }}>\n <div style={{ height: 200, overflow: \"hidden\" }}><img src={d.img} alt={d.name} style={{ width: \"100%\", height: \"100%\", objectFit: \"cover\" }} \/><\/div>\n <div style={{ padding: \"24px 24px 28px\" }}>\n <div style={{ fontSize: 28, marginBottom: 8 }}>{d.flag}<\/div>\n <div style={{ color: C.gold, fontWeight: 800, fontSize: 20, marginBottom: 8 }}>{d.name}<\/div>\n <div style={{ color: \"#8AADA5\", lineHeight: 1.75, fontSize: 15, marginBottom: 16 }}>{d.text}<\/div>\n <div style={{ color: C.gold, fontWeight: 700, fontSize: 14 }}>Zjistit v\u00edce \u2192<\/div>\n <\/div>\n <\/div>\n ))}\n <\/div>\n <\/div>\n <\/section>\n\n <Sec bg={C.white} ch={\n <>\n <div style={{ textAlign: \"center\", marginBottom: 48 }}>\n <div style={{ color: C.gold, fontWeight: 700, letterSpacing: 2, fontSize: 12, textTransform: \"uppercase\", marginBottom: 12 }}>Reference<\/div>\n <h2 style={{ fontSize: 34, color: C.forest, fontWeight: 800 }}>Co \u0159\u00edkaj\u00ed klienti<\/h2>\n <GL c \/>\n <\/div>\n <div style={{ display: \"flex\", gap: 20, flexWrap: \"wrap\" }}>\n {[\n { name: \"Jana K.\", location: \"Praha\", text: \"S Michalem jsem prod\u00e1vala byt po rodi\u010d\u00edch. Oce\u0148uji hlavn\u011b to, \u017ee byl v\u017edy dostupn\u00fd a v\u011bci vysv\u011btlil srozumiteln\u011b. Prodej prob\u011bhl bez komplikac\u00ed.\" },\n { name: \"Tom\u00e1\u0161 V.\", location: \"Plze\u0148\", text: \"Obr\u00e1til jsem se na Michala kv\u016fli investici v zahrani\u010d\u00ed. Nebyl jsem si jist\u00fd, ale dostal jsem konkr\u00e9tn\u00ed informace a prostor si v\u0161e v klidu rozmyslet. Nakonec jsem spokojen\u00fd.\" },\n { name: \"Mark\u00e9ta a Ji\u0159\u00ed N.\", location: \"Klatovy\", text: \"Prod\u00e1vali jsme rodinn\u00fd d\u016fm a m\u011bli jsme obavy, jak to cel\u00e9 dopadne. Michal n\u00e1s cel\u00fdm procesem provedl, komunikoval pravideln\u011b a v\u00fdsledek odpov\u00eddal o\u010dek\u00e1v\u00e1n\u00ed.\" },\n { name: \"Pavel H.\", location: \"Strakonice\", text: \"Hledal jsem nemovitost na \u0160umav\u011b a Michal mi nab\u00eddl n\u011bkolik mo\u017enost\u00ed. Nen\u00ed to \u010dlov\u011bk, kter\u00fd v\u00e1s tla\u010d\u00ed do rychl\u00e9ho rozhodnut\u00ed \u2014 to mi vyhovovalo.\" }\n ].map(r => (\n <div key={r.name} style={{ flex: \"1 1 220px\", background: C.cream, border: \"1px solid #DDD8CC\", borderRadius: 12, padding: \"28px 24px\" }}>\n <div style={{ fontSize: 36, color: C.gold, lineHeight: 1, marginBottom: 12, fontFamily: \"Georgia,serif\" }}>\"<\/div>\n <p style={{ color: C.gray, fontSize: 15, lineHeight: 1.8, marginBottom: 20, fontStyle: \"italic\" }}>{r.text}<\/p>\n <div style={{ borderTop: \"1px solid #DDD8CC\", paddingTop: 14 }}>\n <div style={{ fontWeight: 700, color: C.forest, fontSize: 14 }}>{r.name}<\/div>\n <div style={{ color: C.gold, fontSize: 12, marginTop: 2 }}>{r.location}<\/div>\n <\/div>\n <\/div>\n ))}\n <\/div>\n <\/>\n } \/>\n\n <section style={{ background: `linear-gradient(135deg,${C.forest},${C.forestLight})`, padding: \"80px 0\" }}>\n <div style={{ maxWidth: 1100, margin: \"0 auto\", padding: \"0 32px\" }}>\n <div style={{ display: \"flex\", gap: 60, alignItems: \"center\", flexWrap: \"wrap\" }}>\n <div style={{ flex: \"2 1 340px\" }}>\n <h2 style={{ color: C.white, fontSize: 36, fontWeight: 900, margin: \"0 0 16px\", lineHeight: 1.2 }}>Chcete prodat nebo investovat do nemovitosti?<\/h2>\n <p style={{ color: \"#8AADA5\", fontSize: 17, lineHeight: 1.75, marginBottom: 32 }}>Nez\u00e1vazn\u00e1 konzultace je zdarma. Zavolejte, napi\u0161te nebo mi po\u0161lete zpr\u00e1vu p\u0159es WhatsApp.<\/p>\n <div style={{ display: \"flex\", flexDirection: \"column\", gap: 14 }}>\n {[[\"\ud83d\udcde\", \"Telefon\", \"+420 775 066 321\", \"tel:+420775066321\"], [\"\ud83d\udce7\", \"E-mail\", \"michal@michalbastl.eu\", \"mailto:michal@michalbastl.eu\"], [\"\ud83d\udcac\", \"WhatsApp\", \"+420 775 066 321\", \"https:\/\/wa.me\/420775066321\"]].map(([i, l, v, href]) => (\n <a key={l} href={href} style={{ display: \"flex\", alignItems: \"center\", gap: 16, textDecoration: \"none\", background: \"rgba(255,255,255,0.05)\", border: \"1px solid rgba(201,168,76,0.2)\", borderRadius: 8, padding: \"14px 20px\" }}>\n <span style={{ fontSize: 22 }}>{i}<\/span>\n <div><div style={{ color: C.gold, fontSize: 11, fontWeight: 700, textTransform: \"uppercase\", letterSpacing: 1 }}>{l}<\/div><div style={{ color: C.white, fontSize: 16, fontWeight: 600, marginTop: 2 }}>{v}<\/div><\/div>\n <\/a>\n ))}\n <\/div>\n <\/div>\n <ContactBlock \/>\n <\/div>\n <\/div>\n <\/section>\n <\/>\n );\n\n const AboutPage = () => (\n <Sec ch={\n <div style={{ maxWidth: 820, margin: \"0 auto\" }}>\n <div style={{ color: C.gold, fontWeight: 700, letterSpacing: 2, fontSize: 12, textTransform: \"uppercase\", marginBottom: 12 }}>O mn\u011b<\/div>\n <h1 style={{ fontSize: 42, color: C.forest, fontWeight: 900, margin: \"0 0 4px\" }}>Michal Bastl<\/h1>\n <div style={{ color: C.gray, fontSize: 15, marginBottom: 20 }}>+420 775 066 321 \u00b7 michal@michalbastl.eu<\/div>\n <GL \/>\n <div style={{ display: \"flex\", gap: 40, flexWrap: \"wrap\" }}>\n <div style={{ flex: \"1 1 240px\", borderRadius: 12, overflow: \"hidden\", boxShadow: \"0 16px 48px rgba(13,48,40,0.15)\" }}><img src={PORTRAIT} alt=\"Michal Bastl\" style={{ width: \"100%\", display: \"block\", objectFit: \"cover\" }} \/><\/div>\n <div style={{ flex: \"2 1 320px\" }}>\n <p style={{ fontSize: 17, lineHeight: 1.9, color: C.gray, marginBottom: 16 }}>V obchodu se pohybuji p\u0159es 20 let. V\u00edm, co znamen\u00e1 skute\u010dn\u011b naslouchat klientovi a dov\u00e9st obchod do zd\u00e1rn\u00e9ho konce \u2014 i kdy\u017e je cesta slo\u017eit\u00e1.<\/p>\n <p style={{ fontSize: 17, lineHeight: 1.9, color: C.gray, marginBottom: 16 }}>Pro\u0161el jsem tak\u00e9 t\u0159emi lety v korpor\u00e1tn\u00edm prost\u0159ed\u00ed \u2014 p\u0159esn\u011b v\u00edm, jak uva\u017euj\u00ed firemn\u00ed klienti a investo\u0159i.<\/p>\n <p style={{ fontSize: 17, lineHeight: 1.9, color: C.gray, marginBottom: 28 }}>Spolupracuji s prov\u011b\u0159en\u00fdmi pr\u00e1vn\u00edky, not\u00e1\u0159i a spr\u00e1vci nemovitost\u00ed v \u010cesku, Dubaji, Thajsku i \u0160pan\u011blsku.<\/p>\n <div style={{ display: \"flex\", gap: 16, flexWrap: \"wrap\", marginBottom: 28 }}>\n {[[\"20+\", \"let v obchodu\"], [\"3 roky\", \"korpor\u00e1tn\u00ed praxe\"], [\"200+\", \"spokojen\u00fdch klient\u016f\"]].map(([n, l]) => (\n <div key={n} style={{ background: C.cream, borderRadius: 8, padding: \"18px 22px\", textAlign: \"center\" }}>\n <div style={{ color: C.gold, fontSize: 24, fontWeight: 900 }}>{n}<\/div>\n <div style={{ color: C.forest, fontSize: 12, fontWeight: 600, marginTop: 3 }}>{l}<\/div>\n <\/div>\n ))}\n <\/div>\n <Btn p ch=\"Kontaktovat Michala\" onClick={() => window.goToPage(\"contact\")} \/>\n <\/div>\n <\/div>\n <\/div>\n } \/>\n );\n\n const DubaiPage = () => (\n <>\n <section style={{ background: `linear-gradient(135deg,${C.forest},#163D2A)`, padding: \"80px 0 60px\" }}>\n <div style={{ maxWidth: 1100, margin: \"0 auto\", padding: \"0 32px\" }}>\n <div style={{ display: \"inline-flex\", alignItems: \"center\", gap: 8, background: \"rgba(201,168,76,0.12)\", border: \"1px solid rgba(201,168,76,0.3)\", borderRadius: 24, padding: \"6px 16px\", marginBottom: 24 }}>\n <span style={{ color: C.gold, fontSize: 13, fontWeight: 600 }}>\ud83c\udde6\ud83c\uddea Dubaj \u00b7 Dubai South \u00b7 da\u0148ov\u00e1 v\u00fdhoda<\/span>\n <\/div>\n <h1 style={{ color: C.white, fontSize: \"clamp(32px,5vw,52px)\", fontWeight: 900, lineHeight: 1.15, marginBottom: 20 }}>Investice v Dubaji.<br \/><span style={{ color: C.gold }}>V\u00fdnosy 6\u201310 % ro\u010dn\u011b, 0 % da\u0148.<\/span><\/h1>\n <p style={{ color: \"#8AADA5\", fontSize: 17, lineHeight: 1.8, maxWidth: 620, marginBottom: 36 }}>Dubaj se stala jedn\u00edm z nejstabiln\u011bj\u0161\u00edch trh\u016f pro zahrani\u010dn\u00ed investory. Nab\u00edz\u00edm pr\u00e9miov\u00e9 projekty s vysok\u00fdm v\u00fdnosem a plnou spr\u00e1vou.<\/p>\n <div style={{ display: \"flex\", gap: 14, flexWrap: \"wrap\" }}>\n <Btn p ch=\"Chci konzultaci zdarma\" onClick={() => window.goToPage(\"contact\")} \/>\n <Btn ch=\"Aktu\u00e1ln\u00ed nab\u00eddka\" onClick={() => window.goToPage(\"listings\")} \/>\n <\/div>\n <\/div>\n <\/section>\n <Sec bg={C.cream} ch={\n <>\n <div style={{ color: C.gold, fontWeight: 700, letterSpacing: 2, fontSize: 12, textTransform: \"uppercase\", marginBottom: 12 }}>Doporu\u010den\u00fd projekt<\/div>\n <h2 style={{ fontSize: 36, color: C.forest, fontWeight: 900, marginBottom: 8 }}>Princess Uniestate \u00b7 Dubai South<\/h2>\n <GL \/>\n <div style={{ display: \"flex\", gap: 40, flexWrap: \"wrap\", alignItems: \"flex-start\" }}>\n <div style={{ flex: \"1 1 340px\", borderRadius: 12, overflow: \"hidden\", boxShadow: \"0 16px 48px rgba(13,48,40,0.15)\" }}><img src={DUBAI_DETAIL} alt=\"Dubaj\" style={{ width: \"100%\", height: 280, objectFit: \"cover\" }} \/><\/div>\n <div style={{ flex: \"2 1 320px\" }}>\n <p style={{ fontSize: 16, lineHeight: 1.9, color: C.gray, marginBottom: 20 }}>Modern\u00ed byty v Dubai South \u2013 lukrativn\u00ed lokalita u leti\u0161t\u011b Al Maktoum. Projekty s baz\u00e9nem, fitness, gar\u00e1\u017e\u00ed a atraktivn\u00edm v\u00fdnosem z pron\u00e1jmu.<\/p>\n <div style={{ display: \"grid\", gridTemplateColumns: \"1fr 1fr\", gap: 14, marginBottom: 28 }}>\n {[[\"\ud83c\udfe2\", \"Lokalita Dubai South\", \"Bl\u00edzko EXPO 2020\"], [\"\ud83d\udcb0\", \"od 320 000 AED\", \"cca 2,0 mil. K\u010d\"], [\"\ud83d\udcc8\", \"V\u00fdnos 6\u201310 %\", \"\u010dist\u00fd ro\u010dn\u00ed v\u00fdnos\"], [\"\ud83d\udee1\ufe0f\", \"0 % da\u0148 z p\u0159\u00edjmu\", \"\u017e\u00e1dn\u00e1 da\u0148 z nemovitosti\"]].map(([icon, title, sub]) => (\n <div key={title} style={{ background: C.white, border: \"1px solid #DDD8CC\", borderRadius: 8, padding: \"16px 18px\" }}>\n <div style={{ fontSize: 22, marginBottom: 6 }}>{icon}<\/div>\n <div style={{ fontWeight: 700, color: C.forest, fontSize: 14, marginBottom: 2 }}>{title}<\/div>\n <div style={{ color: C.gray, fontSize: 12 }}>{sub}<\/div>\n <\/div>\n ))}\n <\/div>\n <Btn p ch=\"M\u00e1m z\u00e1jem o Dubaj\" onClick={() => window.goToPage(\"contact\")} \/>\n <\/div>\n <\/div>\n <\/>\n } \/>\n <section style={{ background: `linear-gradient(135deg,${C.forest},${C.forestLight})`, padding: \"72px 0\" }}>\n <div style={{ maxWidth: 760, margin: \"0 auto\", padding: \"0 32px\", textAlign: \"center\" }}>\n <h2 style={{ color: C.white, fontSize: 34, fontWeight: 900, marginBottom: 16 }}>Chcete investovat v Dubaji?<\/h2>\n <p style={{ color: \"#8AADA5\", fontSize: 17, lineHeight: 1.8, marginBottom: 36 }}>Prvn\u00ed konzultace zdarma, pomohu s v\u00fdb\u011brem i financov\u00e1n\u00edm.<\/p>\n <Btn p ch=\"Nez\u00e1vazn\u00e1 konzultace zdarma\" onClick={() => window.goToPage(\"contact\")} \/>\n <\/div>\n <\/section>\n <\/>\n );\n\n const ThailandPage = () => (\n <>\n <section style={{ background: `linear-gradient(135deg,${C.forest},#163D2A)`, padding: \"80px 0 60px\" }}>\n <div style={{ maxWidth: 1100, margin: \"0 auto\", padding: \"0 32px\" }}>\n <div style={{ display: \"inline-flex\", alignItems: \"center\", gap: 8, background: \"rgba(201,168,76,0.12)\", border: \"1px solid rgba(201,168,76,0.3)\", borderRadius: 24, padding: \"6px 16px\", marginBottom: 24 }}>\n <span style={{ color: C.gold, fontSize: 13, fontWeight: 600 }}>\ud83c\uddf9\ud83c\udded Thajsko \u00b7 Pattaya \u00b7 Pratumnak Hill<\/span>\n <\/div>\n <h1 style={{ color: C.white, fontSize: \"clamp(32px,5vw,52px)\", fontWeight: 900, lineHeight: 1.15, marginBottom: 20 }}>Investujte v Thajsku.<br\/><span style={{ color: C.gold }}>V\u00fdnos a\u017e 9,8 % ro\u010dn\u011b.<\/span><\/h1>\n <p style={{ color: \"#8AADA5\", fontSize: 17, lineHeight: 1.8, maxWidth: 620, marginBottom: 36 }}>Thajsko pat\u0159\u00ed mezi nejatraktivn\u011bj\u0161\u00ed destinace pro investory. Nab\u00edz\u00edm pr\u00e9miov\u00fd projekt Elysium Residences v Pattaye \u2014 s garantovan\u00fdm v\u00fdnosem a hotelovou spr\u00e1vou SOBHA.<\/p>\n <div style={{ display: \"flex\", gap: 14, flexWrap: \"wrap\" }}>\n <Btn p ch=\"Chci konzultaci zdarma\" onClick={() => window.goToPage(\"contact\")} \/>\n <Btn ch=\"Aktu\u00e1ln\u00ed nab\u00eddka\" onClick={() => window.goToPage(\"listings\")} \/>\n <\/div>\n <\/div>\n <\/section>\n <section style={{ background: C.gold, padding: \"40px 0\" }}>\n <div style={{ maxWidth: 1100, margin: \"0 auto\", padding: \"0 32px\", display: \"flex\", gap: 32, flexWrap: \"wrap\", justifyContent: \"center\" }}>\n {[[\"7\u201310 %\",\"ro\u010dn\u00ed v\u00fdnos z pron\u00e1jmu\"],[\"od ~5 mil. K\u010d\",\"vstupn\u00ed investice\"],[\"49 %\",\"max. cizineck\u00e9ho vlastnictv\u00ed\"],[\"0 %\",\"da\u0148 z p\u0159\u00edjmu pro cizince\"]].map(([n,l]) => (\n <div key={n} style={{ textAlign:\"center\", flex:\"1 1 180px\" }}><div style={{ color:C.forest, fontSize:26, fontWeight:900 }}>{n}<\/div><div style={{ color:C.forest, fontSize:13, marginTop:4, opacity:0.8 }}>{l}<\/div><\/div>\n ))}\n <\/div>\n <\/section>\n <Sec bg={C.cream} ch={\n <>\n <div style={{ color: C.gold, fontWeight: 700, letterSpacing: 2, fontSize: 12, textTransform: \"uppercase\", marginBottom: 12 }}>Doporu\u010den\u00fd projekt<\/div>\n <h2 style={{ fontSize: 36, color: C.forest, fontWeight: 900, marginBottom: 8 }}>Elysium Residences Pattaya<\/h2>\n <div style={{ color: C.gray, fontSize: 15, marginBottom: 4 }}>Pratumnak Hill \u00b7 Pattaya \u00b7 Thajsko<\/div>\n <GL\/>\n <div style={{ display:\"flex\", gap:40, flexWrap:\"wrap\", alignItems:\"flex-start\" }}>\n <div style={{ flex:\"1 1 340px\", borderRadius:12, overflow:\"hidden\", boxShadow:\"0 16px 48px rgba(13,48,40,0.15)\" }}><img src={TH_IMG} alt=\"Elysium\" style={{ width:\"100%\", height:280, objectFit:\"cover\", display:\"block\" }}\/><\/div>\n <div style={{ flex:\"2 1 320px\" }}>\n <p style={{ fontSize:16, lineHeight:1.9, color:C.gray, marginBottom:20 }}>Elysium Residences je pr\u00e9miov\u00fd projekt na Pratumnak Hill \u2014 nejexkluzivn\u011bj\u0161\u00ed \u010d\u00e1sti Pattaye. 18patrov\u00e1 budova s pouh\u00fdmi 75 jednotkami p\u0159\u00edmo u mo\u0159e. Projekt spravuje hotelov\u00e1 skupina SOBHA Hospitality.<\/p>\n <div style={{ display:\"grid\", gridTemplateColumns:\"1fr 1fr\", gap:14, marginBottom:28 }}>\n {[[\"\ud83c\udfe2\",\"18 pater, 75 jednotek\",\"Exkluzivn\u00ed n\u00edzk\u00e1 hustota\"],[\"\ud83c\udf0a\",\"150 m od pl\u00e1\u017ee\",\"P\u0159\u00edm\u00fd v\u00fdhled na mo\u0159e\"],[\"\ud83d\udcb0\",\"od 7,3 mil. THB\",\"\u2248 cca 5 mil. K\u010d\"],[\"\ud83d\udcc8\",\"a\u017e 9,8 % p.a.\",\"Garantovan\u00fd v\u00fdnos (10 let)\"],[\"\ud83c\udfca\",\"Rooftop infinity pool\",\"Sauna, fitness, concierge\"],[\"\ud83d\udd11\",\"60\/40 profit sharing\",\"Pasivn\u00ed p\u0159\u00edjem\"]].map(([icon,title,sub])=>(\n <div key={title} style={{ background:C.white, border:\"1px solid #DDD8CC\", borderRadius:8, padding:\"16px 18px\" }}>\n <div style={{ fontSize:22, marginBottom:6 }}>{icon}<\/div>\n <div style={{ fontWeight:700, color:C.forest, fontSize:14, marginBottom:2 }}>{title}<\/div>\n <div style={{ color:C.gray, fontSize:12 }}>{sub}<\/div>\n <\/div>\n ))}\n <\/div>\n <Btn p ch=\"M\u00e1m z\u00e1jem o Elysium\" onClick={() => window.goToPage(\"contact\")}\/>\n <\/div>\n <\/div>\n <\/>\n }\/>\n <section style={{ background: `linear-gradient(135deg,${C.forest},${C.forestLight})`, padding:\"72px 0\" }}>\n <div style={{ maxWidth:760, margin:\"0 auto\", padding:\"0 32px\", textAlign:\"center\" }}>\n <h2 style={{ color:C.white, fontSize:34, fontWeight:900, marginBottom:16 }}>Zaj\u00edm\u00e1 v\u00e1s investice v Thajsku?<\/h2>\n <p style={{ color:\"#8AADA5\", fontSize:17, lineHeight:1.8, marginBottom:36 }}>Prvn\u00ed konzultace je zdarma a nez\u00e1vazn\u00e1.<\/p>\n <Btn p ch=\"Nez\u00e1vazn\u00e1 konzultace zdarma\" onClick={() => window.goToPage(\"contact\")}\/>\n <\/div>\n <\/section>\n <\/>\n );\n\n const SpainPage = () => (\n <>\n <section style={{ background: `linear-gradient(135deg,${C.forest},#163D2A)`, padding: \"80px 0 60px\" }}>\n <div style={{ maxWidth: 1100, margin: \"0 auto\", padding: \"0 32px\" }}>\n <div style={{ display: \"inline-flex\", alignItems: \"center\", gap: 8, background: \"rgba(201,168,76,0.12)\", border: \"1px solid rgba(201,168,76,0.3)\", borderRadius: 24, padding: \"6px 16px\", marginBottom: 24 }}>\n <span style={{ color: C.gold, fontSize: 13, fontWeight: 600 }}>\ud83c\uddea\ud83c\uddf8 \u0160pan\u011blsko \u00b7 Torrevieja \u00b7 Costa Blanca<\/span>\n <\/div>\n <h1 style={{ color: C.white, fontSize: \"clamp(32px,5vw,52px)\", fontWeight: 900, lineHeight: 1.15, marginBottom: 20 }}>Nemovitosti ve \u0160pan\u011blsku.<br\/><span style={{ color: C.gold }}>Slunce, mo\u0159e, investice.<\/span><\/h1>\n <p style={{ color: \"#8AADA5\", fontSize: 17, lineHeight: 1.8, maxWidth: 620, marginBottom: 36 }}>Torrevieja a Costa Blanca \u2014 nejobl\u00edben\u011bj\u0161\u00ed destinace \u010desk\u00fdch investor\u016f. Nab\u00edz\u00edm dva prov\u011b\u0159en\u00e9 projekty s rozumnou cenou a vysokou kvalitou.<\/p>\n <div style={{ display: \"flex\", gap: 14, flexWrap: \"wrap\" }}>\n <Btn p ch=\"Chci konzultaci zdarma\" onClick={() => window.goToPage(\"contact\")} \/>\n <Btn ch=\"Aktu\u00e1ln\u00ed nab\u00eddka\" onClick={() => window.goToPage(\"listings\")} \/>\n <\/div>\n <\/div>\n <\/section>\n <Sec bg={C.cream} ch={\n <>\n <div style={{ color: C.gold, fontWeight: 700, letterSpacing: 2, fontSize: 12, textTransform: \"uppercase\", marginBottom: 12 }}>Projekt 1<\/div>\n <h2 style={{ fontSize: 36, color: C.forest, fontWeight: 900, marginBottom: 8 }}>TM Laguna Village<\/h2>\n <div style={{ color: C.gray, fontSize: 15, marginBottom: 4 }}>Torrevieja \u00b7 Costa Blanca \u00b7 \u0160pan\u011blsko<\/div>\n <GL\/>\n <div style={{ display: \"flex\", gap: 40, flexWrap: \"wrap\", alignItems: \"flex-start\", marginBottom: 60 }}>\n <div style={{ flex: \"1 1 340px\", borderRadius: 12, overflow: \"hidden\", boxShadow: \"0 16px 48px rgba(13,48,40,0.15)\" }}><img src={ES1} alt=\"TM Laguna Village\" style={{ width: \"100%\", height: 280, objectFit: \"cover\", display: \"block\" }}\/><\/div>\n <div style={{ flex: \"2 1 320px\" }}>\n <p style={{ fontSize: 16, lineHeight: 1.9, color: C.gray, marginBottom: 20 }}>Modern\u00ed reziden\u010dn\u00ed projekt u Lag\u00fany v Torrevieji. 1 a 2 pokojov\u00e9 apartm\u00e1ny a samostatn\u00e9 vily. Projekt se dokon\u010duje \u2014 apartm\u00e1ny jsou ji\u017e k dispozici.<\/p>\n <div style={{ display: \"grid\", gridTemplateColumns: \"1fr 1fr\", gap: 14, marginBottom: 28 }}>\n {[[\"\ud83c\udfe0\",\"1\u20132 pokoje + vily\",\"R\u016fzn\u00e9 typy jednotek\"],[\"\ud83d\udcb0\",\"od 260 000 \u20ac\",\"V\u00fdborn\u00e1 cena\/kvalita\"],[\"\u2705\",\"Dokon\u010deno 2026\",\"Apartm\u00e1ny k dispozici\"],[\"\ud83c\udfca\",\"Baz\u00e9n, zahrada\",\"Kompletn\u00ed are\u00e1l\"]].map(([icon,title,sub])=>(\n <div key={title} style={{ background: C.white, border: \"1px solid #DDD8CC\", borderRadius: 8, padding: \"16px 18px\" }}>\n <div style={{ fontSize: 22, marginBottom: 6 }}>{icon}<\/div>\n <div style={{ fontWeight: 700, color: C.forest, fontSize: 14, marginBottom: 2 }}>{title}<\/div>\n <div style={{ color: C.gray, fontSize: 12 }}>{sub}<\/div>\n <\/div>\n ))}\n <\/div>\n <Btn p ch=\"M\u00e1m z\u00e1jem o Laguna Village\" onClick={() => window.goToPage(\"contact\")}\/>\n <\/div>\n <\/div>\n <div style={{ borderTop: \"2px solid #DDD8CC\", paddingTop: 60 }}>\n <div style={{ color: C.gold, fontWeight: 700, letterSpacing: 2, fontSize: 12, textTransform: \"uppercase\", marginBottom: 12 }}>Projekt 2<\/div>\n <h2 style={{ fontSize: 36, color: C.forest, fontWeight: 900, marginBottom: 8 }}>Coronella Living<\/h2>\n <div style={{ color: C.gray, fontSize: 15, marginBottom: 4 }}>Torrevieja \u00b7 Costa Blanca \u00b7 \u0160pan\u011blsko<\/div>\n <GL\/>\n <div style={{ display: \"flex\", gap: 40, flexWrap: \"wrap\", alignItems: \"flex-start\" }}>\n <div style={{ flex: \"1 1 340px\", borderRadius: 12, overflow: \"hidden\", boxShadow: \"0 16px 48px rgba(13,48,40,0.15)\" }}><img src={ES2} alt=\"Coronella Living\" style={{ width: \"100%\", height: 280, objectFit: \"cover\", display: \"block\" }}\/><\/div>\n <div style={{ flex: \"2 1 320px\" }}>\n <p style={{ fontSize: 16, lineHeight: 1.9, color: C.gray, marginBottom: 20 }}>Pr\u00e9miov\u00fd projekt Coronella Living nab\u00edz\u00ed 2 a 3 pokojov\u00e9 apartm\u00e1ny a samostatn\u00e9 vily se soukrom\u00fdm baz\u00e9nem. Ve v\u00fdstavb\u011b \u2014 dokon\u010den\u00ed 2026\/2027.<\/p>\n <div style={{ display: \"grid\", gridTemplateColumns: \"1fr 1fr\", gap: 14, marginBottom: 28 }}>\n {[[\"\ud83c\udfe0\",\"2\u20133 pokoje + vily\",\"Se soukrom\u00fdm baz\u00e9nem\"],[\"\ud83d\udcb0\",\"od 272 000 \u20ac\",\"V\u00fdborn\u00e1 cena\/kvalita\"],[\"\ud83c\udfd7\ufe0f\",\"Dokon\u010den\u00ed 2026\/2027\",\"Koup\u011b ve v\u00fdstavb\u011b\"],[\"\ud83c\udf0a\",\"Torrevieja\",\"Bl\u00edzko mo\u0159e a pl\u00e1\u017e\u00ed\"]].map(([icon,title,sub])=>(\n <div key={title} style={{ background: C.white, border: \"1px solid #DDD8CC\", borderRadius: 8, padding: \"16px 18px\" }}>\n <div style={{ fontSize: 22, marginBottom: 6 }}>{icon}<\/div>\n <div style={{ fontWeight: 700, color: C.forest, fontSize: 14, marginBottom: 2 }}>{title}<\/div>\n <div style={{ color: C.gray, fontSize: 12 }}>{sub}<\/div>\n <\/div>\n ))}\n <\/div>\n <Btn p ch=\"M\u00e1m z\u00e1jem o Coronella Living\" onClick={() => window.goToPage(\"contact\")}\/>\n <\/div>\n <\/div>\n <\/div>\n <\/>\n }\/>\n <section style={{ background: `linear-gradient(135deg,${C.forest},${C.forestLight})`, padding:\"72px 0\" }}>\n <div style={{ maxWidth:760, margin:\"0 auto\", padding:\"0 32px\", textAlign:\"center\" }}>\n <h2 style={{ color:C.white, fontSize:34, fontWeight:900, marginBottom:16 }}>Zaj\u00edm\u00e1 v\u00e1s nemovitost ve \u0160pan\u011blsku?<\/h2>\n <p style={{ color:\"#8AADA5\", fontSize:17, lineHeight:1.8, marginBottom:36 }}>Prvn\u00ed konzultace je zdarma. P\u0159iprav\u00edm individu\u00e1ln\u00ed nab\u00eddku.<\/p>\n <Btn p ch=\"Nez\u00e1vazn\u00e1 konzultace zdarma\" onClick={() => window.goToPage(\"contact\")}\/>\n <\/div>\n <\/section>\n <\/>\n );\n\n const InvestPage = () => (\n <Sec ch={\n <div style={{ maxWidth: 820, margin: \"0 auto\", textAlign: \"center\" }}>\n <div style={{ color: C.gold, fontWeight: 700, letterSpacing: 2, fontSize: 12, textTransform: \"uppercase\", marginBottom: 12 }}>Investi\u010dn\u00ed strategie<\/div>\n <h1 style={{ fontSize: 42, color: C.forest, fontWeight: 900 }}>Investice do nemovitost\u00ed<\/h1>\n <GL c \/>\n <p style={{ fontSize: 18, lineHeight: 1.8, color: C.gray, marginBottom: 32 }}>Nab\u00edz\u00edm komplexn\u00ed slu\u017eby pro investory \u2013 od anal\u00fdzy trhu, p\u0159es v\u00fdb\u011br nemovitosti, financov\u00e1n\u00ed a\u017e po n\u00e1slednou spr\u00e1vu. Specializace na \u010cesko, Dubaj, Thajsko, \u0160pan\u011blsko.<\/p>\n <div style={{ display: \"grid\", gridTemplateColumns: \"repeat(auto-fit, minmax(200px,1fr))\", gap: 24, marginBottom: 48 }}>\n {[[\"\ud83d\udcca\", \"V\u00fdnosov\u00e9 projekty\", \"6\u201310 % p.a.\"], [\"\ud83c\udfe6\", \"Financov\u00e1n\u00ed\", \"Hypot\u00e9ky i v zahrani\u010d\u00ed\"], [\"\u2696\ufe0f\", \"Pr\u00e1vn\u00ed audity\", \"Bezpe\u010dnost transakce\"], [\"\ud83d\udd04\", \"Spr\u00e1va nemovitost\u00ed\", \"Pasivn\u00ed p\u0159\u00edjem\"]].map(([icon, title, desc]) => (\n <div key={title} style={{ background: C.cream, borderRadius: 12, padding: \"24px\" }}>\n <div style={{ fontSize: 32 }}>{icon}<\/div>\n <h3 style={{ fontSize: 18, fontWeight: 800, color: C.forest, margin: \"12px 0 4px\" }}>{title}<\/h3>\n <div style={{ color: C.gray }}>{desc}<\/div>\n <\/div>\n ))}\n <\/div>\n <Btn p ch=\"Chci investi\u010dn\u00ed konzultaci\" onClick={() => window.goToPage(\"contact\")} \/>\n <\/div>\n } \/>\n );\n\n const ListingsPage = () => (\n <Sec ch={\n <>\n <div style={{ color: C.gold, fontWeight: 700, letterSpacing: 2, fontSize: 12, textTransform: \"uppercase\", marginBottom: 12 }}>Aktu\u00e1ln\u00ed nab\u00eddka<\/div>\n <h1 style={{ fontSize: 42, color: C.forest, fontWeight: 900, margin: \"0 0 8px\" }}>Aktu\u00e1ln\u00ed nab\u00eddka nemovitost\u00ed<\/h1>\n <GL \/>\n <div style={{ display: \"flex\", gap: 24, flexWrap: \"wrap\" }}>\n {[\n { flag: \"\ud83c\udde8\ud83c\uddff\", tag: \"\u010cesko\", name: \"Chalupa u Ka\u0161persk\u00fdch Hor\", price: \"12 800 000 K\u010d\", detail: \"Ka\u0161persk\u00e9 Hory \u00b7 \u0160umava \u00b7 chalupa s terasou, stodolou a zahradou\", img: CZ_CHALUPA, gallery: [CZ_CHALUPA, CZ_CHALUPA2, CZ_CHALUPA3, CZ_CHALUPA4, CZ_CHALUPA5, CZ_CHALUPA6, CZ_CHALUPA7] },\n { flag: \"\ud83c\udde6\ud83c\uddea\", tag: \"Dubaj\", name: \"Princess Uniestate\", price: \"od 320 000 AED\", detail: \"Dubai South \u00b7 baz\u00e9n \u00b7 v\u00fdnos ~6\u201310 %\", img: DUBAI_IMG },\n { flag: \"\ud83c\uddf9\ud83c\udded\", tag: \"Thajsko\", name: \"Elysium Residences Pattaya\", price: \"od 7 300 000 THB\", detail: \"Pratumnak Hill \u00b7 v\u00fdnos a\u017e 9,8 % \u00b7 hotelov\u00e1 spr\u00e1va SOBHA\", img: TH_IMG },\n { flag: \"\ud83c\uddea\ud83c\uddf8\", tag: \"\u0160pan\u011blsko\", name: \"TM Laguna Village\", price: \"od 260 000 EUR\", detail: \"Torrevieja \u00b7 1\u20132 pokoje + vily \u00b7 dokon\u010deno 2026\", img: ES1 },\n { flag: \"\ud83c\uddea\ud83c\uddf8\", tag: \"\u0160pan\u011blsko\", name: \"Coronella Living\", price: \"od 272 000 EUR\", detail: \"Torrevieja \u00b7 2\u20133 pokoje + vily se soukrom\u00fdm baz\u00e9nem \u00b7 2026\/2027\", img: ES2 },\n { flag: \"\ud83c\uddea\ud83c\uddf8\", tag: \"\u0160pan\u011blsko\", name: \"Vila se soukrom\u00fdm baz\u00e9nem\", price: \"od 485 000 EUR\", detail: \"Costa Blanca \u00b7 v\u00fdhled na mo\u0159e \u00b7 terasa \u00b7 gar\u00e1\u017e\", img: ES3 }\n ].map(p => {\n const [activeImg, setActiveImg] = React.useState(p.img);\n return (\n <div key={p.name} style={{ background: C.white, border: \"1px solid #DDD8CC\", borderRadius: 10, overflow: \"hidden\", flex: \"1 1 300px\", minWidth: 250 }}>\n <div style={{ height: 200, overflow: \"hidden\" }}>\n <img src={activeImg} alt={p.name} style={{ width: \"100%\", height: \"100%\", objectFit: \"cover\", transition: \"0.3s\" }} \/>\n <\/div>\n {p.gallery && (\n <div style={{ display: \"flex\", gap: 4, padding: \"6px 6px 0\" }}>\n {p.gallery.map((g, i) => (\n <div key={i} onClick={() => setActiveImg(g)} style={{ flex: 1, height: 52, overflow: \"hidden\", borderRadius: 4, cursor: \"pointer\", border: activeImg === g ? `2px solid ${C.gold}` : \"2px solid transparent\", transition: \"0.2s\" }}>\n <img src={g} alt=\"\" style={{ width: \"100%\", height: \"100%\", objectFit: \"cover\" }} \/>\n <\/div>\n ))}\n <\/div>\n )}\n <div style={{ padding: \"14px 20px 22px\" }}>\n <Tag ch={`${p.flag} ${p.tag}`} \/>\n <div style={{ fontWeight: 800, color: C.forest, fontSize: 16, margin: \"10px 0 5px\" }}>{p.name}<\/div>\n <div style={{ color: C.gray, fontSize: 13, marginBottom: 10 }}>{p.detail}<\/div>\n <div style={{ color: C.gold, fontWeight: 800, fontSize: 17, marginBottom: 14 }}>{p.price}<\/div>\n <Btn sm ch=\"M\u00e1m z\u00e1jem\" onClick={() => window.goToPage(\"contact\")} \/>\n <\/div>\n <\/div>\n );\n })}\n <\/div>\n <div style={{ textAlign: \"center\", marginTop: 48, padding: \"36px\", background: C.cream, borderRadius: 10 }}>\n <h3 style={{ color: C.forest, fontWeight: 800, marginBottom: 8 }}>Nena\u0161li jste, co hled\u00e1te?<\/h3>\n <p style={{ color: C.gray, marginBottom: 24 }}>Napi\u0161te mi sv\u00e1 krit\u00e9ria \u2014 hled\u00e1m aktivn\u011b i mimo ve\u0159ejnou nab\u00eddku.<\/p>\n <Btn p ch=\"Popsat moje po\u017eadavky\" onClick={() => window.goToPage(\"contact\")} \/>\n <\/div>\n <\/>\n } \/>\n );\n\n const ContactPage = () => {\n const [sentForm, setSentForm] = useState(false);\n const [formData, setFormData] = useState({ name: \"\", phone: \"\", email: \"\", topic: \"Koup\u011b nemovitosti v \u010cR\", message: \"\" });\n const submitContact = () => {\n if (!formData.name || !formData.phone) return alert(\"Vypl\u0148te jm\u00e9no a telefon.\");\n console.log(\"Kontakt formul\u00e1\u0159:\", formData);\n setSentForm(true);\n setTimeout(() => setSentForm(false), 4000);\n };\n return (\n <Sec ch={\n <div style={{ maxWidth: 820, margin: \"0 auto\" }}>\n <div style={{ color: C.gold, fontWeight: 700, letterSpacing: 2, fontSize: 12, textTransform: \"uppercase\", marginBottom: 12 }}>Kontakt<\/div>\n <h1 style={{ fontSize: 42, color: C.forest, fontWeight: 900, margin: \"0 0 8px\" }}>Poj\u010fme si promluvit<\/h1>\n <GL \/>\n <p style={{ fontSize: 17, lineHeight: 1.9, color: C.gray, marginBottom: 48 }}>Napi\u0161te mi, zavolejte nebo po\u0161lete zpr\u00e1vu p\u0159es WhatsApp. Prvn\u00ed konzultace je v\u017edy zdarma a nez\u00e1vazn\u00e1.<\/p>\n <div style={{ display: \"flex\", gap: 48, flexWrap: \"wrap\" }}>\n <div style={{ flex: \"1 1 240px\" }}>\n {[[\"\ud83d\udcde\", \"Telefon\", \"+420 775 066 321\", \"tel:+420775066321\"], [\"\ud83d\udce7\", \"E-mail\", \"michal@michalbastl.eu\", \"mailto:michal@michalbastl.eu\"], [\"\ud83d\udcac\", \"WhatsApp\", \"+420 775 066 321\", \"https:\/\/wa.me\/420775066321\"]].map(([i, l, v, href]) => (\n <a key={l} href={href} style={{ display: \"flex\", gap: 14, marginBottom: 22, textDecoration: \"none\" }}>\n <div style={{ fontSize: 22 }}>{i}<\/div>\n <div><div style={{ fontWeight: 700, color: C.forest, fontSize: 12, textTransform: \"uppercase\", letterSpacing: 1 }}>{l}<\/div><div style={{ color: C.gray, fontSize: 15, marginTop: 2 }}>{v}<\/div><\/div>\n <\/a>\n ))}\n <\/div>\n <div style={{ flex: \"2 1 360px\" }}>\n <div style={{ background: C.cream, borderRadius: 10, padding: \"34px 30px\" }}>\n <h3 style={{ color: C.forest, fontSize: 20, fontWeight: 800, marginBottom: 20 }}>Napi\u0161te mi<\/h3>\n <Inp label=\"Jm\u00e9no a p\u0159\u00edjmen\u00ed\" ph=\"Jan Nov\u00e1k\" req value={formData.name} onChange={e => setFormData({ ...formData, name: e.target.value })} \/>\n <Inp label=\"Telefon\" type=\"tel\" ph=\"+420 775 066 321\" req value={formData.phone} onChange={e => setFormData({ ...formData, phone: e.target.value })} \/>\n <Inp label=\"E-mail\" type=\"email\" ph=\"vas@email.cz\" value={formData.email} onChange={e => setFormData({ ...formData, email: e.target.value })} \/>\n <div style={{ marginBottom: 16 }}>\n <label style={{ display: \"block\", fontWeight: 600, color: C.forest, marginBottom: 6, fontSize: 14 }}>Zaj\u00edm\u00e1 m\u011b<\/label>\n <select style={{ width: \"100%\", padding: \"10px 14px\", border: \"1.5px solid #C8C2B5\", borderRadius: 4, fontSize: 15, background: C.white, boxSizing: \"border-box\" }} value={formData.topic} onChange={e => setFormData({ ...formData, topic: e.target.value })}>\n <option>Koup\u011b nemovitosti v \u010cR<\/option>\n <option>Prodej nemovitosti v \u010cR<\/option>\n <option>Chalupa Ka\u0161perky<\/option>\n <option>Investice v Dubaji<\/option>\n <option>Thajsko \u2014 Elysium Residences Pattaya<\/option>\n <option>\u0160pan\u011blsko \u2014 TM Laguna Village<\/option>\n <option>\u0160pan\u011blsko \u2014 Coronella Living<\/option>\n <option>Investi\u010dn\u00ed konzultace<\/option>\n <\/select>\n <\/div>\n <Inp label=\"Zpr\u00e1va\" type=\"textarea\" ph=\"Popi\u0161te va\u0161i situaci...\" value={formData.message} onChange={e => setFormData({ ...formData, message: e.target.value })} \/>\n <Btn p ch={sentForm ? \"\u2713 Odesl\u00e1no! Ozvu se do 24h.\" : \"Odeslat zpr\u00e1vu\"} onClick={submitContact} \/>\n <div style={{ color: C.gray, fontSize: 12, marginTop: 12 }}>\ud83d\udd12 Va\u0161e \u00fadaje jsou v bezpe\u010d\u00ed.<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n } \/>\n );\n };\n\n const pages = {\n home: HomePage,\n about: AboutPage,\n dubai: DubaiPage,\n thailand: ThailandPage,\n spain: SpainPage,\n invest: InvestPage,\n listings: ListingsPage,\n contact: ContactPage\n };\n\n function App() {\n const [page, setPage] = useState(\"home\");\n const [subOpen, setSubOpen] = useState(null);\n const navRef = useRef(null);\n\n window.goToPage = (id) => {\n setPage(id);\n setSubOpen(null);\n window.scrollTo(0, 0);\n };\n\n useEffect(() => {\n const handleClickOutside = (e) => {\n if (navRef.current && !navRef.current.contains(e.target)) {\n setSubOpen(null);\n }\n };\n document.addEventListener(\"mousedown\", handleClickOutside);\n return () => document.removeEventListener(\"mousedown\", handleClickOutside);\n }, []);\n\n const CurrentPage = pages[page] || pages.home;\n\n return (\n <div style={{ fontFamily: \"'Segoe UI', system-ui, sans-serif\", color: C.forest, minHeight: \"100vh\" }}>\n <nav ref={navRef} style={{ background: C.forest, position: \"sticky\", top: 0, zIndex: 100, borderBottom: `2px solid ${C.gold}` }}>\n <div style={{ maxWidth: 1100, margin: \"0 auto\", padding: \"0 32px\", display: \"flex\", alignItems: \"center\", justifyContent: \"space-between\", height: 68, flexWrap: \"wrap\" }}>\n <Logo onClick={() => window.goToPage(\"home\")} \/>\n <div className=\"nav-links\" style={{ display: \"flex\", gap: 2, alignItems: \"center\", flexWrap: \"wrap\" }}>\n {NAV.map(item => (\n <div key={item.id} style={{ position: \"relative\" }}>\n <button onClick={() => item.sub ? setSubOpen(subOpen === item.id ? null : item.id) : window.goToPage(item.id)} style={{ background: \"none\", border: \"none\", cursor: \"pointer\", color: page === item.id ? C.gold : \"#8AADA5\", fontWeight: 600, fontSize: 14, padding: \"8px 10px\", borderBottom: page === item.id ? `2px solid ${C.gold}` : \"2px solid transparent\" }}>\n {item.label}{item.sub ? \" \u25be\" : \"\"}\n <\/button>\n {item.sub && subOpen === item.id && (\n <div style={{ position: \"absolute\", top: \"100%\", left: 0, background: C.forest, border: `1px solid ${C.gold}`, borderRadius: 4, minWidth: 160, zIndex: 200 }}>\n {item.sub.map(s => <button key={s.id} onClick={() => window.goToPage(s.id)} style={{ display: \"block\", width: \"100%\", textAlign: \"left\", background: \"none\", border: \"none\", padding: \"12px 16px\", color: \"#8AADA5\", fontWeight: 600, fontSize: 14, cursor: \"pointer\" }}>{s.label}<\/button>)}\n <\/div>\n )}\n <\/div>\n ))}\n <\/div>\n <\/div>\n <\/nav>\n <main><CurrentPage \/><\/main>\n <footer style={{ background: C.forest, color: \"#8AADA5\", padding: \"56px 0 24px\" }}>\n <div style={{ maxWidth: 1100, margin: \"0 auto\", padding: \"0 32px\" }}>\n <div style={{ display: \"flex\", gap: 48, flexWrap: \"wrap\", marginBottom: 40 }}>\n <div style={{ flex: \"2 1 260px\" }}>\n <Logo onClick={() => window.goToPage(\"home\")} \/>\n <p style={{ lineHeight: 1.8, fontSize: 15, maxWidth: 320, marginTop: 14 }}>\u201e\u0160et\u0159\u00edm v\u00e1m \u010das i starosti.\" V\u00e1\u0161 partner pro nemovitosti v \u010cesku, Dubaji, Thajsku a \u0160pan\u011blsku.<\/p>\n <div style={{ color: C.gold, fontWeight: 700, fontSize: 15, marginTop: 14 }}>+420 775 066 321<\/div>\n <div style={{ fontSize: 13, marginTop: 4 }}>michal@michalbastl.eu<\/div>\n <\/div>\n <div style={{ flex: \"1 1 120px\" }}>\n <div style={{ color: C.white, fontWeight: 700, marginBottom: 12, textTransform: \"uppercase\", letterSpacing: 1, fontSize: 12 }}>Str\u00e1nky<\/div>\n {[[\"home\", \"\u00davod\"], [\"about\", \"O mn\u011b\"], [\"listings\", \"Nab\u00eddka\"], [\"contact\", \"Kontakt\"]].map(([id, l]) => (\n <div key={id} onClick={() => window.goToPage(id)} style={{ cursor: \"pointer\", marginBottom: 8, fontSize: 14 }}>{l}<\/div>\n ))}\n <\/div>\n <div style={{ flex: \"1 1 120px\" }}>\n <div style={{ color: C.white, fontWeight: 700, marginBottom: 12, textTransform: \"uppercase\", letterSpacing: 1, fontSize: 12 }}>Destinace<\/div>\n {[\"\ud83c\udde8\ud83c\uddff \u010cesko\", \"\ud83c\udde6\ud83c\uddea Dubaj\", \"\ud83c\uddf9\ud83c\udded Thajsko\", \"\ud83c\uddea\ud83c\uddf8 \u0160pan\u011blsko\"].map(l => (\n <div key={l} style={{ marginBottom: 8, fontSize: 14 }}>{l}<\/div>\n ))}\n <\/div>\n <\/div>\n <div style={{ borderTop: \"1px solid rgba(255,255,255,0.08)\", paddingTop: 20, fontSize: 13 }}>\u00a9 2025 Michal Bastl \u00b7 Bastl Real Estate Services \u00b7 V\u0161echna pr\u00e1va vyhrazena<\/div>\n <\/div>\n <\/footer>\n <\/div>\n );\n }\n\n ReactDOM.createRoot(document.getElementById('root')).render(<App \/>);\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Michal Bastl \u2013 Realitn\u00ed makl\u00e9\u0159 | \u010cesko \u00b7 Dubaj \u00b7 Thajsko \u00b7 \u0160pan\u011blsko<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Michal Bastl - Nez\u00e1visl\u00fd realitn\u00ed poradce - Michal Bastl Realitn\u00ed makl\u00e9\u0159<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/michalbastl.eu\/\" \/>\n<meta property=\"og:locale\" content=\"cs_CZ\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Michal Bastl - Nez\u00e1visl\u00fd realitn\u00ed poradce - Michal Bastl Realitn\u00ed makl\u00e9\u0159\" \/>\n<meta property=\"og:description\" content=\"Michal Bastl \u2013 Realitn\u00ed makl\u00e9\u0159 | \u010cesko \u00b7 Dubaj \u00b7 Thajsko \u00b7 \u0160pan\u011blsko\" \/>\n<meta property=\"og:url\" content=\"https:\/\/michalbastl.eu\/\" \/>\n<meta property=\"og:site_name\" content=\"Michal Bastl Realitn\u00ed makl\u00e9\u0159\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-22T09:35:29+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/michalbastl.eu\\\/\",\"url\":\"https:\\\/\\\/michalbastl.eu\\\/\",\"name\":\"Michal Bastl - Nez\u00e1visl\u00fd realitn\u00ed poradce - Michal Bastl Realitn\u00ed makl\u00e9\u0159\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/michalbastl.eu\\\/#website\"},\"datePublished\":\"2026-03-21T14:39:03+00:00\",\"dateModified\":\"2026-03-22T09:35:29+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/michalbastl.eu\\\/#breadcrumb\"},\"inLanguage\":\"cs\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/michalbastl.eu\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/michalbastl.eu\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Dom\u016f\",\"item\":\"https:\\\/\\\/michalbastl.eu\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Michal Bastl – Nez\u00e1visl\u00fd realitn\u00ed poradce\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/michalbastl.eu\\\/#website\",\"url\":\"https:\\\/\\\/michalbastl.eu\\\/\",\"name\":\"Michal Bastl Realitn\u00ed makl\u00e9\u0159\",\"description\":\"Prodej nemovitost\u00ed,kter\u00fd d\u00e1v\u00e1 smysl.F\u00e9rov\u011b a bez starost\u00ed.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/michalbastl.eu\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"cs\"}]}<\/script>\n","yoast_head_json":{"title":"Michal Bastl - Nez\u00e1visl\u00fd realitn\u00ed poradce - Michal Bastl Realitn\u00ed makl\u00e9\u0159","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/michalbastl.eu\/","og_locale":"cs_CZ","og_type":"article","og_title":"Michal Bastl - Nez\u00e1visl\u00fd realitn\u00ed poradce - Michal Bastl Realitn\u00ed makl\u00e9\u0159","og_description":"Michal Bastl \u2013 Realitn\u00ed makl\u00e9\u0159 | \u010cesko \u00b7 Dubaj \u00b7 Thajsko \u00b7 \u0160pan\u011blsko","og_url":"https:\/\/michalbastl.eu\/","og_site_name":"Michal Bastl Realitn\u00ed makl\u00e9\u0159","article_modified_time":"2026-03-22T09:35:29+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/michalbastl.eu\/","url":"https:\/\/michalbastl.eu\/","name":"Michal Bastl - Nez\u00e1visl\u00fd realitn\u00ed poradce - Michal Bastl Realitn\u00ed makl\u00e9\u0159","isPartOf":{"@id":"https:\/\/michalbastl.eu\/#website"},"datePublished":"2026-03-21T14:39:03+00:00","dateModified":"2026-03-22T09:35:29+00:00","breadcrumb":{"@id":"https:\/\/michalbastl.eu\/#breadcrumb"},"inLanguage":"cs","potentialAction":[{"@type":"ReadAction","target":["https:\/\/michalbastl.eu\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/michalbastl.eu\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Dom\u016f","item":"https:\/\/michalbastl.eu\/"},{"@type":"ListItem","position":2,"name":"Michal Bastl – Nez\u00e1visl\u00fd realitn\u00ed poradce"}]},{"@type":"WebSite","@id":"https:\/\/michalbastl.eu\/#website","url":"https:\/\/michalbastl.eu\/","name":"Michal Bastl Realitn\u00ed makl\u00e9\u0159","description":"Prodej nemovitost\u00ed,kter\u00fd d\u00e1v\u00e1 smysl.F\u00e9rov\u011b a bez starost\u00ed.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/michalbastl.eu\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"cs"}]}},"_links":{"self":[{"href":"https:\/\/michalbastl.eu\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/michalbastl.eu\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/michalbastl.eu\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/michalbastl.eu\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/michalbastl.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":37,"href":"https:\/\/michalbastl.eu\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":103,"href":"https:\/\/michalbastl.eu\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/103"}],"wp:attachment":[{"href":"https:\/\/michalbastl.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}