From 875d66eb0b87a50ec177366c1dd497178cb8e9b3 Mon Sep 17 00:00:00 2001 From: Tolganay Date: Mon, 17 Aug 2026 11:45:38 +0000 Subject: [PATCH] =?UTF-8?q?=D0=9E=D0=BF=D1=83=D0=B1=D0=BB=D0=B8=D0=BA?= =?UTF-8?q?=D0=BE=D0=B2=D0=B0=D0=BD=D0=BE=20=D1=87=D0=B5=D1=80=D0=B5=D0=B7?= =?UTF-8?q?=20=D0=BA=D0=BD=D0=BE=D0=BF=D0=BA=D1=83?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 218 +++++++++++++++++++++++++++++++++-------------------- 1 file changed, 136 insertions(+), 82 deletions(-) diff --git a/index.html b/index.html index fc4b3b0..65f4741 100644 --- a/index.html +++ b/index.html @@ -12,60 +12,110 @@ *{box-sizing:border-box;margin:0;padding:0} body{font:17px/1.6 'Manrope',-apple-system,BlinkMacSystemFont,sans-serif;color:var(--ink);background:var(--cream)} .container{max-width:1140px;margin:0 auto;padding:0 24px} -.hero{background:linear-gradient(135deg,var(--wine-dark),var(--wine));color:var(--cream);padding:100px 24px;text-align:center} -.hero h1{font:'Lobster',cursive;font-size:72px;margin-bottom:16px;color:var(--gold)} -.hero p{font-size:22px;opacity:0.9;max-width:600px;margin:0 auto 24px} -.hero .address{font-size:18px;opacity:0.8;margin-bottom:32px} -.hero .phone{font-size:24px;font-weight:700;color:var(--gold)} -.qr-section{background:var(--wine);padding:60px 24px;text-align:center} -.qr-section h2{font:'Lobster',cursive;font-size:42px;color:var(--gold);margin-bottom:24px} -.qr-card{background:var(--cream);border-radius:16px;padding:40px;max-width:400px;margin:0 auto;box-shadow:0 10px 40px rgba(0,0,0,0.3)} -.qr-code{width:280px;height:280px;margin:0 auto 24px;background:white;padding:16px;border-radius:8px} + +.hero{background:linear-gradient(135deg,var(--wine-dark),var(--wine));color:var(--cream);padding:120px 24px;text-align:center;position:relative;overflow:hidden} +.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('https://picsum.photos/seed/georgia1/1920/1080') center/cover;opacity:0.15;animation:slowZoom 30s ease-in-out infinite} +@keyframes slowZoom{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}} +.hero-content{position:relative;z-index:2;max-width:800px;margin:0 auto} +.hero h1{font:'Lobster',cursive;font-size:84px;margin-bottom:16px;color:var(--gold);text-shadow:2px 2px 8px rgba(0,0,0,0.5);animation:fadeInDown 1s ease} +@keyframes fadeInDown{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}} +.hero p{font-size:24px;opacity:0.95;margin-bottom:24px;animation:fadeIn 1.5s ease} +@keyframes fadeIn{from{opacity:0}to{opacity:1}} +.hero .decorative-line{width:200px;height:3px;background:var(--gold);margin:32px auto;animation:expandWidth 2s ease} +@keyframes expandWidth{from{width:0}to{width:200px}} +.hero .address{font-size:20px;opacity:0.9;margin-bottom:16px;display:flex;align-items:center;justify-content:center;gap:12px} +.hero .phone{font-size:28px;font-weight:700;color:var(--gold);margin-top:24px;display:inline-block;padding:16px 32px;background:rgba(201,169,97,0.15);border:2px solid var(--gold);border-radius:50px;transition:all 0.3s} +.hero .phone:hover{background:var(--gold);color:var(--wine-dark);transform:scale(1.05)} +.hero-features{display:flex;justify-content:center;gap:32px;margin-top:48px;flex-wrap:wrap} +.hero-feature{background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);padding:20px 28px;border-radius:16px;border:1px solid rgba(255,255,255,0.2);animation:fadeInUp 1.5s ease backwards} +.hero-feature:nth-child(1){animation-delay:0.3s} +.hero-feature:nth-child(2){animation-delay:0.5s} +.hero-feature:nth-child(3){animation-delay:0.7s} +@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}} +.hero-feature span{font-size:32px;display:block;margin-bottom:8px} +.hero-feature p{font-size:14px;opacity:0.9} + +.qr-section{background:linear-gradient(135deg,var(--wine),var(--wine-dark));padding:80px 24px;text-align:center} +.qr-section h2{font:'Lobster',cursive;font-size:48px;color:var(--gold);margin-bottom:32px} +.qr-card{background:var(--cream);border-radius:20px;padding:48px;max-width:420px;margin:0 auto;box-shadow:0 20px 60px rgba(0,0,0,0.4);border:3px solid var(--gold)} +.qr-code{width:300px;height:300px;margin:0 auto 28px;background:white;padding:20px;border-radius:12px;box-shadow:inset 0 0 20px rgba(0,0,0,0.1)} .qr-code img{width:100%;height:100%;object-fit:contain} -.qr-text{font-size:18px;font-weight:600;color:var(--wine)} -.menu-section{padding:80px 24px} -.menu-section h2{font:'Lobster',cursive;font-size:48px;text-align:center;margin-bottom:16px;color:var(--wine)} -.menu-section .subtitle{text-align:center;font-size:20px;color:var(--gray);margin-bottom:48px} -.category{margin-bottom:60px} -.category h3{font-size:28px;font-weight:700;color:var(--wine);margin-bottom:24px;border-bottom:2px solid var(--gold);padding-bottom:12px;display:inline-block} -.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px} -.menu-item{background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.08);transition:transform 0.3s} -.menu-item:hover{transform:translateY(-4px)} -.menu-item img{width:100%;height:200px;object-fit:cover} -.menu-item-content{padding:20px} -.menu-item h4{font-size:20px;font-weight:700;margin-bottom:8px;color:var(--ink)} -.menu-item .desc{font-size:14px;color:var(--gray);margin-bottom:12px;line-height:1.5} -.menu-item .price-row{display:flex;justify-content:space-between;align-items:center;margin-top:12px} -.menu-item .price{font-size:22px;font-weight:700;color:var(--wine)} -.menu-item .currency{font-size:14px;color:var(--gray)} -.service-notice{background:var(--wine-dark);color:var(--cream);padding:40px 24px;text-align:center} -.service-notice p{font-size:18px;max-width:600px;margin:0 auto} -.service-notice .highlight{color:var(--gold);font-weight:700;font-size:22px} -.footer{background:var(--ink);color:var(--cream);padding:60px 24px;text-align:center} -.footer h3{font:'Lobster',cursive;font-size:32px;color:var(--gold);margin-bottom:24px} -.footer p{margin-bottom:12px;font-size:18px} -.footer .contact{font-size:20px;font-weight:600;color:var(--gold);margin:20px 0} -@media(max-width:768px){.hero h1{font-size:42px}.hero p{font-size:18px}.menu-section h2{font-size:36px}.menu-grid{grid-template-columns:1fr}.qr-code{width:220px;height:220px}} +.qr-text{font-size:20px;font-weight:600;color:var(--wine);line-height:1.5} + +.menu-section{padding:100px 24px;max-width:1200px;margin:0 auto} +.menu-section h2{font:'Lobster',cursive;font-size:56px;text-align:center;margin-bottom:16px;color:var(--wine)} +.menu-section .subtitle{text-align:center;font-size:20px;color:var(--gray);margin-bottom:64px} +.category{margin-bottom:80px;scroll-margin-top:20px} +.category h3{font-size:32px;font-weight:700;color:var(--wine);margin-bottom:32px;padding-bottom:16px;border-bottom:3px solid var(--gold);display:inline-block;position:relative} +.category h3::after{content:'';position:absolute;bottom:-3px;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--gold),transparent)} +.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px} +.menu-item{background:white;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,0.1);transition:all 0.3s ease;cursor:pointer} +.menu-item:hover{transform:translateY(-8px);box-shadow:0 16px 40px rgba(0,0,0,0.15)} +.menu-item img{width:100%;height:220px;object-fit:cover;transition:transform 0.3s} +.menu-item:hover img{transform:scale(1.08)} +.menu-item-content{padding:24px} +.menu-item h4{font-size:20px;font-weight:700;margin-bottom:10px;color:var(--ink)} +.menu-item .desc{font-size:14px;color:var(--gray);margin-bottom:16px;line-height:1.6} +.menu-item .price-row{display:flex;justify-content:space-between;align-items:center} +.menu-item .price{font-size:24px;font-weight:700;color:var(--wine)} +.menu-item .currency{font-size:14px;color:var(--gray);margin-left:4px} + +.service-notice{background:linear-gradient(135deg,var(--wine-dark),var(--wine));color:var(--cream);padding:60px 24px;text-align:center} +.service-notice p{font-size:20px;max-width:600px;margin:0 auto 12px} +.service-notice .highlight{color:var(--gold);font-weight:700;font-size:28px;display:block;margin-top:12px} + +.footer{background:var(--ink);color:var(--cream);padding:80px 24px;text-align:center} +.footer h3{font:'Lobster',cursive;font-size:40px;color:var(--gold);margin-bottom:32px} +.footer p{margin-bottom:16px;font-size:18px} +.footer .contact{font-size:22px;font-weight:600;color:var(--gold);margin:24px 0;display:flex;align-items:center;justify-content:center;gap:12px} +.footer .contact a{color:inherit;text-decoration:none;transition:opacity 0.3s} +.footer .contact a:hover{opacity:0.8} +.footer-hours{margin-top:40px;padding-top:40px;border-top:1px solid rgba(255,255,255,0.1);opacity:0.7} + +@media(max-width:768px){ +.hero h1{font-size:48px}.hero p{font-size:18px} +.menu-section h2{font-size:40px}.menu-grid{grid-template-columns:1fr} +.qr-code{width:240px;height:240px}.hero-features{flex-direction:column;align-items:center} +}
-
+

🍷 Генацвале

+

Ресторан настоящей грузинской кухни в сердце Астаны

-

📍 г.Астана, ул.Достык 16

-

📞 7083011539

+

Гостеприимство как искусство, вкус как традиция

+
+📍 +г.Астана, ул.Достык 16 +
+
+
+🔥 +

Мангал
ежедневно

+
+
+🍷 +

Винная
карта

+
+
+🎵 +

Живая
музыка

+
+
+📞 7083011539
-

Меню онлайн

+

📱 Меню онлайн

-QR код меню +QR код меню
-

Наведите камеру, чтобы открыть меню на телефоне

+

Наведите камеру смартфона,
чтобы открыть меню

@@ -75,11 +125,11 @@ body{font:17px/1.6 'Manrope',-apple-system,BlinkMacSystemFont,sans-serif;color:v

🍽 Наше Меню

Все цены указаны в тенге (₸)

-
+

🥗 Салаты