Zavřít
elegantweb.agency

Poptávkový
formulář

Vyplňte poptávkový formulář a my se Vám brzy ozveme.

Jaký je váš rozpočet?

Web, o který se nemusíte starat

Váš web běží, my se staráme o to, aby fungoval perfektně každý den.

Chci cenový odhad

Proč si nás
lidé vybírají

ElegantWeb.cz odvedl skvělou práci. Výsledný web je nejen vizuálně povedený, ale zároveň nám pomohl promyslet si některé věci mnohem důkladněji. Díky tomu jsme došli k výsledku, který dává smysl a návštěvníci se v něm snadno zorientují. Oceňujeme profesionální přístup, trpělivost a opravdu kvalitní výsledek.

Tomáš Žatecký - recenze

Tomáš Žatecký

Puls

Oceňuji rychlou a bezproblémovou komunikaci, profesionální přístup a hlavně ochotu poradit v každém kroku spolupráce. Vše bylo srozumitelně vysvětleno, návrhy řešení dávaly smysl a celý proces probíhal velmi příjemně a bez zbytečného stresu. Výsledek přesně odpovídá mým představám a mohu spolupráci s klidným svědomím doporučit.

Petra pokorná - recenze

Petra Pokorná

Zdravý Pohyb Trutnov

Web, který
chátrá

Web, o který se nikdo nestará, postupně ztrácí výkon, bezpečnost i zákazníky. Problémy se neprojeví hned – ale o to víc bolí, když už je pozdě.

Zobrazit vše
Ikonka bariéry

Bezpečnostní rizika

Neaktualizovaný WordPress, pluginy nebo šablony jsou nejčastější vstupní brána pro útoky.

Hacky, malware nebo výpadky webu mohou přijít kdykoliv – a často bez varování. Pravidelná správa tyto rizika minimalizuje a drží web v bezpečí.

01
Ikonka bariéry

Pomalý a nefunkční web

Bez pravidelné údržby se web zpomaluje, začínají se objevovat chyby a některé funkce přestávají fungovat.

Výsledek? Horší uživatelský zážitek, nižší konverze a ztráta zákazníků, kteří odejdou ke konkurenci.

02
Ikonka bariéry

Zastaralý obsah

Web bez správy rychle zastarává – jak vizuálně, tak obsahově.

Neaktuální informace, ceny nebo nabídky snižují důvěryhodnost a působí neprofesionálně. Zákazník pak často ani nepošle poptávku.

03
Ikonka bariéry

Ztráta kontroly nad webem

Bez správy webu často nevíte, co se na něm děje – kdo ho aktualizuje, co se mění a jestli je vše správně nastavené.

Správa webu vám dává jistotu, že je vše pod kontrolou a funguje tak, jak má.

04

Kvalitní web
= kvalitní zadání

Proto začínáme vždy krátkou schůzkou, kde si ujasníme, co má váš web skutečně přinést.

Chci nezávaznou konzultaci

Poptávkový
formulář

Vyplňte poptávkový formulář a my se Vám brzy ozveme.

Jan FrydrychZakladatel
Jan Frydrych
Jaký je váš rozpočet?
<div class="hero">

  <h1 class="text">
    Web, který vás posune před konkurenci
  </h1>

  <div class="spotlight"></div>

</div>
.hero{
  position: relative;
}

/* TEXT = obrázek jen v textu */
.text{
  position: relative;
  font-weight: 900;
  text-align: center;
  z-index: 2;
  font-size: clamp(4.4rem, 2.765rem + 4.81vw, 12rem);

  background-image: url("https://elegantweb.agency/wp-content/uploads/2025/12/mockup-elegantweb.webp");
  background-size: cover;
  background-position: center;

  -webkit-background-clip: text;
  background-clip: text;

  -webkit-text-fill-color: transparent;
}

/* SPOTLIGHT VRSTVA (ODHALUJE ZBYTEK OBRÁZKU) */
.spotlight{
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;

  background-image: url("https://elegantweb.agency/wp-content/uploads/2025/12/mockup-elegantweb.webp");
  background-size: cover;
  background-position: center;

  /* default = nic neukazuje */
  -webkit-mask-image: radial-gradient(circle 0px at 50% 50%, black 0%, transparent 100%);
  mask-image: radial-gradient(circle 0px at 50% 50%, black 0%, transparent 100%);

  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
document.addEventListener('mousemove', (e) => {

  const hero = document.querySelector('.hero');
  const spotlight = document.querySelector('.spotlight');

  if (!hero || !spotlight) return;

  const rect = hero.getBoundingClientRect();

  const x = e.clientX - rect.left;
  const y = e.clientY - rect.top;

  const size = 180;

  const mask = `radial-gradient(circle ${size}px at ${x}px ${y}px,
    black 0%,
    black 40%,
    transparent 100%)`;

  spotlight.style.webkitMaskImage = mask;
  spotlight.style.maskImage = mask;
});