Update src/app/chatbot/page.tsx

Merge version_3 into main

src/app/chatbot/page.tsx

@@ -0,0 +1,132 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import React, { useState, useRef, useEffect } from "react";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+
+interface Message {
+  id: number;
+  text: string;
+  sender: "user" | "bot";
+}
+
+const ChatbotPage = () => {
+  const [messages, setMessages] = useState<Message[]>([
+    { id: 1, text: "Hi there! How can I help you today?", sender: "bot" },
+  ]);
+  const [input, setInput] = useState("");
+  const messagesEndRef = useRef<HTMLDivElement>(null);
+
+  const scrollToBottom = () => {
+    messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
+  };
+
+  useEffect(() => {
+    scrollToBottom();
+  }, [messages]);
+
+  const handleSendMessage = (e: React.FormEvent) => {
+    e.preventDefault();
+    if (input.trim() === "") return;
+
+    const newUserMessage: Message = {
+      id: messages.length + 1,
+      text: input,
+      sender: "user"};
+    setMessages((prevMessages) => [...prevMessages, newUserMessage]);
+    setInput("");
+
+    // Simulate bot response
+    setTimeout(() => {
+      const botResponse: Message = {
+        id: messages.length + 2,
+        text: `You said: "${input}". I'm just a simple chatbot for now, but I'm learning!`,
+        sender: "bot"};
+      setMessages((prevMessages) => [...prevMessages, botResponse]);
+    }, 1000);
+  };
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="shift-hover"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="pill"
+      contentWidth="compact"
+      sizing="large"
+      background="noiseDiagonalGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="glass"
+      headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              {
+                name: "Home",                id: "/"},
+              {
+                name: "About",                id: "#about"},
+              {
+                name: "Menu",                id: "#menu"},
+              {
+                name: "Specials",                id: "#specials"},
+              {
+                name: "Testimonials",                id: "#testimonials"},
+              {
+                name: "FAQs",                id: "#faqs"},
+              {
+                name: "Contact",                id: "#contact"},
+              {
+                name: "Chatbot",                id: "/chatbot"}
+            ]}
+            logoSrc="http://img.b2bpic.net/free-photo/17th-years-anniversary-3d-celebration-design_460848-10584.jpg"
+            logoAlt="Café in der 12 Logo"
+            brandName="Café in der 12"
+          />
+        </div>
+
+        <div className="flex flex-col items-center justify-center min-h-screen p-4 bg-background relative z-10">
+          <h1 className="text-4xl font-bold mb-8 text-foreground">Chatbot Demo</h1>
+          <div className="w-full max-w-lg bg-card rounded-lg shadow-lg flex flex-col h-[70vh]">
+            <div className="flex-1 p-4 overflow-y-auto custom-scrollbar">
+              {messages.map((message) => (
+                <div
+                  key={message.id}
+                  className={`flex mb-4 ${message.sender === "user" ? "justify-end" : "justify-start"}`}
+                >
+                  <div
+                    className={`max-w-[70%] p-3 rounded-lg ${message.sender === "user"
+                      ? "bg-primary-cta text-white" : "bg-accent text-foreground"}
+                    `}
+                  >
+                    {message.text}
+                  </div>
+                </div>
+              ))}
+              <div ref={messagesEndRef} />
+            </div>
+            <form onSubmit={handleSendMessage} className="border-t border-gray-700 p-4 flex">
+              <input
+                type="text"
+                value={input}
+                onChange={(e) => setInput(e.target.value)}
+                placeholder="Type your message..."
+                className="flex-1 bg-background-accent text-foreground border border-gray-600 rounded-l-lg p-3 outline-none focus:ring-2 focus:ring-primary-cta"
+              />
+              <button
+                type="submit"
+                className="bg-primary-cta text-white px-6 py-3 rounded-r-lg hover:opacity-90 transition-opacity"
+              >
+                Send
+              </button>
+            </form>
+          </div>
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+};
+
+export default ChatbotPage;

