Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
@@ -174,39 +174,42 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient"}}
-      text="Find ChokDee. Open Daily: 11:30 - 22:00."
-      buttons={[
-        {text: "Reserve a Table", href: "#"},
-        {text: "Order Online", href: "#"}
+      <ContactSplitForm
+      title="Connect With Us"
+      description="Have questions about our authentic Thai menu? Reach out and we'll be happy to assist."
+      inputs={[
+          {name: "name", type: "text", placeholder: "Name"},
+          {name: "email", type: "email", placeholder: "Email Address"}
       ]}
+      textarea={{name: "message", placeholder: "How can we help?", rows: 4}}
+      useInvertedBackground={false}
+      mediaPosition="right"
+      imageSrc="http://img.b2bpic.net/free-photo/padthai-shrimp-black-bowl-with-eggs-spring-onion-seasoning-wooden-table_1150-21118.jpg"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
+      <FooterBase
       columns={[
         {
-          items: [
+          title: "Company",          items: [
             {label: "Our Story", href: "#about"},
             {label: "Menu", href: "#products"},
-            {label: "Contact & Location", href: "#contact"}
+            {label: "Contact", href: "#contact"}
           ]
         },
         {
-          items: [
+          title: "Social",          items: [
             {label: "Facebook", href: "#"},
             {label: "Instagram", href: "#"}
           ]
         }
       ]}
-      logoText="ChokDee Thai Street Food"
+      logoText="ChokDee"
+      copyrightText="© 2025 ChokDee Thai Street Food"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4ef;
-  --card: #dad6cd;
-  --foreground: #2a2928;
-  --primary-cta: #2a2928;
+  --background: #fbf8f0;
+  --card: #f4efe2;
+  --foreground: #3d2d18;
+  --primary-cta: #c1562b;
   --primary-cta-text: #f5f4ef;
-  --secondary-cta: #ecebea;
+  --secondary-cta: #f4efe2;
   --secondary-cta-text: #2a2928;
-  --accent: #ffffff;
-  --background-accent: #c6b180;
+  --accent: #d4b483;
+  --background-accent: #f2d2a9;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);