Update src/app/page.tsx

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
@@ -39,7 +39,7 @@ export default function LandingPage() {
         {
           name: "Галерея",          id: "/gallery"},
         {
-          name: "Контакти",          id: "/contacts"},
+          name: "Контакти",          id: "#contact"},
       ]}
       brandName="Pizzeria Daniel"
       button={{
@@ -147,11 +147,17 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
+      <ContactCenter
-      text="Залишилися питання? Зв'яжіться з нами!"
+      tag="Зв'яжіться з нами"
+      title="Залишилися питання?"
+      description="Ми завжди раді відповісти на ваші запитання та допомогти з бронюванням або замовленням."
       useInvertedBackground={false}
       background={{
         variant: "plain"}}
+      inputPlaceholder="Ваш email"
+      buttonText="Відправити"
+      termsText="Натискаючи 'Відправити', ви погоджуєтесь з нашою Політикою конфіденційності."
+      onSubmit={() => console.log("Form submitted")}
     />
   </div>
 
@@ -180,7 +186,7 @@ export default function LandingPage() {
             {
               label: "Галерея",              href: "/gallery"},
             {
-              label: "Контакти",              href: "/contacts"},
+              label: "Контакти",              href: "#contact"},
           ],
         },
         {

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fafffb;
+  --background: #0a0a0a;
-  --card: #ffffff;
+  --card: #1a1a1a;
-  --foreground: #001a0a;
+  --foreground: #f5f5f5;
-  --primary-cta: #0a705f;
+  --primary-cta: #ffdf7d;
-  --primary-cta-text: #fafffb;
+  --primary-cta-text: #0a0a0a;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #1a1a1a;
-  --secondary-cta-text: #001a0a;
+  --secondary-cta-text: #ffffff;
-  --accent: #a8d9be;
+  --accent: #b8860b;
-  --background-accent: #6bbfb8;
+  --background-accent: #8b6914;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);