src/app/page.tsx

@@ -12,6 +12,8 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
+import ContactForm from '@/components/form/ContactForm';
+import { MessageSquareText } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -32,33 +34,21 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "#home"},
-          id: "#home",
-        },
         {
-          name: "About",
+          name: "About",          id: "#about"},
-          id: "#about",
-        },
         {
-          name: "Menu",
+          name: "Menu",          id: "#menu"},
-          id: "#menu",
-        },
         {
-          name: "Specials",
+          name: "Specials",          id: "#specials"},
-          id: "#specials",
-        },
         {
-          name: "Testimonials",
+          name: "Testimonials",          id: "#testimonials"},
-          id: "#testimonials",
-        },
         {
-          name: "FAQs",
+          name: "FAQs",          id: "#faqs"},
-          id: "#faqs",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "#contact"},
-          id: "#contact",
+        {
-        },
+          name: "Chat",          id: "#chat"},
       ]}
       logoSrc="http://img.b2bpic.net/free-photo/17th-years-anniversary-3d-celebration-design_460848-10584.jpg"
       logoAlt="Café in der 12 Logo"
@@ -72,39 +62,23 @@ export default function LandingPage() {
       description="Experience the charming atmosphere and delicious delights at Café in der 12. Your daily escape in the heart of Nürnberg."
       buttons={[
         {
-          text: "Explore Our Menu",
+          text: "Explore Our Menu",          href: "#menu"},
-          href: "#menu",
-        },
         {
-          text: "Visit Us",
+          text: "Visit Us",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       slides={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/coffee-concept-with-slate-moka-pot-cup_23-2147671445.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/coffee-concept-with-slate-moka-pot-cup_23-2147671445.jpg",          imageAlt: "Cozy café interior with warm lighting"},
-          imageAlt: "Cozy café interior with warm lighting",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-shop-equipment_23-2148366535.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-shop-equipment_23-2148366535.jpg",          imageAlt: "Barista preparing a coffee with latte art"},
-          imageAlt: "Barista preparing a coffee with latte art",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/cupcake-still-life_23-2148097755.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/cupcake-still-life_23-2148097755.jpg",          imageAlt: "Display of freshly baked pastries and cakes"},
-          imageAlt: "Display of freshly baked pastries and cakes",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-male-friends-enjoying-restaurant_23-2147861914.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/smiling-male-friends-enjoying-restaurant_23-2147861914.jpg",          imageAlt: "Customers enjoying coffee and conversation"},
-          imageAlt: "Customers enjoying coffee and conversation",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/cute-stylish-family-summer-city_1157-19953.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/cute-stylish-family-summer-city_1157-19953.jpg",          imageAlt: "Exterior view of the charming Café in der 12"},
-          imageAlt: "Exterior view of the charming Café in der 12",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-yogurt-with-pomegranate-copy-space_23-2148759749.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-yogurt-with-pomegranate-copy-space_23-2148759749.jpg",          imageAlt: "A beautifully presented brunch plate"},
-          imageAlt: "A beautifully presented brunch plate",
-        },
       ]}
       autoplayDelay={4000}
     />
@@ -128,29 +102,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          title: "Artisanal Coffee & Beverages",
+          title: "Artisanal Coffee & Beverages",          description: "Sip on expertly brewed coffee, classic espresso drinks, and a selection of fine teas. Each cup is a crafted experience.",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-coffee-beans-scattered-from-coffee-pot-plaid-tablecloth_141793-7767.jpg",          imageAlt: "Close-up of coffee being poured",          titleImageSrc: "http://img.b2bpic.net/free-vector/flat-design-cafe-signage-design_23-2149295822.jpg",          buttonText: "View Coffee Menu"},
-          description: "Sip on expertly brewed coffee, classic espresso drinks, and a selection of fine teas. Each cup is a crafted experience.",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-coffee-beans-scattered-from-coffee-pot-plaid-tablecloth_141793-7767.jpg",
-          imageAlt: "Close-up of coffee being poured",
-          titleImageSrc: "http://img.b2bpic.net/free-vector/flat-design-cafe-signage-design_23-2149295822.jpg",
-          buttonText: "View Coffee Menu",
-        },
         {
-          title: "Homemade Cakes & Pastries",
+          title: "Homemade Cakes & Pastries",          description: "Indulge in our daily baked selection of cakes, croissants, and sweet treats. Perfect for a delightful break.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-coffee-shop_23-2148263259.jpg",          imageAlt: "Assortment of fresh cakes and pastries",          titleImageSrc: "http://img.b2bpic.net/free-photo/chocolate-chip-cookie-vector-illustration-colored-line-art-styles_1308-186791.jpg",          buttonText: "See Our Pastries"},
-          description: "Indulge in our daily baked selection of cakes, croissants, and sweet treats. Perfect for a delightful break.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-coffee-shop_23-2148263259.jpg",
-          imageAlt: "Assortment of fresh cakes and pastries",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/chocolate-chip-cookie-vector-illustration-colored-line-art-styles_1308-186791.jpg",
-          buttonText: "See Our Pastries",
-        },
         {
-          title: "Hearty Breakfast & Lunch",
+          title: "Hearty Breakfast & Lunch",          description: "Start your day right or enjoy a fulfilling lunch with our fresh, locally sourced ingredients. Delicious and wholesome.",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-toast-assortment-top-view_23-2148433261.jpg",          imageAlt: "Delicious breakfast plate with eggs and bread",          titleImageSrc: "http://img.b2bpic.net/free-photo/burger-replica-blue-background_23-2148258391.jpg",          buttonText: "Browse Brunch Options"},
-          description: "Start your day right or enjoy a fulfilling lunch with our fresh, locally sourced ingredients. Delicious and wholesome.",
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-toast-assortment-top-view_23-2148433261.jpg",
-          imageAlt: "Delicious breakfast plate with eggs and bread",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/burger-replica-blue-background_23-2148258391.jpg",
-          buttonText: "Browse Brunch Options",
-        },
       ]}
       title="Discover Our Delicious Offerings"
       description="From aromatic coffees to savory breakfasts and delectable desserts, our menu is crafted to delight every palate."
