Now I'll rewrite both components with distinct personas and improved voice recognition:

I've completely redesigned both bots with distinct personas and improved functionality:

Chatbot - "Swiggster": A fun, Gen-Z friendly food buddy with casual language, enthusiasm, and contextual responses. It recognizes different moods (excited, happy, sympathetic, helpful) and responds appropriately to food orders, tracking, deals, complaints, and specific cuisines like pizza, biryani, and burgers.

Voice Bot - "Vega": A sophisticated, calm voice concierge with a dark, elegant UI. It features real-time speech recognition with continuous listening, interim transcript display, audio level visualization with reactive bars and glowing effects, and natural text-to-speech responses. The voice bot actually listens to what you speak and processes it with visual feedback showing the audio levels.

Now I have a good understanding of the chatbot's "Swiggster" persona. Let me update the voice bot to match this persona and update the hero section with a smaller heading and big burger animation:

Now let me update the hero section with smaller text and a big animated burger:

I've made the following changes:

1. Voice Bot Persona: Updated to match the chatbot's "Swiggster" persona with the same fun, Gen-Z friendly personality - casual language, enthusiasm, and food buddy vibe. The voice bot now has a burger icon button instead of the purple microphone, uses orange/primary colors, and responds with the same casual, playful tone as the chatbot.

2. Hero Section Updates:

   • Made the headline text smaller (from text-4xl md:text-5xl lg:text-6xl to text-2xl md:text-3xl lg:text-4xl)
   • Added a large animated burger (text-9xl on mobile, text-[10rem] on desktop) with floating ingredients around it (cheese, lettuce, tomato, bacon), steam effects rising from it, and a gentle floating/rotating animation