1  import {
 2      Card,
 3      CardContent,
 4      CardDescription,
 5      CardFooter,
 6      CardHeader,
 7      CardTitle,
 8    } from "@/components/ui/card"
 9    import { Button } from "@/components/ui/button"
10    import Link from 'next/link'
11  
12  export default function ExampleCard({title, desc, href, image, imagealt}) {
13  
14      return (
15          <Card className="lg:max-w-md mx-2 w-full">
16        <CardHeader>
17          <CardTitle>{title}</CardTitle>
18          <CardDescription>{desc}</CardDescription>
19        </CardHeader>
20        <CardContent>
21          <img
22            src={image}
23            alt={imagealt}
24            className="w-full rounded-sm"
25          />
26        </CardContent>
27        <CardFooter>
28          <Button asChild>
29            <Link href={href}>Visit</Link>
30          </Button>
31        </CardFooter>
32      </Card>
33      )
34  }