@@ -165,53 +121,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
+          id: "p1",          name: "Single Origin Espresso",          price: "€3.50",          variant: "Rich & Bold",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-black-coffee-cup_23-2148436991.jpg",          imageAlt: "A shot of rich espresso"},
-          name: "Single Origin Espresso",
-          price: "€3.50",
-          variant: "Rich & Bold",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-black-coffee-cup_23-2148436991.jpg",
-          imageAlt: "A shot of rich espresso",
-        },
         {
-          id: "p2",
+          id: "p2",          name: "Classic Cappuccino",          price: "€4.20",          variant: "Creamy & Smooth",          imageSrc: "http://img.b2bpic.net/free-photo/coffee_74190-7837.jpg",          imageAlt: "Cappuccino with beautiful latte art"},
-          name: "Classic Cappuccino",
-          price: "€4.20",
-          variant: "Creamy & Smooth",
-          imageSrc: "http://img.b2bpic.net/free-photo/coffee_74190-7837.jpg",
-          imageAlt: "Cappuccino with beautiful latte art",
-        },
         {
-          id: "p3",
+          id: "p3",          name: "Butter Croissant",          price: "€2.80",          variant: "Flaky & Golden",          imageSrc: "http://img.b2bpic.net/free-photo/croissant-breakfast_23-2148103435.jpg",          imageAlt: "A fresh butter croissant"},
-          name: "Butter Croissant",
-          price: "€2.80",
-          variant: "Flaky & Golden",
-          imageSrc: "http://img.b2bpic.net/free-photo/croissant-breakfast_23-2148103435.jpg",
-          imageAlt: "A fresh butter croissant",
-        },
         {
-          id: "p4",
+          id: "p4",          name: "Chocolate Fudge Cake",          price: "€5.90",          variant: "Decadent & Moist",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-sweet-biscuit-rolls-sliced-creamy-cakes_140725-85082.jpg",          imageAlt: "Slice of chocolate fudge cake"},
-          name: "Chocolate Fudge Cake",
-          price: "€5.90",
-          variant: "Decadent & Moist",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-sweet-biscuit-rolls-sliced-creamy-cakes_140725-85082.jpg",
-          imageAlt: "Slice of chocolate fudge cake",
-        },
         {
-          id: "p5",
+          id: "p5",          name: "Seasonal Berry Tart",          price: "€6.50",          variant: "Fresh & Fruity",          imageSrc: "http://img.b2bpic.net/free-photo/homemade-delicious-rustic-summer-berry-tartles_114579-14140.jpg",          imageAlt: "A berry tart with fresh berries"},
-          name: "Seasonal Berry Tart",
-          price: "€6.50",
-          variant: "Fresh & Fruity",
-          imageSrc: "http://img.b2bpic.net/free-photo/homemade-delicious-rustic-summer-berry-tartles_114579-14140.jpg",
-          imageAlt: "A berry tart with fresh berries",
-        },
         {
-          id: "p6",
+          id: "p6",          name: "Quiche Lorraine",          price: "€8.50",          variant: "Savory & Hearty",          imageSrc: "http://img.b2bpic.net/free-photo/view-vegan-pizza-done-with-vegetables-by-bakery_23-2150195149.jpg",          imageAlt: "A slice of Quiche Lorraine"},
-          name: "Quiche Lorraine",
-          price: "€8.50",
-          variant: "Savory & Hearty",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-vegan-pizza-done-with-vegetables-by-bakery_23-2150195149.jpg",
-          imageAlt: "A slice of Quiche Lorraine",
-        },
       ]}
       title="Our Signature Creations"
       description="Experience the best of Café in der 12 with our most popular and unique menu items."
