Update src/app/page.tsx

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 ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
@@ -133,39 +133,41 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <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?" }}
+      <ContactCenter
       useInvertedBackground={false}
-      imageSrc="http://img.b2bpic.net/free-photo/coffee-machine-making-perfect-cup-coffee_23-2151699649.jpg?_wi=3"
+      background={{
+        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">
-      <FooterLogoEmphasis
-      logoText="Lumi Cafe"
+      <FooterSimple
       columns={[
         {
-          items: [
-            { label: "About Us", href: "#about" },
-            { label: "Our Roasts", href: "#menu" },
+          title: "Company",          items: [
+            {
+              label: "About Us",              href: "#about"},
+            {
+              label: "Our Roasts",              href: "#menu"},
           ],
         },
         {
-          items: [
-            { label: "Contact", href: "#contact" },
-            { label: "FAQ", href: "#" },
+          title: "Support",          items: [
+            {
+              label: "Contact",              href: "#contact"},
+            {
+              label: "FAQ",              href: "#"},
           ],
         },
       ]}
+      bottomLeftText="© 2024 Lumi Cafe. All rights reserved."
+      bottomRightText="Crafted with love"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}