Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -3,9 +3,9 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import { Coffee, Heart, Zap } from "lucide-react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
@@ -133,38 +133,36 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
+      <ContactSplitForm
+      title="Get in Touch"
+      description="Have questions about our roasts or want to host an event? We'd love to hear from you."
+      inputs={[
+        { name: "name", type: "text", placeholder: "Your Name", required: true },
+        { name: "email", type: "email", placeholder: "Your Email", required: true }
+      ]}
+      textarea={{ name: "message", placeholder: "How can we help?" }}
       useInvertedBackground={false}
-      background={{
+      imageSrc="http://img.b2bpic.net/free-photo/coffee-machine-making-perfect-cup-coffee_23-2151699649.jpg?_wi=3"
-        variant: "plain"}}
-      tag="Newsletter"
-      title="Join Our Coffee Club"
-      description="Get exclusive invites to our tasting events and monthly news."
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterSimple
+      <FooterLogoEmphasis
+      logoText="Lumi Cafe"
       columns={[
         {
-          title: "Company",          items: [
+          items: [
-            {
+            { label: "About Us", href: "#about" },
-              label: "About Us",              href: "#about"},
+            { label: "Our Roasts", href: "#menu" },
-            {
-              label: "Our Roasts",              href: "#menu"},
           ],
         },
         {
-          title: "Support",          items: [
+          items: [
-            {
+            { label: "Contact", href: "#contact" },
-              label: "Contact",              href: "#contact"},
+            { label: "FAQ", href: "#" },
-            {
-              label: "FAQ",              href: "#"},
           ],
         },
       ]}
-      bottomLeftText="© 2024 Lumi Cafe. All rights reserved."
-      bottomRightText="Crafted with love"
     />
   </div>
       </ReactLenis>