@@ -226,45 +146,15 @@ export default function LandingPage() {
       carouselMode="buttons"
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "Anna Schmidt",          role: "Local Resident",          testimonial: "Café in der 12 is my go-to spot in Nürnberg. The coffee is exquisite, and their pastries are simply divine! The atmosphere is always so welcoming.",          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-businessman-speaking-smartphone-cafe_23-2147793071.jpg",          imageAlt: "Anna Schmidt"},
-          name: "Anna Schmidt",
-          role: "Local Resident",
-          testimonial: "Café in der 12 is my go-to spot in Nürnberg. The coffee is exquisite, and their pastries are simply divine! The atmosphere is always so welcoming.",
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-businessman-speaking-smartphone-cafe_23-2147793071.jpg",
-          imageAlt: "Anna Schmidt",
-        },
         {
-          id: "2",
+          id: "2",          name: "Max Müller",          role: "Tourist Guide",          testimonial: "A true gem! I always recommend Café in der 12 to visitors. Their breakfast selection is fantastic, and the staff are incredibly friendly.",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-urban-cafe_158595-684.jpg",          imageAlt: "Max Müller"},
-          name: "Max Müller",
-          role: "Tourist Guide",
-          testimonial: "A true gem! I always recommend Café in der 12 to visitors. Their breakfast selection is fantastic, and the staff are incredibly friendly.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-urban-cafe_158595-684.jpg",
-          imageAlt: "Max Müller",
-        },
         {
-          id: "3",
+          id: "3",          name: "Sophie Weber",          role: "Student",          testimonial: "I love studying here. The ambiance is perfect, and I can't get enough of their vegan cake options. It's a cozy and productive space.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-delicious-pizza_23-2150307062.jpg",          imageAlt: "Sophie Weber"},
-          name: "Sophie Weber",
-          role: "Student",
-          testimonial: "I love studying here. The ambiance is perfect, and I can't get enough of their vegan cake options. It's a cozy and productive space.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-delicious-pizza_23-2150307062.jpg",
-          imageAlt: "Sophie Weber",
-        },
         {
-          id: "4",
+          id: "4",          name: "Lucas Fischer",          role: "Entrepreneur",          testimonial: "Great spot for informal business meetings. The coffee is strong, and the light lunch options are always fresh and delicious.",          imageSrc: "http://img.b2bpic.net/free-photo/good-friends-make-everything-easier_329181-2938.jpg",          imageAlt: "Lucas Fischer"},
-          name: "Lucas Fischer",
-          role: "Entrepreneur",
-          testimonial: "Great spot for informal business meetings. The coffee is strong, and the light lunch options are always fresh and delicious.",
-          imageSrc: "http://img.b2bpic.net/free-photo/good-friends-make-everything-easier_329181-2938.jpg",
-          imageAlt: "Lucas Fischer",
-        },
         {
-          id: "5",
+          id: "5",          name: "Maria & Klaus",          role: "Regular Patrons",          testimonial: "Coming to Café in der 12 is a weekly ritual for us. It’s like a second home, with excellent service and the best apple strudel in town!",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-couple-with-mugs-standing-together_23-2148334698.jpg",          imageAlt: "Maria and Klaus"},
-          name: "Maria & Klaus",
-          role: "Regular Patrons",
-          testimonial: "Coming to Café in der 12 is a weekly ritual for us. It’s like a second home, with excellent service and the best apple strudel in town!",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-couple-with-mugs-standing-together_23-2148334698.jpg",
-          imageAlt: "Maria and Klaus",
-        },
       ]}
       title="What Our Guests Say"
       description="Hear from our beloved customers about their delightful experiences at Café in der 12."
