From d5ef1bc1f67ba618040fdd5b67e764e3db129713 Mon Sep 17 00:00:00 2001
From: arrelin <arrelin54@mail.ru>
Date: Mon, 9 Mar 2026 12:49:41 +0300
Subject: [PATCH] front

---
 frontend/src/App.css               | 29 ++++++++++++++++-------------
 frontend/src/App.tsx               | 13 +++++++------
 frontend/src/components/Survey.css | 11 ++++++-----
 frontend/src/components/Survey.tsx | 18 +++++++++++++-----
 frontend/src/index.css             |  4 ++--
 5 files changed, 44 insertions(+), 31 deletions(-)

diff --git a/frontend/src/App.css b/frontend/src/App.css
index 69ba296..7165d5b 100644
--- a/frontend/src/App.css
+++ b/frontend/src/App.css
@@ -92,7 +92,7 @@
 
 .invite-time {
   font-family: 'Cormorant Garamond', serif;
-  font-size: 1.7rem;
+  font-size: 1.8rem;
   font-weight: 500;
   color: var(--pink);
   white-space: nowrap;
@@ -100,7 +100,8 @@
 }
 
 .invite-desc {
-  font-size: 1.3rem;
+  font-size: 1.5rem;
+  font-weight: 400;
   color: var(--text);
   line-height: 1.55;
 }
