Update src/app/styles/variables.css

Merge version_2 into main

src/app/page.tsx

@@ -4,14 +4,13 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
-import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
-import { Facebook, Instagram, MapPin } from "lucide-react";
+import { MapPin } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -211,7 +210,7 @@ export default function LandingPage() {
           imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-holding-tray-muffins-counter_107420-12317.jpg",          imageAlt: "Анна Сидоренко"},
       ]}
       title="Що Кажуть Наші Гості"
-      description="Справжні відгуки, що зігрівають серце і підтверджують нашу пристрасть до випічки та гостинності."
+      description="Завітайте до ХЛІБАР, де свіжоспечений хліб, ароматна кава та вишукані десерти створюють теплу атмосферу. Наші дружні співробітники та якість ручної роботи залишать найкращі враження!"
       tagAnimation="none"
       buttonAnimation="none"
     />
@@ -251,33 +250,27 @@ export default function LandingPage() {
         variant: "plain"}}
       tag="Зв'яжіться з Нами"
       title="Завітайте до ХЛІБАР"
-      description="Ми чекаємо на вас за адресою: вул. Жилянська, 55, Київ, Україна. Працюємо щодня з 08:00 до 21:00."
-      inputPlaceholder="Ваш запит"
-      buttonText="Надіслати"
-      termsText="Ваш запит буде оброблено згідно з нашою політикою конфіденційності."
+      description="Ми чекаємо на вас за адресою: вул. Жилянська, 55, Київ, Україна. Працюємо щодня з 08:00 до 21:00. Щоб прокласти маршрут, відвідайте: https://www.google.com/maps/dir/?api=1&destination=%D0%B2%D1%83%D0%BB.+%D0%96%D0%B8%D0%BB%D1%8F%D0%BD%D1%81%D1%8C%D0%BA%D0%B0,+55,+%D0%9A%D0%B8%D1%97%D0%B2,+%D0%A3%D0%BA%D1%80%D0%B0%D1%97%D0%BD%D0%B0. Щоб зателефонувати нам: +38 (044) 123 45 67."
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterCard
-      logoSrc="http://img.b2bpic.net/free-vector/fresh-bakery-pastry-shop-logo-vector_53876-79950.jpg"
-      logoAlt="ХЛІБАР Logo"
-      logoText="ХЛІБАР"
-      copyrightText="© 2024 ХЛІБАР. Всі права захищені."
-      socialLinks={[
-        {
-          icon: Instagram,
-          href: "https://instagram.com/khlibar",          ariaLabel: "Instagram"},
-        {
-          icon: Facebook,
-          href: "https://facebook.com/khlibar",          ariaLabel: "Facebook"},
-        {
-          icon: MapPin,
-          href: "#contact",          ariaLabel: "Location"},
-      ]}
+      <ContactCenter
+      useInvertedBackground={false}
+      background={{
+        variant: "plain"}}
+      tag="Де нас знайти"
+      tagIcon={MapPin}
+      title="Ваша подорож до світу смаку починається тут!"
+      description={`
+            <p><strong>Адреса:</strong> вул. Жилянська, 55, Київ, Україна</p>
+            <p><strong>Години роботи:</strong> Щодня з 08:00 до 21:00</p>
+            <p><strong><a href="https://www.google.com/maps/dir/?api=1&destination=%D0%B2%D1%83%D0%BB.+%D0%96%D0%B8%D0%BB%D1%8F%D0%BD%D1%81%D1%8C%D0%BA%D0%B0,+55,+%D0%9A%D0%B8%D1%97%D0%B2,+%D0%A3%D0%BA%D1%80%D0%B0%D1%97%D0%BD%D0%B0" target="_blank" rel="noopener noreferrer">Прокласти маршрут на Google Картах</a></strong></p>
+            <p><strong><a href="tel:+380441234567">Зателефонувати нам: +38 (044) 123 45 67</a></strong></p>
+        `}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/base.css

@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-public-sans), sans-serif;
+  font-family: var(--font-libre-baskerville), serif;
 }

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0B0B0B;
+  --background: #000000;
   --card: #1a1a1a;
-  --foreground: #f5f5f5;
-  --primary-cta: #F59E0B;
-  --primary-cta-text: #0B0B0B;
-  --secondary-cta: #333333;
-  --secondary-cta-text: #f5f5f5;
-  --accent: #F59E0B;
-  --background-accent: #222222;
+  --foreground: #ffffff;
+  --primary-cta: #e34400;
+  --primary-cta-text: #ffffff;
+  --secondary-cta: #010101;
+  --secondary-cta-text: #ffffff;
+  --accent: #ff7b05;
+  --background-accent: #e34400;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);