import { useState } from "react"; import { Card, CardContent } from "@/components/ui/card"; import { Input } from "@/components/ui/input"; import { Globe } from "lucide-react"; import Link from "next/link"; const countries = [ { name: "India", risk: "Medium", info: "A leading outsourcing destination with a skilled workforce.", code: "IN" }, { name: "Philippines", risk: "Low", info: "Strong BPO sector with English proficiency.", code: "PH" }, { name: "Mexico", risk: "Medium", info: "Nearshore advantage for U.S. businesses.", code: "MX" }, { name: "South Africa", risk: "Low", info: "Growing outsourcing hub with government support.", code: "ZA" }, ]; export default function KnowBeforeYouGo() { const [search, setSearch] = useState(""); const filteredCountries = countries.filter((country) => country.name.toLowerCase().includes(search.toLowerCase()) ); return (

); }