@@ -111,10 +112,12 @@
 }
 
 .invite-dresscode {
-  font-size: 0.95rem;
-  color: var(--text-muted);
-  line-height: 1.6;
+  font-family: 'Cormorant Garamond', serif;
+  font-size: clamp(1.2rem, 3vw, 1.5rem);
+  font-weight: 500;
   font-style: italic;
+  color: var(--text);
+  line-height: 1.6;
 }
 
 .invite-palette {
@@ -125,10 +128,10 @@
 
 .invite-palette span {
   display: block;
-  width: 2.5rem;
-  height: 2.5rem;
+  width: 3rem;
+  height: 3rem;
   border-radius: 50%;
-  box-shadow: 0 1px 4px rgba(0,0,0,0.12);
+  /*box-shadow: 0 0 0 rgba(0,0,0,0.12);*/
 }
 
 .invite-bottom {
@@ -140,9 +143,9 @@
 }
 
 .invite-cta-text {
-  font-size: 0.95rem;
-  color: var(--text-muted);
-  line-height: 1.6;
+  font-family: 'Cormorant Garamond', serif;
+  font-size: 1.2rem;
+  font-weight: 400;
 }
 
 .welcome-cta {
@@ -151,7 +154,7 @@
   background: var(--pink);
   color: #fff;
   border: none;
-  font-family: 'Montserrat', sans-serif;
+  font-family: 'Cormorant Garamond', serif;
   font-size: 0.75rem;
   font-weight: 500;
   letter-spacing: 0.2em;
@@ -232,7 +235,7 @@
   }
 
   .invite-dresscode {
-    font-size: 0.8rem;
+    font-size: 1.3rem;
   }
 
   .invite-palette span {
diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 8f96679..6ebb62d 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -36,7 +36,8 @@ export default function App() {
               <span className="invite-time">17:00</span>
               <span className="invite-desc">
                 Праздничный банкет<br />
-                <span className="invite-place">Ресторан «Беллисто», банкетный зал «Людовик»</span>
+                <span className="invite-place">Ресторан «Беллисто», банкетный зал «Людовик» <br/>
+                  ул. Генерала Жадова, д. 9А</span>
               </span>
             </div>
           </div>
@@ -49,11 +50,11 @@ export default function App() {
           </p>
 
           <div className="invite-palette">
-            <span style={{ background: '#E8C4C4' }} />
-            <span style={{ background: '#D4A0A0' }} />
-            <span style={{ background: '#C47A7A' }} />
-            <span style={{ background: '#A85C5C' }} />
-            <span style={{ background: '#8B3A3A' }} />
+            <span style={{ background: '#9CFCC1' }} />
+            <span style={{ background: '#A7E7FE' }} />
+            <span style={{ background: '#F5FEAA' }} />
+            <span style={{ background: '#FFBCD8' }} />
+            <span style={{ background: '#FFB9FF' }} />
           </div>
 
           <div className="invite-bottom">
diff --git a/frontend/src/components/Survey.css b/frontend/src/components/Survey.css
index 7a72ffd..350fd79 100644
--- a/frontend/src/components/Survey.css
+++ b/frontend/src/components/Survey.css
@@ -15,9 +15,9 @@
 }
 
 .survey-label {
-  font-family: 'Montserrat', sans-serif;
-  font-size: 1.1rem;
-  font-weight: 500;
+  font-family: 'Cormorant Garamond', serif;
+  font-size: 1.4rem;
+  font-weight: 600;
   letter-spacing: 0.03em;
   color: var(--text-muted);
 }
@@ -28,7 +28,8 @@
   border-bottom: 1.5px solid rgba(164, 90, 90, 0.25);
   padding: 0.6rem 0;
   font-family: 'Cormorant Garamond', serif;
-  font-size: 1.2rem;
+  font-size: 1.4rem;
+  font-weight: 400;
   color: var(--text);
   outline: none;
   transition: border-color 0.25s;
@@ -97,7 +98,7 @@
   background: var(--pink);
   color: #fff;
   border: none;
-  font-family: 'Montserrat', sans-serif;
+  font-family: 'Cormorant Garamond', serif;
   font-size: 0.75rem;
   font-weight: 500;
   letter-spacing: 0.2em;
diff --git a/frontend/src/components/Survey.tsx b/frontend/src/components/Survey.tsx
index 1ac8630..afb15ad 100644
--- a/frontend/src/components/Survey.tsx
+++ b/frontend/src/components/Survey.tsx
@@ -1,4 +1,4 @@
-import { useState } from 'react'
+import { useState, useRef, useEffect } from 'react'
 import './Survey.css'
 
 interface FormData {
@@ -22,6 +22,14 @@ export default function Survey() {
     partnerFood: '',
   })
 
+  const partnerRef = useRef<HTMLDivElement>(null)
+
+  useEffect(() => {
+    if (form.withPartner && partnerRef.current) {
+      partnerRef.current.scrollIntoView({ behavior: 'smooth', block: 'start' })
+    }
+  }, [form.withPartner])
+
   const [submitted, setSubmitted] = useState(false)
   const [loading, setLoading] = useState(false)
   const [error, setError] = useState<string | null>(null)
@@ -109,9 +117,9 @@ export default function Survey() {
       </div>
 
       {form.withPartner && (
-        <div className="survey-partner">
+        <div className="survey-partner" ref={partnerRef}>
           <div className="survey-field">
-            <label className="survey-label">Фамилия и имя вашей пары</label>
+            <label className="survey-label">Фамилия и имя партнера</label>
             <input
               className="survey-input"
               type="text"
@@ -122,7 +130,7 @@ export default function Survey() {
           </div>
 
           <div className="survey-field">
-            <label className="survey-label">Предпочтения вашей пары по алкоголю</label>
+            <label className="survey-label">Предпочтения по алкоголю вашего партнера</label>
             <input
               className="survey-input"
               type="text"
@@ -132,7 +140,7 @@ export default function Survey() {
           </div>
 
           <div className="survey-field">
-            <label className="survey-label">Какую еду не ест ваша пара?</label>
+            <label className="survey-label">Какую еду не ест ваш партнер</label>
             <input
               className="survey-input"
               type="text"
diff --git a/frontend/src/index.css b/frontend/src/index.css
index 59e9b39..d92353e 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -1,4 +1,4 @@
-@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Montserrat:wght@300;400;500&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap');
 
 *, *::before, *::after {
   box-sizing: border-box;
@@ -25,7 +25,7 @@ body {
   padding: 0;
   background: var(--cream);
   color: var(--text);
-  font-family: 'Montserrat', sans-serif;
+  font-family: 'Cormorant Garamond', serif;
   font-weight: 300;
   -webkit-font-smoothing: antialiased;
 }