<!DOCTYPE html>
<html lang="sk">
<head><script type='text/javascript' src='https://ppl-ai-code-interpreter-files.s3.amazonaws.com/GgofPcq-uXzmAA40eQrSzqP4bjHSrjp7ZLWfUkY3QDqM6HdG7tS-MMYtpiweMyJPxPKx2gno8ufDptpzacp4C_3OPBQ2SvU7Z__m700OKh_eWeueEK6uYYuwETpopyyGJxR7OHaAn0r6OJtMQYNFEn4uZfQI77c4YxsKOibWk8T-84A_lexzjgcYRrCL7_tfTYgrOWmn5r7j8gZfRkPNhfmy_obpN6cHb_RJ3CJBnPWjSxqGbXDvug6RuizSmZ9dZ8EJmiqVA4gtv2Ege4qYaHiaraN8VycH-m2FOUs--0cGpVZV6RgMqYNhR3Bp5DS7Q8XgHlVrZRmudKLcjHCFnNlOrfh8XXuIXnGNgEIQlOOhNM53lutKkzunHrX6ThAFWAOYdn6d5FYIxSEs2O3CdCU3YxRxhGbWW08E5Uo5CDuK2C5B0L1Ju9AcS9wB9LAZrfIBPu_ZpJcn8xHoQRhFGrLx6GNYVKbB_duxU6jQq3th6rJfG_XL9ca3cbdBC1aOIZ_9QNwZIz-V7eYRUya6H3sbhb-a6FBGK8ineK8DKny0fjKrozGTkmRwsNrmnmtsbPMR9QJXU8W8gfI8EkMYKZr5VATjplKHmd12Fuk6iwFQ4dez27xw9wRgOuo0mGQNyJ9bBK1b9HlGRVdFlcCcT5h3isXAS7MGj-opYIY0EkIgnQL4AeEA1tXyswxLrV8NM0V_ehJhayu4pGuQLm5d_wlsYz2jOQ98N_o3_oQnlvRtjhrtepKbbf41QG6z-JobTUFMySstFRxbVyCfWRdJP8pSIpxFbrWbt5kYg6d0BVtd3x9b_12XUMkzbM0zDm9zyqAKxX2biAtCGbnLj1OH3VdJ2MP5UD4hd_ToG_T05NPfUxhyUuHuwuqMaRnfwbPBixVKhynrrCcQyF4xSexRNAdMuTcqpuLEpGByCWZhUa37lGrx-zED2m1p9PmNFUD-tyETw6oS_RH342DTmENtpspLOKbJNPXtd95Bh5NgWId6fa6Wad2JGDxhlB8yixy_0Nkgo4-70KGTHIxOCDAFRwBWKZvL5TGgQyNGK8jYe_X330rsPJNgu5Nz48D24LTJxFVF3drO5CNGVCHF6HGOkbm2eWo_bRgRM0hIuBuY_bRSHSiE_Mx_LHCg6YDvlmgpEBDXQPY95Vl02w8HzsPY1DBnqAX3oMvi08bYNOSseMkdXJf4MFhQ5Uo68hi6YOTJtyQcTyN35AtV-UE05bZQQhZ6R0Spdcokv4s0uK1zBm4JOuVXRoQfEv9DKTzD60yk-ngiGzufYZha2Gfu441_Z30grigqEoQIzYq2LlhW0c78hPs9OrEyBpicpUF6P3BQ0Ch1puYw8QSsnLH_fnIM_p0iZYBkDf8daoOEtn50rLy50K4cGNJbRoetV9_UqN9cePg4yveiyop2vN9CseUEHLJ2U4Hk5PoLfMmDAQ3f-BFXWBStV8-14VvPsuDgHS4TgfuqvbNYPkqC7maAuK6J611mmvCF0QBsnTeaKvpVOWa9vSzW2LRjaQbtBadGIjNzBnJfvVr3-4wGEkAYfXSBO15DuAzPxLYYMf5iivHjwGJIacOF07uNuzjpnP1MItPCvQ-h2PIQoN4_uKeRigEZDZ5kPfmqc8_9zA4cIeCMiJ2dtWk3LAFSKOFTUrwE5NkyzOwsXZvQ5JxdrZrGJNEXi2jBJrYA0Gihi7Posdtze43NVijvKGAakLoRkOM_ckPfLdX9jQEngywMMsN1EntUeMkgeMP2HEXS2uo6k_Jo4V0Cn4wQMS6a5YTlbypQgwTnqWb6ph-7G-U-lWy3ahFV09h0OAdcEF5X7ZnYAKnfyrTHVcdyTAht87Fxdp5JR68_He8sqguUqnNYELJhsYrZBG0UGL5O_KiRP2bz1Z0tgNE-zFmfxhOreX3SA8rUv_LeE8iJPaabDWh5FOnC4flDGoXpki6MUIYV3747ppoLLktJZ-2hEuDf15XKCZNOGXgCxCvtV2mOLbHqKuGmepf0wx3gKI3Yv0RyIkl9Iz4ZGhbAHmmy7nDR7nYCfHmdNmLqcETPCwo5XpIAEaejhp-d0Q7sS2Z3Ufg2adExisQY0Brpm1RPw_jDe00SX7j1vgK2Ca0HTBwtRiIR1lBM48SgaG32S9FB5SMoIXWXvJ3OlkvexpiffanEYI4Nwxu7v_Qp752PahGm_z3uOWKLxnFd0MWHRmfrtcGH87h1_CWw86t7KU5-oS8CjEdMS-H_W1UJvLlX9-Cq_Np3iEN6Yp7Nxww8iMNvfcX0fmrRe8YPz6YnAuu7E96OVcOOVGExcGo66ZOKBNYS75jkGmBHsR4-FrmZgYeHSpNwoicraatclzw7TU-FkRBuLfEiuIHhUkUCheiUX89kNjFu-hdql2fcrtqjEBXEBR0sbSNGN8MRvIO96Ozo_h-SMSsPJxNYbYdKZ9Z3flDhd_9RwZKRamrSlKb5ONA87LFkmMqmUC_kYjilz2EIjf2dLYuBbqLkf4XMQmTX6C7lk19BaN2LsMVwkFXY-OJmOfTLSDQK2MasSyjEF9R6I-1qA5xPBHGfRhw58BjmF7E_PprWOIJ6-5z61AGDegyIVXoJIW2wig7qbK2MFltZlk-E_jKNRnS6TeacliYCT0AA0L3kr9m0lTFB1Gr3v1N5f_6Bn-JOwuAgAl8ZcYglaFKG2A'></script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Marek Kučera – CEO & Founder Gaelta, investor do nehnuteľností, cestovateľ a podnikateľ. Od technika po agentúru a 21 investičných nehnuteľností.">
<meta property="og:title" content="Marek Kučera – Podnikateľ, Investor & CEO Gaelta">
<meta property="og:description" content="Budujem biznis. Investujem. Cestujem. CEO agentúry Gaelta, 21 nehnuteľností na 4 trhoch.">
<meta property="og:url" content="https://marekkucera.sk">
<title>Marek Kučera – Podnikateľ, Investor & CEO</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<style>
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
--bg:#04040b;
--glass:rgba(255,255,255,0.04);
--glass-b:rgba(255,255,255,0.08);
--glass-h:rgba(255,255,255,0.07);
--text:#f0f0f6;
--muted:#7a7a9a;
--accent:#6366f1;
--accent2:#a78bfa;
--accent3:#38bdf8;
--green:#4ade80;
--gold:#fbbf24;
--grad:linear-gradient(135deg,#6366f1,#a78bfa);
--grad2:linear-gradient(135deg,#38bdf8,#6366f1);
}
html{scroll-behavior:smooth}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}
.orb{position:fixed;border-radius:50%;filter:blur(120px);opacity:.12;pointer-events:none;z-index:0}
.o1{width:700px;height:700px;background:#6366f1;top:-200px;right:-100px}
.o2{width:550px;height:550px;background:#a78bfa;bottom:10%;left:-200px}
.o3{width:400px;height:400px;background:#38bdf8;top:60%;right:5%}
/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:.9rem 2rem;background:rgba(4,4,11,.6);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-bottom:1px solid var(--glass-b)}
.nav-w{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}
.nav-logo{font-size:1.05rem;font-weight:900;letter-spacing:-.03em;color:var(--text);text-decoration:none}
.nav-logo span{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.nl{display:flex;gap:1.8rem;list-style:none}
.nl a{color:var(--muted);text-decoration:none;font-size:.875rem;font-weight:500;transition:color .2s}
.nl a:hover{color:var(--text)}
.n-cta{background:var(--grad)!important;-webkit-text-fill-color:#fff!important;color:#fff!important;padding:.42rem 1.1rem!important;border-radius:100px;font-weight:700!important;font-size:.82rem!important;transition:opacity .2s,transform .2s}
.n-cta:hover{opacity:.85;transform:scale(1.04)}
.hbg{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px;background:none;border:none}
.hbg span{width:22px;height:2px;background:var(--text);border-radius:2px;transition:all .3s;display:block}
.hbg.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.hbg.open span:nth-child(2){opacity:0}
.hbg.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.mob{display:none;position:fixed;top:62px;left:0;right:0;background:rgba(4,4,11,.97);backdrop-filter:blur(28px);padding:1.5rem 2rem;border-bottom:1px solid var(--glass-b);z-index:999}
.mob.open{display:block}
.mob ul{list-style:none;display:flex;flex-direction:column;gap:1.1rem}
.mob a{color:var(--text);text-decoration:none;font-size:1rem;font-weight:500}
.mob .mc{font-weight:700;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
/* UTILS */
section{position:relative;z-index:1}
.wrap{max-width:1200px;margin:0 auto;padding:0 2rem}
.tag{display:inline-block;background:rgba(99,102,241,.12);border:1px solid rgba(99,102,241,.28);color:var(--accent2);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.3rem .85rem;border-radius:100px;margin-bottom:1rem}
h2.st{font-size:clamp(1.9rem,4.5vw,3rem);font-weight:900;letter-spacing:-.04em;line-height:1.08;margin-bottom:.9rem}
.sdesc{font-size:1.05rem;color:var(--muted);max-width:580px;line-height:1.75}
.gtext{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.gc{background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-b);border-radius:22px;padding:2rem;transition:background .3s,transform .3s,border-color .3s}
.gc:hover{background:var(--glass-h);border-color:rgba(99,102,241,.3);transform:translateY(-5px)}
.btn-p{display:inline-flex;align-items:center;gap:.5rem;background:var(--grad);color:#fff;text-decoration:none;padding:.9rem 2rem;border-radius:100px;font-weight:700;font-size:.92rem;transition:opacity .2s,transform .2s;border:none;cursor:pointer}
.btn-p:hover{opacity:.85;transform:translateY(-3px)}
.btn-s{display:inline-flex;align-items:center;gap:.5rem;background:var(--glass);border:1px solid var(--glass-b);color:var(--text);text-decoration:none;padding:.9rem 2rem;border-radius:100px;font-weight:600;font-size:.92rem;transition:background .2s,transform .2s}
.btn-s:hover{background:var(--glass-h);transform:translateY(-3px)}
.fi{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}
.fi.vis{opacity:1;transform:translateY(0)}
/* HERO */
#hero{min-height:100vh;display:flex;align-items:center;padding:130px 0 90px}
.hg{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.h-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.25);color:var(--accent2);padding:.4rem 1rem;border-radius:100px;font-size:.78rem;font-weight:700;margin-bottom:1.6rem}
.dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.6)}}
.h-h{font-size:clamp(2.4rem,6vw,4.8rem);font-weight:900;letter-spacing:-.05em;line-height:1.03;margin-bottom:1.5rem}
.h-sub{font-size:1.05rem;color:var(--muted);line-height:1.8;margin-bottom:2.5rem;max-width:490px}
.hbtns{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:3rem}
.hstats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.hstat{background:var(--glass);border:1px solid var(--glass-b);border-radius:16px;padding:1.1rem}
.sn{font-size:1.75rem;font-weight:900;letter-spacing:-.03em;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.sl{font-size:.7rem;color:var(--muted);margin-top:.25rem}
.hvis{display:flex;justify-content:center;align-items:center;position:relative}
.hvc{position:relative;width:300px;height:380px}
.hglow{position:absolute;inset:-30px;background:radial-gradient(circle,rgba(99,102,241,.3) 0%,transparent 70%);border-radius:50%;animation:glowp 4s ease-in-out infinite}
@keyframes glowp{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}
.hcard{position:relative;width:100%;height:100%;background:var(--glass);border:1px solid var(--glass-b);border-radius:28px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.hcard::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(99,102,241,.08),transparent 60%)}
.hinit{font-size:5rem;font-weight:900;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.06em}
.fb{position:absolute;background:rgba(4,4,11,.85);backdrop-filter:blur(18px);border:1px solid var(--glass-b);border-radius:14px;padding:.7rem 1.1rem;font-size:.76rem;font-weight:600;white-space:nowrap}
.fb1{top:20px;right:-46px;animation:fl 6s ease-in-out infinite}
.fb2{bottom:80px;left:-56px;animation:fl 6s ease-in-out infinite 2s}
.fb3{bottom:20px;right:-38px;animation:fl 6s ease-in-out infinite 4s}
@keyframes fl{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
/* PRIBEH */
#pribeh{padding:110px 0}
.tl{position:relative;padding-left:1.5rem;margin-top:3.5rem}
.tl::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,transparent,var(--accent),var(--accent2),transparent);border-radius:2px}
.ti{position:relative;padding:0 0 2.8rem 2.5rem;opacity:0;transform:translateX(-20px);transition:opacity .6s,transform .6s}
.ti.vis{opacity:1;transform:translateX(0)}
.tdot{position:absolute;left:-2.6rem;top:.3rem;width:13px;height:13px;border-radius:50%;background:var(--grad);border:3px solid var(--bg);box-shadow:0 0 0 3px rgba(99,102,241,.3)}
.tyr{font-size:.68rem;font-weight:700;color:var(--accent2);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.3rem}
.tit{font-size:1.15rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.4rem}
.ttxt{font-size:.9rem;color:var(--muted);line-height:1.75}
/* PROJEKTY */
#projekty{padding:110px 0}
.pg{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:3.5rem}
.pc{background:var(--glass);backdrop-filter:blur(20px);border:1px solid var(--glass-b);border-radius:22px;padding:2.2rem;transition:all .3s;text-decoration:none;color:var(--text);display:block}
.pc:hover{background:var(--glass-h);border-color:rgba(99,102,241,.3);transform:translateY(-6px)}
.pc.feat{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.pico{font-size:2.2rem;margin-bottom:1rem}
.plbl{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent2);margin-bottom:.35rem}
.ptit{font-size:1.35rem;font-weight:800;letter-spacing:-.025em;margin-bottom:.65rem}
.pdesc{font-size:.9rem;color:var(--muted);line-height:1.7;margin-bottom:1.2rem}
.plink{display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;font-weight:700;color:var(--accent2);text-decoration:none;transition:gap .2s}
.plink:hover{gap:.75rem}
.ptags{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1rem}
.ptag{background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.2);color:var(--accent2);font-size:.67rem;font-weight:700;padding:.22rem .65rem;border-radius:100px}
.pvis{display:flex;flex-direction:column;gap:.85rem}
.ms{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:13px;padding:.85rem 1.2rem;display:flex;align-items:center;justify-content:space-between}
.msl{font-size:.78rem;color:var(--muted)}
.msv{font-size:.95rem;font-weight:700}
/* INVESTOVANIE */
#investovanie{padding:110px 0}
.ihero{background:var(--glass);border:1px solid var(--glass-b);border-radius:24px;padding:2.8rem;display:grid;grid-template-columns:1fr auto;gap:3rem;align-items:center;margin:3.5rem 0 1.5rem;transition:background .3s}
.ihero:hover{background:var(--glass-h)}
.bnum{font-size:clamp(3rem,8vw,5.5rem);font-weight:900;letter-spacing:-.06em;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}
.blbl{font-size:.8rem;color:var(--muted);margin-top:.5rem}
.ig{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem}
.lp{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:.75rem 1rem;display:flex;align-items:center;gap:.6rem;font-size:.83rem;font-weight:500}
.inv-g{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}
.ic{background:var(--glass);border:1px solid var(--glass-b);border-radius:22px;padding:2.2rem;transition:all .3s}
.ic:hover{background:var(--glass-h);border-color:rgba(99,102,241,.3);transform:translateY(-4px)}
.iflag{font-size:2.2rem;margin-bottom:.85rem}
.iloc{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:.35rem}
.iti{font-size:1.15rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.45rem}
.idsc{font-size:.88rem;color:var(--muted);line-height:1.7}
.etf-c{background:var(--glass);border:1px solid var(--glass-b);border-radius:22px;padding:2.2rem;margin-top:1.5rem;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2rem;transition:background .3s}
.etf-c:hover{background:var(--glass-h)}
.etf-bars{display:flex;gap:.4rem;align-items:flex-end;height:55px}
.bar{width:18px;background:var(--grad);border-radius:4px 4px 0 0;animation:grow 1.5s ease-out forwards;transform-origin:bottom}
@keyframes grow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
/* CESTOVANIE */
#cestovanie{padding:110px 0}
.cg{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3.5rem}
.cc{background:var(--glass);border:1px solid var(--glass-b);border-radius:22px;padding:2rem;transition:all .3s}
.cc:hover{background:var(--glass-h);border-color:rgba(99,102,241,.3);transform:translateY(-5px)}
.cemi{font-size:2.2rem;margin-bottom:.85rem}
.creg{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent3);margin-bottom:.35rem}
.ctit{font-size:1.15rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.45rem}
.cdsc{font-size:.88rem;color:var(--muted);line-height:1.7}
.ctags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.9rem}
.ctag{background:rgba(56,189,248,.1);border:1px solid rgba(56,189,248,.2);color:var(--accent3);font-size:.67rem;font-weight:700;padding:.2rem .6rem;border-radius:100px}
/* VZDELAVANIE */
#vzdelavanie{padding:110px 0}
.edu-g{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:3.5rem}
.edu-c{background:var(--glass);border:1px solid var(--glass-b);border-radius:22px;padding:2.5rem;transition:all .3s}
.edu-c:hover{background:var(--glass-h);border-color:rgba(99,102,241,.3);transform:translateY(-5px)}
.edu-ico{font-size:2.5rem;margin-bottom:1.1rem}
.edu-tit{font-size:1.3rem;font-weight:800;letter-spacing:-.025em;margin-bottom:.6rem}
.edu-dsc{font-size:.9rem;color:var(--muted);line-height:1.75;margin-bottom:1.4rem}
.edu-feat{display:flex;flex-direction:column;gap:.55rem;margin-bottom:1.5rem}
.ef{display:flex;align-items:center;gap:.6rem;font-size:.85rem}
.efc{color:var(--green);font-size:.9rem}
/* CTA GAELTA */
#cta-gaelta{padding:110px 0}
.cta-box{background:linear-gradient(135deg,rgba(99,102,241,.15),rgba(167,139,250,.1));border:1px solid rgba(99,102,241,.25);border-radius:28px;padding:5rem 3rem;text-align:center;position:relative;overflow:hidden}
.cta-box::before{content:"";position:absolute;top:-60px;right:-60px;width:300px;height:300px;background:radial-gradient(circle,rgba(99,102,241,.2),transparent 70%);border-radius:50%}
.cta-box::after{content:"";position:absolute;bottom:-40px;left:-40px;width:250px;height:250px;background:radial-gradient(circle,rgba(167,139,250,.15),transparent 70%);border-radius:50%}
.cta-box>*{position:relative;z-index:1}
.cta-pre{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent2);margin-bottom:1rem;display:block}
.cta-h{font-size:clamp(1.8rem,4vw,3rem);font-weight:900;letter-spacing:-.04em;line-height:1.1;margin-bottom:1.2rem}
.cta-d{font-size:1.05rem;color:var(--muted);max-width:560px;margin:0 auto 2.5rem;line-height:1.75}
.cta-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.gserv{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:3rem}
.gs{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:1.2rem;text-align:center;font-size:.82rem;font-weight:600}
.gs span{display:block;font-size:1.5rem;margin-bottom:.5rem}
/* KONTAKT */
#kontakt{padding:110px 0}
.ko-g{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:3.5rem;align-items:start}
.kf{background:var(--glass);border:1px solid var(--glass-b);border-radius:22px;padding:2.5rem}
.kf input,.kf textarea,.kf select{width:100%;background:rgba(255,255,255,.04);border:1px solid var(--glass-b);border-radius:12px;padding:.9rem 1.2rem;color:var(--text);font-family:inherit;font-size:.9rem;outline:none;transition:border-color .2s;margin-bottom:1rem;resize:none}
.kf input::placeholder,.kf textarea::placeholder{color:var(--muted)}
.kf input:focus,.kf textarea:focus{border-color:var(--accent)}
.kf label{font-size:.78rem;font-weight:600;color:var(--muted);display:block;margin-bottom:.35rem}
.ki{display:flex;flex-direction:column;gap:1.2rem}
.kic{background:var(--glass);border:1px solid var(--glass-b);border-radius:16px;padding:1.3rem 1.6rem;display:flex;align-items:center;gap:1.1rem}
.kiico{width:42px;height:42px;background:rgba(99,102,241,.12);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}
.kil{font-size:.75rem;color:var(--muted);margin-bottom:.15rem}
.kiv{font-size:.95rem;font-weight:600}
.kiv a{color:var(--text);text-decoration:none}
.kiv a:hover{color:var(--accent2)}
/* LEGAL */
.legal-box{background:var(--glass);border:1px solid var(--glass-b);border-radius:16px;padding:1.6rem;margin-top:1.5rem;font-size:.82rem;color:var(--muted);line-height:1.8}
.legal-box strong{color:var(--text);font-size:.85rem}
/* FOOTER */
footer{border-top:1px solid var(--glass-b);padding:2.5rem 2rem;text-align:center}
.fw{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1rem}
.fnav{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}
.fnav a{color:var(--muted);text-decoration:none;font-size:.83rem;transition:color .2s}
.fnav a:hover{color:var(--text)}
.fcopy{font-size:.78rem;color:var(--muted)}
.fcopy a{color:var(--accent2);text-decoration:none;font-weight:700}
.fcopy a:hover{text-decoration:underline}
/* RESPONSIVE */
@media(max-width:1024px){
.hg{grid-template-columns:1fr;text-align:center}
.hvis{display:none}
.h-sub{max-width:100%}
.hbtns{justify-content:center}
.hstats{grid-template-columns:repeat(3,1fr)}
.pg{grid-template-columns:1fr}
.pc.feat{grid-template-columns:1fr}
.inv-g{grid-template-columns:1fr}
.cg{grid-template-columns:1fr 1fr}
.edu-g{grid-template-columns:1fr}
.ko-g{grid-template-columns:1fr}
.ihero{grid-template-columns:1fr}
.ig{grid-template-columns:repeat(2,1fr)}
.gserv{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
.nl{display:none}
.hbg{display:flex}
.hg{padding:0 1.2rem}
.wrap{padding:0 1.2rem}
#hero{padding:100px 0 70px}
#pribeh,#projekty,#investovanie,#cestovanie,#vzdelavanie,#cta-gaelta,#kontakt{padding:70px 0}
.hstats{grid-template-columns:1fr 1fr 1fr}
.sn{font-size:1.3rem}
.cg{grid-template-columns:1fr}
.cta-box{padding:3rem 1.5rem}
.gserv{grid-template-columns:repeat(2,1fr)}
.ko-g{gap:2rem}
}
@media(max-width:480px){
.hstats{grid-template-columns:repeat(3,1fr);gap:.6rem}
.hstat{padding:.8rem}
.sn{font-size:1.1rem}
.sl{font-size:.62rem}
.hbtns{flex-direction:column;align-items:center}
.btn-p,.btn-s{width:100%;justify-content:center}
.gserv{grid-template-columns:1fr 1fr}
}
</style>
</head>
<body>
<!-- BG ORBS -->
<div class="orb o1"></div>
<div class="orb o2"></div>
<div class="orb o3"></div>
<!-- NAV -->
<nav>
<div class="nav-w">
<a href="#hero" class="nav-logo">Marek <span>Kučera</span></a>
<ul class="nl">
<li><a href="#pribeh">Môj príbeh</a></li>
<li><a href="#projekty">Projekty</a></li>
<li><a href="#investovanie">Investovanie</a></li>
<li><a href="#cestovanie">Cestovanie</a></li>
<li><a href="#vzdelavanie">Vzdelávanie</a></li>
<li><a href="#kontakt" class="n-cta">Kontakt</a></li>
</ul>
<button class="hbg" id="hbg" aria-label="Menu">
<span></span><span></span><span></span>
</button>
</div>
</nav>
<div class="mob" id="mob">
<ul>
<li><a href="#pribeh" class="mn">Môj príbeh</a></li>
<li><a href="#projekty" class="mn">Projekty</a></li>
<li><a href="#investovanie" class="mn">Investovanie</a></li>
<li><a href="#cestovanie" class="mn">Cestovanie</a></li>
<li><a href="#vzdelavanie" class="mn">Vzdelávanie</a></li>
<li><a href="#kontakt" class="mn mc">Kontakt →</a></li>
</ul>
</div>
<!-- HERO -->
<section id="hero">
<div class="hg">
<div>
<div class="h-badge fi"><span class="dot"></span>Podnikateľ · Investor · CEO</div>
<h1 class="h-h fi" style="transition-delay:.1s">
Budujem.<br>
<span class="gtext">Investujem.</span><br>
Cestujem.
</h1>
<p class="h-sub fi" style="transition-delay:.2s">
Z technika v Telekome som sa vypracoval na CEO marketingovej agentúry Gaelta, majiteľa 21 investičných nehnuteľností na 4 kontinentoch a zakladateľa viacerých projektov. Toto je môj príbeh.
</p>
<div class="hbtns fi" style="transition-delay:.3s">
<a href="#pribeh" class="btn-p">Prečítaj môj príbeh →</a>
<a href="#kontakt" class="btn-s">Napíš mi</a>
</div>
<div class="hstats fi" style="transition-delay:.4s">
<div class="hstat">
<div class="sn">21</div>
<div class="sl">Investičných<br>nehnuteľností</div>
</div>
<div class="hstat">
<div class="sn">4+</div>
<div class="sl">Krajiny<br>investícií</div>
</div>
<div class="hstat">
<div class="sn">∞</div>
<div class="sl">Krajiny<br>cestovania</div>
</div>
</div>
</div>
<div class="hvis fi" style="transition-delay:.2s">
<div class="hvc">
<div class="hglow"></div>
<div class="hcard">
<div class="hinit">MK</div>
<div class="fb fb1">🏢 CEO @ Gaelta</div>
<div class="fb fb2">🏠 21 nehnuteľností</div>
<div class="fb fb3">✈️ Raja Ampat & more</div>
</div>
</div>
</div>
</div>
</section>
<!-- PRIBEH -->
<section id="pribeh">
<div class="wrap">
<div class="tag fi">Môj príbeh</div>
<h2 class="st fi" style="transition-delay:.1s">Od technika k <span class="gtext">CEO & investorovi</span></h2>
<p class="sdesc fi" style="transition-delay:.2s">Žiadna priama cesta. Veľa pádov, neúspechov, rojení a projektov. Presne tak to funguje v reálnom podnikaní.</p>
<div class="tl fi" style="transition-delay:.3s">
<div class="ti">
<div class="tdot"></div>
<div class="tyr">Začiatky</div>
<div class="tit">Škola, prvé pokusy & brigády</div>
<div class="ttxt">Ako každý — škola, drobné projekty, brigády, skúšanie rôznych vecí. MLM, matched betting, investičné pokusy. Každý neúspech bol lekcia.</div>
</div>
<div class="ti">
<div class="tdot"></div>
<div class="tyr">Prvá kariéra</div>
<div class="tit">Technik v Telekome</div>
<div class="ttxt">Stabilná práca, istý plat — ale pocit, že ma to neplní. Technické zručnosti, disciplína a poznanie korporátneho sveta zvnútra. Základ, ktorý využívam dodnes.</div>
</div>
<div class="ti">
<div class="tdot"></div>
<div class="tyr">Prvý biznis</div>
<div class="tit">MámeChuť – Appka & e-shop</div>
<div class="ttxt">Prvý väčší projekt — food-tech appka a e-shop. Veľa energie, veľa nadšenia, aj pár ojebaní a neúspechov. Ale z každej chyby som vyrástol.</div>
</div>
<div class="ti">
<div class="tdot"></div>
<div class="tyr">Zlom</div>
<div class="tit">Freelancing</div>
<div class="ttxt">Začal som pracovať pre klientov na vlastnú päsť. Marketing, tvorba webov, e-commerce. Sloboda, ale aj nestabilita. Pochopil som hodnotu svojho času.</div>
</div>
<div class="ti">
<div class="tdot"></div>
<div class="tyr">Dnes</div>
<div class="tit">Founder & CEO — Gaelta</div>
<div class="ttxt">Z freelancera sa stala full-service marketingová agentúra. Gaelta dnes pomáha firmám rásť online — od stratégie cez PPC až po tvorbu e-shopov. Tím, procesy, výsledky.</div>
</div>
<div class="ti">
<div class="tdot"></div>
<div class="tyr">Paralelne</div>
<div class="tit">21 investičných nehnuteľností</div>
<div class="ttxt">Dubaj, Egypt, Gruzínsko, Slovensko. Pasívny príjem z nehnuteľností ako základ finančnej slobody. Diverzifikácia cez trhy a meny.</div>
</div>
<div class="ti">
<div class="tdot"></div>
<div class="tyr">Čo ďalej?</div>
<div class="tit">LuxMotion.sk — zážitková požičovňa áut</div>
<div class="ttxt">Nový projekt v oblasti zážitkového prenájmu prémiových automobilov. Pretože podnikanie má byť aj zábava — a luxus dostupný pre každého.</div>
</div>
</div>
</div>
</section>
<!-- PROJEKTY -->
<section id="projekty">
<div class="wrap">
<div class="tag fi">Moje projekty</div>
<h2 class="st fi" style="transition-delay:.1s">To, čo <span class="gtext">budujem</span></h2>
<p class="sdesc fi" style="transition-delay:.2s">Každý projekt vznikol z potreby, príležitosti alebo jednoducho z nápadu, ktorý sa nedal ignorovať.</p>
<div class="pg fi" style="transition-delay:.3s">
<!-- GAELTA FEATURED -->
<a href="https://gaelta.com" target="_blank" rel="noopener" class="pc feat">
<div>
<div class="pico">🚀</div>
<div class="plbl">Hlavný projekt · Agentúra</div>
<div class="ptit">Gaelta — Full-service marketingová agentúra</div>
<div class="pdesc">Od stratégie a tvorby e-shopov cez PPC kampane až po SEO a social media. Gaelta je agentúra, ktorá myslí v číslach a doručuje výsledky. Partner pre firmy, ktoré chcú rásť online.</div>
<div class="ptags">
<span class="ptag">PPC & Ads</span>
<span class="ptag">E-commerce</span>
<span class="ptag">SEO</span>
<span class="ptag">Web dizajn</span>
<span class="ptag">Social Media</span>
<span class="ptag">Stratégia</span>
</div>
<div style="margin-top:1.3rem">
<span class="plink">Navštíviť gaelta.com →</span>
</div>
</div>
<div class="pvis">
<div class="ms"><span class="msl">Typ agentúry</span><span class="msv">Full-service</span></div>
<div class="ms"><span class="msl">Špecializácia</span><span class="msv">E-commerce & B2B</span></div>
<div class="ms"><span class="msl">Pôsobnosť</span><span class="msv">SK / CZ / Medzinárodne</span></div>
<div class="ms"><span class="msl">Platforma</span><span class="msv">Shoptet & custom riešenia</span></div>
</div>
</a>
<!-- MAREKKUCERA.SK -->
<a href="https://marekkucera.sk" class="pc">
<div class="pico">📚</div>
<div class="plbl">Vzdelávanie · Blog</div>
<div class="ptit">MarekKucera.sk — Vzdelávací portál</div>
<div class="pdesc">Články, návody a obsah zdarma o podnikaní, marketingu a investovaní. Členská sekcia s prémiovým obsahom a kurzami.</div>
<div class="ptags">
<span class="ptag">Obsah zadarmo</span>
<span class="ptag">Členská sekcia</span>
<span class="ptag">Kurzy</span>
</div>
</a>
<!-- LUXMOTION -->
<a href="https://luxmotion.sk" target="_blank" rel="noopener" class="pc">
<div class="pico">🏎️</div>
<div class="plbl">Nový projekt · Zážitky</div>
<div class="ptit">LuxMotion.sk — Zážitková požičovňa áut</div>
<div class="pdesc">Prémiové autá pre tých, ktorí chcú zažiť niečo výnimočné. Prenájom luxusných vozidiel — pretože zážitky sa pamätajú, veci nie.</div>
<div class="ptags">
<span class="ptag">Luxusné autá</span>
<span class="ptag">Zážitky</span>
<span class="ptag">Prenájom</span>
</div>
</a>
</div>
</div>
</section>
<!-- INVESTOVANIE -->
<section id="investovanie">
<div class="wrap">
<div class="tag fi">Investovanie</div>
<h2 class="st fi" style="transition-delay:.1s">Peniaze <span class="gtext">pracujú</span> za mňa</h2>
<p class="sdesc fi" style="transition-delay:.2s">Finančná sloboda nie je náhoda. Je to systém — diverzifikácia, správny timing a odvaha investovať tam, kde iní váhajú.</p>
<div class="ihero fi" style="transition-delay:.3s">
<div>
<div class="bnum">21</div>
<div class="blbl">investičných nehnuteľností na 4 trhoch</div>
<p style="font-size:.9rem;color:var(--muted);margin-top:1rem;line-height:1.75">Aktívne budujem portfólio nehnuteľností vo vybraných rastových trhoch. Každá nehnuteľnosť je premyslená investícia — s výnosom z prenájmu aj rastom hodnoty.</p>
</div>
<div class="ig">
<div class="lp">🇦🇪 Dubaj (UAE)</div>
<div class="lp">🇪🇬 Egypt</div>
<div class="lp">🇬🇪 Gruzínsko (Batumi)</div>
<div class="lp">🇸🇰 Slovensko</div>
</div>
</div>
<div class="inv-g fi" style="transition-delay:.4s">
<div class="ic">
<div class="iflag">🇦🇪</div>
<div class="iloc">Dubaj · UAE</div>
<div class="iti">Dubajský trh nehnuteľností</div>
<div class="idsc">Jeden z najrýchlejšie rastúcich trhov na svete. Nulová daň z príjmu, vysoké výnosy z prenájmu a globálna likvidita. Ideálne pre dlhodobé zhodnotenie kapitálu.</div>
</div>
<div class="ic">
<div class="iflag">🇪🇬</div>
<div class="iloc">Egypt</div>
<div class="iti">Egyptský nehnuteľnostný trh</div>
<div class="idsc">Emerging market s obrovským potenciálom. Rastúci turizmus, nízke vstupné ceny a silný dopyt po prenájmoch v prímestských oblastiach.</div>
</div>
<div class="ic">
<div class="iflag">🇬🇪</div>
<div class="iloc">Gruzínsko · Batumi</div>
<div class="iti">Batumi — čiernomorský Dubaj</div>
<div class="idsc">Najrýchlejšie sa rozvíjajúce letovisko v regióne. Výhodné dane, rastúci turizmus a dostupné ceny pri vstupe. Silný cash-flow z krátkodobého prenájmu.</div>
</div>
<div class="ic">
<div class="iflag">📈</div>
<div class="iloc">Portfólio · ETF</div>
<div class="iti">ETF & Finančné trhy</div>
<div class="idsc">Okrem nehnuteľností pravidelne investujem do ETF fondov. Pasívne investovanie do indexov ako základ diverzifikovaného portfólia a likvidná zložka majetku.</div>
</div>
</div>
</div>
</section>
<!-- CESTOVANIE -->
<section id="cestovanie">
<div class="wrap">
<div class="tag fi">Cestovanie</div>
<h2 class="st fi" style="transition-delay:.1s">Svet je <span class="gtext">príliš veľký</span> na sedenie doma</h2>
<p class="sdesc fi" style="transition-delay:.2s">Cestujem inak. Nie turistické destinácie, ale miesta, kde väčšina ľudí ani nevie, že existujú. Skutočné dobrodružstvá.</p>
<div class="cg fi" style="transition-delay:.3s">
<div class="cc">
<div class="cemi">🤿</div>
<div class="creg">Juhovýchodná Ázia · Highlight</div>
<div class="ctit">Raja Ampat & Indonézia</div>
<div class="cdsc">Raja Ampat — najbohatšia morská biodiverzita na planéte. Misool, vzdialené ostrovy, potápanie v miestach, kde ste len vy a príroda. K tomu Borneo, Sumatra, Sulawesi.</div>
<div class="ctags">
<span class="ctag">Raja Ampat</span>
<span class="ctag">Misool</span>
<span class="ctag">Borneo</span>
<span class="ctag">Sumatra</span>
<span class="ctag">Sulawesi</span>
</div>
</div>
<div class="cc">
<div class="cemi">🕌</div>
<div class="creg">Blízky Východ & Ázia</div>
<div class="ctit">Off the beaten path</div>
<div class="cdsc">Irak, vzdialené časti Ázie — destinácie, na ktoré ľudia pozerajú s otáznikmi. Práve tieto miesta sú najautentickejšie a najzaujímavejšie.</div>
<div class="ctags">
<span class="ctag">Irak</span>
<span class="ctag">Blízky Východ</span>
<span class="ctag">Thajsko</span>
</div>
</div>
<div class="cc">
<div class="cemi">🏙️</div>
<div class="creg">Investičné destinácie</div>
<div class="ctit">Dubaj · Egypt · Batumi</div>
<div class="cdsc">Destinácie, ktoré cestujem aj investujem. Dubaj ako globálny hub, Egypt s histériou a Batumi ako rastúci gem na Čiernom mori.</div>
<div class="ctags">
<span class="ctag">Dubaj</span>
<span class="ctag">Egypt</span>
<span class="ctag">Gruzínsko</span>
</div>
</div>
</div>
</div>
</section>
<!-- VZDELAVANIE -->
<section id="vzdelavanie">
<div class="wrap">
<div class="tag fi">Vzdelávanie</div>
<h2 class="st fi" style="transition-delay:.1s">Zdieľam to, čo <span class="gtext">naozaj funguje</span></h2>
<p class="sdesc fi" style="transition-delay:.2s">Nie teória z kníh, ale skúsenosti z praxe. Čo fungovalo, čo nie a čo by som urobil inak.</p>
<div class="edu-g fi" style="transition-delay:.3s">
<div class="edu-c">
<div class="edu-ico">📖</div>
<div class="edu-tit">Obsah zadarmo</div>
<div class="edu-dsc">Pravidelné články, tipy a návody o podnikaní, marketingu, investovaní a financiách. Bez bullshitu, rovno k veci.</div>
<div class="edu-feat">
<div class="ef"><span class="efc">✓</span>Marketing & e-commerce stratégie</div>
<div class="ef"><span class="efc">✓</span>Investovanie do nehnuteľností</div>
<div class="ef"><span class="efc">✓</span>Podnikateľské lekcie z praxe</div>
<div class="ef"><span class="efc">✓</span>Finančná nezávislosť</div>
</div>
<a href="#kontakt" class="btn-s" style="font-size:.85rem;padding:.7rem 1.5rem">Sledovať obsah</a>
</div>
<div class="edu-c">
<div class="edu-ico">🔐</div>
<div class="edu-tit">Prémiová členská sekcia</div>
<div class="edu-dsc">Prémiový obsah pre tých, ktorí chcú viac. Kurzy, case studies, konkrétne čísla a prístupy, ktoré využívam vo svojom biznise.</div>
<div class="edu-feat">
<div class="ef"><span class="efc">✓</span>Kompletné kurzy a videá</div>
<div class="ef"><span class="efc">✓</span>Konkrétne čísla z mojich investícií</div>
<div class="ef"><span class="efc">✓</span>Case studies z Gaelta kampaní</div>
<div class="ef"><span class="efc">✓</span>Komunita a Q&A</div>
</div>
<a href="https://marekkucera.sk" target="_blank" class="btn-p" style="font-size:.85rem;padding:.7rem 1.5rem">Vstúpiť do sekcie →</a>
</div>
</div>
</div>
</section>
<!-- CTA GAELTA -->
<section id="cta-gaelta">
<div class="wrap">
<div class="cta-box fi">
<span class="cta-pre">🚀 Full-service marketingová agentúra</span>
<h2 class="cta-h">Váš marketing má rásť.<br>My s tým vieme <span class="gtext">pomôcť.</span></h2>
<p class="cta-d">Gaelta je agentúra, ktorú som vybudoval z nuly. Vieme, čo funguje — pretože sme to sami prežili. PPC, SEO, e-shopy, weby, stratégia. Výsledky, nie výhovorky.</p>
<div class="cta-btns">
<a href="https://gaelta.com" target="_blank" rel="noopener" class="btn-p">Navštíviť Gaelta.com →</a>
<a href="https://gaelta.com" target="_blank" rel="noopener" class="btn-s">Nezáväzná konzultácia</a>
</div>
<div class="gserv">
<div class="gs"><span>🎯</span>PPC & Google Ads</div>
<div class="gs"><span>🛒</span>E-commerce & Shoptet</div>
<div class="gs"><span>🔍</span>SEO optimalizácia</div>
<div class="gs"><span>📱</span>Social Media</div>
</div>
</div>
</div>
</section>
<!-- KONTAKT -->
<section id="kontakt">
<div class="wrap">
<div class="tag fi">Kontakt</div>
<h2 class="st fi" style="transition-delay:.1s">Napíšte mi. <span class="gtext">Odpoviem.</span></h2>
<p class="sdesc fi" style="transition-delay:.2s">Máte projekt, otázku alebo nápad? Komunikujem priamo a k veci.</p>
<div class="ko-g fi" style="transition-delay:.3s">
<div class="kf">
<label>Vaše meno</label>
<input type="text" placeholder="Ján Novák">
<label>E-mail</label>
<input type="email" placeholder="jan@firma.sk">
<label>Správa</label>
<textarea rows="5" placeholder="O čom chcete hovoriť?"></textarea>
<button class="btn-p" style="width:100%;justify-content:center" onclick="handleForm(event)">Odoslať správu →</button>
<p id="fsuc" style="display:none;margin-top:1rem;color:var(--green);font-size:.88rem;text-align:center">✓ Správa odoslaná! Ozvem sa čoskoro.</p>
</div>
<div>
<div class="ki">
<div class="kic">
<div class="kiico">✉️</div>
<div>
<div class="kil">E-mail</div>
<div class="kiv"><a href="mailto:marek@gaelta.com">marek@gaelta.com</a></div>
</div>
</div>
<div class="kic">
<div class="kiico">🌐</div>
<div>
<div class="kil">Web agentúry</div>
<div class="kiv"><a href="https://gaelta.com" target="_blank">gaelta.com</a></div>
</div>
</div>
<div class="kic">
<div class="kiico">📍</div>
<div>
<div class="kil">Sídlo</div>
<div class="kiv">Novomestská 9514/9, Trnava</div>
</div>
</div>
</div>
<div class="legal-box">
<strong>Prevádzkovateľ webu:</strong><br>
Gaelta s. r. o.<br>
Novomestská ulica 9514/9, 917 01 Trnava<br>
IČO: 55966357 · DIČ: 2122141912<br>
IČ DPH: SK2122141912
</div>
</div>
</div>
</div>
</section>
<!-- FOOTER -->
<footer>
<div class="fw">
<a href="#hero" class="nav-logo" style="font-size:1rem">Marek <span>Kučera</span></a>
<div class="fnav">
<a href="#pribeh">Príbeh</a>
<a href="#projekty">Projekty</a>
<a href="#investovanie">Investovanie</a>
<a href="#cestovanie">Cestovanie</a>
<a href="#vzdelavanie">Vzdelávanie</a>
<a href="mailto:marek@gaelta.com">Kontakt</a>
</div>
<div class="fcopy">
© 2025 Marek Kučera · Gaelta s. r. o. |
Created by <a href="https://gaelta.com" target="_blank" rel="noopener">Gaelta</a>
</div>
</div>
</footer>
<script>
// MOBILE MENU
const hbg=document.getElementById("hbg");
const mob=document.getElementById("mob");
hbg.addEventListener("click",()=>{hbg.classList.toggle("open");mob.classList.toggle("open")});
document.querySelectorAll(".mn").forEach(a=>a.addEventListener("click",()=>{hbg.classList.remove("open");mob.classList.remove("open")}));
// INTERSECTION OBSERVER
const obs=new IntersectionObserver((entries)=>{entries.forEach(e=>{if(e.isIntersecting){e.target.classList.add("vis")}})},{threshold:.12});
document.querySelectorAll(".fi,.ti").forEach(el=>obs.observe(el));
// FORM
function handleForm(e){
e.preventDefault();
const n=document.querySelector("input[type=text]").value;
const em=document.querySelector("input[type=email]").value;
if(!n||!em){alert("Vyplňte prosím meno a e-mail.");return;}
document.getElementById("fsuc").style.display="block";
}
// NAV SCROLL
window.addEventListener("scroll",()=>{
const nav=document.querySelector("nav");
if(window.scrollY>50){nav.style.background="rgba(4,4,11,.85)"}
else{nav.style.background="rgba(4,4,11,.6)"}
});
</script>
</body>
</html>