Web, který je opět pod kontrolou

Napadený web není konec. Je to problém, který rychle vyřešíme.

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ý

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á

Zdravý Pohyb Trutnov

Napadený
web škodí

Virus nebo malware na webu může poškodit SEO, důvěru zákazníků i samotný provoz webu. Čím déle problém trvá, tím větší škody způsobuje.

Zobrazit vše

Ztráta důvěry zákazníků

Pokud je web napadený, může zobrazovat varování ve vyhledávačích nebo antiviru.

To okamžitě snižuje důvěryhodnost a odrazuje návštěvníky.

Poškození SEO

Hacknuté weby mohou obsahovat spam odkazy nebo škodlivý kód, který negativně ovlivňuje pozice ve vyhledávačích.

Výsledek je pokles návštěvnosti a viditelnosti.

Ohrožení dat

Napadení webu může vést ke ztrátě nebo úniku citlivých dat.

Bez rychlého zásahu může být obnova složitá a nákladná.

Opakované útoky

Bez následného zabezpečení se web může stát opakovaným cílem útoků.

Proto nestačí jen odstranit problém – je nutné web také ochránit.

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.

+420 730 547 968

info@elegantweb.agency

Zakladatel
Jan Frydrych

<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;
});