Update theme colors

Merge version_2 into main

src/app/contact/page.tsx

@@ -2,12 +2,11 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 
-export default function LandingPage() {
+export default function ContactPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="expand-hover"
@@ -25,79 +24,34 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Shop",
-          id: "/shop",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
+        { name: "Home", id: "/" },
+        { name: "Shop", id: "/shop" },
+        { name: "About", id: "/about" },
+        { name: "Contact", id: "/contact" },
       ]}
       brandName="DOCLCINI"
     />
   </div>
 
   <div id="contact-info" data-section="contact-info">
-      <ContactCenter
+      <ContactSplit
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Visit Us"
-      title="We are located in Al-Dajeej"
-      description="Connect with our café team today."
-    />
-  </div>
-
-  <div id="metric" data-section="metric">
-      <MetricCardEleven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Connect With Us"
-      description="We are available for private events and catering."
-      metrics={[
-        {
-          id: "c1",
-          value: "24/7",
-          title: "Support",
-          description: "Always here to help",
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-businesswoman-with-laptop-cosy-coffee-shop_23-2147989647.jpg",
-        },
-        {
-          id: "c2",
-          value: "10 min",
-          title: "Response",
-          description: "Swift booking process",
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-girl-talking-phone_158595-1007.jpg",
-        },
-      ]}
+      title="DOCLCINI CAFE"
+      description="7X77+2HP Homz Mall, Street -79, Al-Dajeej 85000. Our cafe offers a luxury environment for your coffee and pastry experience. We take pride in our artisan blends and hand-crafted sweets. Customer satisfaction is our top priority, and we invite you to experience the finest hospitality in Kuwait."
+      imageSrc="http://img.b2bpic.net/free-photo/stylish-businesswoman-with-laptop-cosy-coffee-shop_23-2147989647.jpg"
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="DOCLCINI"
-      leftLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Terms of Service",
-        href: "#",
-      }}
+      leftLink={{ text: "Privacy Policy", href: "#" }}
+      rightLink={{ text: "Terms of Service", href: "#" }}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fcfaf7;
+  --background: #f5f5f5;
   --card: #ffffff;
-  --foreground: #2b180a;
-  --primary-cta: #8b5a2b;
-  --primary-cta-text: #ffffff;
+  --foreground: #1c1c1c;
+  --primary-cta: #1c1c1c;
+  --primary-cta-text: #f5f5f5;
   --secondary-cta: #ffffff;
-  --secondary-cta-text: #2b180a;
-  --accent: #d4c5b9;
-  --background-accent: #e6dcd3;
+  --secondary-cta-text: #1c1c1c;
+  --accent: #e63946;
+  --background-accent: #e8bea8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);