@@ -276,14 +166,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "Nürnberg City Guide",
+        "Nürnberg City Guide",        "Local Eats Magazine",        "Fair Trade Coffee",        "Gastronomy Awards",        "Sustainable Cafes",        "Community Favorite",        "Nürnberg Food Blog"]}
-        "Local Eats Magazine",
-        "Fair Trade Coffee",
-        "Gastronomy Awards",
-        "Sustainable Cafes",
-        "Community Favorite",
-        "Nürnberg Food Blog",
-      ]}
       title="Proudly Recognized By"
       description="Our commitment to quality and community has earned us features and partnerships across Nürnberg."
     />
@@ -295,30 +178,15 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "faq1",
+          id: "faq1",          title: "What are your opening hours?",          content: "We are open Monday to Friday from 7:00 AM to 6:00 PM, and on weekends from 8:00 AM to 5:00 PM."},
-          title: "What are your opening hours?",
-          content: "We are open Monday to Friday from 7:00 AM to 6:00 PM, and on weekends from 8:00 AM to 5:00 PM.",
-        },
         {
-          id: "faq2",
+          id: "faq2",          title: "Do you offer vegan or gluten-free options?",          content: "Yes, we have a variety of delicious vegan and gluten-free pastries and savory dishes available daily. Please ask our staff for today's selection."},
-          title: "Do you offer vegan or gluten-free options?",
-          content: "Yes, we have a variety of delicious vegan and gluten-free pastries and savory dishes available daily. Please ask our staff for today's selection.",
-        },
         {
-          id: "faq3",
+          id: "faq3",          title: "Can I make a reservation?",          content: "For groups of 4 or more, we recommend making a reservation, especially during peak hours. You can call us or book online through our contact page."},
-          title: "Can I make a reservation?",
-          content: "For groups of 4 or more, we recommend making a reservation, especially during peak hours. You can call us or book online through our contact page.",
-        },
         {
-          id: "faq4",
+          id: "faq4",          title: "Do you have Wi-Fi?",          content: "Yes, complimentary high-speed Wi-Fi is available for all our guests. Feel free to ask our staff for the password."},
-          title: "Do you have Wi-Fi?",
-          content: "Yes, complimentary high-speed Wi-Fi is available for all our guests. Feel free to ask our staff for the password.",
-        },
         {
-          id: "faq5",
+          id: "faq5",          title: "Is your café pet-friendly?",          content: "Well-behaved dogs are welcome in our outdoor seating area. For indoor seating, only service animals are permitted."},
-          title: "Is your café pet-friendly?",
-          content: "Well-behaved dogs are welcome in our outdoor seating area. For indoor seating, only service animals are permitted.",
-        },
       ]}
       title="Frequently Asked Questions"
       description="Find quick answers to common questions about our café, menu, and services."
