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
18 lines
511 B
TypeScript
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>;
|
|
} |