Merge version_3 into main

Merge version_3 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 (
@@ -256,22 +255,19 @@ export default function LandingPage() {
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterCard
+      <ContactCenter
-      logoSrc="http://img.b2bpic.net/free-vector/fresh-bakery-pastry-shop-logo-vector_53876-79950.jpg"
+      useInvertedBackground={false}
-      logoAlt="ХЛІБАР Logo"
+      background={{
-      logoText="ХЛІБАР"
+        variant: "plain"}}
-      copyrightText="© 2024 ХЛІБАР. Всі права захищені."
+      tag="Де нас знайти"
-      socialLinks={[
+      tagIcon={MapPin}
-        {
+      title="Ваша подорож до світу смаку починається тут!"
-          icon: Instagram,
+      description={`
-          href: "https://instagram.com/khlibar",          ariaLabel: "Instagram"},
+            <p><strong>Адреса:</strong> вул. Жилянська, 55, Київ, Україна</p>
-        {
+            <p><strong>Години роботи:</strong> Щодня з 08:00 до 21:00</p>
-          icon: Facebook,
+            <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>
-          href: "https://facebook.com/khlibar",          ariaLabel: "Facebook"},
+            <p><strong><a href="tel:+380441234567">Зателефонувати нам: +38 (044) 123 45 67</a></strong></p>
-        {
+        `}
-          icon: MapPin,
-          href: "#contact",          ariaLabel: "Location"},
-      ]}
     />
   </div>
       </ReactLenis>

src/app/styles/variables.css

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