From 0f5b3d91737a823b358d94faf986c3e58b3a845e Mon Sep 17 00:00:00 2001 From: kudinDmitriyUp Date: Thu, 25 Jun 2026 06:51:24 +0000 Subject: [PATCH 1/2] Bob AI: Update FAQ and footer with hours and location --- src/components/Layout.tsx | 13 +++++++++++-- src/pages/HomePage/sections/Faq.tsx | 17 +++++------------ 2 files changed, 16 insertions(+), 14 deletions(-) diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx index 4292519..213e9b8 100644 --- a/src/components/Layout.tsx +++ b/src/components/Layout.tsx @@ -73,15 +73,24 @@ export default function Layout() { title: "Hours", items: [ { - label: "Mon-Fri: 7am-9pm", + label: "Daily: 6:00 AM - 12:00 AM", href: "#", }, { - label: "Sat-Sun: 8am-10pm", + label: "يومياً: من 6 صباحاً حتى 12 منتصف الليل", href: "#", }, ], }, + { + title: "Location", + items: [ + { + label: "Sana'a, Yemen", + href: "#", + } + ] + }, ]} copyright="© 2024 Lithos Specialty Coffee. All rights reserved." links={[ diff --git a/src/pages/HomePage/sections/Faq.tsx b/src/pages/HomePage/sections/Faq.tsx index c1c1faa..eb23601 100644 --- a/src/pages/HomePage/sections/Faq.tsx +++ b/src/pages/HomePage/sections/Faq.tsx @@ -10,18 +10,11 @@ export default function FaqSection(): React.JSX.Element {
+ tag="Support" + title="Common Inquiries" + description="Answers to your burning coffee questions." + items={[{"answer":"We roast our beans weekly to ensure maximum freshness and flavor.","question":"When are your beans roasted?"},{"answer":"Yes, we offer fast, complimentary WiFi for all our guests.","question":"Is there WiFi available?"},{"answer":"Yes, we offer oat, almond, and soy alternatives.","question":"Do you offer plant-based milks?"}]} + />
); -- 2.49.1 From e769151865bcaa7dacc87dd03a5b7f0f12169bc1 Mon Sep 17 00:00:00 2001 From: kudinDmitriyUp Date: Thu, 25 Jun 2026 06:54:44 +0000 Subject: [PATCH 2/2] Bob AI: Fix styling of booking section forms and buttons --- src/pages/HomePage.tsx | 8 +- src/pages/HomePage/sections/Booking.tsx | 205 ++++++++++++++++++++++++ src/pages/HomePage/sections/Contact.tsx | 198 +++++++++++++++++++++-- 3 files changed, 391 insertions(+), 20 deletions(-) create mode 100644 src/pages/HomePage/sections/Booking.tsx diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx index 91fc806..c07d0a6 100644 --- a/src/pages/HomePage.tsx +++ b/src/pages/HomePage.tsx @@ -11,9 +11,10 @@ import GallerySection from './HomePage/sections/Gallery'; import TestimonialsSection from './HomePage/sections/Testimonials'; import MetricsSection from './HomePage/sections/Metrics'; import FaqSection from './HomePage/sections/Faq'; -import ContactSection from './HomePage/sections/Contact'; -export default function HomePage(): React.JSX.Element { + +import ContactSection from './HomePage/sections/Contact'; +import BookingSection from './HomePage/sections/Booking';export default function HomePage(): React.JSX.Element { return ( <> @@ -30,7 +31,8 @@ export default function HomePage(): React.JSX.Element { - + + ); } diff --git a/src/pages/HomePage/sections/Booking.tsx b/src/pages/HomePage/sections/Booking.tsx new file mode 100644 index 0000000..1906abe --- /dev/null +++ b/src/pages/HomePage/sections/Booking.tsx @@ -0,0 +1,205 @@ +import React, { useState } from 'react'; +import { MapPin, Phone, MessageCircle } from 'lucide-react'; + +export default function BookingSection() { + const [orderName, setOrderName] = useState(''); + const [orderDrink, setOrderDrink] = useState(''); + + const handleOrderSubmit = (e: React.FormEvent) => { + e.preventDefault(); + alert(`Order placed for ${orderName}: ${orderDrink}`); + }; + + const handleBookingSubmit = (e: React.FormEvent) => { + e.preventDefault(); + alert('Table booked successfully!'); + }; + + return ( +
+
+
+
+

Visit & Order

+

+ Find us in Sana'a, order your favorite drinks ahead of time, or book a quiet table for your next meeting. +

+
+ +
+ {/* Contact Info & Map */} +
+
+

Contact Us

+
+
+ +
+

Location

+

Sana'a, Yemen

+
+
+
+ + +
+
+
+ + + +
+ +
+
+ + {/* Order Ahead Form */} +
+

Order Ahead

+

Skip the line and pick up your favorites.

+ +
+
+ + setOrderName(e.target.value)} + required + className="w-full h-10 px-3 py-2 rounded-md border border-foreground/20 bg-background text-foreground focus:outline-none focus:border-foreground/50" + /> +
+ +
+ + +
+ +
+ +