Update src/app/styles/variables.css

Merge version_3 into main

src/app/page.tsx

@@ -2,9 +2,9 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
@@ -12,7 +12,7 @@ import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
-import { User } from "lucide-react";
+import { User, MapPin, Phone, Clock } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -50,7 +50,7 @@ export default function LandingPage() {
         variant: "gradient-bars"}}
       title="Естетика та професіоналізм"
       description="Ваш шлях до досконалості та гармонії через преміальний догляд та професійні косметологічні процедури."
-      tag="Преміум догляд • Естетика • Львів"
+      tag="Преміум догляд • Естетика • Київ"
       buttons={[
         { text: "Записатися", href: "#contact-form" },
         { text: "Консультація", href: "https://t.me/example" },
@@ -114,9 +114,10 @@ export default function LandingPage() {
       testimonials={[
         { id: "t1", name: "Анна", handle: "@anna", testimonial: "Найкращий догляд у місті, результат видно одразу!", imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?q=80&w=200&auto=format&fit=crop" },
         { id: "t2", name: "Вікторія", handle: "@vika", testimonial: "Дуже приємна атмосфера та справжні професіонали.", imageSrc: "https://images.unsplash.com/photo-1544005313-94ddf0286df2?q=80&w=200&auto=format&fit=crop" },
+        { id: "t3", name: "Олена", handle: "@olena", testimonial: "Результати перевершили очікування, рекомендую!", imageSrc: "https://images.unsplash.com/photo-1534528741775-53994a69daeb?q=80&w=200&auto=format&fit=crop" },
       ]}
       title="Відгуки"
-      description="Наші клієнти про результати"
+      description="Що кажуть наші клієнти"
     />
   </div>
 
@@ -138,15 +139,16 @@ export default function LandingPage() {
   </div>
 
   <div id="contact-form" data-section="contact-form">
-      <ContactSplit
+      <ContactSplitForm
       useInvertedBackground={true}
-      background={{ variant: "plain" }}
-      tag="Запис"
       title="Записатися на візит"
-      description="Залиште ваші контакти для консультації"
+      description="Напишіть нам, і ми підберемо найкращий час"
-      mediaAnimation="slide-up"
+      inputs={[
-      mediaPosition="right"
+        { name: "name", type: "text", placeholder: "Ваше ім'я", required: true },
-      buttonText="Відправити"
+        { name: "email", type: "email", placeholder: "Ваш email або телефон", required: true },
+      ]}
+      textarea={{ name: "message", placeholder: "Ваші побажання щодо процедур", rows: 4 }}
+      buttonText="Відправити заявку"
       imageSrc="https://images.unsplash.com/photo-1522335789203-aabd1fc54bc9?q=80&w=1200&auto=format&fit=crop"
     />
   </div>
@@ -157,23 +159,19 @@ export default function LandingPage() {
       title="Контакти"
       tag="Зв'язок"
       metrics={[
-        { id: "m1", value: "+38 099 000 00 00", description: "Телефон" },
+        { id: "m1", value: "+38 044 123 45 67", description: "Телефон" },
-        { id: "m2", value: "10:00–20:00", description: "Графік" },
+        { id: "m2", value: "10:00–20:00", description: "Графік роботи" },
-        { id: "m3", value: "Львів, Центр", description: "Адреса" },
+        { id: "m3", value: "м. Київ, вул. Хрещатик, 1", description: "Адреса студії" },
       ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterMedia
+      <FooterLogoReveal
-      imageSrc="https://images.unsplash.com/photo-1560750588-73207b1ef5b8?q=80&w=800&auto=format&fit=crop"
       logoText="Cosmetique Studio"
-      columns={[
+      leftLink={{ text: "Privacy Policy", href: "#" }}
-        { title: "Навігація", items: [{ label: "Послуги", href: "#services" }, { label: "Ціни", href: "#pricing" }] },
+      rightLink={{ text: "Terms of Service", href: "#" }}
-        { title: "Соціальні", items: [{ label: "Instagram", href: "#" }, { label: "Telegram", href: "#" }] },
+      className="bg-background"
-      ]}
-      copyrightText="© 2025 Cosmetique Studio"
-      imageAlt="professional skincare"
     />
   </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -10,12 +10,12 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fbfbf7;
+  --background: #fdfcf9;
-  --card: #f0ede8;
+  --card: #f6f3f0;
   --foreground: #3a3430;
   --primary-cta: #8c7b70;
   --primary-cta-text: #FFFFFF;
-  --secondary-cta: #d5cdc7;
+  --secondary-cta: #fdfcf9;
   --secondary-cta-text: #FFFFFF;
   --accent: #c6bcae;
   --background-accent: #e8e1d9;