v1 added booking section with mobile responsiveness

app/api/gemini/route.ts

@@ -18,7 +18,7 @@ export async function POST(req: NextRequest) {
   const stream = new TransformStream();
   const writer = stream.writable.getWriter();
 
-  const writeChunk = async (chunk: string) => {
+  const writeChunk = async (chunk: { type: string; data: any }) => {
     await writer.write(encoder.encode(JSON.stringify(chunk) + '\n'));
   };
 
@@ -59,7 +59,7 @@ export async function POST(req: NextRequest) {
 }
 
 function extractServiceKeywords(input: string): string | null {
-  const keywords = ["plumber", "electrician", "mechanic", "restaurant", "dentist"];
+  const keywords = ["plumber", "nearby", 'downtown', 'near me', "any", "electrician", "mechanic", "restaurant", "dentist"];
   const lowercaseInput = input.toLowerCase();
 
   for (const keyword of keywords) {

components/booking.tsx

@@ -65,7 +65,8 @@ export function Booking({
                     id="link"
                     defaultValue="1234567890"
                     readOnly
-                    className="outline-none bg-white/15 border-none rounded-tl-2xl "
+                    disabled
+                    className="hover:border-none bg-white/15 border-none outline-none rounded-tl-2xl "
                   />
                 </div>
                 <div>
@@ -76,11 +77,13 @@ export function Booking({
                     id="link"
                     defaultValue="1234567890"
                     readOnly
+                    disabled
                     className="outline-none bg-white/15 border-none  rounded-tr-2xl"
                   />
                 </div>
               </div>
             </div>
+            <span>{mapLink}</span>
             <div className="">
               <iframe
                 title={locationName}

components/cardoption.tsx

@@ -0,0 +1,7 @@
+import React from 'react'
+
+export const CardOption = () => {
+  return (
+    <div>CardOption</div>
+  )
+}