diff --git a/src/app/chatbot/page.tsx b/src/app/chatbot/page.tsx new file mode 100644 index 0000000..dcc2882 --- /dev/null +++ b/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([ + { id: 1, text: "Hi there! How can I help you today?", sender: "bot" }, + ]); + const [input, setInput] = useState(""); + const messagesEndRef = useRef(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!`, // Basic logic + sender: "bot"}; + setMessages((prevMessages) => [...prevMessages, botResponse]); + }, 1000); + }; + + return ( + + + + +
+

Chatbot Demo

+
+
+ {messages.map((message) => ( +
+
+ {message.text} +
+
+ ))} +
+
+
+ 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" + /> + +
+
+
+ + + ); +}; + +export default ChatbotPage; diff --git a/src/app/page.tsx b/src/app/page.tsx index 4fb8119..ac50505 100644 --- a/src/app/page.tsx +++ b/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() { @@ -128,29 +102,11 @@ export default function LandingPage() { useInvertedBackground={true} features={[ { - 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", - }, + 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"}, { - 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", - }, + 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"}, { - 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", - }, + 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"}, ]} 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", - 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: "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"}, { - 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", - }, + 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"}, { - 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", - }, + 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"}, { - 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", - }, + 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"}, { - 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", - }, + 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"}, { - 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", - }, + 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"}, ]} 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", - 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: "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"}, { - 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", - }, + 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"}, { - 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", - }, + 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"}, { - 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", - }, + 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"}, { - 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", - }, + 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"}, ]} 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", - "Local Eats Magazine", - "Fair Trade Coffee", - "Gastronomy Awards", - "Sustainable Cafes", - "Community Favorite", - "Nürnberg Food Blog", - ]} + "Nürnberg City Guide", "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", - 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: "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."}, { - 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.", - }, + 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."}, { - 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.", - }, + 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."}, { - 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.", - }, + 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."}, { - 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.", - }, + 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="Frequently Asked Questions" description="Find quick answers to common questions about our café, menu, and services." @@ -330,22 +198,31 @@ export default function LandingPage() {
+
+ console.log("Chat question:", question)} + centered={true} + useInvertedBackground={true} + /> +
+