Now I'll install the serif font package and then build the Loqua use-cases page with all the premium styling, animations, and interactions specified.

Now I'll create the main components for the Loqua use-cases page:

I've created a premium Loqua use-cases page that matches the specified visual language. The page features:

• Navbar: Frosted-glass effect with Loqua branding, navigation links, and a dark navy "Download" button
• Category Navigation: Smooth, animated segmented tabs for Work/Life/Coding with icon + label pairs that compact elegantly on scroll
• Two-Column Layout: Left side with sticky intro content (badge, editorial serif headline, supporting copy) and right side with vertically stacked example cards
• Example Cards: Premium floating UI surfaces with voice input indicators, spoken input blocks, flow arrows, and destination output blocks
• Voice Indicators: Animated waveform pulses that indicate spoken input
• Smooth Animations: Framer Motion powers the tab switching, scroll reveals, and all micro-interactions with soft ease-out transitions
• Decorative Blobs: Subtle translucent glass blobs near page edges for the icy blue aesthetic

Now I understand the current structure. I need to:

1. Remove the navbar
2. Create a new hero section with the pill label, headline with "typing" highlighted, and 3 category cards
3. Update the page to start with the hero instead of the navbar

Let me create the hero section component and update the page:

Now let me delete the navbar component since it's no longer needed:

I've updated the Loqua use-cases page according to the new specifications. The changes include:

1. Removed the old navbar - The page now starts directly with the hero section instead of the Loqua wordmark navigation
2. Created a new hero section with a frosted-glass pill label ("USE CASES · SCROLL STORY"), a large elegant serif headline with "typing" highlighted in Loqua blue, and three large interactive category cards (Work, Life, Coding) each showing an icon, title, "2 examples" pill, and preview rows
3. Added smooth scroll interaction - Clicking a category card scrolls to the detailed content section, and the category navigation fades in after scrolling past the hero