https://ui.shadcn.com/docs/components/card

https://react-hook-form.com/

Components:

• Card - contact form

• Badge - links

  import { Link } from "next/link"
  
  import { Badge } from "@/components/ui/badge"
  
  export function LinkAsBadge() {
    return (
      <Badge asChild>
        <Link href="/">Badge</Link>
      </Badge>
    )
  }
  

• React Hook Form

  const form = useForm()
  
  <FormField
    control={form.control}
    name="username"
    render={({ field }) => (
      <FormItem>
        <FormLabel>Username</FormLabel>
        <FormControl>
          <Input placeholder="shadcn" {...field} />
        </FormControl>
        <FormDescription>This is your public display name.</FormDescription>
        <FormMessage />
      </FormItem>
    )}
  />
  

https://ui.shadcn.com/docs/installation/vite

https://ui.shadcn.com/docs/theming

• setting up index.css (tailwind v4) for shadcn