[V0_FILE]typescriptreact:file="tailwind.config.js" isMerged="true" import { withTV } from "tailwind-variants/transformer" /** @type {import('tailwindcss').Config} */ export default withTV({ darkMode: ["class"], content: ["./pages/**/*.{ts,tsx}", "./components/**/*.{ts,tsx}", "./app/**/*.{ts,tsx}", "./src/**/*.{ts,tsx}"], theme: { extend: { colors: { border: "hsl(var(--border))", input: "hsl(var(--input))", ring: "hsl(var(--ring))", background: "hsl(var(--background))", foreground: "hsl(var(--foreground))", primary: { DEFAULT: "hsl(var(--primary))", foreground: "hsl(var(--primary-foreground))", }, secondary: { DEFAULT: "hsl(var(--secondary))", foreground: "hsl(var(--secondary-foreground))", }, destructive: { DEFAULT: "hsl(var(--destructive))", foreground: "hsl(var(--destructive-foreground))", }, muted: { DEFAULT: "hsl(var(--muted))", foreground: "hsl(var(--muted-foreground))", }, accent: { DEFAULT: "hsl(var(--accent))", foreground: "hsl(var(--accent-foreground))", }, popover: { DEFAULT: "hsl(var(--popover))", foreground: "hsl(var(--popover-foreground))", }, card: { DEFAULT: "hsl(var(--card))", foreground: "hsl(var(--card-foreground))", }, }, borderRadius: { lg: "var(--radius)", md: "calc(var(--radius) - 2px)", sm: "calc(var(--radius) - 4px)", }, }, }, }) [V0_FILE]typescriptreact:file="widget.tsx" isEdit="true" "use client" import type React from "react" import { X, Phone, Video, Calendar, ChevronRight } from "lucide-react" import { Button } from "@/components/ui/button" export default function Widget() { return (

{/* Glassmorphism background effects */}

{/* Header */}

Available now

{/* Main Content */}

Need assistance?

Choose how you'd like to connect

{/* Call Options */}

} title="Voice Call" subtitle="Talk with an agent" /> } title="Video Call" subtitle="Face-to-face chat" /> } title="Schedule Call" subtitle="Book a time later" isLast />

{/* Footer */}

) } function CallOption({ icon, title, subtitle, isLast = false, }: { icon: React.ReactNode title: string subtitle: string isLast?: boolean }) { return ( ) }