import { Card, CardContent, CardHeader } from '@/components/ui/card' import { cn } from '@/lib/utils' import { Calendar, LucideIcon, MapIcon } from 'lucide-react' import { ReactNode } from 'react' export function Features() { return (

Smart scheduling with automated reminders for maintenance.

) } interface FeatureCardProps { children: ReactNode className?: string } const FeatureCard = ({ children, className }: FeatureCardProps) => ( {children} ) const CardDecorator = () => ( <> ) interface CardHeadingProps { icon: LucideIcon title: string description: string } const CardHeading = ({ icon: Icon, title, description }: CardHeadingProps) => (

{title}

{description}

) interface DualModeImageProps { darkSrc: string lightSrc: string alt: string width: number height: number className?: string } const DualModeImage = ({ darkSrc, lightSrc, alt, width, height, className }: DualModeImageProps) => ( <> {`${alt}

) interface CircleConfig { pattern: 'none' | 'border' | 'primary' | 'blue' } interface CircularUIProps { label: string circles: CircleConfig[] className?: string } const CircularUI = ({ label, circles, className }: CircularUIProps) => (

{circles.map((circle, i) => (

))}

{label}

)