Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -2,9 +2,9 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
@@ -96,27 +96,24 @@ export default function LandingPage() {
         </div>
 
         <div id="contact" data-section="contact">
-          <ContactSplitForm
+          <ContactCenter
+            tag="Get In Touch"
             title="Request a Private Service"
             description="Whether it's an intimate dinner or a full event, let's craft the perfect menu for your occasion."
-            inputs={[
+            background={{ variant: "gradient-bars" }}
-              { name: "name", type: "text", placeholder: "Your Name", required: true },
-              { name: "email", type: "email", placeholder: "Email Address", required: true }
-            ]}
-            textarea={{ name: "message", placeholder: "Tell me about your event", rows: 4 }}
             useInvertedBackground={false}
-            imageSrc="http://img.b2bpic.net/free-photo/top-view-wedding-table-arrangement_23-2150279482.jpg"
-            mediaAnimation="slide-up"
           />
         </div>
 
         <div id="footer" data-section="footer">
-          <FooterLogoEmphasis
+          <FooterSimple
-            logoText="Chef Julian"
             columns={[
-              { items: [{ label: "About", href: "#about" }, { label: "Services", href: "#services" }] },
+              { title: "Menu", items: [{ label: "About", href: "#about" }, { label: "Gallery", href: "#gallery" }] },
-              { items: [{ label: "Privacy Policy", href: "#" }, { label: "Contact", href: "#contact" }] }
+              { title: "Services", items: [{ label: "Book Now", href: "#contact" }] },
+              { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }] }
             ]}
+            bottomLeftText="© 2024 Chef Julian"
+            bottomRightText="Culinary Excellence"
           />
         </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4ef;
+  --background: #ffffff;
-  --card: #dad6cd;
+  --card: #f5f5f5;
-  --foreground: #2a2928;
+  --foreground: #000000;
-  --primary-cta: #2a2928;
+  --primary-cta: #000000;
   --primary-cta-text: #f5f4ef;
-  --secondary-cta: #ecebea;
+  --secondary-cta: #000000;
   --secondary-cta-text: #2a2928;
-  --accent: #ffffff;
+  --accent: #e5e5e5;
-  --background-accent: #c6b180;
+  --background-accent: #f5f5f5;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);