redi/astro_avtourist
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Новые правки

Browse source
This commit is contained in:
Web-serfer 2026-04-15 23:29:28 +05:00
parent eb5ce90de6
commit d34ba48a91
1 changed files with 11 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

13
frontend/src/components/home/Hero.astro
View file

@ -13,6 +13,7 @@ const lawyerImageUrl = "/images/home/avtourist-surgut.avif";
--- ---
<section class="hero-section"> <section class="hero-section">
<img src={bgImageUrl} alt="" class="hero-bg-image" fetchpriority="high" decoding="async" />
<div class="hero-overlay"></div> <div class="hero-overlay"></div>
<div class="site-container hero-grid"> <div class="site-container hero-grid">
@ -67,14 +68,14 @@ const lawyerImageUrl = "/images/home/avtourist-surgut.avif";
}); });
</script> </script>
<style define:vars={{ bgImageUrl: `url("${bgImageUrl}")` }}> <style>
.hero-section { .hero-section {
position: relative; position: relative;
width: 100%; width: 100%;
min-height: 100vh; min-height: 100vh;
display: flex; display: flex;
align-items: center; align-items: center;
background-image: var(--bgImageUrl); background-image: url("/images/home/bg_hero.avif");
background-size: cover; background-size: cover;
background-position: center; background-position: center;
@ -84,6 +85,14 @@ const lawyerImageUrl = "/images/home/avtourist-surgut.avif";
overflow: hidden; overflow: hidden;
} }
.hero-bg-image {
position: absolute;
width: 1px;
height: 1px;
opacity: 0;
pointer-events: none;
}
.hero-overlay { .hero-overlay {
position: absolute; position: absolute;
top: 0; left: 0; width: 100%; height: 100%; top: 0; left: 0; width: 100%; height: 100%;