Files
voculinux/web/src/components/logo.tsx
T
jatinkrmalik 612e6811ed feat(web): Add live demo, improve logo and install UX
Changes:
- Use actual app logo SVG image for consistent branding
- Added live browser-based speech recognition demo using Web Speech API
  - Allows users to try voice-to-text directly in their browser
  - Clear indication that the demo uses cloud-based Web Speech API
  - Prominent call-to-action to install Vocalinux for offline experience
- Redesigned one-click install box with better visual hierarchy
  - Left-aligned layout with clear instructions
  - Terminal-style command display with copy button
  - Added compatibility info and install time estimates
- Improved footer and feature section with consistent logo usage
2026-01-19 16:47:34 -08:00

18 lines
511 B
TypeScript

import React from "react";
import { VocalinuxLogo } from "./icons";
import { cn } from "@/lib/utils";
interface LogoProps {
className?: string;
iconClassName?: string;
textClassName?: string;
}
export function Logo({
className,
iconClassName,
textClassName
}: LogoProps) {
return <div className={cn("flex items-center gap-2", className)}>
<VocalinuxLogo className={cn("h-8 w-8", iconClassName)} />
<span className={cn("font-bold text-xl", textClassName)}>Vocalinux</span>
</div>;
}