"use client" import { useState } from "react" import { motion } from "framer-motion" import { Search, Brain, AlertTriangle, CheckCircle, Activity, Thermometer, Headphones, Bone, Eye, Stethoscope, ChevronRight, ArrowRight, RefreshCw, } from "lucide-react" import { Card, CardContent, CardHeader, CardTitle, CardDescription } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Badge } from "@/components/ui/badge" import { Separator } from "@/components/ui/separator" import { Input } from "@/components/ui/input" import { cn } from "@/lib/utils" import { fadeIn, stagger, staggerItem, scaleIn, buttonTapTarget } from "@/lib/animations" const bodyParts = [ { name: "Head", icon: Brain, color: "bg-purple-500/10 text-purple-500" }, { name: "Eyes", icon: Eye, color: "bg-blue-500/10 text-blue-500" }, { name: "Ears", icon: Headphones, color: "bg-amber-500/10 text-amber-500" }, { name: "Chest", icon: Activity, color: "bg-red-500/10 text-red-500" }, { name: "Back", icon: Bone, color: "bg-green-500/10 text-green-500" }, { name: "Throat", icon: Thermometer, color: "bg-pink-500/10 text-pink-500" }, ] const results = [ { condition: "Common Cold", match: "85%", severity: "mild", advice: "Rest, hydrate, OTC medication" }, { condition: "Seasonal Allergies", match: "72%", severity: "mild", advice: "Antihistamines, avoid triggers" }, { condition: "Sinus Infection", match: "45%", severity: "moderate", advice: "Consult doctor if symptoms persist" }, ] export default function SymptomsChecker() { const [selectedPart, setSelectedPart] = useState("") const [showResults, setShowResults] = useState(false) return (

Symptom Checker

Assess your symptoms and get health guidance

{!showResults ? ( <> Where is your symptom located? Select the body area to get started {bodyParts.map((part) => ( setSelectedPart(part.name)} className={cn( "flex flex-col items-center gap-2 rounded-xl border p-4 transition-colors", selectedPart === part.name ? "border-primary bg-primary/5" : "hover:bg-muted" )} >

{part.name} ))} {selectedPart && ( Describe your symptoms Tell us what you're experiencing

{["Pain", "Pressure", "Fatigue", "Dizziness", "Nausea", "Fever"].map((s) => ( {s} ))}

When did it start?

{["Today", "2-3 days", "1 week", "2+ weeks"].map((t) => ( {t} ))}

)} ) : (

Important Disclaimer

This is not a medical diagnosis. Always consult a healthcare professional for medical advice.

Possible Conditions Based on your symptoms {results.map((r, idx) => (

{r.condition}

{r.match} match

{r.advice}

))}

)}

) }

Symptoms Checker

Symptom Checker

Symptom Checker