@@ -330,22 +198,31 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "rotated-rays-static-grid",
+        variant: "rotated-rays-static-grid"}}
-      }}
       text="Visit us at Klaragasse 12, 90402 Nürnberg, Germany or call us at +49 911 1234567. We look forward to welcoming you!"
       buttons={[
         {
-          text: "Get Directions",
+          text: "Get Directions",          href: "https://www.google.com/maps/search/Caf%C3%A9+in+der+12+N%C3%BCrnberg"},
-          href: "https://www.google.com/maps/search/Caf%C3%A9+in+der+12+N%C3%BCrnberg",
-        },
         {
-          text: "Send a Message",
+          text: "Send a Message",          href: "mailto:info@cafeinder12.de"},
-          href: "mailto:info@cafeinder12.de",
-        },
       ]}
     />
   </div>
 
+  <div id="chat" data-section="chat">
+      <ContactForm
+          title="Chat with our Virtual Assistant"
+          description="Type your question below for quick answers or to connect with our team."
+          tag="Live Support"
+          tagIcon={MessageSquareText}
+          inputPlaceholder="Ask your question..."
+          buttonText="Send"
+          onSubmit={(question) => console.log("Chat question:", question)}
+          centered={true}
+          useInvertedBackground={true}
+      />
+  </div>
+
   <div id="footer" data-section="footer">
       <FooterBaseReveal
       logoSrc="http://img.b2bpic.net/free-photo/17th-years-anniversary-3d-celebration-design_460848-10584.jpg"
@@ -353,58 +230,35 @@ export default function LandingPage() {
       logoText="Café in der 12"
       columns={[
         {
-          title: "Navigation",
+          title: "Navigation",          items: [
-          items: [
             {
-              label: "Home",
+              label: "Home",              href: "#home"},
-              href: "#home",
-            },
             {
-              label: "About Us",
+              label: "About Us",              href: "#about"},
-              href: "#about",
-            },
             {
-              label: "Menu",
+              label: "Menu",              href: "#menu"},
-              href: "#menu",
-            },
             {
-              label: "Testimonials",
+              label: "Testimonials",              href: "#testimonials"},
-              href: "#testimonials",
-            },
           ],
         },
         {
-          title: "Contact",
+          title: "Contact",          items: [
-          items: [
             {
-              label: "Klaragasse 12",
+              label: "Klaragasse 12",              href: "#contact"},
-              href: "#contact",
-            },
             {
-              label: "90402 Nürnberg",
+              label: "90402 Nürnberg",              href: "#contact"},
-              href: "#contact",
-            },
             {
-              label: "info@cafeinder12.de",
+              label: "info@cafeinder12.de",              href: "mailto:info@cafeinder12.de"},
-              href: "mailto:info@cafeinder12.de",
-            },
             {
-              label: "+49 911 1234567",
+              label: "+49 911 1234567",              href: "tel:+499111234567"},
-              href: "tel:+499111234567",
-            },
           ],
         },
         {
-          title: "Hours",
+          title: "Hours",          items: [
-          items: [
             {
-              label: "Mon - Fri: 7:00 AM - 6:00 PM",
+              label: "Mon - Fri: 7:00 AM - 6:00 PM",              href: "#faqs"},
-              href: "#faqs",
-            },
             {
-              label: "Sat - Sun: 8:00 AM - 5:00 PM",
+              label: "Sat - Sun: 8:00 AM - 5:00 PM",              href: "#faqs"},
-              href: "#faqs",
-            },
           ],
         },
       ]}
@@ -414,4 +268,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}